html {height : 100%; overflow-y: scroll; }

body {margin : 0; min-height : 100%;}

img {border : 0; vertical-align : middle;}
form {padding : 0; margin : 0;}
input {vertical-align : middle;}

td {vertical-align : top;}
table {border-collapse : collapse;}

hr {border : 0 solid #fff; border-bottom : 1px solid #999999;}
table hr {border-color : #ededed; margin : 15px 0;}

a:link, a:visited {color : #336699; text-decoration : none;}
a:hover, a:active {color : #336699; text-decoration : underline;}

a.asel:link, a.asel:visited {color : #000;}
a.asel:hover, a.asel:active {color : #000;}

h1 {font-size : 29px; font-weight : bold; color : #336699; margin : 0; padding : 0 0 10px 0;} 
h2 {font-size : 22px; font-weight : bold; color : #336699; margin : 0; padding : 0 0 10px 0;} 
h3 {font-size : 15px; font-weight : bold; color : #336699; margin : 0; padding : 0 0 10px 0;} 
 
h3.kontakty {background : url(../img/kontaktytbl.png) left top no-repeat; text-transform : uppercase; padding : 7px 0 10px 10px;}  

.h3sp {padding : 5px 0;}

.upp {text-transform : uppercase;}

/* LAYOUT */
body {background : #fff; text-align : center; position : relative;}     

body, table, input, textarea {font-family : Arial, sans-serif; color : #666666; font-size : 12px; line-height : 1.2;}

#topmenu {height : 67px; background : url(../img/topmenu.png) left top repeat-x;}
#topmenuin {width : 980px; margin : 0 auto; text-align : left;}

#topmenul {margin : 0; padding : 0;}
#topmenul li {list-style : none; float : left; padding : 20px 0 0 0;}
#topmenul a {display : block; padding : 10px; margin : 0 10px 0 0; font-size : 15px; text-shadow: 2px 2px 4px #0c3d75;}
#topmenul a:link, #topmenul a:visited {color : #fff; font-weight : bold; text-decoration : none;}
#topmenul a:hover, #topmenul a:active {color : #fff; font-weight : bold; text-decoration : underline;}    
#topmenul .sel a:link, #topmenul .sel a:visited {text-decoration : underline}

#galeria {background : url(../img/galbg.jpg) left bottom no-repeat;}
#galeriain {background : url(../img/gal.jpg) center bottom no-repeat;}
#galln {height : 31px; background : url(../img/topln.png) left top repeat-x;}  
  
#footerdiv {position : absolute; bottom : 0; width : 100%;}
#footer {padding : 20px 0; background : #016597 url(../img/footer.jpg) center top no-repeat; border-top : 1px solid #8eb3cf; border-bottom : 1px solid #003862;}
#footerin {width : 980px; margin : 0 auto; text-align : left;}
#footer, #footer table {color : #fff;}
#footer ul {margin : 0; padding : 0 0 0 20px;}
#footer li {list-style-image : url(../img/fbullet.png); padding : 1px 0;}

#footer a:link, #footer a:visited {color : #fff; text-decoration : none;}
#footer a:hover, #footer a:active {color : #fff; text-decoration : underline;}


#OddPanel {background : #e7e7e7 url(../img/oddpanel.jpg) left top repeat-x; border-top : 1px solid #e8e8e8;}
#OddPanelin {width : 980px; margin : 0 auto; text-align : left; padding : 45px 0 70px 0; background-repeat : no-repeat; background-position : left 20px;}
#OddPanel, #OddPanel table {color : #666;}
#OddPanel td {vertical-align : middle;}
#OddPanel h3 {font-size : 15px; text-transform : uppercase;}            
#OddPanel .cols3tbl .ctd2 {padding-left : 40px;}  
#OddPanel a:hover, #OddPanel a:active {text-decoration : none;}

.more {text-align : right; padding : 10px 0 0 0; font-size : 15px; text-transform : uppercase; font-weight : bold;}
.back {text-align : center; padding : 10px 0 0 0; font-size : 15px; text-transform : uppercase; font-weight : bold;}

#footer2 {padding : 10px 0; background : #016597; border-top : 1px solid #5d95b7; color : #fff; font-size : 11px;}
#footer2in {width : 980px; margin : 0 auto; text-align : right;;}        
#footer2 a:link, #footer2 a:visited {color : #fff; text-decoration : underline;}
#footer2 a:hover, #footer2 a:active {color : #fff; text-decoration : underline;}

.hladaj {float : right; background : url(../img/vyhladavanie.png) left top no-repeat; padding : 0 0 0 10px; margin : 25px 0 0 0;}
.vyraz {width : 180px; margin : 0 40px 0 0; color : #9d9c9c; background : transparent; border : 0; font-size : 14px;}

#fndat {width : 980px; margin : 0 auto; text-align : left; padding : 20px 0 40px 0;}

.block { display: block; }
.dnone { display: none; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.bsiz {-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.cols3tbl {width : 980px;}
.cols3tbl .ctd1, .cols3tbl .ctd3 {width : 270px}
.cols3tbl .ctd2 {text-align : center;}
.cols3tbl .cdiv2 {width : 270px; margin : 0 auto; text-align : left;}

/* FORM */ 
.ftxt {border : 1px solid #bfc0bb; color : #676767; background : #fff; padding : 4px; vertical-align : middle;}
.ftxt {-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width : 100%;}
select.ftxt {height : 22px;}
.fbtn {border : 1px solid #bfc0bb; padding : 4px; background : url(../img/sel.png) left top; color : #676767; font-weight : bold;}

.error-msg { color: red; padding: 10px; border: 1px solid red; }

/* poranda */
.poradna-form {background : #e6e6e6; padding: 10px; color: #000; }
.poradna-form label { display: block; font-weight: bold; font-size : 10px; color : #666;}
.poradna-form label span { color: red; font-weight: bold; }

.poradna-listing { color: #fff; }
.poradna-listing .item { background-color: #006899; padding: 10px; margin: 20px 0px; }
.poradna-listing .title { cursor: pointer; }
.poradna-listing .question { display: none; cursor: pointer; margin-bottom: 20px; }
.poradna-listing .answer { display: none; }

.jsgal img {margin : 0 40px 25px 0; border : 1px solid #cbcbcb;}

/* kontakty */
.kontakty ul.oddul { padding: 0 0 0 30px; }

.kontaktytbl {width : 100%;}
.kontaktytbl td {padding : 10px 10px; border-bottom : 1px solid #999999;}
.kontaktytbl .kcol1 {width : 160px;}
.kontaktytbl .kcol3 {width : 180px; text-align : center;}
.kontaktytbl .kcol4 {width : 110px;}
.kontaktytbl a:link, .kontaktytbl a:visited {color : #666; text-decoration : underline;}
.kontaktytbl a:hover, .kontaktytbl a:active {color : #666; text-decoration : underline;}
.kontaktytbl div {_height : 16px; min-height : 16px; background-repeat : no-repeat; background-position : left top; padding : 0 0 0 20px;}

.txttable th {border : 0; border-bottom : 1px solid #999; padding : 7px 10px; background : #e1e1e1 url(../img/txttbl.png) left top repeat-x;}
.txttable td {border : 0; border-bottom : 1px solid #999; padding : 4px 10px;}

.ksform {position : absolute; margin : 10px 0 0 500px; background : url(../img/form_search.png) left top no-repeat; width : 207px;}
.ksform .txtfrm {border : 0; background : transparent; width : 135px; margin : 7px 0 0 15px; color : #9d9c9c;}
.ksform div { text-align : right; padding : 13px 0 0 0;}

.novinky  { margin : 0 0 0 240px; }
.novinky .item { margin-bottom: 15px; }
.novinky .item img { border: 1px solid #999; }     
.novinky .item .more img { border: 0; }     
.novinky .odsad { margin : 0 0 0 195px; }

.divabs {position : absolute; width : 24px; height : 24px; z-index : 1;}
.divabs .mapain {display : none; position : absolute; background : url(../img/mapaon.png) left top no-repeat; margin : 24px 0 0 -12px; width : 200px; font-size : 11px; border-radius : 3px;}
.divabs:hover .mapain {display : block;}
.mapain div {padding : 17px 7px 7px 7px;}

.nr {float : left; width : 30px; height : 30px; color : #fff; background : url(../img/nr.png) left top no-repeat;}
.nr b {display : block; padding : 8px 0 0 0; text-align : center;}
.nrp {margin : 0 0 0 35px; min-height : 35px;}
.nrp div {padding : 8px 0 0 0;}