/* CSS Document */
@charset "iso-8859-2";
body { background: url(../images/bg_body.jpg) repeat-x; background-color: #000000; margin: 0; padding: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #343434; }

#hdr { width: 780px; height: 130px; margin: 0 auto 0; padding: 0; background-color: gray; }
.head { float: left; }

#menu { position: relative; width: 780px; height: 25px; margin:0 auto 0; padding: 0; /*background: #D1D1D1; background: url(../images/bg_nav_top.jpg ) repeat-y;*/background: url(../images/bg_nav_top.jpg ) repeat-y;  /*border-bottom: 2px solid#E8E8E8 gray;*/  }
.menu { float: left; }

#menu_left { position: absolute; left: 5px; top: -18px; margin: 0; padding: 0; /*opacity: 0.95; filter: alpha(opacity=95);*/ }
#menu_left_left { position: absolute; left: 68px; top: -18px; margin: 0; padding: 0; /*opacity: 0.95; filter: alpha(opacity=95);*/ }
#menu_right_right { position: absolute; left: 131px; top: -18px; margin: 0; padding: 0; /*opacity: 0.95; filter: alpha(opacity=95);*/ }
#menu_right { position: absolute; left: 194px; top: -18px; margin: 0; padding: 0; /*opacity: 0.95; filter: alpha(opacity=95);*/ }

#gray_plac { position: absolute; left: 0; top: 0; height: 25px; width: 780px; background: gray; opacity: 0.45; filter: alpha(opacity=45); }
#mezera { position: relative; height: 7px; width: 780px; margin: 0 auto 0; padding: 0;  background: url(../images/bg_nav_top.jpg ) repeat-y; background-color: gray;}
#cont_body { position: relative; width: 780px; margin: 0 auto 0; padding: 0 0 15px 0; background: url(../images/bg_cont_body.gif) repeat-y; text-align: left; }

#nav_left_top { width: 600px; height: 64px; padding: 0; margin: 0 0 5px 0; background: #F3F3F3;}
#nav_left { width: 540px; margin: 0; padding: 0; background: url(../images/bg_nav_left.jpg) repeat-y; /*border: 1px solid red;*/ text-align: justify; }
#text_top { width: 497px; margin: 0; padding: 0; height: 10px; background: url(../images/bg_text_top.jpg) no-repeat; /*border: 1px solid red;*/ }
#text_box { position: relative; left: 22px; width: 493px; padding: 0 0 25px 0; margin: 0; /*background-color: #F2F2F2;*/ background: url(../images/bg_text_box.jpg) repeat-y;}
#nav_text { margin: 15px; padding: 0; text-align: justify; /*border: 1px solid red;*/ }
#nav_mapa_stranek { margin: 15px; padding: 0; text-align: justify; }
#nav_mapa_stranek a { color: #413E5B; text-decoration: none; font-weight: normal; }
#nav_mapa_stranek a:hover { text-decoration: underline; color: #A20808; }

h3 { padding: 1px; font-size: 13px; color: white; font-weight: bolder; background: #413E5B; display: block; text-align: left; }
b  { padding: 3px; font-size: 13px; color: white; background: #413E5B; }
.seznam { padding: 5px; line-height: 1.6em; border: 1px solid gray; background: /*#FFF3F3;*/ #FDF3E5; text-align: left;}
.pole_likvid { padding: 6px; border: 1px solid gray; background: #FDF3E5; text-align: left; }
li { /*line-height: 1.5em;*/ margin: 5px; }
ul { /*border: 2px solid gray;*/ margin: 7px; }
.blue { color: #413E5B; }
.red { color: #A20808; font-weight: bold; }
#text_bot { position: relative; left: 18px; width: 497px; height: 9px; background: url(../images/bg_text_bot.jpg) no-repeat; }
a { color: #A20808; font-weight: bolder;} 
.left_top { float: left; margin: 0; padding: 0; }
.left_bot { float: left; height: 32px; margin: 0; padding: 0; }
#bot_nav_left { width: 780px; height: 32px;}

/***********  pravej lajout absolutne polohovany  ****************/
#nav_right { position: absolute; top: 0; left: 540px; margin: 0; padding: 0; width: 240px; height: auto; background: url(../images/bg_nav_right.jpg) repeat-y; /*border: 1px solid red;*/ }
#aktualita { position: relative; padding: 185px 0 0 22px; display: block; width: 218px; }
#aktualita a { text-decoration: none; color: #4B4B49; }
#aktualita a:hover { color: #A20808; text-decoration: underline; }
.aktualita { position: relative; margin: 15px 0 0 22px; display: block; width: 218px;  }
.aktualita a { color: #4B4B49; text-decoration: none; }
.aktualita a:hover { color: #A20808; text-decoration: underline; }
.ohraniceni { display: block; margin: 0 8px 0 10px; padding: 5px; background: #D0CFDA; }
.zvyrazneni { display: block; background: #B4D4E1; }
.certifikat_big { margin: 15px  0 0 31px; border: 1px solid gray; }
#vlajka_cr { position: absolute; top: -10px; left: 660px; }
#vlajka_en { position: absolute; top: -10px; left: 720px; }
#mapa_stranek { position: absolute; top: 0; left: -115px; }

/***********pripravene styly pro fotky pro pripad ze by se chtelo s kazdou casti jinak manipulovat**************/
.foto_graffity2 { margin-left: 10px; border: 2px solid gray; }
.foto_graffity { border: 2px solid gray; }
.foto_sanace_right { border: 2px solid gray; margin-left: 258px; }
.foto_sanace_left { border: 2px solid gray; }
.foto_komunal { border: 2px solid gray; }
.foto_likvidace_left { border: 2px solid gray; margin: 0 10px 0 0; float: left;}
.foto_likvidace_right { border: 2px solid gray; margin: 0 0 0 10px; float: right; }
.next_tech { border: 2px solid gray; margin: 15px 0 0 22px; }

/**************  styly pro formularik vpravo a dalsi formy  *************/ 
#formik { margin: 15px 0 0px 22px; }
.float_right { float: right; margin: 10px 0 0 15px; border: 1px solid gray; }
.float_right_p { float: right; width: 120px; }
.kontakt_table { padding: 5px; background: #FDF3E5; border: 1px solid gray; }
.kontakt_form_table { padding: 5px; background: #FDF3E5; } 
.text { color: gray; text-align: right; padding-left: 5px; font-weight: bold; font-size: 10px; height: 15px; margin: 0px;}
.butonik{ font-size : 12px; font-weight: bold; color: white; height: 20px; background-color : #A20808; border : 1px solid #A30D11; }
.odeslano { color: red;  margin: 120px 0 0 50px; }
input, select, textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3A3A3A; background-color:#ffffff; border: 1px solid #aaaaaa; }


 
/*********** butony pro cinnost  ************/
#but_likvidace { position: absolute; top: 0px; left: 550px; z-index: 1; }
#but_likvidace a { display: block; width: 226px; height: 23px; background: url(../images/but_likvidace_eng.png) no-repeat; text-decoration: none; }
#but_likvidace a:hover { background: url(../images/but_likvidace_hvr_eng.png) no-repeat; }

#but_komunalni { position: absolute; top: 30px; left: 550px; z-index: 1; }
#but_komunalni a { display: block; width: 226px; height: 23px; background: url(../images/but_komunalni_eng.png) no-repeat; text-decoration: none; }
#but_komunalni a:hover { background: url(../images/but_komunalni_hvr_eng.png) no-repeat; }

#but_graffity { position: absolute; top: 60px; left: 550px; z-index: 1; }
#but_graffity a { display: block; width: 226px; height: 23px; background: url(../images/but_graffity_eng.png) no-repeat; text-decoration: none; }
#but_graffity a:hover { background: url(../images/but_graffity_hvr_eng.png) no-repeat; }

#but_sanace { position: absolute; top: 90px; left: 550px; z-index: 1; }
#but_sanace a { display: block; width: 226px; height: 23px; background: url(../images/but_sanace_eng.png) no-repeat; text-decoration: none; }
#but_sanace a:hover { background: url(../images/but_sanace_hvr_eng.png) no-repeat; }

#but_poradenstvi { position: absolute; top: 120px; left: 550px; z-index: 1; }
#but_poradenstvi a { display: block; width: 226px; height: 23px; background: url(../images/but_poradenstvi_eng.png) no-repeat; text-decoration: none; }
#but_poradenstvi a:hover { background: url(../images/but_poradenstvi_hvr_eng.png) no-repeat; }

/**********  butony pro informace  ************/
#but_majetek { position: absolute; top: 0px; left: 550px; z-index: 1; }
#but_majetek a { display: block; width: 226px; height: 23px; background: url(../images/but_majetek_eng.png) no-repeat; text-decoration: none; }
#but_majetek a:hover { background: url(../images/but_majetek_hvr_eng.png) no-repeat; }

#but_sponzor { position: absolute; top: 30px; left: 550px; z-index: 1; }
#but_sponzor a { display: block; width: 226px; height: 23px; background: url(../images/but_sponzor_eng.png) no-repeat; text-decoration: none; }
#but_sponzor a:hover { background: url(../images/but_sponzor_hvr_eng.png) no-repeat; }

#but_sarpi { position: absolute; top: 60px; left: 550px; z-index: 1; }
#but_sarpi a { display: block; width: 226px; height: 23px; background: url(../images/but_sarpi_eng.png) no-repeat; text-decoration: none; }
#but_sarpi a:hover { background: url(../images/but_sarpi_hvr_eng.png) no-repeat; }

/************  butony pro aktuality  ***********/
#but_aktualni_cinnost { position: absolute; top: 0px; left: 550px; z-index: 1; }
#but_aktualni_cinnost a { display: block; width: 226px; height: 23px; background: url(../images/but_aktualni_cinnost_eng.png) no-repeat; text-decoration: none; }
#but_aktualni_cinnost a:hover { background: url(../images/but_aktualni_cinnost_hvr_eng.png) no-repeat; }


#but_pracovni_mista { position: absolute; top: 30px; left: 550px; z-index: 1; }
#but_pracovni_mista a { display: block; width: 226px; height: 23px; background: url(../images/but_pracovni_mista_eng.png) no-repeat; text-decoration: none; }
#but_pracovni_mista a:hover { background: url(../images/but_pracovni_mista_hvr_eng.png) no-repeat; }

#but_akcni_nabidka { position: absolute; top: 60px; left: 550px; z-index: 1; }
#but_akcni_nabidka a { display: block; width: 226px; height: 23px; background: url(../images/but_akcni_nabidka_eng.png) no-repeat; text-decoration: none; }
#but_akcni_nabidka a:hover { background: url(../images/but_akcni_nabidka_hvr_eng.png) no-repeat; }

/***********  butony pro kontakty  **************/
#but_kontakt { position: absolute; top: 0px; left: 550px; z-index: 1; }
#but_kontakt a { display: block; width: 226px; height: 23px; background: url(../images/but_kontakt_eng.png) no-repeat; text-decoration: none; }
#but_kontakt a:hover { background: url(../images/but_kontakt_hvr_eng.png) no-repeat; }

#but_strediska { position: absolute; top: 30px; left: 550px; z-index: 1; }
#but_strediska a { display: block; width: 226px; height: 23px; background: url(../images/but_strediska_eng.png) no-repeat; text-decoration: none; }
#but_strediska a:hover { background: url(../images/but_strediska_hvr_eng.png) no-repeat; }

/*********** vlastnosti pro zobrazovani menu na leve strane  ***********/
#zobr_cinnost { display: none; }
#zobr_info { display: none; }
#zobr_aktual { display: none; }
#zobr_kontakt { display: none; }

/************  paticka  **************/
#foot { width: 780px; height: 10px; background: #B4E5F9; margin: 0 auto 0; padding: 0; }
#footer { width: 780px; height: 5px; background: #B4E5F9; margin: 0 auto 0; padding: 0; border-top: 3px solid #F2F2F2;}