body {font-size: 16px; font-family: Verdana, Tahoma, serif; color: #000;}

h1 {font-size: 24px; color: #00ded9; font-weight: normal; letter-spacing: 1px; font-family: Arial, Verdana, serif; padding: 10px 0px 15px 0px;}
h2 {font-size: 18px; color: #00ded9; font-weight: bold; letter-spacing: 1px; font-family: Arial, Verdana, serif; padding: 5px 0px 0px 0px; margin: 0px;}
h3 {font-size: 16px; color: #FFFFFF; font-weight: bold; letter-spacing: 1px; font-family: Arial, Verdana, serif; padding: 5px 0px 10px 0px; margin: 0px;}
.h1 {font-size: 24px; color: #00ded9; font-weight: normal; letter-spacing: 1px; font-family: Arial, Verdana, serif;}
.h2 {font-size: 18px; color: #00ded9; font-weight: bold; letter-spacing: 1px; font-family: Arial, Verdana, serif;}
.h3 {font-size: 16px; color: #FFFFFF; font-weight: bold; letter-spacing: 1px; font-family: Arial, Verdana, serif;}

img.right {float: right; margin: 10px 0px 20px 20px;}
img.center {display: inline-block; margin: 10px 10px 20px 10px; vertical-align: top;}
div.center {text-align: center;}
p {line-height: 28px; padding: 0px 0px 5px 10px; text-align: justify;}
p.left {text-align: left;}
p.right {text-align: right;}
p.center {text-align: center;}
p.justify {text-align: justify;}
p.blue {color: #abfffe;}
div.hr {background: url('../images/horizontal-line.gif') left bottom repeat-x; padding-top: 5px; height: 5px;}
div.hr hr {padding: 0px; margin: 0px; visibility: hidden;}

#content a {color: #FFF; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid #FFF;}
#content a:visited {border-bottom: 1px dotted #AAA;}
#content a:hover {color: #00ded9; border-bottom: 1px solid #00ded9;}
#content_white a {color: #000; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid #000;}
#content_white a:visited {border-bottom: 1px dotted #000;}
#content_white a:hover {color: #017373; border-bottom: 1px solid #017373;}

#content ul li {line-height: 26px; padding-bottom: 5px;}
#content ol li {line-height: 26px; padding-bottom: 5px;}

#content .images a {display: inline-block; border: none; text-decoration: none;}
#content .images img {border: 1px solid #FFF;}

/*#content p strong {font-style: italic;}
#content ul li strong {font-style: italic;}
#content ol li strong {font-style: italic;}*/

#home {width: 360px;}
#home div.scroller {border: 1px solid #0c4e4c; text-align: left;}
#home span.header {display: inline-block; background: #0c4e4c; padding: 8px 15px; vertical-align: top; font-size: 18px; color: #FFF; font-weight: bold; letter-spacing: 1px; font-family: Arial, Verdana, serif;}
#home span.header h2 {display: inline; color: #FFF;}
#home #scroller {display: inline-block; width: 475px; margin-top: 8px; vertical-align: middle; color: #abfffe; overflow: hidden; position: relative;}
#home #scroller span {display: block; white-space: nowrap; overflow: hidden; position: absolute; left: 0px; top: 0px;}

#content #home-offer {width: 180px; height: 345px; float: right; font-weight: bold; margin-top: 0px; font-size: 13px;  background: url('/content/images/system-do-pomiaru-wietrznosci-banner.jpg') 0px 20px no-repeat; position: relative;}
#content #home-offer img {border: none;}
#content #home-offer a {border: none; padding: 0px;}
#content #home-offer div.text {position: absolute; top: 85px; left: 5px; color: #000;line-height: 26px; font-size: 14px;}
#content #home-offer div.text a {color: #FFF; background: #216566; padding: 3px 5px;}
#content #home-offer div.text a:hover {color: #00969b;}
#content #home-offer div.link {background-color: #FFF; border-top: 5px solid #222; position: absolute; bottom: 0px; width: 180px;}
#content #home-offer div.link a {margin: 7px 10px; color: #000; padding: 0px; border: none; text-decoration: underline; display: block; background-image: url('/content/images/offer-arrow.gif'); background-repeat: no-repeat; background-position: 146px 0px;}
#content #home-offer div.link a:hover {color: #00969b; background-position: 146px -25px;}

#user_form {padding: 10px;}
#user_form div {padding: 2px 0px 20px 0px; text-align: right;}
#user_form span {float: left; text-align: left; padding-top: 2px;}
#user_form input.text, textarea.text {width: 360px; border: 1px solid #000; font-family: Tahoma, Verdana, sans; font-size: 15px; background: #EEE; padding: 3px;}
#user_form input.small {width: 80px; margin-right: 20px; }
#user_form input.button {margin-right: 180px; padding: 3px 0px; width: 180px; font-weight: bold; font-family: Tahoma, Verdana, sans; font-size: 14px;}
#user_form input.required, textarea.required {}
#user_form strong.required {color: #00ded9;}
#user_form img.capchta {vertical-align: top; margin: 0px 160px 0px 0px; border: 1px solid #000;}
#user_form input.error, textarea.error {border: 1px solid #c00000; background: #eab0b1;}
#user_form div.err, #user_form div.msg {text-align: center; font-weight: bold; margin: 5px; padding: 0px 30px 20px 30px; line-height: 26px;}
#user_form div.err {color: #ff0000;}
#user_form div.msg {color: #06a64c;}

#contact {padding: 0px 0px 10px 0px; line-height: 28px;}
#contact div {padding: 5px 0px;}
#contact span {display: inline-block; width: 250px; vertical-align: top;}

#references {text-align: center; padding: 20px 0px;}
#references img {margin: 10px; border: 1px solid #000;}
#references a {border: none;}
#references a:visited {border: none;}
#references a:hover {border: none;}

#sitemap {}
#sitemap li {list-style: url('../images/sitemap-icon.gif');}
#sitemap ul li {font-size: 14px; padding-bottom: 5px;}

#gallery ol {padding: 0px 5px 0px 0px; list-style: none;}
#gallery ol li {padding: 2px 5px 15px 5px; color: #00ded9; vertical-align: top;}
#gallery ol li.bg {background: #010101;}
#gallery ol li a {vertical-align: top;}
#gallery ol li span {float: right; width: 100px; font-size: 14px; color: #CCC; text-align: right; vertical-align: top;}
#gallery ol li span.city {width: 140px;}
#gallery ol li.img {height: 90px;}
#gallery ol li.img img {border: 1px solid #000; margin: 1px; display: block;}
#gallery ol li.img a.img {display: inline-block; border: 1px solid #FFF; padding: 0px; margin: 0px 15px 0px 0px; float: left;}
#gallery ol li.img a.img:hover {border: 1px solid #00ded9;}
#gallery ol li.img span {display: inline; float: none; text-align: left; font-style: italic;}
#gallery ol li.img strong {display: block; float: left; text-align: left; width: 35px;}

#gallery div.images {text-align: center;}
#gallery div.images ul {margin: 0px; padding: 0px; list-style: none;}
#gallery div.images ul li {display: inline; width: 130px; height: 130px; vertical-align: middle;}
#gallery div.images ul li span {display: inline-block; width: 136px; height: 136px;}
#gallery div.images ul li span.button {width: 30px;}
#gallery div.images a {display: inline-block; border: 1px solid #FFF; padding: 0px;}
#gallery div.images a:hover {border: 1px solid #00ded9;}
#gallery div.images a.selected {border: 1px solid #00ded9;}
#gallery div.images img {border: 1px solid #000; vertical-align: middle;}

#gallery div.popup {padding: 5px 20px; background: #222 url('../images/content-black-shadow.gif') left top repeat-x;}
#gallery div.popup h3 {color: #00ded9; padding: 5px 0px 0px 0px; margin: 0px; font-weight: normal; font-size: 16px;}
#gallery div.popup h4 {color: #FFF;  padding: 5px 0px 0px 0px; margin: 0px; font-weight: normal; font-size: 15px;}
#gallery div.popup div.big {text-align: center; height: 475px;}
#gallery div.popup div.big img {border: 1px solid #FFF; margin: 15px 0px 5px 0px;}
#gallery div.popup div.images {background-color: #222; padding: 10px 0px 30px 0px}
#gallery div.popup a.prev {display: inline-block; border: none; overflow: hidden; width: 0px; height: 30px; padding: 0px 0px 0px 30px; background-image: url('../images/popup-buttons.gif'); background-repeat: no-repeat; background-position: 0px -90px;}
#gallery div.popup a.prev:hover {background-position: 0px -120px;}
#gallery div.popup a.prev_off {background-position: 0px -150px;}
#gallery div.popup a.prev_off:hover {background-position: 0px -150px;}
#gallery div.popup a.next {display: inline-block; border: none; overflow: hidden; width: 0px; height: 30px; padding: 0px 0px 0px 30px; background-image: url('../images/popup-buttons.gif'); background-repeat: no-repeat; background-position: 0px 0px;}
#gallery div.popup a.next:hover {background-position: 0px -30px;}
#gallery div.popup a.next_off {background-position: 0px -60px;}
#gallery div.popup a.next_off:hover {background-position: 0px -60px;}