/** { border: solid 1px green; }*/
/* vseobecne */
html { font-size: 12px; font-family: "arial ce", arial, "tahoma ce", tahoma, "verdana ce", verdana, "helvetica ce", helvetica, sans-serif; min-height: 100%; height: 100% }
body { margin: auto; padding: 0px; color: #000000; background-color: #FFFFE7; text-align:center; font-size: 100%; min-height: 100%; height: 100%; background: #ffffff; }
div { margin: 0px; padding: 0px }
img, div, ul, li, a { }
img { border: 0px none; margin: 0px; padding: 0px }
#content img { border: 0px none; margin: 10px; padding: 0px }
a { color: #000000 }
a:hover { color: #000000; text-decoration: none }
form { padding: 0px; margin: 0px }
p { margin: 10px 10px 20px 10px; padding: 7px 0px 0px 0px; text-align: justify }
h1 { position: relative; font-size: 25px; margin: 0px 0px 10px 0px; padding: 30px 0px 0px 30px; color: #ffffff;  }
h2 { font-size: 16px; line-height: 18px; color: #0065AD; margin: 30px 10px 10px 10px; text-align:center }
h3 { font-size: 13px; color: #49536E; margin-top: 40px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px }
h4 , h4 * { font-size: 16px; line-height: 20px }
h5 , h5 * { font-size: 14px; line-height: 17px }
h6 , h6 * { font-size: 12px; line-height: 15px }
input { margin: 0px }
table { border: 0px none; border-collapse: collapse; font-size: 12px; font-family: "arial ce", arial, "tahoma ce", tahoma, "verdana ce", verdana, "helvetica ce", helvetica, sans-serif }
td { }
hr { background-color: #C0D1E2; color: #C0D1E2; height: 1px }
.space { position: relative; left: 0px; width: 20px; margin: 0px }
#hspace { position: relative; top: 0px; left: 0px; height: 0px; margin: 5px; padding: 0px }
.r {color: red;}
.b {font-weight: bold;}

/* zoblenie */ 
.ctl { position: absolute; top:-1px;     left:-1px;  width:4px; height:4px; background: url(../_img/corner_tl.gif) no-repeat;}
.ctr { position: absolute; top:-1px;    right:-1px;  width:4px; height:4px; background: url(../_img/corner_tr.gif) no-repeat;}
.cbl { position: absolute; bottom:-1px;  left:-1px;  width:4px; height:4px; background: url(../_img/corner_bl.gif) no-repeat;}
.cbr { position: absolute; bottom:-1px; right:-1px;  width:4px; height:4px; background: url(../_img/corner_br.gif) no-repeat;}
.ctr { // right: -2px;}
.cbl { // bottom:-13px;}
.cbr { // bottom:-13px; //right:-2px;}

.ctl2 { position: absolute; top:-1px;     left:-1px;  width:4px; height:4px; background: url(../_img/corner_tl2.gif) no-repeat; }
.ctr2 { position: absolute; top:-1px;    right:-1px;  width:4px; height:4px; background: url(../_img/corner_tr2.gif) no-repeat; }
.cbl2 { position: absolute; bottom:-1px;  left:-1px;  width:4px; height:4px; background: url(../_img/corner_bl2.gif) no-repeat; }
.cbr2 { position: absolute; bottom:-1px; right:-1px;  width:4px; height:4px; background: url(../_img/corner_br2.gif) no-repeat; }
.ctr2 { // right:-2px;}
.cbl2 { // bottom:-13px;}
.cbr2 { // bottom:-13px; //right:-2px;}

/* zarovnanie vertikalny stred */
#v-outer { display: table; position: relative; height: 100%; color: white; width: 100%; text-align: left }
#v-middle { position: absolute; width: 100% }
#v-inner { position: relative; }

/* zarovnanie horizintalny stred */
#content { position: relative; width: 100%; top: 0px; text-align: center }

/* obsah rozslisenie na stred  1024 * 768 */
#main_content { position: relative;  width: 985px; color: white; top: 0px; margin: auto; padding-top: 5px; text-align: left;  }



#hlavny_obsah { position: relative; width: 960px; margin: 0px;  padding: 10px 0px 0px 14px;  }


/* DIVs */
#header { position: relative; height: 150px; width: 100%; color: white; top: 0px; margin: auto }
#logo { position: absolute; height: 60px; width: 128px; top: 15px; left: 15px; background: url(../_img/logo.gif) no-repeat }
#section { position: absolute; height: 61px; width: 473px; margin: 0px; top: 85px; left: 15px; border-bottom: solid 1px #A4A9B6; border-top: solid 1px #DBDDE2 }
.pre{ background: url(../_img/prevodnik.gif) no-repeat; background-position:0px 80%;}
.opr{ background: url(../_img/oprojekte.gif) no-repeat; background-position:0px 80%;}
.nav{ background: url(../_img/navod.gif) no-repeat; background-position:0px 80%;}
.enc{ background: url(../_img/encyklopedia.gif) no-repeat; background-position:0px 80%;}
.for{ background: url(../_img/faq.gif) no-repeat; background-position:0px 80%;}
.sea{ background: url(../_img/vyhladavanie.gif) no-repeat; background-position:0px 80%;}
.chy{ background: url(../_img/chyba.gif) no-repeat; background-position:0px 80%;}
.kon{ background: url(../_img/kontakt.gif) no-repeat; background-position:0px 80%;}
.lin{ background: url(../_img/prihlasenie.gif) no-repeat; background-position:0px 80%;}
.inz{ background: url(../_img/inz.gif) no-repeat; background-position:0px 80%;}
.cen{ background: url(../_img/cen.gif) no-repeat; background-position:0px 80%;}
#banner { position: absolute; height: 61px; width: 468px; margin: 0px; top: 85px; left: 502px; padding: 0px; margin: 0px; }
#banner_s { position: relative; top: 20px; clear: left; height: 150px; width: 150px; margin: 0px; left: 0px; padding: 0px; }

/* nadpis sekcie */
.hlavicka { position: relative; margin-bottom: 10px; color: #49536E; width: 100%; height: 20px;  background: url(../_img/li_bg.gif) repeat-x; display:block;}
.hlavicka p { margin: 0px; padding: 2px 0px 0px 10px ; font-weight: bold; color: white }

/* encyklopedia*/ 
#encyklopedia { position: relative; left: 0px;  top: 0px; width: 795px; margin: 0px; margin-left: 10px; padding: 0px; color: #49536E; float:left; }
#searchres {  position: relative; left: 0px;  top: 0px; width: 953px; margin: 0px; margin-left: 0px; padding: 0px; color: #49536E; float:left; }
.def { position: relative; padding: 5px 205px 5px 47px; margin: 0px 0px -1px 0px; background: url(../_img/li_bg8.gif) repeat-x; border: 1px #49536E solid; min-height: 35px; //height: 45px; }
.def1 { background: url(../_img/li_bg8a.gif) repeat-x; }
.def_ico { position: absolute; top:7px; left: 3px; height: 31px; width: 37px; background: url(../_img/book.gif) no-repeat; }
.def_zdroj { position: absolute; top: 0px; right: 0px; width: 200px; height: 100%; border-left: solid 1px #000; padding: 0px; }
.def_zdroj div { width: 100%; padding: 5px; }
.search_ico { position: absolute; top:7px; left: 3px; height: 31px; width: 37px; background: url(../_img/search.gif) no-repeat; }
.icen { font-size: 15px; color: #4D61B6; text-align: left; font-weight: bold;}
.icen a{font-size: 15px; text-decoration: underline; background-color: #DFE2F1; padding: 0px 5px;}

/*no js*/

#nojs { left: 17px; top: 160px; width: 933px; //width: 953px; height: 220px; margin: 0px; padding: 10px; color: #49536E; border: solid 1px #49536E;}
#nojs p { margin: 0px 0px 10px 0px; }
#ruka { position: relative; height: 100%; width: 60px; background:  url(../_img/stop_error.gif) no-repeat; float: left; margin-top: 3px;}


/* stranky */
#inpage_scrol { position: relative; left: 0px; top: 0px;  width: 945px;  margin: 0px; padding: 5px;  border: solid 1px #49536E; }
#inpage { position: relative; width: 935px; margin: 0px; padding: 5px; color: #49536E; text-align: center;  }
#inpage h2 { margin-top: 20px;}
#inpage h3 { text-align: left; margin-top: 0px;}
#inpage ul { text-align: left;}
#inpage a  { color: blue;}
#inpage p  { margin: 2px;}
.tit{ font-weight:bold;  background-color: #D8D8D8;}
#inpage table { text-align: left; width: 910px; }
#inpage td { text-align: left;  border: 1px solid #A7A7A7; padding: 5px;}
#inpage td.c { text-align: center; width: 20px; }
#inpage table td.frst { width: 120px;}
#inpage input { vertical-align: middle;}
#inpage a { font-weight: bold; color: #49536E; text-decoration: none; }
#inpage a:hover { color: #000; text-decoration: underline; }
.red { color: red;}

.typ { background: url(../_img/li_bg.gif) repeat-x; text-align:center; color: white; font-weight: bold; padding: 3px; margin: 25px 0px 0px 0px; }
p.price { background-color: #E5F0FF; vertical-align: middle; margin: 5px; padding: 5px; }


/* footer */
#footer {padding: 0px; margin: 0px; top:0px; width: 100%; float: right; } 
#footer_in {position: relative; padding: 0px; margin: auto; right: 0px;  margin-top: 10px; width: 957px; border-top: 1px solid #A4A9B6; height: 30px; } 
.footerb { float: right; height: 20px;} 
.fo1 , .fo2 , .fo3 , .fo4 , .fo5 {padding: 2px; text-align: right; font-size: 10px; font-weight: bold; color: #949AA7; text-decoration: none; }
.fo1 { background: url(../_img/footb1.gif) no-repeat; padding-left: 15px;} 
.fo2 { background: url(../_img/footb5.gif) no-repeat; padding-left: 18px;} 
.fo3 { background: url(../_img/footb3.gif) no-repeat; padding-left: 23px;} 
.fo4 { background: url(../_img/footb2.gif) no-repeat; padding-left: 26px;} 
.fo5 { background: url(../_img/footb4.gif) no-repeat; padding-left: 19px;} 
#footer a:hover { color: #344873; text-decoration: underline; background-position: 0px -16px;}
span.nojs { color: #979AA7; font-size: 10px; }
.statics {  float:left; font-size: 11px; color: #949AA7; }

/* hisplash square banner */
#bannersquare { position: relative; left: 0px; width: 150px; height: 150px; margin-top: 10px; padding: 0px 0px 0px 0px; float: left; }
#animator {position: absolute; top: 177px; left: 14px; width: 956px; height: 515px;  z-index: 1000; margin: 0px; padding: 0px;}

#faqs { margin:10px 330px 0px 0px; padding: 5px 0px 0px 0px; border-top: solid 1px #0065AD; }
#faqs h1, #faqs h2 { margin:0px; padding:0px; text-align:left }
#faqs h1 { font-size:14px; color: #0065AD; }
#faqs h2 { font-size:12px; }
#faqs p  { font-size:12px; padding:0px; margin: 0px 0px 10px 0px }