body {background: #fff url('./bg_body.jpg') 0 0 repeat-x; text-align: center; 
      font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; padding: 0; margin: 0;}
h1 {font-size: 170%; color: #37B049; margin: 0 0 20px 0; padding: 0;}
hr {display:none; margin:0px; padding:0px;}
img {border:none;}
#logo {float: left; margin-right: 15px; margin-left: 3px;}
#menu {height: 85px; margin: auto; width: 990px;}
#menu ul {padding: 0; margin: 13px 0 0 50px; list-style-type: none; /*position: absolute; top: 20px;*/ float: left;}
#menu ul li {float: left; padding: 0 15px 0 20px; line-height: 65px;}
#menu ul a {color: #fff; font-weight: bold; text-decoration: none;}
#menu ul a:hover, #menu ul li.active a {color: #FFE372;text-decoration:underline;}

#bann-bg {background: url('./bg_lines.jpg');}
#banner {height: 214px; margin: auto; width: 990px;}			
#grad-bg {background: url('./bg_gradient.jpg') 0 0 repeat-x #fff;}

#article {width: 980px; text-align: left; padding-bottom: 10px; font-size: 100%; margin: auto;}
#article #left {width: 722px; float: left; background: url('./bg_dots.jpg') repeat-y right top; 
                margin-top: 20px;padding-right:25px;padding-left:15px;}
#article #left h1 {font-size: 150%;}
#article #left h2 {font-size: 130%;color:#37B049;}
#article #left p {font-weight: normal; line-height:1.3;font-size: 90%;}
#article #left p img {border: solid 6px #dedede; margin-right:10px;}

.doprava {float:right;}
.smaz {clear:both;}

#article #left a {font-size: 100%; color:#37B049; font-weight:bold;}
#article #left a:hover {color:#000; text-decoration:underline;}
#article #left ul {list-style-type: circle;}
#article #left li {color: #ff9900; font-weight: bold;font-size:90%;padding: 0px 0 7px 0}
#article #left div.hr {margin:0px;padding:0px;margin-bottom:5px;margin-top:5px;width:100%;height:4px;background: url('./line.gif') repeat-x scroll center;}

#article #right {margin: 0 0 10px 0; padding-top: 5px;}

#article div#aktual {float:right;margin-top:15px;left:0px;width:200px;color:#555;line-height:1.2;font-size: 80%;
                     margin-right:3px;}
#article #right p {margin:0;margin-bottom:3px;padding:5px;font-size:90%;}
#article #right p.lich {background-color:#FFE9CA;}
#article #right p.sud {background-color:#FFD499;}
			
/*#footer {height: 85px; margin: auto; width: 990px; text-align: left;}*/
#footer_container {background-color: #FFBF64;padding: 1px 0px 10px 0px;} /*FFBF64*/
#footer {margin: auto; text-align: left; width: 970px;padding-left:15px;}
#footer a {text-decoration:none;}
#footer img {border: solid 5px #fff; margin-right: 3px;}
#footer h2 {font-size: 150%; color: #fff; margin: 10px 0 10px 0; padding: 0;}
#footer h3 {font-size: 120%; color: #fff; margin: 10px 0 10px 0; padding: 0;}
#pata {background: url('./bg_gradient.jpg') 0 0 repeat-x #fff;padding: 20px;text-align:left;}
#pata p {font-size:60%;color:#555;margin:0;padding:0;margin-bottom:15px;margin-top:5px;}
#pata p span {margin-left:100px;}
#pata span.ozon {float:right;width:133px;padding-top:10px;}
#pata p a {color:#000; font-size:13px; margin-right:7px;}
#pata p a:hover { text-decoration:none;}
#pata p {color:#000;  font-size:13px;}

div.box {background-color:#fff;float:left;width:350px;}
div.box h2 { margin:0px; padding:0px; padding:35px 0 7px 7px; width:350px;}
div.box p {margin:0px; padding:0px;padding:5px; line-height:1.3;}
div.box img {margin:0px; padding:0px;border:2px solid #ddd;}

#article #left div.red_box {margin-left:12px;}
#article #left div.red_box h2 {color:#C72025;background: url('./red_box.gif') no-repeat 80% 0%;border-bottom:2px solid #C72025;}
#article #left div.red_box p {border-bottom:2px solid #C72025;margin-bottom:3px;}
#article #left div.red_box a {color:#C72025;}

#article #left div.red_box p, #article #left div.brown_box p {color:#000;font-size:90%;width:347px;background-color:#FFE3CA;}

#article #left div.brown_box h2 {color:#C76120;background: url('./brown_box.gif') no-repeat 80% 0%;border-bottom:2px solid #C76120;}
#article #left div.brown_box p {border-bottom:2px solid #C76120;margin-bottom:3px;}
#article #left div.brown_box a {color:#C76120;}

table#reference {border-collapse:collapse;width:100%;}
table#reference td {padding:3px;border-bottom:1px solid #eee;}
table#reference tr.pozadi1 td {background-color:#f9f9f9;}
table#reference tr.pozadi2 td {background-color:#D8F3DC;}

table#cenik {border-collapse:collapse;width:100%;}
table#cenik td {padding:3px;border-bottom:1px solid #eee;}
table#cenik th {background-color:#f7f7f7;padding:3px;}
table#cenik tr.up {background-color:#D8F3DC;padding:3px;}

.vpravo {text-align:right;}
.centr {text-align:center;}
.sirka {width:220px;margin-right:13px;border-right:3px solid #f9f9f9;height:310px;}
.malym {font-size:65%;}
div.sirka h2 {margin:0;padding:0;}

form.regform input, form.kont input
{
display: block;
width: 300px;
float: left;
margin-bottom:10px;
background-color:#f9f9f9;
border:1px solid #cecece;
height:20px;
padding-left:5px;
padding-top:5px;
font-size:80%;
color:#777;
}

form.regform textarea, form.kont textarea {width:690px;background-color:#f9f9f9;border:1px solid #cecece;padding:5px;font-size:90%;color:#777;margin-bottom:5px;}
form.regform input.vymaz, form.kont input.vymaz {width:120px;margin-left:15px;background-color:#9CDF08;color:#fff;border:1px solid #000;padding:0px;height:27px;}
form.regform input.odesli, form.kont input.odesli {width:120px;margin-left:15px;background-color:#71A206;color:#fff;border:1px solid #000;font-weight:bold;padding:0px;height:27px;}
form.kont input.odesli {margin:0;padding:0;}
form.kont input.vymaz {margin:0;padding:0;margin-left:15px;}
form.kont select {width: 300px;color:#666;}

/* Scroller Box */
#scroller_container {
 position:absolute;
 top:110px;
 width: 945px;
 height: 35px;
 overflow: hidden;
 padding:10px 0;
}

#scroller {
 white-space: nowrap;
 line-height: 32px;
 font-size: 32px;
 font-weight:bold;
 color:#fff;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */

#article #left .dopo-section a { color:#000;}