/*s1*/
body,html{
padding:0;
margin:0;
text-align:center;
font-family:Arial, sans;
font-size:87%;
}
fieldset{
display:inline;
border:none;
padding:0;
margin:0;
}
fieldset.ukazkova{
background:#eeeeee;
border:1px solid silver;
width:90%;
padding:15px;
}
fieldset.ukazkova input{
margin-bottom:8px;
}
a img{
border:none;
}
a:hover{
color:black !important;
}
input:active, input:focus, textarea:active, textarea:focus{
background:#ffff9f !important;
}
/*s2*/
#container{
width:947px;
margin:0 auto;
text-align:left;
padding:15px 0 0;
}
#header{
height:128px;
background:url(/img/header.gif) no-repeat;
text-align:right;
padding:30px 0 5px 0;
_padding-top:29px;
position:relative;
margin:0;
}
#container div.eng {
background:url(/img/header_en.gif) no-repeat;
}
#body{
min-height:500px;
background:white url(/img/container.gif) left 0 repeat-y;
margin-bottom:15px;
}
#body-w{
min-height:500px;
background:white url(/img/container-w.gif) left 0 repeat-y;
margin-bottom:15px;
}
/*s3*/
#header h1, #header h2{
padding:0;
margin:0;
position:absolute;
left:30px;
top:5px;
width:250px;
height:100px;
}
#header h1 a, #header h2 a{
display:block;
width:inherit;
height:inherit;
font-size:10px;
}
#header h1 a span, #header h2 a span{
display:block;
position:absolute;
top:0;
left:0;
width:250px;
height:100px;
background:url(/img/header.gif) -30px -5px no-repeat;
}
#header form{
margin:0 58px 0 0;
height:95px;
}
#header form label{
color:white;
font-weight:bold;
display:block;
margin-bottom:5px;
#margin-bottom:3px;
}
#header form input{
width:110px;
height:15px;
border:1px solid #ccc;
background:#fff;
color:black;
margin-left:10px;
}
#header form button, .tab form button{
background:#F7E17B;
border:1px solid silver;
width:73px;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
margin-right:41px;
padding:2px;
}
#header ul.lang {
position:absolute;
top:-15px;
left:847px;
margin:0px;
padding:0px;
list-style:none;
text-align:center;
display:block;
}
#header ul.lang li{
margin:0px 5px 0px 0px;
padding: 0px;
float:left;
}
#header ul.lang li.cze{
background:url(/img/cze.jpg) no-repeat;
}
#header ul.lang li.eng{
background:url(/img/eng.jpg) no-repeat;
}
#header ul.lang li a{
display:block;
width:30px;
height:30px;
color:white;
}
#header ul.lang li a span{
display:none;
}
.menu ul{
height:33px;
padding:0 0 0 19px;
width:928px;
margin:0;
display:block;
list-style:none;
}
.menu ul li{
float:left;
display:block;
padding:0;
margin:0 0 0 7px;
_margin: 0 0 0 7px;
position:relative;
height:33px;
z-index:100;
}
.menu a{
text-align:center;
display:block;
float:left;
width:94px;
padding:10px 0 8px;
color:white;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
background:url(/img/button-menu.gif) left top no-repeat;
position:relative;
}
.menu ul li a span{
display:block;
position:absolute;
background:url(/img/button-menu-arrow.gif) no-repeat;
width:11px;
height:6px;
font-size:1px;
bottom:-1px;
_bottom:-2px;
left:40px;
}
.menu a:hover{
background-position:right top;
color:#eee !important;
}
.menu :hover{
color:#eee;
}
.menu table{
position:absolute;
border-collapse:collapse;
z-index:10;
left:0;
top:33px;
}
.menu .sub li{
display:block;
text-align:left;
margin:0;
padding:0;
float:none;
height:auto;
}
.menu .sub li a{
margin:0px;
padding:8px 10px;
font-size:13px;
color:white;
text-transform:none;
font-weight:normal;
background:none;
text-align:left;
background:#d74e2e;
border-bottom:1px solid #df8259;
float:none;
width:120px;
}
.menu .sub li a:hover{
background:#d74e2e;
color:#F8DF79 !important;
}
.menu ul ul.sub {
visibility:hidden;
position:absolute;
margin:0;
padding:0;
width:200px;
top:33px;
_top:auto;
#left:0;
height:auto;
}
.menu ul li:hover ul.sub,
.menu ul a:hover ul.sub{
visibility:visible;
}
#bottom{
height:56px;
width:802px;
padding:0 35px 0 110px;
line-height:56px;
color:white;
background:url(/img/bottom.gif) no-repeat;
}
#bottom span{
font-size:14px;
float:left;
}
#bottom ul{
float:right;
}
#bottom ul, #bottom ul li{
margin:0;
padding:0;
list-style:none;
display:inline;
}
#bottom ul li{
padding-left:12px;
}
#bottom ul li a{
color:#fff;
}
#left-col{
width:196px;
float:left;
}
#left-col .profile{
background:#eee url(/img/corner.gif) right bottom no-repeat;
padding:15px 15px 75px;
color:#173d66;
margin:0 0 15px;
border-bottom:15px solid white;
}
#left-col .profile img{
margin:0 auto 10px;
display:block;
}
#left-col .profile h2{
margin:0px;
padding:0px;
font-size:120%;
}
#left-col .profile input{
margin-bottom:10px;
border:1px solid silver;
}
#left-col .profile textarea{
margin-bottom:10px;
border:1px solid silver;
}
#left-col .profile button{
background:#F7E17B;
border:1px solid silver;
width:73px;
line-height:20px;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
margin-right:41px;
padding:5px;
}
#left-col .sq{
background:#fbf1c3;
min-height:240px;
_height:240px;
}
#left-col .sq ul{
position:relative;
float:left;
width:170px;
background:#FDFAE8;
list-style:none;
margin:10px 0px 0px 8px ;
padding:5px;
text-align:center;
color:#666666;
font-size:14px;
font-weight:bold;
}
#left-col .sq ul li {
margin-top:6px;
}
#left-col .sq ul li.prvni{
border-bottom:2px solid #666666;
margin-bottom:10px;
padding-bottom:5px;
}
#left-col .sq ul li img{
border:0px;
}
#content{
margin:0 0 0 5px;
padding:1px 0;
width:472px;
color:#173d66;
font-size:120%;
float:left;
background:none;
line-height:1.5;
}
#content a{
color:#ce2900;
}
#content a:hover{
color:#000;
}
#content h1{
color:#ce2900;
font-size:22px;
font-weight:normal;
letter-spacing:-0.2mm;
text-transform:uppercase;
}
#content h2{
font-weight:normal;
margin:10px 0px 5px 0px;
padding:0px;
clear:both;
}
#content h3{
margin:5px 0px 5px 0px;
padding:0px;
}
#content h4{
margin:5px 0px 0px 0px;
padding:0px;
clear:both;
font-size:100%;
font-weight:bold;
}
#content img{
float:left;
margin:10px;
padding:1px;
border:1px solid silver;
}
#content input{
border:1px solid silver;
}
#content textarea{
border:1px solid silver;
}
#content input.cudl{
background:#F7E17B;
border:1px solid silver;
width:73px;
line-height:20px;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
margin-right:41px;
padding:5px;
}
#content p.vyrazne{
font-size:105%;
font-weight: bold;
font-style: italic;
}
#content p.poukazky{
text-align:center;
}
#content p.poukazky img{
border:0px;
}
#content div.ramecek{
background:#FDF7D9;
border:1px solid #F9E793;
padding:10px;
}
#content div.ramecek h4{
margin:0px;
padding:0px;
}
#content div.ramecek p{
margin:0px;
padding:0px;
}
#content img.kde-cvicime-logo {
float:left;
margin:10px 10px 0px 0px;
border:0px;
}
#content div.spoluprace-sloupec {
width:210px;
float:left;
text-align:center;
margin:10px 0px 0px 0px;
padding:0px;
}
#content div.spoluprace-sloupec img{
float:none;
border:0px;
margin:20px 0px 0px 0px;
padding:0px;}
#content div.spoluprace-sloupec p{
height:140px;
}
#content .intro1 ul{
color:#ce2900;
margin:0;
padding:0 0 0 25px;
}
#content .intro1 ul li{
list-style:outside url(/img/dot.gif);
padding:0 0 0 5px;
}
#content .intro1 ul.modra{
color:#0f3b73;
}
#content-w{
margin:0 0 0 0px;
padding:1px 0;
width:672px;
color:#173d66;
font-size:14px;
float:left;
background:white;
border-left:2px solid #eeeeee;
}
#content-w a{
color:#ce2900;
}
#content-w a:hover{
color:#000;
}
#content-w h1{
color:#ce2900;
font-size:22px;
font-weight:normal;
letter-spacing:-0.2mm;
text-transform:uppercase;
}
#content-w h2{
font-weight:normal;
}
#content-w h3{
margin-bottom:5px;
}
#content-w .intro1 ul{
color:#ce2900;
margin:0;
padding:0 0 0 25px;
}
#content-w .intro1 ul li{
list-style:outside url(/img/dot.gif);
padding:0 0 0 5px;
}
.tab{
width:472px;
background:url(/img/form-body.gif) repeat-y;
margin:0 auto;
}
.tab .h{
height:37px;
background:url(/img/form-head.gif) no-repeat;
list-style:none;
margin:0 0 1px;
padding:26px 0 0 35px;
}
.tab .h li{
float:left;
height:24px;
margin:0 20px 0 0;
text-align:center;
padding:10px 0 0;
}
.tab .h li a{
color:#173d66;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
}
.tab .h li.active{
width:115px;
background:url(/img/button-form.gif) no-repeat;
display:block;
float:left;
padding-bottom:5px;
}
.tab .h li.active a{
color:#fff !important;
text-decoration:none;
}
.tab .bb{
width:424px;
background:url(/img/form-body-inner.gif) repeat-x;
margin:1px auto 0;
padding-top:15px;
padding-left:10px;
min-height:95px;
_height:95px;
}
.tab h3{
margin:0px;
padding:0;
padding-left:10px;
text-transform:uppercase;
font-size:14px;
}
.tab p{
margin:0;
padding:0 0px;
}
.tab form{
padding-bottom:10px;
}
.tab form input, .tab form textarea{
width:118px;
height:16px;
border:1px solid #999;
background:#fff;
margin-left:0px;
padding:0;
margin:0 0 0px 5px;
_margin-bottom:8px;
}
.tab form div{
height:100px;
}
.tab form fieldset{
float:left;
display:block;
width:190px;
text-align:right;
font-size:12px;
font-weight:bold;
line-height:28px;
vertical-align:top;
}
.tab form textarea{
width:155px;
height:85px;
float:right;
display:block;
}
.w2{
width:210px !important;
line-height:20px !important;
text-align:right;
padding-left:15px !important;
}
.n2{
width:auto !important;
margin:auto !important;
float:none !important;
}
.tab form button{
display:block;
margin:5px auto;
}
.tab-bot{
height:21px;
background:url(/img/form-bottom.gif) no-repeat;
display:block;
}
#right-col{
width:256px;
float:right;
padding:10px 6px 0 0;
position:relative;
background:white;
}
#right-col a.can, #right-col h3.can a{
background:url(/img/button-can.gif) no-repeat;
color:#ce2900;
display:block;
font-size:18px;
font-weight:normal;
height:22px;
padding-top:5px;
text-decoration:none;
text-align:center;
text-transform:uppercase;
width:180px;
letter-spacing:-0.2mm;
}
#right-col a.can h3, #right-col h3.can{
font-weight:normal;
font-size:18px;
margin:0;
}
#right-col div.can{
background:#f9e793 url(/img/can-border-top.gif) no-repeat;
padding:22px 0 0;
position:relative;
margin-bottom:10px;
}
#right-col div.can span.bot{
display:block;
width:256px;
height:6px;
background:url(/img/can-border-bottom.gif) center bottom no-repeat;
padding-top:10px;
font-size:4px;
}
#right-col div.photo{
text-align:center;
vertical-align:middle;
min-height:68px;
}
#right-col div.photo div{
height:68px;
padding:0;
}
#right-col div.photo a{
display:block;
float:left;
height:68px;
margin:0 3px;
}
#right-col div.photo a.arrow{
margin:30px 0 0 8px;
height:auto;
vertical-align:middle;
}
#right-col div.photo a img{
display:inline;
}
#right-col div.photo span.bot{
padding-top:15px;
}
#right-col div.art{
margin-bottom:25px;
padding-top:5px;
}
#right-col div.art p{
margin:0;
padding:10px 15px;
border-bottom:1px solid #fbefb9;
}
#right-col div.art p span.date, #right-col div.ref a{
display:block;
background:url(/img/dot-arrow.gif) left center no-repeat;
padding:2px 2px 2px 14px;
color:#173d66;
}
#right-col p.kde-cvicime a{
padding:0px !important;
width:auto !important;
display:inline;
background:none;
}
#right-col a.mapa {
padding:0px !important;;
background:none !important;
}
#right-col a.mapa img{
height:auto !important;
width:auto !important;
}
#right-col div.ref a{
color:#ce2900;
}
#right-col div.art a{
color:#ce2900;
font-weight:bold;
}
#right-col div.art a.way{
display:block;
margin:10px 15px 0;
}
#right-col div.ref{
color:#173d66;
margin-bottom:15px;
}
#right-col div.ref h2{
font-size:18px;
font-weight:normal;
color:#173d66;
margin:0 0 5px;
}
#right-col div.ref img{
display:inline;
width:68px;
height:100px;
background:#ccc;
margin:0 10px 5px 0;
vertical-align:text-top;
float:left;
position:relative;
}
#right-col div.ref div{
padding:0 15px !important;
}
#right-col div.ref p{
margin:0 0 5px 0;
padding:0;
}
#navi{
background:#fff url(/img/navi.gif) no-repeat;
height:126px;
margin-bottom:10px;
padding:14px 0 0 25px;
clear:both;
}
#navi h2{
color:#ce2900;
font-size:20px;
text-transform:uppercase;
font-weight:normal;
float:left;
margin:42px 40px 0 0;
}
#navi h3{
color:#0f3b73;
text-transform:uppercase;
font-weight:normal;
font-size:13px;
margin:0 0 5px;
}
#navi ul, #navi li{
list-style:none;
margin:0;
padding:0;
line-height:20px;
}
#navi .fl{
float:left;
width:230px;
}
#navi .fl a, #navi .fl a:visited{
color:#ce2900;
}
/* s4 */
a.border img, img.border{
border:1px solid white;
}
.no-left-margin{
margin-left:0 !important;
}
.intro1{
border-top:8px solid #eaeaea;
border-bottom:2px solid #eaeaea;
margin:0 16px;
padding:0 8px 16px;
}
.b1{
border:1px solid #999;
}
.b{
font-weight:bold;
}
.em{
font-style:italic;
}
.fs15{
font-size:15px;
}
.mb10{
margin-bottom:10px;
}
.mb10 a{
color:black;
font-weight:bold;
}
.mrk{
margin-right:8px !important;
_margin-left:4px !important;
}
.lh1{
line-height:16px;
margin:5px 0px 10px 0px;
padding:0px;
}
.block{
display:block;
}
.red, a.red{
color:red;
}
a.red:hover{
color:black;
}
.nodec{
text-decoration:none;
}
.noborder{
border:none !important;
}
.cleaner{
clear:both !important;
margin:-1px 0 !important;
visibility:hidden !important;
display:block !important;
font-size:1px !important;
line-height:1px !important;
height:1px !important;
float:none !important;
}
.imgl, .imgr{
float:left;
margin:10px;
border:1px solid #ce2900;
padding:1px;
}
.imgr{
float:right;
}
#content img.doleva {
float:left;
border:0px;}
#content div.hubnuti-ref {
padding-top:10px;
clear:both;
}
#content div.nahled-ukazka-z-programu{
background:#fbf1c3;
padding:8px 8px 10px 8px;
width:97%;
margin:5px 0px 5px 0px;
}
#content div.nahled-ukazka-z-programu img{
float:left;
}
#content div.nahled-ukazka-z-programu p{
font-size:140%;
text-align:center;
}
#content-w div.ukazky-foto {
}
#content-w div.ukazky-foto ul {
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
}
#content-w div.ukazky-foto li {
list-style:none;
float:left;
}
#content-w div.ukazky-foto li img {
margin:10px;
padding:1px;
border:1px solid silver;
}
table.hubnuti {
width:430px;
}
table.hubnuti td{
padding:5px;
border-bottom:1px solid white;
border-right:1px solid white;
text-align:center;
}
td.hubnuti{
background-color:#DC6345;
font-weight:bold;
color:white;
}
td.tridatrener{
background-color:#AA3C20;
font-weight:bold;
color:white;
}
tr {
background-color:#FBE899;
padding:5px;
border-bottom:1px solid #FEF9E6;
}
.hubnuti-ref h3{
clear:both;
}
.hubnuti-ref table{
margin:10px;
}
.hubnuti-ref table td{
background:#fbf1c3;
border:1px solid white;
text-align:center;
padding:4px;
}
div.citat{
background:url(/img/pic14.gif) no-repeat;
height:96px;
margin:15px auto;
width:431px;
}
div.citat p{
padding:25px 50px 25px 15px;
font-size:118%;
font-weight:bold;
margin:0 auto;
}
#content-w div.trener {
width:180px;
float:left;
margin:10px;
}
#content-w div.trener img{
margin:0px;
padding:0px;
}
#content-w div.trener div.trener-jmeno {
background:#FBEFB7;
font-size:90%;
padding:5px;
text-align:center;
}
#content-w div.trener div.trener-jmeno a{
font-weight:bold;
}
#content-w div.trener div.trener-jmeno p{
margin:0px 0px 2px 0px;
padding:0px;
line-height:1.4;
}
#content-w div.trener div.trener-jmeno h3 {
color:#D22800;
font-size:130%;
margin:0px 0px 5px 0px;
padding:0px;
}
#content-w div.trener div.trener-jmeno h3 a{
text-decoration:none;
}
#content-w div.hrac {
margin-bottom:600px;
}
#content-w div.leve-kridlo {width:200px; float:left; }
#content-w div.leve-kridlo img {margin-top:15px; margin-left:7px;}
#content-w div.prave-kridlo {width:410px; float:left; padding:0px 10px 0px 0px }
#content-w div.hrac ul{
margin-left:20px;
padding:0px;
color:#173D66;
}
#content-w div.prave-kridlo li{
display:block;
padding: 5px 0px 5px 0px;
margin:0px;
list-style-image:url(/img/dot.gif);
list-style-position:outside;
list-style-type:disc;
}
#content-w li.charakt {
list-style-image: none;
list-style-type:none;
font-weight:bold;
}
#content-w p.motto {
font-style:italic;
font-weight:bold;
font-size:90%;
}
#content-w div.dokumenty-sloupec {
float:left;
width:130px;
margin-left:20px;
margin-right:5px;
text-align:center;
padding:0px;
}
#content-w div.dokumenty-sloupec img{
margin-top:5px;
margin-bottom:5px;
border:1px solid silver;
}
#content-w div.dokumenty-sloupec p{
display:block;
height:320px;
font-style:italic;
margin:0px;
padding:0px;
z-index:2;
}
#content-w h4.dokumenty {
font-size:17px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
clear:both;
padding:10px;
}
#content .odsad {margin-top:30px;}
#content ul.media {
margin:0px;
padding:0px;
color:black;
list-style:none;
float:left;
width:100%;
}
/*************************************************************/
#content-w table.cenik-mensi {
width:300px;
float:left;
margin-right:10px;
}
#content-w table.cenik-mensi td{
padding:10px 3px 10px 6px;
background:#F9E793;
color:black;
text-align:center;;
font-size:85%;
border-bottom:1px solid white;
border-right:1px solid white;
}
#content-w table.cenik-mensi td.popisek{
background:#FCF1BE;
width:150px;
font-weight:bold;
text-align:left;
}
#content-w table.cenik {
width:610px;
font-size:85%;
text-align:center;
margin-top:30px;
clear:both;
}
#content-w table.cenik th{
background:#D84D2C;
height: 50px;
color:white;
font-weight:bold;
border-left:1px solid white;
border-bottom:1px solid white;
background: url(../img/cenik-pruh2.jpg);
}
#content-w table.cenik th.jedna{
background: url(../img/cenik-pruh1.jpg);
}
#content-w table.cenik td{
background:#F9E793;
width:61px;
padding-top:8px;
padding-bottom:8px;
border-left:1px solid white;
border-bottom:1px solid white;
font-size:110%;
}
#content-w table.cenik td.kategorie{
background:#DC6345;
font-size:120%;
font-weight:bold;
color:white;
border-top:8px solid white;
}
#content ul.media li{
margin:0px;
padding:0px;
list-style:none;
background:none;
}
#content-w table td.prazdny{
background:white;
}
#content-w table td.prazdna, th.prazdna {
background:white;
}
#content-w table th.prazdna{
background:white;
}
#content-w table td.popisek-radek{
background:#FCF1BE;
font-size:100%;
}
#content-w table caption {
background: url(../img/caption.gif) no-repeat;
height:80px;
}
#content ul.media li.obrazek {
width:160px;
float:left;
clear:both;
margin:0px;
padding:10px 0px 20px 0px;
}
#content ul.media li.obrazek img{
border:none;
margin:0px;
padding:0px;
}
#content ul.media li.popis {
float:left;
color:black;
width:260px;
}
#media-link {
width: 940px;
margin-left:2px;
margin-right:4px;
}
#media-link #hlavicka {
width:209px;
background-color: rgb(238,238,238);
margin-left:18px;
}
#media-link #hlavicka #media-nadpis {
color:#CE2900;
font-weight:bold;
font-size:1.1em;
margin-left:14px;
padding-top:8px;
padding-bottom:6px;
}
#media-link #vrsek {
width: 938px;
background-color: rgb(238,238,238);
height:15px;
/*margin-right:2px; */
}
#media-link .medium {
margin-right:2px;
float:left;
width: 233px; /* šířka medium */
background-image: url("/img/media1-back.png");
background-repeat: repeat-x;
}
#media-link .medium a {
color:black;
font-weight:bold;
}
#media-link .medium a.media-logo {
padding-left:35px;
}
#media-link .medium p {
padding-left:25px;
padding-right:25px;
padding-bottom:15px;
margin-top:0px;
}
#media-link .medium .media-misto-pro-logo
{
height:76px;
}