@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: /*#4B4B49;*/ #343434; }

#hdr { position: relative; 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: url(../images/bg_nav_top.jpg ) repeat-y; }
.menu { float: left; }

#menu_left { position: absolute; left: 5px; top: -18px; z-index: 1; display: block; }
#menu_left_left { position: absolute; left: 68px; top: -18px; z-index: 1; display: block; }
#menu_right_right { position: absolute; left: 131px; top: -18px; z-index: 1; display: block;  }
#menu_right { position: absolute; left: 194px; top: -18px; z-index: 1; display: block; }

#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_text ul { padding: 0; margin: 0 0 0 15px; text-align: left;}
#nav_mapa_stranek { text-align: justify; color: Gray; }
#nav_mapa_stranek a { color: Gray; 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; border-color: gray;} 
.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; }
.linkCisty { text-decoration: none; }

/***********pripravene styly pro fotky pro pripad ze by se chtelo s kazdou casti jinak manipulovat mozna je to naprosto zbytecny**************/
.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; }

/***********  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; padding-left: 15px; background: #B4D4E1; }
.politikaH { display: block; padding: 2px 15px 2px 15px; background: #B4D4E1; text-align: left;}
.color { background: #D0CFDA; padding: 3px;	}
.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; }

/**************  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;  padding: 120px 0 0 80px; margin: 0;}
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_komunalni { position: absolute; top: 30px; left: 550px; z-index: 1; }
#but_graffity { position: absolute; top: 60px; left: 550px; z-index: 1; }
#but_sanace { position: absolute; top: 90px; left: 550px; z-index: 1; }
#but_poradenstvi { position: absolute; top: 120px; left: 550px; z-index: 1; }


/**********  butony pro informace  ************/
#but_majetek { position: absolute; top: 0px; left: 550px; z-index: 1; }
#but_sponzor { position: absolute; top: 30px; left: 550px; z-index: 1; }
#but_sarpi { position: absolute; top: 60px; left: 550px; z-index: 1; }


/************  butony pro aktuality  ***********/
#but_aktualni_cinnost { position: absolute; top: 0px; left: 550px; z-index: 1; }
#but_pracovni_mista { position: absolute; top: 30px; left: 550px; z-index: 1; }
#but_akcni_nabidka { position: absolute; top: 60px; left: 550px; z-index: 1; }


/***********  butony pro kontakty  **************/
#but_kontakt { position: absolute; top: 0px; left: 550px; z-index: 1; }
#but_strediska { position: absolute; top: 30px; left: 550px; z-index: 1; }


/*********** 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; /*border-top: 18px solid #F2F2F2;*/ }
#footer { width: 780px; height: 5px; background: #B4E5F9; margin: 0 auto 0; padding: 0; border-top: 3px solid #F2F2F2; }
.float_left { float: left; margin: 10px 15px 0 0; border: 1px solid gray; clear: both; }