body {

  padding: 0px; 

  margin: 0px; 

  background-image: url(backgnd.jpg); 

  background-repeat: repeat-x;

  background-color: white; 

  color: #332a1e; 

  }

  

  #CalcForm {

  background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));

  background: -webkit-linear-gradient(bottom, #CCCCCC, #EEEEEE);

  background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);

  background: -ms-linear-gradient(bottom, #CCCCCC, #EEEEEE);

  background: -o-linear-gradient(bottom, #CCCCCC, #EEEEEE);

  background: linear-gradient(bottom, #CCCCCC, #EEEEEE);

  color: #09C;

  margin: auto;

  position: relative;

  width: 860px;

  font-family: Tahoma, Geneva, sans-serif;

  font-size: 14px;

  font-style: italic;

  line-height: 24px;

  font-weight: bold;

  text-decoration: none;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  padding: 15px;

  border: 1px solid #999;

  border: inset 1px solid #333;

  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

  }

  

  #askformore {

  color :darkgreen;

  margin: auto;

  position: relative;

  width: 860px;

  font-family: Tahoma, Geneva, sans-serif;

  font-size: 16px;

  line-height: 24px;

  text-decoration: none;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  padding: 15px;

  border: 1px solid #999;

  border: inset 1px solid #333;

  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

  text-align: justify;

  text-justify: inter-word; 

  text-indent: 20px;

  }

  

  input, select, textarea  {

  border: 1px solid #999;

  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);

  }

  

  textarea:focus, input:focus , select:focus {

  border: 1px solid #09C;

  }

  

  #backlink {

      position: absolute;

      -webkit-animation-name: buttonmove;

      -webkit-animation-duration: 2s;

      -webkit-animation-iteration-count: 1;

      animation-name: buttonmove;

      animation-duration: 2s;

      animation-iteration-count: 1;

    animation-timing-function: ease-in-out;

  }

  

  #RecalcLabel {

     font-weight: bold; 

     text-decoration: none; 

     font-style: normal; 

     color: red;

  }

  

  

  @-webkit-keyframes buttonmove {

      0%   {left:0px; top:0px;}

      25%  {left:10px; top:25px;}

      50%  {left:20px; top:50px;}

      75%  {left:10px; top:20px;}

      100% {left:0px; top:0px;}

  }

  @keyframes buttonmove {

      0%   {left:0px; top:0px;}

      25%  {left:10px; top:25px;}

      50%  {left:20px; top:50px;}

      75%  {left:10px; top:20px;}

      100% {left:0px; top:0px;}

  }

  

  

  /* mobile 480px max, cascading with the styles above */

  @media only screen and (max-device-width: 480px) {

      #EnergyCalc {

    width: 400px;

    }

    

    #askformore {  

    width: 400px;

    }

  }

  /* mobile 720px max, cascading with the styles above */

  @media only screen and (max-device-width: 720px) {

    #EnergyCalc {

    width: 600px;

    }

      #askformore {  

    width: 600px;

    }

  }

  

  /* hover image за картата на климатичните зони */

  span.dropt {border-bottom: thin dotted; }

  span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }

  span.dropt span {position: absolute; left: -9999px;

    margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;

    border-style:solid; border-color:black; border-width:1px; z-index: 6;}

  span.dropt:hover span {left: 2%; background: #ffffff;} 

  span.dropt span {position: absolute; left: -9999px;

    margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 

    border-style:solid; border-color:black; border-width:1px;}

  span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

  

  /* резултата */

  #ResultLabel1, #ResultLabel2, #ResultLabel3, #ResultLabel4, #ResultLabel5, #ResultLabel6, #ResultLabel7 {

     font-size: 18px;

     font-weight: bold; 

     text-decoration: none; 

     font-style: normal; 

     color: #09C;

     text-shadow:gold 0 0 2px;	

  }

  #animated-result, #animated-result2, #animated-result3 {

    padding: 10px; 

    margin: 10px; 

    border-radius: 10px;

    border: 1px solid #999;

    border-top: #ccc 1px solid;

    border-right: #ccc 1px solid;

    border-bottom: #777 1px solid;

    border-left: #777 1px solid;

    border-style: groove;

  }

  .animated { 

      -webkit-animation-duration: 5s; 

      animation-duration: 5s; 

      -webkit-animation-fill-mode: both; 

      animation-fill-mode: both; 

      -webkit-animation-timing-function: ease-in; 

      animation-timing-function: ease-in; 

  } 

  @-webkit-keyframes fadeInLeft { 

      0% { 

          opacity: 0; 

          -webkit-transform: translateX(-20px); 

      } 

      100% { 

          opacity: 1; 

          -webkit-transform: translateX(0); 

      } 

  } 

  @keyframes fadeInLeft { 

      0% { 

          opacity: 0; 

          transform: translateX(-20px); 

      } 

      100% { 

          opacity: 1; 

          transform: translateX(0); 

      } 

  }

  .fadeInLeft { 

      -webkit-animation-name: fadeInLeft; 

      animation-name: fadeInLeft; 

  }

  

  

  #bulbimg{

      cursor: crosshair;

    margin: 10px

  }

  #bulbimg:hover{

    -webkit-border-radius: 15px;

      -moz-border-radius: 15px;

      border-radius: 15px;

    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 255, 0, 0.67);

    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 255, 0, 0.67);

    box-shadow:         0px 0px 30px 0px rgba(0, 255, 0, 0.67);

  }

  #bulbimg:last-of-type:hover{

      -webkit-border-radius: 15px;

      -moz-border-radius: 15px;

      border-radius: 15px;

    -webkit-box-shadow: 0px 0px 30px 0px rgba(255, 215, 0, 0.67);

    -moz-box-shadow:    0px 0px 30px 0px rgba(255, 215, 0, 0.67);

    box-shadow:         0px 0px 30px 0px rgba(255, 215, 0, 0.67);

  }

  #label {

      cursor: pointer;

    }

    

    textarea {

      width: 400px;

      height: 150px;

    }