/*-------------------------------------------    

    General Selectors

-------------------------------------------*/

* { line-height: 1.5; }

body { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif; background: #2d3032 url(./layout/page-bg.jpg) repeat-x top; text-align: center; }





/* block level */



h1 { font-size: 20px; color: #0e6ba7; margin: 0 0 0.8em; margin-left: 10px; background: url(./layout/h1.gif) left bottom no-repeat; font-weight: normal; }

h2 { font-size: 14px; color: #0e97b4; margin: 0 0 0.2em; margin-left: 10px; font-family: Verdana; font-weight: bold;}
h2 a { color: #0e97b4; margin: 0 0 0.2em; font-family: Verdana; font-weight: bold; text-decoration: none;}
h2 a:hover {  color: #ff563c; margin: 0 0 0.2em; font-family: Verdana; font-weight: bold; text-decoration: none;}

h3 { font-size: 12px; color: #ff563c; margin: 2em 0 0.2em; margin-left: 10px; font-family: Verdana; font-weight: bold; padding-bottom: 4px; border-bottom: 1px dotted #0e97b4; width: 485px;}


.clear { clear: both; height: 1px; background: transparent;}

.nobo {border: none;}




/*  id   */


#kabat { margin: 0 auto; width: 919px; text-align: center; background: url(./layout/kabat-back.jpg) repeat-y;}

#kosile { margin: 0 auto; width: 901px; text-align: center; background: url(layout/kosileBack.gif) repeat-y;}




/*  sloupce a rozvrzeni  */

#left { float: left; width: 197px; text-align: left; margin-top: 1px; height: 100%;}

#content {float: left; width: 505px; background: url(./layout/topContent.gif) repeat-x top; text-align: left; margin-top: 1px; margin-left: 1px; height: 100%; padding-top: 30px;}
#content p {padding:  0 10px; font-size: 0.7em; line-height: 160%;}
#content p a{color:#125594; text-decoration: underline;}
#content p a:hover{color:#ff563c; text-decoration: underline;}
#content ol {font-size: .7em;}


#right { float: right; width: 197px; text-align: left; margin-top: 1px; height: 100%;}

#bottom {width: 100%; height: 43px; background: url(layout/bottom.gif) repeat-x; border-top: 1px solid white; border-bottom: 1px solid white; color: white; _margin-bottom: -20px; }
#bottom .left{float: left; width: 400px; padding: 5px 0 5px 10px; text-align: left; font-size: 0.7em;}
#bottom .right{float: right; width: 400px; padding: 5px 10px 5px 0; text-align: right;}


#burza { width:505px; background: url(layout/burza.gif) repeat-y center; margin: 0 auto;}
#burza .left {float: left; width: 235px; text-align: left;}
#burza .right {float: right; width: 235px; text-align: left;}


/*  image */

.imgNovinky { border:none; _margin-bottom: 6px;}
.imgTop { margin-bottom: -5px; border: none; padding: 0; }  /* v ff a opere je potreba margin -5px, IE je ok */
.imgTop { _margin-bottom: -2px; #margin-bottom: -2px; }     /* hack kvuli ie */


.pecet {border: none; padding: 0 20px;}

.zminka {border: none; margin: 20px 10px;}

.imgL {border: none; margin: 10px 20px 10px 0;}

.imgR {border: none; margin: 10px 0 10px 20px;} 

.imgKroj {border: none; margin-right: 10px;}

.imgHradcovjanka { border: 5px solid white; }

.imgKniha {border: none; margin: 10px 0 0 0;}

.imgPozvanka {border: 1px solid #6b6666; margin: 9px;}

.imgWebkamera {margin: 10px; border: 1px solid #6b6666;} 

.imgUvod {border: 2px solid #b9b9b9; margin: 5px 0 5px 5px;}

.imgProuzek {border: none; margin-bottom : 5px;}

 .imgV {padding-right: 10px;}

.fotka { margin: 6px 0 6px 11px; _margin: 6px 0 6px 6px; float: left; width: 154px; text-align: center;}

.imgFoto { border: 1px solid #d1d1d1;}

 .imgNovaFotka {border: none; padding: 5px 0 0 5px;}      



/*  classes  */


.modrePodTop { width: 901px; height: 32px; background: url(./layout/nachazite-back.gif) repeat-x; color: white; margin-top:0; }

.modrePodTop .text { padding: 8px 0 0 10px;font-size: 0.7em; text-align: left; }

.modrePodTop a {color: #fff; text-decoration: underline;}

.modrePodTop a:hover {color: #000; text-decoration: none;}


.procent { font-size: 0.8em;}


.sede {background: #ededed; width: 330px; margin: 0 90px; border-right: 15px solid #c4ced0;}

.sedeL {float: left; margin: 10px; width: 80px; }

.sedeR {float: left; margin: 10px; width: 170px; font-size: 0.7em; padding-left: 30px;}


.pocetZaznamu {padding-bottom: 4px; border-bottom: 1px dotted #0e97b4; width: 485px; margin-left:10px; font-size: .7em;}


.firma {background: #ededed; width: 425px; _width:465px; padding: 20px; margin: 10px 20px; font-size: 0.7em; border-bottom: 1px solid #9c9e9f;}



.sedaLinka {width: 485px; margin: 0 10px; background: url(./layout/sede.gif) repeat-x; height: 9px; margin-bottom:30px;}

.sedaLinka1 {width: 485px; margin: 10px; background: url(./layout/sede.gif) repeat-x; height: 9px; }

.sedaLinka2 {width: 485px; margin: 10px; background: url(./layout/sede.gif) repeat-x; height: 9px; clear: both; }




.uredniDeska { border: 1px solid #13bbda; padding: 10px; font-size: 0.65em; width: 465px; margin: 20px 10px; }

.poslPrispevek { font-size: 0.7em; color: #016599; margin: 6px 0 8px 8px;}

.pridatVzkaz { width: 485px; margin: 0 10px; border-bottom: 1px solid #0e95b3; font-size: 0.7em;}



.backPV { background: #0e95b3; padding: 3px 12px; cursor: pointer; color: #fff; font-weight: bold;}

.backPV a:hover { background: red;}

.notdisplayed{ display: none;} 


.funkce {text-align: right; font-weight: bold; font-size: 1.2em; color: #0fb3ce;}

#pridat_vzkaz { background: url(layout/backForm.gif) repeat-x bottom; border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;  width: 463px; _width: 485px; padding: 10px; font-size: 8pt; margin: 0 10px;}

#pridat_foto { background: url(layout/backForm.gif) repeat-x bottom; border: 1px solid #d3d3d3;  width: 466px; padding: 10px; font-size: 0.7em; margin: 0 10px;}

.input_file { border: 1px solid #6ec1d2;}

.input_foto { border: 1px solid #6ec1d2; font-size: 1em; color: #000; padding: 3px; font-family: Tahoma; width: 380px;}

.input_kn { border: 1px solid #b9b9b9; _height:26px; font-size: 1em; color: #000; padding: 4px; font-family: Tahoma; width: 402px;}

.textarea_kn { border: 1px solid #b9b9b9; font-size: 1em; color: #000; padding:4px; font-family: Tahoma; width: 402px; height: 100px;}

.input_burza { border: 1px solid #6ec1d2; font-size: 1em; color: #000; padding: 3px; font-family: Tahoma; width: 350px;}

.select {border: 1px solid #6ec1d2; font-size: 1em; color: #000; padding: 3px; font-family: Tahoma;}

.submit {border: none; color: white; padding: 3px 6px; background: #0e95b3; font-size: 1em; cursor: pointer;}

.submit_odeslat {border: none; background : url(layout/odeslat.gif); width: 61px; height:27px; cursor: pointer;}







.jmeno {color: #c20c2f; font-weight: bold;}

.datum {font-size: 80%;}

.iPodatelna { width: 466px; padding: 10px; font-size: 0.7em; margin: 0 auto;}

.celyClanek_bezImg {padding-left: 420px;}

.celyClanek_sImg {padding-left: 260px;}

.datumNovinka { color: #211762; font-size: 90%;}

.tl_left {float: left; margin: 10px 0 20px 20px;}

.tl_right {float: right; margin: 10px 20px 20px 0;}

.hlaska { border: 1px solid #d4d4d4; padding: 10px 0 10px 40px ; width: 445px; margin: 10px auto; font-weight: bold; background: url(layout/ok.jpg) no-repeat left; font-size: 0.7em;}

.hlaskaFalse { border: 1px solid #d4d4d4; padding: 10px 0 10px 40px ; width: 445px; margin: 10px auto; font-weight: bold; background: url(layout/false.jpg) no-repeat left; font-size: 0.7em;}

.pozvanka { width: 177px; margin: 10px; font-size: .7em;}

.pocetHlasu { color:#0c5684; }

.archiv_roku { color: #c20c2f; font-weight: bold; font-size: 1.2em;}   

.anketa { width: 177px; _width: 197px; padding: 10px; font-size: .7em; background: url('layout/otaznik.gif') no-repeat bottom right; }   

.anketa a { color: #424040; text-decoration: underline;}

.anketa a:hover { color: #e81410; }


.archiv_novinky { width: 112px; margin: 10px 20px 40px 0; float: right; text-align: right; font-size: .7em; background: url(layout/archiv.jpg) no-repeat left;}

.archiv_novinky a { color: #3fc2d8; text-decoration: underline; font-weight: bold;}

.archiv_novinky a:hover { color: #ef3f39; }

.infoUl {list-style-type: square; font-size: .7em;}



.nadpisBurza {color: #c20c2f; font-weight: bold; font-size: .9em; margin-bottom: 10px; margin-left: 10px;}



.block{ padding: 0px 0 0 0px; width: 300px; float: left; line-height: 200%; margin: 0 auto; }
.blockL { display: block; float: left; width: 110px; font-weight: bold; text-align: right;}
.blockR { float: left; padding: 0px 0 0 0px; width: 180px; padding-left: 10px;} 
.blockR a{color:#125594; text-decoration: underline;}
.blockR a:hover{color:#ff563c; text-decoration: underline;}



.inputSearch { border: 1px solid #aaaaaa; margin: 7px 1px 5px 5px; width: 134px; padding: 2px 4px; font-size: .7em;}
.inputSearchSubmit {border: none; background: #0e97b4; color: #fff; padding: 2px; font-size: .7em; margin-bottom: 5px; cursor: pointer; #padding: 0;}
.nalezeno {background: #fff8a9;}




/*  tabulky   */

.tab_kroje {border: none; padding: 5px 2px; font-size: 0.7em; width: 95%; margin: 0 auto;}

.tab_hriste {border: none; padding: 5px 2px; font-size: 0.7em; width: 55%; margin: 0 auto;}

.tab_form{font-size: 8pt;}       



/*  menu */

.menu { display: table; margin: 0 0 -2px 0; width: 197px; _width:192px; list-style-type: none; margin-left: -35px; _magin-left:5px; #margin-left: 5px; }
.menu li { float: left; width: 192px; background: url(./layout/sipka.gif) no-repeat left; }
.menu a, .menu a:visited {  display: block; padding: 2px 0 2px 10px; text-align: left; color: #383636; border-bottom: 1px solid #ddd6d6; text-decoration: none; font-size: 0.7em; font-family: Verdana;}
.menu a:hover { color: #df0001; text-decoration: underline; }

    /* Hacky pre IE 5.x a IE 6 */

    
    * html .menu li a {width: 100%;}




.mObecniUrad { background: #d0cece url(./layout/obecni-urad.gif) no-repeat top; padding-top: 31px; width: 197px;}
.mInformace { background: #d0cece url(./layout/informace.gif) no-repeat top; padding-top: 31px; width: 197px;}
.mHistorie { background: #d0cece url(./layout/historie.gif) no-repeat top; padding-top: 31px; width: 197px;}
.mKultura { background: #d0cece url(./layout/kultura-a-sport.gif) no-repeat top; padding-top: 31px; width: 197px;}
.mTuristika { background: #d0cece url(./layout/turistika.gif) no-repeat top; padding-top: 31px; width: 197px;}
.mGalerie { background: #d0cece url(./layout/galerie.gif) no-repeat top; padding-top: 31px; width: 197px;}
.mOrganizaceObce { background: #d0cece url(./layout/organizace-obce.gif) no-repeat top; padding-top: 31px; width: 197px;}
.mPozvanka { background: #d0cece url(./layout/pozvanka.gif) no-repeat top; padding-top: 31px; width: 197px;}   
.mAnketa { background: #d0cece url(./layout/anketa.gif) no-repeat top; padding-top: 31px; width: 197px;}   
.mVyhledavani { background: #d0cece url(./layout/vyhledavani.gif) no-repeat top; padding-top: 31px; width: 197px;}

/* anything */
#anything {width: 900px; margin: 0 auto; padding: 8px 5px 0 0; color: #0fb3ce; text-align: right; font-size: 0.7em;}
#anything a {color:white; font-weight: bold; text-decoration: none;}
#anything a:hover {text-decoration: underline;}


/* iframe u vkladani fotek */
.iframe { border: none; width:500px; height:700px; background: #FFF;}