#main {
  position: relative;
  left: -22px;
  width: 679px;
}
#tresc_strony2 {
  background-color: rgba(255, 255, 255, 0);
  background-image: url('images/cloth.jpg');
  background-size: 500px 500px;
  box-shadow: 0 0 5px rgb(57, 94, 123);
}
#tresc_strony22 {
background-color: rgba(255, 255, 255, 0);
}
a#meteogramy {
  width: 150px;
  height: 130px;
  background-color: rgba(58, 78, 90, 0.48);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 20px;
  position: absolute;
  right: -20px;
  background-image: url('images/meteogramy.png');
  background-repeat: no-repeat;
  background-position: 30px 0px;
  box-shadow: 0 0 20px rgba(58, 78, 90, 0.48);
}
a#meteogramy:hover {
  background-color: rgba(41, 82, 106, 0.87);
  box-shadow: 0 0 20px rgba(41, 82, 106, 0.87);
}
p#meteogramy {
  position: absolute;
  bottom: 0px;
  right: 5px;
  color: white;
  font-size: 22px;
}
h1#title {
  color: white;
}
i {
  color: rgb(183, 233, 255);
  font-size: 20px;
}
.cell {
  width: 680px;
  height: 300px;
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.7);
  display: block;
  background-image: url('images/background-thunder.jpg');
}
div#icon {
  box-shadow: 0 0 10px rgba(224, 236, 255, 0.36);
  position: absolute;
  top: 30px;
  left: 20px;
  background-color: rgba(224, 236, 255, 0.36);
  border-bottom-left-radius: 100px;
}
div#icon img,div#winddir img{
  box-shadow: 0 0 5px rgba(255, 255, 255, 0);
}
#relative {
  position: relative;
  width: 400px;
  height: 300px;
}

form#livesearchform {
  width: 420px;
  height: 170px;
  background-color: rgba(58, 78, 90, 0.48);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 20px;
  box-shadow: 0 0 20px rgba(58, 78, 90, 0.48);
}
a#linki {
  color: rgb(255, 189, 0);
  font-size: 20px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.41);
}
a#linki:hover {
  color: rgb(255, 189, 0);
  background-color: rgba(144, 218, 251, 0.46);
  box-shadow: 0 0 5px rgb(0, 236, 255);
}
input#livesearchinput {
  box-shadow: 0 0 10px rgba(224, 236, 255, 0.36);
  background-color: rgba(224, 236, 255, 0.36);
  font-size: 20px;
  color: white;
  border-radius: 10px;
}


p#temp {
  color: white;
  font-size: 40px;
  position: absolute;
  left: 210px;
  top: 30px;
}
p#tempdown {
  position: absolute;
  left: 210px;
  font-size: 30px;
  top: 70px;
  color: rgb(213, 213, 213);
}
div#winddir {
  left: 330px;
  box-shadow: 0 0 10px rgba(224, 236, 255, 0.36);
  position: absolute;
  top: 40px;
  border-radius: 100%;
  background-color: rgba(224, 236, 255, 0.36);
}
p#windvelocity {
  color: white;
  font-size: 25px;
  position: absolute;
  left: 305px;
  top: 77px;
  width: 150px;
}
p#windgusts {
  color: rgb(255, 189, 0);
  font-size: 20px;
  position: absolute;
  left: 310px;
  top: 100px;
  width: 150px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.41);
}
p#precipitation {
  color: rgb(189, 232, 255);
  font-size: 22px;
  position: absolute;
  left: 235px;
  top: 100px;
  width: 150px;
}
p#precipitationprobability {
  color: rgb(189, 232, 255);
  font-size: 17px;
  position: absolute;
  left: 210px;
  top: 125px;
  width: 150px;
}
p#pressure {
  color: white;
  font-size: 21px;
  position: absolute;
  left: 305px;
  top: 123px;
  width: 150px;
}
p#dayname {
  color: white;
  font-size: 25px;
  position: absolute;
  left: 10px;
  top: 200px;
  width: 150px;
}
p#monthname {
  color: white;
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 230px;
  width: 150px;
}
img#drop {
  position: absolute;
  width: 25px;
  box-shadow: 0 0 5px rgba(59, 89, 109, 0);
  left: 205px;
  top: 95px;
}


div#hourlyicon img{
  box-shadow: 0 0 5px rgba(255, 255, 255, 0);
width: 80px;
}
div#hourlyicon {
  box-shadow: 0 0 10px rgba(224, 236, 255, 0.36);
  position: absolute;
  background-color: rgba(224, 236, 255, 0.36);
  height: 75px;
}
p#hour {
  position: absolute;
  bottom: 0px;
  font-size: 18px;
  left: 5px;
  color: rgb(0, 51, 58);
}
p#hourlytemp {
  position: absolute;
  top: 0px;
  font-size: 30px;
  left: 90px;
  color: white;
}
p#hourlytempfelt {
  position: absolute;
  top: 30px;
  font-size: 18px;
  left: 90px;
  color: rgb(255, 189, 0);
}
div#hourlywinddir img{
  box-shadow: 0 0 5px rgba(255, 255, 255, 0);
}
div#hourlywinddir {
  left: 230px;
  box-shadow: 0 0 10px rgba(224, 236, 255, 0.36);
  position: absolute;
  top: 5px;
  border-radius: 100%;
  background-color: rgba(224, 236, 255, 0.36);
}
p#hourlywindvelocity {
  color: white;
  font-size: 16px;
  position: absolute;
  left: 213px;
  top: 47px;
  width: 150px;
}
p#hourlyprecipitation {
  font-size: 16px;
  position: absolute;
  left: 165px;
  top: 35px;
  width: 150px;
  color: rgb(189, 232, 255);
}
p#hourlyprecipitationprobability {
  font-size: 16px;
  position: absolute;
  left: 165px;
  top: 52px;
  width: 150px;
  color: rgb(189, 232, 255);
}
div#hourlyrelative {
  position: absolute;
  width: 275px;
  height: 75px;
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.7);
  display: block;
  background-image: url('images/background-thunder.jpg');
}
img#hourlydrop {
  position: absolute;
  width: 20px;
  box-shadow: 0 0 5px rgba(59, 89, 109, 0);
  left: 175px;
  top: 10px;
}
p#tempodcz {
  position: absolute;
  top: 50px;
  font-size: 12px;
  left: 90px;
  color: rgb(255, 189, 0);
}



div#daynamebackground {
  box-shadow: 0 0 10px rgba(149, 169, 202, 0.36);
  position: absolute;
  top: 200px;
  left: 0px;
  background-color: rgba(149, 169, 202, 0.36);
  border-bottom-right-radius: 100px;
  width: 180px;
  height: 60px;
}
div#daynamebackground1 {
  box-shadow: 0 0 20px rgba(149, 169, 202, 0.19);
  position: absolute;
  top: 30px;
  right: 0px;
  background-color: rgba(149, 169, 202, 0.19);
  width: 205px;
  height: 120px;
}
div#daynamebackground2 {
  box-shadow: 0 0 20px rgba(101, 149, 228, 0.36);
  position: absolute;
  top: 180px;
  right: 0px;
  background-color: rgba(101, 149, 228, 0.36);
  width: 200px;
  height: 110px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 30px;
  color: white;
}
p#description {
  text-align: right;
}



p#actualisationdate {
  color: white;
}




div#nearest {
  width: 600px;
  height: 50px;
  margin: 10px;
}
#nearest li a{
  color: white;
  font-size: 20px;
  margin: 10px;
}
#nearest li {
  float: left;
margin-left: 20px;
}
#nearest p {
  color: white;
  font-size: 20px;
  margin: 10px;
}
#nearest li a:hover{
  background-color: rgba(144, 218, 251, 0.46);
  box-shadow: 0 0 5px rgb(0, 236, 255);
}
#nearest hr {
  margin-left: auto;
  margin-right: auto;
  background-color: rgb(119, 119, 119);
  border: none;
  width: 600px;
  position: relative;
  top: -5px;
}




::-webkit-input-placeholder { /* WebKit browsers */
    color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    white;
}