body{
background:#388ac3 url(../img/bg.png) top center repeat-x;
margin:0;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:13px;
color:#7e7e7e;
}

h1,h2,h3,h4,h5,h6{margin:0;padding:0}
p{margin:0.5em 0;padding:0;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}
div.cleaner{clear:both;line-height:0;font-size:0;height:0;}
input.submit{cursor:pointer;}

.wrapper{
margin:0 auto;
padding:0;
width:998px;
background:#68bae4 url(../img/bg-bg.png) repeat-y;
}

.wrapper.bottom{
background:transparent;
height:16px;
}

#bg{
float:left;	
width:950px;
background:url(../img/bg-wrapper.png) no-repeat;
padding:0 22px 0 26px;
border-bottom:1px solid #00183c;
}

#top{
float:left;
width:950px;
height:120px;
position:relative;
}

#top h1{
margin:23px 0 0 15px;	
}

#top h2{
margin:19px 0 0 13px;  
}

#top ul{
position:absolute;
right:0px;
top:85px;
padding:0;
margin:0;
}

#top ul li, #top ul li a{
display:block;	
float:left;
height:35px;
list-style-type:none;
text-transform:uppercase;
padding:0;
}

#top ul li{
margin:0 0 0 3px;
padding:0;
}

#top ul li span{
width:9px;
height:35px;
float:left; 
}

#top ul li span.left{
background:url(../img/mnu-left.png) no-repeat;
}

#top ul li span.right{
background:url(../img/mnu-right.png) no-repeat;
}

#top ul li.sel span.left, #top ul li:hover span.left{
background-image:url(../img/mnu-sel-left.png);	
}

#top ul li.sel span.right, #top ul li:hover span.right{
background-image:url(../img/mnu-sel-right.png); 
}

#top ul li span.CSStoHighSpanLeft{
display:none;
}

#top ul li span.CSStoHighSpanRight{
display:none;
}

#top ul li a{
line-height:35px;
text-align:center;
text-decoration:none;
color:#e6e6e6;
background:url(../img/mnu.png) repeat-x;
}

#top ul li.sel a, #top ul li:hover a{
background:#f5f5f5;
color:#626262;
}

#top #lang{
position:absolute;
float:right;
width:auto;
margin:0;
padding:0;
float:left;
width:auto;
top:20px;
right:9px;
}

#top #lang li,#top #lang li a{
display:inline;
float:none;
}

#top #lang li{
margin:0;
padding:0 0 0 30px;
}

#top #lang li a{
color:#f4f4f4;
line-height:17px;
height:17px;
background:none;
}

#top #lang li.de{
background:url(../img/de.png) no-repeat 0 0;
}

#top #lang li.sk{
background:url(../img/sk.png) no-repeat 0 0;
}

#content{
float:left;
width:922px;
border:7px solid #f4f4f4;
background:#e6e6e6 url(../img/bg-content.png) repeat-x;
padding:7px 7px 0 7px;
position:relative;
}

#footer{
float:left;
width:916px;
height:74px;
background:url(../img/bg-footer.png) repeat-x;
margin:2px 0 24px 0;
padding:9px 17px;
position:relative;
}

#submenu{
float:left;
width:256px;
padding:0;
}

.sub #submenu div.main{
margin:85px 0 0 0;	
}

#submenu ul{
margin:85px 0 0 12px;
padding:0 17px 0 0;
}

#submenu ul.main li{
list-style-type:none;
text-transform:uppercase;
margin:0;
padding:0;
background:url(../img/arrow-submenu.png) no-repeat 0 6px;
position:relative;
}

#submenu ul.main li a{
text-decoration:none;
color:#000;
font-size:14px;
margin:2px 0 3px 23px;
padding:1px 0 0 8px;
width:247px;
display:block;
line-height:28px;
z-index:1;
}

.sub #submenu ul.main li a:hover,.sub #submenu ul.main li.sel a{
background:#d2d2d2;
}

.sub #submenu ul.main ul{
margin:0 0 0 20px;
padding:0;	
}

.sub #submenu ul.main ul li{
background:url(../img/arrow-sub.gif) no-repeat 6px 5px;
padding:4px 0 4px 22px;
line-height:12px;
width:231px;
margin-right:10px;
list-style-type:none;
}

.sub #submenu ul.main ul li a,.sub #submenu ul.main li.sel ul li a{
color:#343333;  
font-size:12px;
text-transform:none;
line-height:12px;
background:transparent;
width:200px;
margin:0;
padding:1px 0;
}

.sub #submenu ul.main li.sel ul li.sel a{
font-weight:bold;	
}

.sub #submenu ul.main ul li a:hover{
text-decoration:underline;
background:transparent;
}

span.brdr{
display:block;
background:url(../img/hr-submenu.gif) repeat-x;
width:252px;
height:2px;
margin:0 0 0 23px;
line-height:1px;
padding:0;
font-size:1px;
}

#submenu ul.sub{
margin:0;
background:#fff url(../img/bg-menu-sub.png) repeat-x;
position:absolute;
border:1px solid #d2d2d2;
border-bottom:3px solid #afaeae;
z-index:1000;
display:none;
}

#submenu ul.sub li,#submenu ul.sub li a{
color:#343333;	
font-size:12px;
text-transform:none;
width:160px;
padding:0;
margin:0;
line-height:12px;
z-index:1001;
}

#submenu ul.sub li a{
display:block;  
}

#submenu ul.sub li{
background:url(../img/arrow-sub.gif) no-repeat 6px 7px;
padding:7px 0 7px 22px;
width:138px;
margin-right:10px;
list-style-type:none;
}

#submenu ul.sub li a:hover{
background:transparent;
text-decoration:underline;
}

#banner{
float:right;
width:598px;
padding:8px;
background:#fff;
border:1px solid #dbdbdb;
}

#pop, #pop a{
float:left;
width:281px;
}

#pop{
background:url(../img/poriadne-okna-pre.png) no-repeat;
position:absolute;
left:-7px;
top:13px;
text-align:center;
padding:17px 0;
height:35px;
}

#pop a{
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
font-size:16px;
line-height:35px;
height:35px;
}

#uvod{
float:left;
border:1px solid #dbdbdb;
width:900px;
padding:11px 10px;
margin:9px 0 7px 0;
line-height:21px;
position:relative;
overflow:hidden;
background:#fff;
font-size:12px;
}

#uvod-brdr{
float:left;
width:900px;
background:#f5f5f5;
}

#uvod-bg{
float:left;
width:900px;
background:#fff;
position:relative;
left:-273px;
padding:0;
}

#uvod .panel{
background:#fff url(../img/bg-left.gif) repeat-x;
border:1px solid #dbdbdb;
position:relative;
padding:14px 15px 0 15px;
}

#uvod #mid .panel{
padding:14px 15px 9px 9px;
margin:11px 0 0 0;
float:left;
width:276px;
}

#uvod #mid .panel.first{
margin:0; 
}

#uvod #left{
float:left;
width:270px;
position:relative;
left:273px;
}

#uvod #mid{
float:left;
width:302px;
padding:0 11px;
position:relative;
left:273px;
}

#uvod #right{
float:left;
width:252px;
position:relative;
left:273px;
padding:13px 9px 13px 13px;
}

#uvod #pre-partnerov-bok{
float:left;
width:250px;
position:relative;
left:273px;
padding:13px 9px 13px 13px;	
}

#uvod #pre-partnerov-bok a{
background:none;
padding-left:0;
}

#uvod #pre-partnerov-bok img{
padding:0;	
}

#uvod h2{
padding:0 0 19px 0; 
}

#uvod img{
padding:5px;
border:1px solid #e5e2e2;
background:#f4f4f4;
}

#uvod #left h2 img{
padding:0;
border:none;
}

#uvod #mid img{
float:left;
margin:0 8px 8px 0;
}

#uvod #left p img{
float:left;
margin:0 0 8px 0;
}

#uvod #left ul{
margin:0 0 0 15px;
padding:0;
}

#uvod a{
color:#1d75cf;
background:url(../img/arrow-link.gif) no-repeat 0 2px;
padding-left:20px;
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
}

#uvod div.novinka,#uvod div.neu{
background:url(../img/novinka.png) no-repeat;
position:absolute;
left:0;
top:0;
float:left;
width:77px;
height:66px;
}

#uvod div.neu{
background-image:url(../img/neu.png);	
}

#uvod #mid div.panel h2{
color:#216cb8;
font-size:16px;
line-height:22px;
padding:0; 
}

#uvod #mid div.panel.first h2{
font-size:22px; 
}

#uvod #mid div.panel a{
float:right;
background:url(../img/arrow-link.gif) no-repeat 0 5px;
}

#uvod #right div.panel{
background:transparent url(../img/hr.gif) repeat-x;
border:none;
padding:15px 0 0 0;
}

#uvod #right div.panel.first{
background:transparent;
padding:0 0 15px 0;
}

#uvod #right h2{
font-size:20px; 
color:#ef6e00;
padding:0 1px 8px 1px;
}

#uvod #right img{
background:#fff;
}

#footer p{
font-size:10px;
color:#f4f4f4;
margin:0;
line-height:12px;
}

#footer a{
color:#f4f4f4;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#footer form{
position:absolute;
right:20px;
top:18px;
}

#footer input.field{
background:transparent url(../img/bg-search-field.gif) repeat-x;
border:1px solid #dbdbdb;
height:18px;
width:145px;
vertical-align:middle;
padding:4px 2px;
color:#f4f4f4;
margin:0 4px 0 0;
}

#footer input.submit{
background:transparent url(../img/bg-search-btn.png) no-repeat;
line-height:25px;
height:25px;
width:74px;
border:none;
color:#f4f4f4;
vertical-align:middle;
padding:0px 0 2px 0;
}

#sub{
float:right;
width:598px;
padding:0 8px 10px 8px;
background:#fff;
border:1px solid #dbdbdb;
margin-bottom:7px;
}

#sub #top-img{
margin:0 0 12px 0;	
}

#sub #top-img img,.sub #banner img{
margin:0;
padding:0;
border:none;
}

.sub #submenu{
width:286px;
}

.sub #submenu ul li{
text-transform:none;
}

.sub #submenu ul{
margin-bottom:20px;
}

#obsah{
padding:8px 0 0 0;
margin:0 0 25px 0;
line-height:21px;
font-size:13px;
}

#obsah h2{
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;	
font-weight:bold;
font-size:21px;
line-height:21px;
display:inline;
padding:0 1px 6px 1px;
background:transparent url(../img/hr.gif) repeat-x 0 100%;
color:#494a4a;
}

#obsah img{
padding:5px;
border:1px solid #e5e2e2;
background:#f4f4f4;
float:left;
}

#obsah p img{
margin:0 10px 10px 0; 
}

#obsah p.h2,#uvod p.h2{
margin:0;
padding:0;
line-height:10px;
}

#obsah p.h3,#uvod p.h3{
margin:0;
padding:0;
line-height:5px;
}

#obsah h4,#uvod #obsah h4,#obsah h4 a,#uvod #obsah h4 a{
padding:4px 0 4px 0;	
font-size:14px;
font-weight:normal;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
}

#obsah h4 a,#uvod #obsah h4 a{
color:#202020;	
background:url(../img/arrow-obsah.png) no-repeat 0 4px;
padding-left:27px;	
}

#obsah h3{
color:#202020;
font-size:14px;
font-weight:normal;
line-height:21px;
display:inline;
padding:0 1px 6px 1px;
background:transparent url(../img/hr.gif) repeat-x 0 100%;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
}

#obsah ul{
padding:0 0 0 20px;
margin:0.5em 0;
}

#obsah a{
color:#216CB8;
background:none;
padding-left:0;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:13px;
}

#obsah table{
width:100%;	
}

.sub .panel{
float:left;
width:276px;
height:109px;
background:transparent url(../img/bg-panel-sub.png) no-repeat;
margin:0 0 10px 2px;
padding:9px 11px 9px 7px;
}

.sub .panel img{
float:left;
margin:0 8px 0 0;
}

.sub .panel h2{
font-size:14px;
color:#494949;
line-height:14px;
}

.sub .panel a{
color:#1d75cf;
background:url(../img/arrow-link.gif) no-repeat 0 3px;
padding-left:20px;
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
float:right;
}

.sub .panel p{
line-height:15px;
}

#obsah td img{
border:1px solid #e5e2e2;
padding:0;
float:none;
border:1px solid #989898;
}

#obsah-bok{
float:left;
width:371px;
background:#ebf7fd;
margin-right:10px;
}

#uvod #obsah-bok{
width:679px;	
}

#obsah-bok h2{
line-height:14px;
font-size:14px;
font-weight:bold;
color:#fff;
background:#01265d;
padding:7px 0 6px 10px;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
}

#obsah-bok ul{
padding:0 0 0 14px;
margin:4px 0;
}

#obsah-bok ul li{
list-style-type:none;
font-size:13px;
background:url(../img/dot-blue.gif) no-repeat 0 7px;
padding:0 0 0 13px;
line-height:20px;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:13px;
}

#uvod #obsah a,#uvod #obsah-bok a,#uvod #banner-bok a,#uvod #galeria a{
background:none;
padding-left:0;	
}

#obsah-bok a,#banner-bok a{
color:#646363;
text-decoration:underline;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:13px;
}

#banner-bok img,#uvod #galeria img{
border:none;
padding:0;
}

#banner-bok{
float:left;
width:211px;
height:141px;
}

#search-page{
line-height:15px;	
}

#search-page form table td{
vertical-align:top;
padding:10px 5px;
}

#search-page form table td.nadpis{
width:150px;  
}

#search-page form table td.text{
width:auto;  
}

#search-page form table label{
float:none;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
}

#search-page form table input.field{
float:none;
margin:0;
width:310px;
}

#search-page ul{
padding:0;
}

#search-page li{
list-style-type:none;
padding:5px;
background:transparent;
}

#search-page form table td.nadpis label, #search-page ul li span.nadpis a{
font-size:12px;
font-weight:bold;
color:#216CB8;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
}

#search-page ul li span.nadpis a{
font-size:16px;
font-weight:bold;
line-height:22px;
padding:0;
}

#search-page form table td.nadpis span,#search-page form table td.tip{
font-family:Arial,sans-serif;
font-size:11px;
color:#969696;
}

#search-page ul li span.text{
color:#7E7E7E;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:12px;
}

#pages{
clear:both;
text-align:center;
font-size:12px;
font-weight:normal;
color:#969696;
padding:10px 0 0 0;
font-family:Arial,sans-serif;
}

#pages span, #pages a{
margin:0 6px; 
}

#pages a{
font-weight:bold;
color:#444;
}

#pages a.sel{
color:#216CB8;  
}

#objednavka table,#pristup-form table,#kontakt table{
width:100%;
border-collapse:collapse;
table-layout:fixed;
}

#objednavka td,#pristup-form td,#kontakt td{
vertical-align:top;
padding:5px 8px 5px 4px;
}

#objednavka table.grid td{
padding:0;
}

#objednavka td.nazov,#pristup-form td.nazov,#kontakt td.nazov{
text-transform:uppercase;
font-weight:bold;
width:16%;
}

#objednavka td.hodnota,#pristup-form td.hodnota,#kontakt td.hodnota{
width:84%;	
}

#objednavka td.hodnota_small{
width:20%;  
}

#objednavka label,#pristup-form label,#kontakt label{
font-size:12px;
line-height:18px;
}

#objednavka input.field,#objednavka select.field,#pristup-form input.field,#kontakt input.field{
width:115px;
margin:0;
font-size:13px;
}

#objednavka input.long,#pristup-form input.long{
width:300px;
}

#objednavka input.short,#pristup-form input.short{
width:25px;	
}

#objednavka input.radio,#pristup-form input.radio{
margin:0 7px 0 0;
vertical-align:middle;
font-size:12px;
line-height:18px;
}

#objednavka label.radio,#objednavka label.radio,#pristup-form label.radio,#pristup-form label.radio{
margin:0 7px 0 0;	
}

#objednavka td.hodnota label,#pristup-form td.hodnota label,#kontakt td.hodnota label{
margin:0 8px 0 0;	
}

#objednavka td.hodnota input.field, #objednavka td.hodnota select.field,#pristup-form td.hodnota input.field, #pristup-form td.hodnota select.field,#kontakt td.hodnota input.field, #kontakt td.hodnota select.field{
margin:0 20px 0 0; 	
}

#objednavka table.grid input.field, #objednavka table.grid select.field{
margin:0;	
}

#objednavka td.hodnota input.short.field,#pristup-form td.hodnota input.short.field{
margin:0;   
}

#objednavka h3{
display:block;
background:none;
margin:0;
}

#objednavka textarea{
width:100%;	
}

#objednavka tr.even,#pristup-form tr.even,#kontakt tr.even{
background:#d5eaf7;	
}

#objednavka tr.odd,#pristup-form tr.odd,#kontakt tr.odd{
background:#f4f5f7;
}

#objednavka input.button,#pristup-form input.button,#kontakt input.button{
margin:2px;	
}

span.red{
color:#FF1313;
margin:0 0 0 3px;
}

#galeria{
margin:0;
padding:15px 0 0 0;
}

#galeria .foto{
padding:5px;
border:1px solid #e5e2e2;
background:#f4f4f4;
float:left;
margin:0 23px 15px 0;
width:88px;
text-align:center;
}

#uvod #galeria .foto{
margin:0 14px 15px 0;	
}

#galeria .foto.last,#uvod #galeria .foto.last{
margin-right:0;
}

#galeria .foto img{
margin:0;	
}

#infobox{
padding:0 0 20px 0;
line-height:20px;
color:#000;
font-size:13px;
width:100%;
}

#infobox .ok{
text-align:center;
border:1px solid #009D01;
background:#D0FFD3;
padding:10px;
}

#infobox .chyba{
text-align:center;
border:1px solid #FF1313;
background:#FFD0D0;
padding:10px;
}

#infobox a{
text-decoration:underline;	
}