BODY{
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #F18257;
 font-family: 'Open Sans',sans-serif,Verdana;
 font-size: 20px;
 color: #FFFFFF;
 text-align: center;
}
/*--- TAGY ---*/
H1, H2{
 font-size: 30px;
 float: left;
 padding: 10px 20px 10px 20px;
 -webkit-border-radius: 0px 5px 5px 0px;
 -moz-border-radius: 0px 5px 5px 0px;
 -khtml-border-radius: 0px 5px 5px 0px;
 border-radius: 0px 5px 5px 0px;
}
.pruh_tmava H1, .pruh_tmava H2{
 background-color: #FFFFFF;
 color: #F18257;
}
.pruh_bila H1, .pruh_bila H2{
 background-color: #F18257;
 color: #FFFFFF;
}
DIV.pritomni,
DIV.nepritomni{
 float: left;
 width: 49%;
 padding: 20px 0px 0px 0px;
}
DIV.nepritomni{ float: right; }
DIV.pritomni STRONG,
DIV.nepritomni STRONG{
 display: block;
 background-color: #008800;
 color: #FFFFFF;
 padding: 5px;
 margin: 0px 0px 10px 0px;
}
DIV.nepritomni STRONG{
 background-color: #CC0000;
}
DIV.ucastnici{
 display: grid;
 grid-gap: 10px;
 grid-template-columns: auto auto auto auto;
}
DIV.ucastnici DIV{
 display: inline-grid;
 padding: 10px;
 border: solid 1px #008800;
 color: #008800;
 background-color: #F0F0F0;
 font-size: 15px;
}
.nepritomni DIV.ucastnici DIV{
 border: solid 1px #CC0000;
 color: #CC0000;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 color: #FFFFFF;
 text-decoration: none;
}
.pruh_bila A, .pruh_bila A:link, .pruh_bila A:visited{
 color: #777777;
}
A:hover, A:active{
 color: #FFFFFF;
 text-decoration: underline;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 50px;
 right: 0px;
 display: block;
 width: 40px;
 height: 40px;
 background-color: #777777;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 5px 0px 0px 5px;
 -moz-border-radius: 5px 0px 0px 5px;
 -khtml-border-radius: 5px 0px 0px 5px;
 border-radius: 5px 0px 0px 5px;
 cursor: pointer;
 z-index: 100;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo, A.logo:link, A.logo:visited{
 display: block;
 float: left;
 width: 160px;
 height: 120px;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer;
}
A.logo:hover, A.logo:active{
 background-image: url(obr/logo_over.png);
}
.menu A,
.menu A:link, .menu A:visited{
 text-decoration: none;
}
.menu A.m,
.menu A.m:link, .menu A.m:visited{
 display: block;
 float: left;
 margin: 0px 1px 0px 0px;
 height: 55px;
 padding: 7px 2% 0px 2%;
 color: #F18257;
 font-size: 24px;
 font-weight: bold;
 line-height: 24px;
}
.menu A.m EM,
.menu A.m:link EM, .menu A.m:visited EM{
 display: block;
 font-size: 17px;
 font-weight: normal;
 font-style: normal;
}
.menu A.menuico{
 display: block;
 float: left;
 width: 90px;
 height: 60px;
 background-repeat: no-repeat;
 background-position: center center;
 cursor: default;
}
.menu A.menu_ico{
 background-image: url(obr/menuico.png);
 cursor: pointer;
}
.menu A.menu_ico:hover, .menu A.menu_ico:active{
 background-image: url(obr/menuico_over.png);
}
.menu A.menuico SPAN{
 display: none;
 color: #6F8715;
 text-align: right;
 padding: 10px 20px 0px 0px;
 line-height: 100%;
}
.menu A.menu_ico SPAN{
 display: block;
}
.menu A.menuico SPAN EM{
 font-style: normal;
 color: #F18257;
}
.menu A.m:hover, .menu A.m:active,
.menu A.menu_ico:hover, .menu A.menu_ico:active,
.menu A.a:link, .menu A.a:visited{
 background-color: #F18257;
 color: #FFFFFF;
}
.menu A.menuico:hover SPAN, .menu A.menuico:active SPAN,
.menu A.menuico:hover SPAN EM, .menu A.menuico:active SPAN EM{
 color: #FFFFFF;
}
A.soubor:link, A.soubor:visited{
 display: block;
 float: right;
 padding: 15px 15px 15px 50px;
 margin: 0px 30px 0px 0px;
 background-repeat: no-repeat;
 background-position: 15px center;
 text-align: left;
}
A.soubor:hover, A.soubor:active{
 text-decoration: none;
 background-color: #FFFFFF;
 color: #777777;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
}
A.soubor_zip, A.soubor_zip,
A.soubor_zip, A.soubor_zip{
 background-image: url(obr/ikony/zip.gif);
}
A.foto:link, A.foto:visited{
 float: left;
 display: block;
 margin: 3px;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
}
A.foto:link IMG, A.foto:visited IMG{
 display: block;
 width: 100%;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
}
A.foto:hover IMG, A.foto:active IMG{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.copy:link, A.copy:visited,
A.copy:hover, A.copy:active{
 display: block;
 float: left;
}
A.kao:link, A.kao:visited,
A.kao:hover, A.kao:active{
 display: block;
 float: right;
}
/*--- DESIGN ---*/
.toppruhpoz{
 background-color: #F18257;
}
.toppruh{
 margin: 0px auto 0px auto;
 width: 100%;
 min-width: 980px;
 max-width: 1400px;
 min-height: 120px;
 padding: 10px 0px 10px 0px;
}
.top_motto{
 float: left;
 text-align: left;
 padding: 25px 0px 0px 30px;
 font-size: 50px;
 color: #FFFFFF;
}
.top_info{
 float: right;
 text-align: left;
 padding: 35px 20px 0px 0px;
 font-size: 30px;
}
.top_info EM{
 font-style: normal;
 color: #D4E1A1;
}
.menufix{
 height: 60px;
 display: none;
}
.menupruh{
 background-color: #FFFFFF;
 border-top: solid 1px #FFFFFF;
 border-bottom: solid 1px #FFFFFF;
 position: relative;
 z-index: 1;
}
.menupruhfix{
 position: fixed;
 width: 100%;
 top: 0px;
 left: 0px;
 z-index: 11;
 box-shadow: 0px 0px 10px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
}
.menu{
 margin: 0px auto 0px auto;
 width: 90%;
 min-width: 980px;
 max-width: 1400px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh_tmava{
 padding: 30px 0px 30px 0px;
 background-color: #F18257;
 color: #FFFFFF;
}
.pruh_bila{
 padding: 30px 0px 30px 0px;
 background-color: #FFFFFF;
 color: #F18257;
}
.main{
 clear: both;
 margin: 0px auto 0px auto;
 width: 90%;
 min-width: 980px;
 max-width: 1400px;
 min-height: 100px;
 padding: 20px 0px 20px 0px;
 text-align: left;
}
.bottom{
 margin: 0px auto 0px auto;
 width: 90%;
 min-width: 980px;
 max-width: 1400px;
 padding: 30px 0px 30px 0px;
}
/*--- OSTATNÍ ---*/
.timto{
 font-size: 30px;
 padding: 70px 20px 40px 20px;
}
.oznameni{
 width: 100%;
 box-shadow: 0px 0px 5px 0px #777777;
 -webkit-box-shadow: 0px 0px 5px 0px #777777;
 -moz-box-shadow: 0px 0px 5px 0px #777777;
 background-color: #E0E0E0;
 border: solid 1px #FFFFFF;
 overflow: hidden;
}
.sed{ color: #AAAAAA; }
.pruh_tmava .sed{ color: #728643; }