.oko img {height:524px}
.oko1 img{width:640px;height:580px}
.oto {border:3px solid red;padding:5px;margin:10px}
.redbutton, .redbutton:link, span.redbutton  {text-decoration: none;color:#FFF;font-size:22px;padding:5px;border:1px solid #CC0000;text-align:center;background-color:#CC0000;cursor:pointer}
body{background:#fff;font-family:Arial,Helvetica,Tahoma,sans-serif;font-size:14px;color:#444}
* {margin:0;padding:0;}
p{line-height:1.9em;margin-bottom:20px}
a{color:#382401}
a:hover{color:#000}
a:focus{outline:none}
hr{border:1px solid #ddd;width:100%}
h2{color:#0a4184;font-size:26px;letter-spacing:-0.5px;font-weight:normal;padding:17px 0 5px;margin:0}
h3{color:#C92B28;font-size:18px;font-weight:bold;margin-bottom:10px}
img{border:0}
input,textarea,select{width:450px;font-size:22px;text-decoration:none;background:#fff;color:#000;border:1px solid #0a4184;font-family:Tahoma,arial,Helvetica,sans-serif;margin:0 10px 10px 0;padding:5px}
#container{width:1000px;margin:0 auto;padding:0;background:#fff}
#body{background:#fff none repeat-y scroll 0 0;margin:0 auto;padding-top:20px;width:960px}
header{padding:5px 0 30px;margin:0 auto;background:#fff}
header h1 {padding:1px 0 5px 55px;color:#0a4184;font-size:30px;font-weight:normal;text-decoration:none;letter-spacing:-0px;float:left;background-image:url('/images/logo.jpg');background-repeat:no-repeat;background-position:left top}
header ul{list-style:none;padding:0 10px;margin:0}
header ul li{float:left;display:block;padding:0}
header ul li a{color:#0a4184;display:block;font-size:14px;padding:7px 10px;text-decoration:none}
header ul li a:hover,h1 a:hover{background:#ddd}
article{float:right;width:640px;margin:0}
article ul{list-style:none;padding:5px 10px;margin:5px}
article ul li{text-align:justify;display:block;padding:0}
article ul li a,article p a{color:#000;display:block;font-size:14px;padding:7px 30px;text-decoration:none}
article ul li a:hover,h1 a:hover,article p a:hover{background:#ddd}
article p a{color:#4d4d4d;font-size:18px;margin-top:2px;background-color:#ddd;text-align:center;padding:6px 0}
article p a.arrow-right{background:#ddd url('/images/arrow-right.jpeg') no-repeat 98% 50%;padding-right:40px}
article p a.arrow-left{background:#ddd url('/images/arrow-left.jpeg') no-repeat 98% 50%;padding-right:10px}
article p a.arrow{background:#ddd url('/images/arrow.jpeg') no-repeat 98% 50%;padding-right:10px}
article p a.play{background:#ddd url('/images/play.jpeg') no-repeat 98% 50%;padding-right:10px}
nav{width:300px;padding:0;float:left}
nav ul{margin:0;padding:0;list-style:none}
nav ul li{line-height:1.9em}
nav li ul{background:#fff}
nav li ul li{display:block;border-top:none;padding:6px 7px;margin:0;line-height:1em;font-size:18px;color:#0a4184}
nav li ul li a{font-weight:normal;color:#0a4184}
nav li ul.list{padding-bottom:20px}
nav li ul.list li{padding:0;display:inline}
nav li ul.list li a{display:block;padding:10px 0px;text-decoration:none;margin-top:2px;background-color:#ddd;color:#4d4d4d;text-align:center;}
nav li ul.list li a.webcam,article p a.webcam{border: 1px solid #000;font-weight:bold;color:#000;font-size:14px;margin:8px 0;background-color:#f8f8f8;text-align:center;padding:17px 0}
nav li ul.list li a.online{display:none}
nav li ul.list li a:hover{background-color:#ddd;color:#000}
nav li ul li a:hover{color:#331F00}
nav h2{color:#C92B28;font-size:20px}
footer{width:auto;margin:0 auto}
footer div{background:#333 none repeat-x scroll top left;padding:20px 5px}
footer p{text-align:center;color:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}
footer p a{color:#fff;text-decoration:none}
input[type=checkbox]{display:none}
input[type=checkbox]:checked + .list{display:block}
.h2 {color:#C92B28;font-size:20px;letter-spacing:-0.5px;font-weight:normal;padding:4px 0;margin: 0}
.clear{clear:both}
.reklama{display:block;width:300px;height:250px}
.reklama1{display:block;width:300px;height:600px}
.reklama2{display:none}
.reklama3{display:block;width:580px;height:400px}
.reklama4{display:block;width:970px;height:250px}
@media screen and (max-width:987px){
input,textarea,select{width:290px}
.reklama,.reklama1,.reklama4 {display:none}
.reklama3,.reklama2{display:block;width:auto;height:250px}
article h2{margin:5px 0;color:#4d4d4d;background-color:#f8f8f8;font-weight:bold;font-size:16px;padding:9px 0}
nav h2{display:none}
label{background:#ddd url('/images/rwdmenu.jpeg') no-repeat 50% 50%;padding:17px 50%}
#container{width:100%}
#container img,#container iframe{max-width:100%;height:auto}
#body{width:98%;padding:0 1%}
header{display:none}
article{float:none;width:100%;}
nav{padding-top:10px;float:none;width:100%}
nav ul.list{position:static;display:none}
article p a,nav li ul.list li a{font-weight:bold;color:#4d4d4d;font-size:16px;margin:8px 0;background-color:#ddd;text-align:center;padding:17px 0}
nav li ul.list li a.webcam{font-size:16px}
nav li ul.list li a.online{display:block;background-color:#f7f8c4}
nav li ul.list li{display:block;text-align:center}
footer{font-size:22px;}
form{text-align: center}
}