/* CSS Document */
body  {font-family: Verdana, Arial, Sans-serif; font-size:11px;  background: rgb(204,206,219)}
p, h1, h2, h3, h4, h5, h6, h7, a, form, div, img {margin: 0; padding:0}

#kont {margin: 20px auto; width: 604px;}
#hlavni { width: 600px; background: rgb(195,195,194); padding:0 0 10px 0; border: 2px solid rgb(73,73,73); float:left }

a:link, a:visited {color:rgb(102,0,102)}
a:hover {color:red}

h3 {color:rgb(204,102,0); font-size: 13px; padding:10px 0 0 20px}
h4 {color:rgb(51,0,102); font-size: 12px; padding:5px 0 0 20px; display:block; margin: 10px 0 0 0; float:left; width: 530px }
h5 {color:rgb(143,155,173); font-size: 12px; padding:10px 0 0 40px; float:left }

.kap {color:rgb(153,102,0); margin: 0 0 -10px 0; }

/*HLAVA*/
#hlava  {margin: 5px auto; width: 100%; float:left }
#hlava h2 {display:block; text-align:right; color:white; padding: 10px 20px 0 0; font-size:13px  }
#hlava img {margin-left: 12px}

.radekhl {width:560px; margin:0 auto 5px auto;  }
#form {width: 100%; background:white; border: 1px solid gray; float:left; padding: 0 0 20px 0 }
#form2 {width: 100%; background:white; border: 1px solid gray; border-top:none; float:left; padding-bottom:10px; }
label {display:block; padding:2px 2px 0 0; font-size:12px; font-weight:bold; margin: 5px 0 0 10px; color:rgb(104,104,104) }  
.lab2 {float:left; padding:0; margin: 0 0 0 5px; display:block; width: 150px; text-align:right} 
.lab2m {float:left; padding:0; margin: 0 0 0 5px; display:block; width: 100px; text-align:right}
.lab2v {float:left; padding:0; margin: 0 0 0 5px; display:block; width: 250px; text-align:right}
.lab6 {float:left; padding:0; margin: 1px 0 0 5px; display:block; width: 230px; text-align:right} 
.lab5 {float:left; padding:0; margin: 0 0 0 5px; display:block; width: 130px; text-align:right}
.lab5b {float:left; padding:0; margin: 0 0 0 5px; display:block; width: 130px; text-align:right; color:red}
.lab2c {float:left; padding:2px 0 0 0; margin: 0 0 0 5px; display:block; width: 150px; text-align:right}
.lab2b {float:left; padding:0; margin: 0 0 0 5px; display:block; width: 260px; text-align:right}
.lab3 { margin: 0 0 0 5px; float:none; display:inline  }
.lab3b { margin: 0 0 0 5px; float:left;  }
.lab3c { margin: 0; float:none; display:inline  }             
input, select {float:left; border: 1px solid rgb(188,193,205); font: normal 12px verdana,arial,san-serif; padding:0 0 0 3px;
             background:rgb(247,247,249); margin:0 5px 0 10px}
.sel {margin-left:3px; float:none} 
.selsir {width:300px}
.selb {margin-left:3px; float:none; border-color:red} 
.selleft {margin:0;float:left; }            
.nap {color:navy; padding: 0 10px 10px 10px;}
.napor {color:rgb(255,102,0); padding: 0 10px 2px 10px;; font-weight:bold}
.b {color: rgb(153,0,51)}
.nap2 {display:block; color:navy; padding-left:18px}
.nap3 {color:navy; display:block; width:100%; text-align:center; margin-top:3px; float:left}
.pol2 {margin-left:5px}
.radek {width:100%; float:left; }
.radek2 {width:100%; float:left; text-align:center; }
.radek3 {width:100%; float:left; margin: 15px 0 0 0; }
.radek3b {width:100%; float:left; margin: 5px 0 0 0; }
.radekx {width:100%; float:left; margin: 10px 0 0 0; text-align:center; }
.radek3bb {width:100%; float:left; margin: 0; }
.radiopopis {padding-left: 50px}
.radek4 {width:100%; float:left; margin: 15px 0 0 0; text-align:center; }
.radek4b {width:100%; float:left; margin: 3px 0 0 0; text-align:center }
.radek44bb {width:100%; float:left;}
.radek44b {width:550px; margin:10px auto 5px auto; background:#35383c; text-align:center; padding-top:4px }
.radek5 {width:100%; float:left; margin: 15px 0 15px 0; text-align:center }
.radekkal {float:left; padding: 0 0 0 30px; text-align:center;  margin: 10px 0 10px 0 }
.radek6 {width:100%; float:left; margin: 0 0 15px 0;  }
.tlacform {width:90px; margin:25px 5px 10px 5px; float:none; font-size:11px; padding:0}
.tlacformm {width:60px; margin:25px 10px 10px 10px; float:none; font-size:11px; padding:0}
.tlacform4 {width:160px; height:15px; border:none; margin:1px 0 0 5px; float:left; background:url('img/pridat.gif');
           font-size:0; background-repeat:no-repeat; text-align:right; color:rgb(235,235,235) }
.tlacform3 {width:160px; margin:0 10px 10px 0; float:none; font-size:11px; padding:0}
.tlacform3b {width:70px; margin:5px 5px 10px 5px; float:none; font-size:11px; padding:0; border-color:rgb(255,102,0)}
.fil {float:left; margin-left:2px; font-size:12px;  }
.fil2 {float:left; margin-left:2px; font-size:12px; height:18px; border: 1px solid rgb(188,193,205)  }
.fil2b {float:left; margin-left:2px; font-size:12px; height:18px; border: 1px solid red  }
.tlacform2 {margin:0; padding:0; width:60px; height:17px; float:left; margin-right:2px}

.tlacform2b {margin:0; padding:0; width:80px; height:17px; float:left; margin-right:2px}
.tlacform2e {margin:0; padding:0; width:80px; height:17px; float:left; margin-right:2px; background:rgb(219,227,222)}
.area {width:469px; margin: 0 0 0 40px; overflow:auto; height:60px; font-size:12px; font-family: verdana; padding:3px}
.areamis {width:350px; height:100px; margin: 0 0 0 10px; overflow:auto; border: 1px solid rgb(188,193,205); font: normal 12px verdana,arial,san-serif; padding:3px;
             background:rgb(247,247,249); float:left}
.areakon {width:450px; height:100px; margin: 0 0 0 10px; overflow:auto; border: 1px solid rgb(188,193,205); font: normal 12px verdana,arial,san-serif; padding:3px;
             background:rgb(247,247,249); float:left}             
.areabig {width:469px; margin: 0 0 0 40px; overflow:auto; height:160px; font-size:12px; font-family: verdana; padding:3px; }
.areabigb {width:469px; margin: 0 0 0 40px; overflow:auto; height:160px; font-size:12px; font-family: verdana; padding:3px; border-color:red}
.area2 {margin-left:40px}
.area3 {float:left; overflow:auto; border: 1px solid rgb(188,193,205); font-size:12px; font-family: verdana; margin-left:10px;
       padding:3px; background:rgb(247,247,249); width:340px; height:80px }

.ch { float:left; border:0; background:white; margin:2px 3px 0 45px; height: 13px; width:13px }
.ch2 { float:left; border:0; background:white; margin:2px 3px 0 10px; height: 13px; width:13px }
.lab4 {margin:0; padding: 0;  float:left; display:block; font-weight:normal }

.nor {font-weight:normal}
.norb {font-weight:normal; font-size: 11px}
.norc {font-weight:normal; font-size: 11px; color:rgb(255,102,0)}
.poparea2 {font-weight:normal; font-size:11px; margin: 0 auto 0 auto; width: 475px; display:block; color:rgb(204,102,0)}
span {font-weight:bold;  color:rgb(51,0,102)}
.chyba {color:red; font-weight:bold; text-align:center; font-size:13px; margin-top: 10px}
.polchyba {border-color:red}
.spn {font-weight:normal; color:rgb(182,182,182)}
/*dvětlačítka*/
.radek2tl {width:200px; margin: 15px auto 0 auto; text-align:center;}
.radek3tl {width:300px; margin: 15px auto 0 auto; text-align:center;}
.kont2tl {width:100px; float:left; }
a.tl1:link, a.tl1:visited {border: 1px solid rgb(188,193,205);  background:rgb(247,247,249); padding:1px 0 1px 0; text-decoration:none;
                           font-size:12px; color:rgb(102,0,102); display:block; width:80px; margin: 0 auto 15px auto; text-align:center}
a.tl1:hover {background:rgb(199,199,226)}

/*čtyři tlačítka*/
.radek4tl {width:400px; margin: 15px auto 0 auto; text-align:center;}


.lev {width: 200px; text-align:right; float:left; margin: 5px 0 0 0; padding-right: 3px; color:gray; font-size:12px}
.lev2 {width: 124px; float:left; margin: 2px 0 0 0; padding-left: 12px; color:gray; font-size:12px; }
.lev3 {width: 80px; float:left; margin: 0; padding-left: 12px; color:gray; display:block; text-align:right }
.lev4 {width: 260px; float:left; margin: 5px 0 0 0; padding-left: 12px; color:gray; display:block; text-align:right; font-size:12px; }
.prav {width: 354px; float:left; margin: 5px 0 0 0;  padding-left: 3px; font-size:12px; font-weight:bold; color:rgb(51,0,102)}
.prav2 {width: 280px; float:left; margin: 2px 0 0 0;  padding-left: 3px; font-size:12px; font-weight:bold; color:rgb(51,0,102); }
.prav3 {width: 450px; float:right; margin: 0;  padding-right: 15px; color:rgb(51,0,102); display:block; }
.prav4 {width: 254px; float:left; margin: 5px 0 0 0;  padding-left: 3px; font-size:12px; font-weight:bold; color:rgb(51,0,102); }
.str {color:gray; font-size:12px; margin-bottom:10px}
.ico {width:520px; padding-left:40px; float:left; margin: 8px 0 8px 0 }
.icob {width:480px; padding-left:55px; float:left; margin: 8px 0 8px 0 }
.ico2 { font-size:12px; padding: 0 0 7px 5px; display:block; width: 450px; float:left; color:gray}
.ico3 {width:60px; height:84px; float:left; text-align:center;  }
.ico4 {width:60px; height:84px; float:left; text-align:center; padding-top: 30px   }

a.napoveda:link, a.napoveda:visited {display:block; float:left;  width:15px; height:15px; margin:10px 0 0 8px; background:url('img/otaznik.gif') }
a.napoveda:hover {background:url('img/otaznik2.gif')}

.c {font-weight:normal; color: rgb(204,102,0)}

a.ucet:link, a.ucet:visited {display:block; background:white;  width:75px; text-decoration:none; padding: 2px 0 2px 0; 
                             text-align:center; color:rgb(102,0,153); float:left;  height:12px; background:rgb(234,234,234); 
                             border-top: 0;  
                             border-right: 1px solid gray;
                             border-left: 0; 
                             border-bottom: 1px solid gray;}
a.ucet:hover {background:rgb(221,221,238)}                            
a.ucetb:link, a.ucetb:visited {display:block; background:white;  width:75px; text-decoration:none; padding: 2px 0 2px 0; 
                             text-align:center; color:rgb(102,0,153); float:left;  height:12px; 
                             border-top: 0;  
                             border-right: 1px solid gray;
                             border-left: 0; 
                             border-bottom: 1px solid white;} 
a.zavriuc:link, a.zavriuc:visited {display:block; background:url('img/kriz.gif') rgb(217,217,217);  width:20px; 
                              text-decoration:none; padding: 2px 0 2px 0;  
                             text-align:center; color:red; float:left;  height:12px;  
                             font-weight:bold; background-repeat:no-repeat; background-position: 3px 1px;                           
                             border-top: 0;  
                             border-right: 1px solid gray;
                             border-left: 0; 
                             border-bottom: 1px solid gray;}  
a.zavriuc:hover {display:block; background:url('img/krizb.gif') rgb(217,217,217);  width:20px; 
                              text-decoration:none; padding: 2px 0 2px 0;  
                             text-align:center; color:red; float:left;  height:12px;  
                             font-weight:bold; background-repeat:no-repeat; background-position: 3px 1px;                           
                             border-top: 0;  
                             border-right: 1px solid gray;
                             border-left: 0; 
                             border-bottom: 1px solid gray;} 
a.zalozblog:link, a.zalozblog:visited {display:block; padding: 10px 0 0 20px; color:rgb(102,0,0); font-size:12px}                      
a.hover {color:red}  
                         
.menu {border:1px solid gray; height:18px; float:left; border-bottom:none; border-right:none; position:relative; top:1px; background:white }
.menu2 {border-bottom:1px solid gray; float:left; width:562px; height:18px}
.nadnap {float:left; padding-top:0}

.sel2 {margin-left:10px; float:left; width:200px; padding-left:4px; font-size: 11px; font-weight:normal; }
.sel2b {margin-left:10px; float:left; width:200px; padding-left:4px; font-size: 11px; font-weight:normal; border-color:red; background:rgb(244,224,221) }
.selm {margin-left:10px; float:left; width:60px; padding-left:4px; font-size: 11px; font-weight:normal; }
.selmb {margin-left:10px; float:left; width:60px; padding-left:4px; font-size: 11px; font-weight:normal; border-color:red; background:rgb(244,224,221) }
.sel3 {margin:0; float:none; width:200px; padding-left:4px; font-size: 11px; font-weight:normal; }
.sel3b {margin:0; float:none; width:200px; padding-left:4px; font-size: 11px; font-weight:normal; border-color:red }
optgroup {color:rgb(51,51,102); margin-left:5px; font-weight:normal}
option {color:black; }


.red {color:red}

.kontobr {margin:0 auto 0 auto;  }
.kontico {width: 80px; height:95px; text-align:center; float:left;}
.kontico2 {height:70px; margin: 0 auto 0 auto; text-align:center;  }
.smazobr {margin:3px 0 0 0;  float:none; border:none; width:80px; height:17px; background:url('img/smaz.gif'); color:white; text-align:right;
         float:right; background-position: 10px 0; background-repeat:no-repeat; font-size:1px }
.imgnahled {margin:0}
.nap {font-weight:normal; color:gray; width:500px;  display:block; padding:5px}
.nahinz {font-size: 12px; margin: 0 10px 4px 10px; font-weight:bold; color:rgb(51,0,102); text-indent:10px}

/*zobrazení fotek*/
#zobimg {width:100%; float:left; text-align:center; padding:10px 0 10px 0}
#zobimg .neaktiv{margin:0; padding:0; border: 1px solid black}
#zobimg .radek {width:100%; float:left}
#zobimg .aktiv{margin:0; padding:0; border: 1px solid red}
#zobimg .hlavni {width:100%; float:left; text-align:center; margin: 5px 0 0 0; }
#zobimg .ikony {margin: 10px auto 0 auto; }
a.icoim:link, a.icoim:visited, a.icoim:hover {width:80px; height:42px; display:block; float:left; text-align:center;}

.neni {font-weight:bold; padding-left:30px; color:rgb(0,102,0)}
.predel {border-top: 2px solid rgb(182,182,182); border-bottom: 2px solid rgb(182,182,182); width:100%; float:left;
        padding-bottom:8px; margin:5px 0 5px 0; background:rgb(246,246,246)}


.bl {color:navy}
.vypis {color:gray; font-size: 11px; padding:0 0 0 20px}

.radtab {width:520px;  padding: 1px 20px 1px 20px; float:left}
.tab1 {display:block; float:left; border:1px solid rgb(187,187,187); padding:1px; width:100px; margin-right:1px}
.tab1b {display:block; float:left; background: rgb(187,187,187); padding:1px; width:102px; color:white; font-weight:bold; margin-right:1px }
.tab2 {display:block; float:left; border:1px solid rgb(187,187,187); padding:1px; width:60px; margin-right:1px}
.tab3 {display:block; float:left; border:1px solid rgb(100,123,118); padding:1px; width:268px; margin-right:1px; }
.tab2b {display:block; float:left; background: rgb(187,187,187); padding:1px; width:62px; color:white; font-weight:bold; margin-right:1px }
.tab3c {display:block; float:left; border:1px solid rgb(100,123,118); padding:1px; width:300px; margin-right:1px; background:rgb(239,245,242)}
.tab3b {display:block; float:left; background: rgb(187,187,187); padding:1px; width:270px; color:white; font-weight:bold; margin-right:1px }
.tab4 {display:block; float:left; border:1px solid rgb(100,123,118); padding:1px; width:150px; margin-right:1px; background:rgb(239,245,242)}
.tabvel {display:block; float:left; border:1px solid rgb(187,187,187); padding:1px; width:330px; margin-right:1px; }
.tabvel2 {display:block; float:left; border:1px solid rgb(187,187,187); padding:1px; width:495px; margin-right:1px; }
.tabvelb {display:block; float:left; color:white; width:332px; margin-right:1px; background: rgb(187,187,187); font-weight:bold; padding:1px }

a.edit:link, a.edit:visited {display:block; width:15px; height:15px;  margin: 0 0 0 3px; background:url('img/edit.gif'); float:left}                                     
a.edit:hover {background: url('img/edit2.gif')}

a.detail:link, a.detail:visited {display:block; width:15px; height:15px;  margin: 0 0 0 3px; background:url('img/det.gif'); float:left}                                     
a.detail:hover {background: url('img/det2.gif')}  

a.kriz:link, a.kriz:visited {display:block; width:15px; height:15px; margin: 0 0 0 3px; background:url('img/kriz.gif'); float:left}                                     
a.kriz:hover {background: url('img/krizb.gif')} 

a.np:link, a.np:visited {display:block; width:15px; height:15px; margin: 0 0 0 3px; background:url('img/nap1.gif'); float:left}                                     
a.np:hover {background: url('img/nap2.gif')} 

a.kriz2:link, a.kriz2:visited {display:block; width:15px; height:15px; margin: 0 0 0 3px; background:url('img/kriz2.gif'); float:right}                                     
a.kriz2:hover {background: url('img/kriz2b.gif')} 

a.pov:link, a.pov:visited {display:block; width:15px; height:15px; margin: 0 0 0 3px; background:url('img/pov.gif'); float:right}                                     
a.pov:hover {background: url('img/povb.gif')} 

a.pridej:link, a.pridej:visited {display:block; width:110px; height:15px; margin: 0 1px 0 0; float:right; text-align:right;
                                 background: url('img/sipka1.gif'); background-repeat:no-repeat}                                     
a.pridej:hover {color:red} 

a.edit2:link, a.edit2:visited {display:block; width:15px; height:15px;  margin: 0 0 0 3px; background:url('img/edit3a.gif'); float:right}                                     
a.edit2:hover {background: url('img/edit3b.gif')}


.radekokraj2 {width:540px; float:left; padding: 0 10px 0 10px; }
.radekokraj {width:540px; margin: 3px 0 3px 0; border: 1px solid rgb(51,0,102); float:left; background:white;
            padding: 2px 0 2px 0 }
.kap1 {font-weight:bold; color:rgb(51,0,153); display:block; float:left; padding-left:5px; font-size:12px; }

.radekinfo {width:510px; padding: 3px 0 3px 40px; color:rgb(0,102,0)}

.gray {background:rgb(235,235,235); width:100%; float:left; margin:10px 0 10px 0;
       border-top: 2px solid rgb(255,102,51);  border-bottom: 2px solid rgb(255,102,51)}

.naparea {font-size:11px; font-weight:normal; color:rgb(0,102,0) }

#dotaz1 {position:relative; z-index:10}
#dotaz1 .dotaz2 {position:absolute; width:200px; height:80px; background:red; left:200px; top:120px; border: 4px solid red; 
background:rgb(255,255,204); font-size:14px; font-weight:bold; text-align:center; padding:8px 0 0 0; color:red}
#dotaz1 .kont {width:100px; float:left; margin-top:20px}
a.dotaz3:link, a.dotaz3:visited {display:block; width:70px; text-align:center; text-decoration:none; border: 1px solid gray;
                                 font-size: 12px; margin: 0 auto 0 auto; background:white; color:rgb(0,0,51)}
a.dotaz3:hover {background:rgb(255,255,102)}
.vyzva {padding:5px 20px 5px 20px; font-size:12px; color:rgb(102,0,102)}                                    
.vyzva2 {font-size:11px}                               
.spoj {color:rgb(153,102,0); padding: 6px 0 0 20px; font-size:12px; display:block; width:430px;  float:left}
.spoj2 {color:red; padding: 6px 0 0 0; font-size:12px; display:block; width:90px;  float:left; text-align:right}

.info {padding:5px 0 5px 20px; font-size:12px; color:gray}

.filetlac {background:rgb(212,208,200); font-size:11px; padding:0; margin:0; width:60px; border:1px solid gray; height:16px; margin: 1px 0 0 5px}
.tlacchyba {background:red; font-size:11px; padding:0 5px; margin:0; border:1px solid rgb(255,204,0); color:rgb(255,204,0); height:16px; margin: 1px 0 0 5px}


.pole{float:left; margin:2px 0 0 0; }
.kontkoncert {float:left; padding: 0 0 0 55px; }


.radeksezkap {width:100%; border-top:1px solid gray;  border-bottom:1px solid gray; float:left; padding: 4px 0; margin-top:8px; background:rgb(233,233,233)}   
.radekk{ padding: 2px 0; float:left}   

#napoveda {position: relative;}
#napoveda2 {width:270px; position: absolute; border: 2px solid rgb(153,102,0); left:610px; top:50px; padding:5px; 
           background:#f1f0ef}

#napoveda h2 {text-align:center; color:rgb(153,102,0); font-size:13px}
#napoveda p {color:rgb(153,102,0); font-size:11px}

.nahledimg {width:100%; float:left; text-align:center; padding:5px 0; border-top:1px solid rgb(51,102,0); border-bottom:1px solid rgb(51,102,0); background:rgb(205,211,203)}
.radekcenter {width:100%; float:left; text-align:center;}

.konthlimg {width:96px; height:95px; float:left; margin: 0 2px 5px 2px; text-align:center; color: gray; border:1px solid gray; padding:2px 0 0 0}
.konthlimg2 {width:98px; height:65px; float:left; }
.konthlimg3 {width:98px; display:block}
.pouimg {color:rgb(255,102,0); float:left; text-align:left; margin:0; font-size:10px; font-weight:normal}
.tlacarimg {margin:3px 0 0 20px; padding:0; width:12px; height:12px; float:left; border:0}
.radekradio {color:white; width:100%; float:left; padding-top:2px}
.radio2 {width:10px; height:10px; float:left; background:transparent; border:0; margin:2px 0 0 15px}
.radio3 {display:block; float:left; margin: 0 0 0 4px} 

.radekstyly {float:left; padding:0 0 0 6px;} 
.boxstyl {float:left; border: 1px solid gray; width:134px; padding-bottom:2px; margin:0 1px 1px 0}
.boxstylb {float:left; border: 1px solid red; background:rgb(214,217,220); width:134px; padding-bottom:2px; margin:0 1px 1px 0;}
.labstyl {color:gray; font-weight:normal; margin: 0 2px 0 0; float:left; display:block}
.labstylr {color:gray; font-weight:normal; margin: 0 2px 0 0; float:left; display:block; color:rgb(153,0,0)}
.stylbox {margin:4px 0 0 3px; padding:0; width:12px; height:12px; background:transparent; border:0  }


#jmenovzor {position: relative}
#jmenovzor2 {position: absolute;  border: 2px solid red; background: rgb(255,255,204); z-index:999;
            top:98px; left:5px; padding: 20px 40px 0 0}