@keyframes zlava {
    0%   {left:-200px;}
    20%   {left:5px;}
    40%   {left:-2px;}
    100%  {left:0px;}
}


BODY {margin:0 0 0 0; TEXT-ALIGN: center;background-color: #000000;}
#obsah {position:relative; text-align:left; display: block; width:900px; margin: 0 auto; overflow:hidden;}
#obsah .prehladny  {margin:40px 0px 0px 0px; opacity: 0.6; filter: alpha(opacity=60); background-color:#FFFFFF; width:900px; height: 100%; position:absolute; top:0px; left:0px;z-index:-1;}
#hlavicka {clear:both; margin:20px 0px 0px 0px; display: block; width:100%; height: 160px; border-top:1px solid #252525; border-right:3px solid #252525; border-bottom:3px solid #252525; border-left:1px solid #252525; background-color: transparent; filter:alpha(opacity=100); opacity: 1;-webkit-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);-moz-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);}
#hlavicka_topmenu {clear:both; margin-bottom:0; display: block; width:100%; height: 30px; background-color: transparent; filter:alpha(opacity=100); opacity: 1;}
#hlavicka_scroll {clear:both; margin-bottom:20; display: block; width:100%; height: 300px; border-top:1px solid #252525; border-right:3px solid #252525; border-bottom:3px solid #252525; border-left:1px solid #252525; background-color: transparent; filter:alpha(opacity=100); opacity: 1;}
#lavy {display: block; float:left;clear:left; width:20%;}
#pravy {float:right;display: block;width:19%; filter:alpha(opacity=100); opacity: 1;}
#pravy img {margin:5 0 5 0;text-align:center;}
#pravy img.ank {margin:0 0 0 0;text-align:center;}

#okno {margin-left: 5px;margin-right: 5px;font-family: Tahoma; font-size: 11px; color: #000000;text-align: justify;}
#okno h1 {font-weight: bold;color: #990000;font-size: 19px;margin:0 0 5 0;text-align:center;}
#okno h2 {font-weight: bold;color: rgb(153,0,0);font-size: 17px;margin:0 0 5 0;}
#okno h4 {font-weight: bold;color: rgb(153,0,0);font-size: 19px;margin:0 0 5 0;text-align:center;}
#okno h5 {font-weight: bold;color: rgb(153,0,0);font-size: 14px;margin:0 0 5 0;text-align:center;}
#okno h6 {font-weight: bold;color: rgb(0,0,0);font-size: 13px;margin:0 0 5 0;}
#okno h7 {font-family: Tahoma; font-size: 18px; color: #000000;text-align: center; background-color: #FFFFFF;margin:0px 0px 0px 0px;padding:1 0 1 0; border-bottom:3px solid #006600; border-right:2px solid #006600; height: 30px; width:53px}
#okno p.vystraha {font-weight: bold;color: #FF0000;font-size: 13px;margin:0 0 5 0;}
#okno h3 {font-family: Tahoma; font-size: 9px; color: #000000;text-align: justify; margin:0 15 0 0;}
#okno p {text-align: justify;color: #b22222;font-size: 11px;font-weight: bold;margin:0;padding:0 0 3 70;}
#okno p.topsprava {text-align: justify;color: #b22222;font-size: 11px;font-weight: bold;margin:0;padding:0 0 3 0;}
#okno img.home {margin:3 2 0 10; display: block; float: right;}

#okno2 {margin-left: 5px;margin-right: 5px;font-family: Tahoma; font-size: 11px; color: #000000;text-align: center;}
#okno2 h1 {font-weight: bold;color: #990000;font-size: 19px;margin:0 0 5 0;text-align:center;}
#okno2 h2 {font-weight: bold;color: rgb(153,0,0);font-size: 17px;margin:0 0 5 0;}
#okno2 h4 {font-weight: bold;color: rgb(153,0,0);font-size: 19px;margin:0 0 5 0;text-align:center;}
#okno2 h5 {font-weight: bold;color: rgb(153,0,0);font-size: 14px;margin:0 0 5 0;text-align:center;}
#okno2 h6 {font-weight: bold;color: rgb(0,0,0);font-size: 13px;margin:0 0 5 0;}
#okno2 p.vystraha {font-weight: bold;color: #FF0000;font-size: 13px;margin:0 0 5 0;}
#okno2 h3 {font-family: Tahoma; font-size: 9px; color: #000000;text-align: justify; margin:0 15 0 0;}
#okno2 p {text-align: justify;color: #b22222;font-size: 11px;font-weight: bold;margin:0;padding:0 0 3 70;}
#okno2 p.topsprava {text-align: justify;color: #b22222;font-size: 11px;font-weight: bold;margin:0;padding:0 0 3 0;}


#kontainer_0 { margin:5px 5px 20px 5px; padding-bottom:10px;font-family: Tahoma; font-size: 11px; color: #000000;text-align: justify; background-color: #E2F0E0;border: 1px solid;border-color: #EA8400 #406E16 #406E16 #EA8400;-webkit-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);-moz-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);}
#kontainer_0 h3 {font-family: Tahoma; font-size: 12px; color: #FFFFFF;text-align: left; background-color: #E26F00;margin:0 0 5 0;padding:0px 0px 0px 20px; border-bottom:1px solid #54806C; height: 20px;}
#kontainer_0 p {padding:5px 10px 10px 10px; }
#kontainer_0 img {margin:10 10 10 10; display: block; float: left;}


#kontainer_1 {display: block; width:100%; margin:0 0 0 0; font-family: Tahoma; font-size: 11px; color: #000000;text-align: justify; background-color: #E2F0E0; border-right:1px solid #406E16;border-left:1px solid #85F700; border-top:1px solid #85F700;}
#kontainer_1 h3 {font-family: Tahoma; font-size: 12px; color: #FFFFFF;text-align: center; background-color: rgb(102,191,38);margin:0 0 0 0; border-bottom:1px solid #54806C; height: 20px;}



#kontainer_2 {margin:5 5 20 5; font-family: Tahoma; font-size: 11px; color: #000000;text-align: center; background-color: #E2F0E0;border: 1px solid;border-color: #A3F98E #406E16 #406E16 #A3F98E;}
#kontainer_2 p.ok {padding:0 0 3 0; font-family: Tahoma; font-size: 14px; color: #FFFFFF;text-align: center; background-color: rgb(102,191,38); border-bottom:1px solid #54806C;}
#kontainer_2 p.chyba {padding:0 0 3 0; font-family: Tahoma; font-size: 14px; color: #E90465;text-align: center; background-color: rgb(102,191,38); border-bottom:1px solid #54806C;}


#kontainer_3 {margin:5 5 5 5;width:97%; font-family: Tahoma; font-size: 11px; color: #000000;text-align: center; background-color: #E2F0E0;border: 1px solid;border-color: #A3F98E #406E16 #406E16 #A3F98E;}
#kontainer_3 td.hlav {text-align: center; background-color: rgb(102,191,38);border-bottom:3px solid #006600;border-right:1px solid #006600;border-left:2px solid #7ED98E;border-top:1px solid #7ED98E;}
#kontainer_3 td.vrla {text-align: center; border-bottom:1px solid #006600;border-right:0px solid #006600;border-left:0px solid #7ED98E;border-top:0px solid #006600;}
#kontainer_3 td.vrpr {text-align: center; border-bottom:1px solid #006600;border-right:0px solid #006600;border-left:0px solid #006600;border-top:0px solid #006600;}
#kontainer_3 td.spla {text-align: center; border-bottom:0px solid #006600;border-right:1px solid #006600;border-left:0px solid #006600;border-top:0px solid #006600;}
#kontainer_3 h3 {font-family: Tahoma; font-size: 18px; color: #000000;text-align: center; background-color: #FFFFFF;margin:0 0 0 0;padding:2 0 0 0; border-bottom:3px solid #006600; border-right:2px solid #006600; height: 30px; width:53px}
#kontainer_3 h4 {font-family: Tahoma; font-size: 16px; color: rgb(255,230,22);text-align: center; background-color: #545146;margin:0 0 0 30;padding:2 0 0 0; border-top:2px solid #000000;border-bottom:4px solid #000000; border-right:4px solid #000000;border-left:2px solid #000000; height: 30px; width:120px}

#kontainer_4 {width:100%; margin:5 0 0 0; font-family: Tahoma; font-size: 11px; color: #000000;text-align: justify;}

#kontainer_5 { margin:5 5 20 5; font-family: Tahoma; font-size: 11px; color: #000000;text-align: justify;background: url(obr/home/krtricko.jpg) top no-repeat;border: 1px solid;border-color: #EA8400 #406E16 #406E16 #EA8400;}
#kontainer_5 h3 {font-family: Tahoma; font-size: 12px; color: #FFFFFF;text-align: left; background-color: #E26F00;margin:0 0 5 0; border-bottom:1px solid #54806C; height: 20px;}

#kontainer_6 {margin:5 auto 20 auto; width:580px; font-family: Tahoma; font-size: 11px; color: #000000;text-align: center; background-color: #E2F0E0;border: 1px solid;border-color: #EA8400 #406E16 #406E16 #EA8400;-webkit-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);-moz-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);}
#kontainer_6 h3 {font-family: Tahoma; font-size: 12px; color: #FFFFFF;text-align: left; background-color: #E26F00;margin:0 0 5 0; border-bottom:1px solid #54806C; height: 20px;}
#kontainer_6 p {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;}
#kontainer_6 img {margin:10 10 10 10; display: block; float: left;}

#kontainer_7 {margin:5 auto 20 auto; width:70%; font-family: Tahoma; font-size: 11px; color: #000000;text-align: center; background-color: #FFC4B8;border: 1px solid;border-color: #EA8400 #406E16 #406E16 #EA8400;-webkit-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);-moz-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);}
#kontainer_7 h3 {font-family: Tahoma; font-size: 12px; color: #FFFFFF;text-align: left; background-color: #E26F00;margin:0 0 5 0; border-bottom:1px solid #54806C; height: 20px;}
#kontainer_7 p {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;}
#kontainer_7 img {margin:10 10 10 10; display: block; float: left;}



.kontainer_vysl {margin:5 5 5 5;width:97%; font-family: Tahoma; font-size: 11px; color: #000000;text-align: center; background-color: #E2F0E0;border: 1px solid;border-color: #A3F98E #406E16 #406E16 #A3F98E;}
.kontainer_vysl td.hlav {text-align: center; background-color: rgb(102,191,38);border-bottom:3px solid #006600;border-right:1px solid #006600;border-left:2px solid #7ED98E;border-top:1px solid #7ED98E;}
.kontainer_vysl td.vrla {text-align: center; border-bottom:1px solid #006600;border-right:0px solid #006600;border-left:0px solid #7ED98E;border-top:0px solid #006600;}
.kontainer_vysl td.vrpr {text-align: center; border-bottom:1px solid #006600;border-right:0px solid #006600;border-left:0px solid #006600;border-top:0px solid #006600;}
.kontainer_vysl td.spla {text-align: center; border-bottom:0px solid #006600;border-right:1px solid #006600;border-left:0px solid #006600;border-top:0px solid #006600;}
.kontainer_vysl h3 {font-family: Tahoma; font-size: 18px; color: #000000;text-align: center; background-color: #FFFFFF;margin:0 0 0 0;padding:2 0 0 0; border-bottom:3px solid #006600; border-right:2px solid #006600; height: 30px; width:53px}
.kontainer_vysl h4 {font-family: Tahoma; font-size: 16px; color: rgb(255,230,22);text-align: center; background-color: #545146;margin:0 0 0 30;padding:2 0 0 0; border-top:2px solid #000000;border-bottom:4px solid #000000; border-right:4px solid #000000;border-left:2px solid #000000; height: 30px; width:120px}

.kontainer_vysl0 {width:100%; margin:5 0 0 0; font-family: Tahoma; font-size: 11px; color: #000000;text-align: justify;}


.textyhl {font-family: Tahoma; font-size: 13px; color: #ffffff; font-weight: bold;}
.textypl {font-family: Tahoma; font-size: 13px; color: #000000; font-weight: bold;}
.textynone {font-family: Tahoma; font-size: 13px; color: #95967E;}
.textybo {font-family: Tahoma; font-size: 11px; color: #000000; }
.textybody {font-family: Tahoma; font-size: 13px; color: #ffffff; font-weight: bold;}

#kontainer_scroll {display: block; width:100%;height: 140px; margin:0 0 20 0;overflow: auto;font-family: Tahoma; font-size: 11px; color: #000000;text-align: justify; background-color: #E2F0E0; border-right:1px solid #406E16;border-left:1px solid #85F700; border-bottom:1px solid #406E16;}
#kontainer_scroll p {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 1px;}

#pravy_log {display: block; width:100%;height: 70px; margin:0 0 5 0; background-color: rgb(235,152,80); border-right:1px solid #406E16;border-left:1px solid #85F700; border-bottom:1px solid #406E16;}
#pravy_log h3 {font-weight: bold;color: rgb(153,0,0);font-size: 20px;margin:0 0 5 0;text-align:center;}
#pravy_log h4 {font-weight: bold;color: rgb(153,0,0);font-size: 14px;margin:0 0 5 0;text-align:center;}
#pravy_log h5 {font-weight: bold;color: #000000; font-weight: bold; font-size: 14px;margin:0 0 5 0;text-align:center;}

.hrube {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 1px; font-weight: bold;}

#paticka {display: block;width:100%;clear:both;}
#zaver {display: block;width:100%;clear:both;text-align:center;font-size: 11px;margin:10 0 20 0;}
#hlavicka h1 {padding-top:5;margin:0;TEXT-ALIGN: center;font-weight: bold;position: relative;color: #3F916C;font-size: 25px;margin-bottom:10;}
#boxy { display: block; width:99%; height: 30px; margin-bottom:10; background-color: #ffcc66; border-top:1px solid #252525;  border-right:3px solid #252525; border-bottom:3px solid #252525; border-left:1px solid #252525; -moz-border-radius: 15px;}
/*menu zaklad*/
DIV.menudiv0 {WIDTH: 120px; TEXT-ALIGN: left;margin-left:0;margin-bottom:10;-webkit-box-shadow: 20px 5px 11px 0px rgba(50, 50, 50, 0.59);-moz-box-shadow: 20px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 20px 5px 11px 0px rgba(50, 50, 50, 0.59)}
DIV.menudiv0 A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; WIDTH: 107px; PADDING-TOP: 2px; TEXT-DECORATION: none;border-top:1px solid #006600;border-right:3px solid #006600;border-bottom:3px solid #006600;border-left:1px solid #006600;background-color: #3F916C; filter:alpha(opacity=80); opacity: 0.8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; font-size: 13px;}  
DIV.menudiv0 A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ffcc66 ; background: #339900; filter:alpha(opacity=100); opacity: 1; } 
DIV.menudiv {float:left;WIDTH: 110px; TEXT-ALIGN: center; margin:15 10 0 10;-webkit-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);-moz-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);border:0 solid; border-radius:5px 5px 5px 5px;}
DIV.menudiv A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; WIDTH: 100px; PADDING-TOP: 2px; TEXT-DECORATION: none;border-top:1px solid #006600;border-right:3px solid #006600;border-bottom:3px solid #006600;border-left:1px solid #006600;background-color: #3F916C; filter:alpha(opacity=80); opacity: 0.8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; font-size: 13px;}  
DIV.menudiv A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ffcc66 ; background: #339900; filter:alpha(opacity=100); opacity: 1; }  
DIV.menudiv3 {WIDTH: 120px; TEXT-ALIGN: left;margin-left:0;margin-bottom:10;-moz-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);}
DIV.menudiv3 A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; WIDTH: 110px; PADDING-TOP: 2px; TEXT-DECORATION: none;border-top:1px solid #006600;border-right:3px solid #006600;border-bottom:3px solid #006600;border-left:1px solid #006600;background-color: #C168B8; filter:alpha(opacity=80); opacity: 0.8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; font-size: 13px;}  
DIV.menudiv3 A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000 ; background: #C168D1; filter:alpha(opacity=100); opacity: 1; }  

/*menu vyber*/
DIV.menudiv20 {float:left; WIDTH: 110px; TEXT-ALIGN: center; margin:0 10 7 10;-webkit-box-shadow: 18px 13px 11px 0px rgba(50, 50, 50, 0.45);-moz-box-shadow: 18px 13px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 18px 13px 11px 0px rgba(50, 50, 50, 0.45);}
DIV.menudiv20 A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; WIDTH: 100px; PADDING-TOP: 2px; TEXT-DECORATION: none;border-top:1px solid #eb7814;border-right:3px solid #eb7814;border-bottom:3px solid #eb7814;border-left:1px solid #eb7814;background-color: #ffcc66; filter:alpha(opacity=80); opacity: 0.8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; font-size: 13px;}  
DIV.menudiv20 A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: rgb(0,102,0); background: #ffcc66; filter:alpha(opacity=100); opacity: 1;} 
DIV.menudiv22 {WIDTH: 120px; TEXT-ALIGN: left;margin-left:17;margin-bottom:10;-webkit-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);-moz-box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 6px 5px 11px 0px rgba(50, 50, 50, 0.59);border:0 solid; border-radius:5px 5px 5px 5px;}
DIV.menudiv22 A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; WIDTH: 108px; PADDING-TOP: 2px; TEXT-DECORATION: none;border-top:1px solid #eb7814;border-right:3px solid #eb7814;border-bottom:3px solid #eb7814;border-left:1px solid #eb7814;background-color: #ffcc66; filter:alpha(opacity=80); opacity: 0.8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; font-size: 13px;}  
DIV.menudiv22 A:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: rgb(0,102,0) ; background: #ffcc66; filter:alpha(opacity=100); opacity: 1;}  
DIV.menudiv33 {WIDTH: 120px; TEXT-ALIGN: left;margin-left:17;margin-bottom:10;-webkit-box-shadow: 20px 13px 11px 0px rgba(50, 50, 50, 0.45);-moz-box-shadow: 20px 13px 11px 0px rgba(50, 50, 50, 0.59);box-shadow: 20px 13px 11px 0px rgba(50, 50, 50, 0.45);}
DIV.menudiv33 A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; WIDTH: 110px; PADDING-TOP: 2px; TEXT-DECORATION: none;border-top:1px solid #eb7814;border-right:3px solid #C168B8;border-bottom:3px solid #C168B8;border-left:1px solid #eb7814;background-color: #EE9AFF; filter:alpha(opacity=80); opacity: 0.8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; font-size: 13px;}  
DIV.menudiv33 A:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: rgb(0,102,0) ; background: #EEB5FF; filter:alpha(opacity=100); opacity: 1;}  

/*kalendar*/
.cell {width: 20px;height: 20px;font-family: "ARIAL CE", "HELVETICA CE","ARIAL","HELVETICA";font-size: 11px;font-size: #000000;}
.kalendnazov {  font-size: 12px; color: #000000; font-weight: bold; font-family: Tahoma}
a.kaldni {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none; font-size: 11px}
a.kaldni:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff0000}       
a.kaldniakt {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 11px}
a.kaldniakt:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff0000}       
a.kaldnipre {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 11px}
a.kaldnipre:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff000}       
/*zoznam pretekov*/
a.linky {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #00207f; text-decoration: none; font-size: 11px; font-weight: bold;}
a.linky:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #eeffff;}
.nazvypr { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold;}                                                                                                                    
.nazvypraktiv { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00207f; text-decoration: none; font-size: 11px; font-weight: bold;}
a.tlacitka { font-family: Verdana, Arial, Helvetica, sans-serif; color: #004900; background-color: #88b571;text-decoration: none; font-size: 10px; font-weight: bold;border-bottom:1px solid #006600;border-right:1px solid #006600;border-left:1px solid #7ED98E;border-top:1px solid #7ED98E; height: 20px;}
a.tlacitka:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #339900; color: #ffffff; font-weight: bold;border-bottom:2px solid #006600;border-right:1px solid #006600;border-left:1px solid #A3F98E;border-top:1px solid #A3F98E height: 20px;}

a.infobutton { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background-color: #0630B5;text-decoration: none; font-size: 12px; font-weight: bold;border-bottom:1px solid #06B6B3;border-right:1px solid #06B6B3;border-left:1px solid #060038;border-top:1px solid #060038; height: 16px;}
a.infobutton:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #0666B3; color: #ffffff; font-weight: bold;border-bottom:1px solid #06B6B3;border-right:1px solid #06B6B3;border-left:1px solid #060038;border-top:1px solid #060038 height: 16px;}


.texty {  font-family: Tahoma; font-size: 11px; color: #000000}
.texty0 {font-family: Tahoma; font-size: 13px; color: #000000; font-weight: bold;}
.texty1 {font-family: Tahoma; font-size: 13px; color: #FF0000; font-weight: bold;}
.texty2 {font-family: Tahoma; font-size: 11px; color: #000000; font-weight: bold;}
.texty3 { font-family: Tahoma; font-size: 12px; color: #000000}
.texty4 { font-family: Tahoma; font-size: 11px; color: #000000;text-align: center;font-weight: bold; background-color: #7ED98E;border: 1px solid;border-color: #A3F98E #406E16 #406E16 #A3F98E;}
.texty5 { font-family: Tahoma; font-size: 11px; color: #FFFFFF;text-align: center;font-weight: bold; background-color: #FF5B31;border: 1px solid;border-color: #FFB293 #BF0F34 #BF0F34 #FFB293;}
.texty6 {  font-family: Tahoma; font-size: 11px; color: #ccffcc}

.nadpis1 {font-family: Helvetica; font-size: 13px; color: rgb(232,123,20);font-weight: bold;letter-spacing:2;}
.nadpis2 {font-family: Helvetica; font-size: 11px; color: #000000;font-weight: bold;}
.pole2 {font-size: 12px;	color: #FF0000;background-color: #E2F0E0;	border: 0px solid;border-color: #00CC66 #406E16 #406E16 #00CC66;font-family: Tahoma; font-weight: bold; filter:alpha(opacity=80); opacity: 0.8;}

/*povinnepole*/
.pole {padding:0px 6px;height:20px;font-size: 12px;	color: #0041DD;	background-color: #D2f9f4; border: 1px solid;border-color: #00CC66 #406E16 #406E16 #00CC66;border-radius:7px;font-family:  Tahoma; font-weight: bold; filter:alpha(opacity=60); opacity: 0.6;}
.pole:focus {background-color: #F0FF90;color: #FF0000;border-right: 2px solid; border-bottom: 2px solid; border-top: 2px solid;border-left: 2px solid;border-color: #C0EF90 #005700 #005700 #C0EF90;box-shadow:0px 0px 5px #395C00;filter:alpha(opacity=100); opacity: 1;}
/*povinne pole*/
.p_pole { background-image: url("obr/povinne.png") !important; background-repeat: no-repeat;background-position: right top;}


/*fotky*/
div.img {background-color: rgb(212,255,160);margin: 6px 14px; border: 1px solid #3F916C; height: auto; width: auto; float: left; text-align: center; font-family: Tahoma; font-size: 11px; color: #000000;font-weight: bold;}	
div.img img {display: inline; margin: 3px; border: 1px solid #ffffff;}
div.img a img {border: 1px solid #3F916C; filter:alpha(opacity=70); opacity: 0.7; }
div.img a:hover img {border: 1px solid #3DC96C; filter:alpha(opacity=100); opacity: 1;}
a.faceb1 {font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;}

/*SCROOL BAR*/
		#makeMeScrollable
		{
			clear:both;
			margin:2 0 0 0;
			width:100%;
			height: 100%;
			position: relative;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
.kontainer_zatvor {visibility:hidden; display: block;margin:5 1 1 1;height: 0px;width:100%;font-family: Tahoma; font-size: 11px; color: #000000;text-align: center; background-color: #E2F0E0;border: 1px solid;border-color: #406E16 #406E16 #406E16 #A3F98E;}
.kontainer_otvor {visibility:visible;float:left; display: block; margin:1 0 2 7;height: 110px;width:431px;font-family: Tahoma; font-size: 11px; color: #000000;text-align: center; background-color: #E2F0E0;border: 1px solid;border-color: #E2F0E0 #406E16 #406E16 #A3F98E;}



/* povolenie cookie  */
#cookie_otazka {position: fixed; padding:10px 0px; bottom:0; width:100vw; text-align: center; display:none; background-color: rgba(0, 0, 0, .5);}
#cookie_otazka button {margin-left:10px; padding: 2px 10px; color:#fff; background-color: #f00; cursor: pointer; }
#cookie_otazka button:hover {color:#f00; background-color: #fff; }


/* The container */
.container {
    display: inline-block;
	float:right;
    position: relative;
    padding-left: 35px;
    margin: 0 5px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
	border: 1px solid #aa9c9c;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    left: 12px;
    top: -2px;
    width: 10px;
    height: 20px;
    border: solid red;
    border-width: 0 4px 6px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*  tlacitka button*/
.tl_ok {position:relative;padding: 0px 10px; height:35px; min-width:100px; font-family: Tahoma; font-size: 11px; font-weight: bold;text-decoration: none; color: #434648;text-align: center; background: linear-gradient(#00F9FF,#0073DB) ;border:3px solid; border-color: #00CEDB #009DDB #0073DB #009DDB;-webkit-box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.59);box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.59);border-radius:5px 5px 5px 5px;}
.tl_ok:hover { color: #00006D;font-weight: bold; background: linear-gradient(#46FFFF,#00F9FF) ;border:3px solid; border-color: #00CEDB #009DDB #0073DB #009DDB;-webkit-box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.59);box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.59);}

.tl_naspat {position:relative;padding: 0px 10px; height:35px;min-width:100px; font-family: Tahoma; font-size: 11px; font-weight: bold;text-decoration: none; color: #6F7074;text-align: center; background: linear-gradient(#FFE99E,#F48B00) ;border:3px solid; border-color: #FFED00 #FFAE00 #F48B00 #FFAE00;-webkit-box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.59);box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.59);border-radius:5px 5px 5px 5px;}
.tl_naspat:hover { color: #B65807;font-weight: bold; background: linear-gradient(#FFFB9E,#FFE99E); border:3px solid; border-color: #FFED00 #FFAE00 #F48B00 #FFAE00;-webkit-box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.59);box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.59);}


.inp_zadaj{display:inline-block;margin:5px;padding-left:10px; max-width:50%; height:40px;background: #8cc0ea;font-size:25px;border:solid 1px #000;}

/* povolenie cookie  */
#cookie_otazka {position: fixed; padding:6px 0px; bottom:0; width:100vw; color: bisque; text-align: center; display:none; background-color: rgba(0, 0, 0, .7);}
#cookie_otazka button {margin-left:10px; padding: 2px 10px; color:#fff; background-color: #f00; cursor: pointer; }
#cookie_otazka button:hover {color:#f00; background-color: #fff; }