body{
  font-size: 80%;
  text-align: center;
  font-family :  Verdana, Tahoma, Helvetica, Arial, sans-serif;
  /*background: #d2d2d2 url(../obr/pozadi/back3.png) repeat-x scroll left top;  */
  background: #bfdbea url(../obr/pozadi/pozadi2.jpg) left top no-repeat fixed; 
  margin: 0;                                                           
}

#celek {
  margin: 0 auto;
  width: 792px;
  /* background: #CCCCCC url(../obr/pozadi/ramecek.png) repeat-y scroll center top; */
}

#frame {
  margin: 0 auto;
  text-align: left;
  width: 780px;
  overflow: hidden;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  background-color: #FFFFFF;
  /* background: #FFFFFF url(../obr/pozadi/rohy_spodek_pravy.png) no-repeat bottom right;*/
}

#frame_levy {
  float: left;
  /*
  border: 1px solid #000000;
  border-bottom: none;
  border-right: none;*/
  display: block;
  width: 148px;
  height: 100%;
  margin-top:  10px;
  margin-left:  5px;
  padding: 0px 5px 5px 5px; 
  text-align: center;
  overflow: hidden;
  background: url(../obr/pozadi/levy_poz.png) no-repeat top left;
}


#frame_levy h3{
  font-size: 90%;
  margin-top:  15px;
  margin-bottom: 0px;
}



#frame_text {
  float: right;
  text-align: left;
  width: 609px;
  height: 100%;
  margin-bottom: 5px;
  margin-top:  10px;
  padding: 3px;  
  /* background: url(../obr/pozadi/roh_pravy_vrsek.png) no-repeat top right; */
}

#ref_text a{
  height: 80%;
}

#hlavicka{
  margin: 0 auto;
  text-align: center;
  width: 780px;
  position: relative;
  padding: 2px 0 0 0;
  /*border-top: 2px solid;
  border-left: 1px solid;
  border-right: 1px solid;*/
  
}

#hlavicka img{
  text-decoration: none;
  border: none;
}

#frame_levy img{
  text-decoration: none;
  border: none;
}


#paticka{
  margin: 0 auto;
  width: 780px;
  overflow: hidden;
  position: relative;
  border: 1px solid;
  /*background-color: #bfdbea;*/
  background: #bfdbea url("../obr/pozadi/paticka.gif");
  background-position:left top;
  background-repeat:repeat-x;
}

#paticka_text{
  overflow: hidden;
  display: block;
  text-align: center;
  /*background-color: #B0C4DE;*/
}


#hlavni_nadpis{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 500px;
  height: 30px;
  text-align: left;
  color: #B0E0E6;
}

#nadpis_logo_jc{
  position: absolute;
  left: 685px;
  top: 6px;
  width: 200px;
  height: 30px;
  text-align: left;
  color: #FFFFFF;
}

#nadpis_logo_mb{
  position: absolute;
  left: 0px;
  top: 26px;
  width: 180px;
  height: 46px;
  text-align: left;
  color: #FFFFFF;
  border: none;
}

#nadpis_lista{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 780px;
  height: 45px;
  text-align: left;
  color: #FFFFFF;
  border: none;
}

#domecek{
  position: absolute;
  left: 214px;
  top: -28px;
  width: 45px;
  height: 40px;
  text-align: left;
  color: #FFFFFF;
  border: none;
}

#prilba{
  position: absolute;
  left: 215px;
  top: -24px;
  width: 45px;
  height: 33px;
  text-align: left;
  color: #FFFFFF;
  border: none;
}

#sluzby{
  position: absolute;
  left: 213px;
  top: -28px;
  width: 45px;
  height: 33px;
  text-align: left;
  color: #FFFFFF;
  border: none;
}

.dotovano{
  position: absolute;
  left: 485px;
  top: -17px;
  width: 80px;
  height: 80px;
  text-align: left;
  color: #FFFFFF;
  border: none;
}

#hlavni_akce{
  position: absolute;
  left: 580px;
  top: 2px;
  width: 95px;
  height: 95px;
  text-align: left;
}

#hlavni_nadpis div{
  float: left;
}

#hlavni_nadpis h1{
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  display: block;
  width: 500px;
  height: 30px;
  font-size: 10px;
}

#hlavni_nadpis p{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  text-decoration: none;
  display: block;
   width: 190px;
  height: 30px;
}

#hlavni_text{
  margin-top: 12px;
  padding: 0px;
  text-decoration: none;
  display: block;
   width: 200px;
  height: 18px;
  color: #FF8C00;
}

#hlavni_nadpis h1 a{
  text-decoration: none;
  display: block;
   width: 190px;
  height: 30px;
  color: #FFFFFF;
}


#hlavni_nadpis h1 a{
  text-decoration: none;
}

#pri{
  position: absolute;
  right: 1px;
  top: 1px;
  width: 150px;
  height: 98px;
  background-color: #000000;
}

#prihlas_jmeno{
  position: absolute;
  right: 10px;
  top: 11px;
  z-index: 1;
  color: red;
}

#prihlas_jmeno input{
  border-width: 1px;
  border-color: red;
  height: 15px;
  width: 130px;
}

#prihlas_heslo{
  position: absolute;
  right: 10px;
  top: 38px;
  z-index: 1;
  color: red;
}

#prihlas_heslo input{
  border-width: 1px;
  border-color: red;
  height: 15px;
  width: 130px;
}


#prihlas_button{
  position: absolute;
  right: 10px;
  top: 68px;
  z-index: 1;
  color: red;
}

#prihlas_button input{
  border-width: 1px;
  border-color: red;
  height: 18px;
  width: 130px;
}



input#jmeno {
  border-color: red;
}

input#adresa {
  border-color: red;
}

input#email {
  border-color: red;
}

#formular_okna {
  text-align: left;
}

#formular_okna input{
  border-width: 2px;
  margin-top: 4px;
}

input.zarovnani_input {
  margin-left: 10px;
}

input#telefon{
  float:left;
  margin-left: 10px;
}

.form_text {
  float: left;
  width: 120px;
  margin-top: 4px;
  text-align: right;
  display: block;
}

.form_text2{

  float: left;
  width: 200px;
  margin-top: 4px;
  text-align: right;
}

.doplnky{
  background-color: #cccccc;
}

hr{
  color:black;
  height: 2px;
}


#chyba{
  font-weight: bold;
  color: red;
}


.pozice_formular {
  float: left;
  width: 33px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  margin-right: 8px;
  background-color: #cccccc;
  font-weight: bold;
  font-size: large;
}

.zelena{
padding-left: 5px;
padding-right: 5px;
margin: 4px;
color: #FFFFFF;
display: block;
background-color: green;
}

.cervena{
padding-left: 5px;
padding-right: 5px;
margin: 4px;
color: #FFFFFF;
display: block;
background-color: red;
}

.mezery{
  padding-left: 10px;
  padding-right: 10px;
  color: #333333;
}

.tabulka{
  border: none;
  margin: 0 9px 20px 9px;
}

.tabulka td{
  text-align: center;
  border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
}

.tabulka img{
  text-decoration: none;
  border: none;
  margin-left: 4px;
  margin-right: 4px;
}

.rozcestnik_nadpis {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000066;
	display: block;
	width: 100%;
	height: 20px;
	text-align: left;
	padding-left: 25px;
	margin: 0 0 0 0; 
	background: url(../obr/nadpis_sekce.png) no-repeat 2px 0px;
 	/*background: url(../obr/menu/odrazka.png) no-repeat 0 2px;*/
}

.rozcestnik_nadpis h3{
  color: #000066;
  margin: 0px;
  font-size: 90%;
  padding-top: 3px;
}

.rozcestnik_nadpis_siroky {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000066;
	display: block;
	width: 100%;
	height: 20px;
	text-align: left;
	padding-left: 25px;
	margin: 0 0 0 0; 
	background: url(../obr/nadpis_sekce_siroky.png) no-repeat 2px 0px;
 	/*background: url(../obr/menu/odrazka.png) no-repeat 0 2px;*/
}

.rozcestnik_nadpis_siroky h3{
  color: #000066;
  margin: 0px;
  font-size: 90%;
  padding-top: 3px;
}

.rozcestnik_ramecek {
	width: 95%;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF6600;
	*/
	margin-left: 20px;
	float: left;
	background: url(../obr/pozadi/jc_vodo_380.png) no-repeat top center;
}

.rozcestnik_text {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-style: normal;
	color: #000000;
	display: block;
	margin: 0px 1px 13px 2px;
	width: 265px;
	background: transparent url(../obr/pozadi/kulaty_rohy_vrchni.gif) no-repeat top left;
	/* 
	border-bottom: 1px solid #bababa;
	border-left: 1px solid #bababa;
	border-right: 1px solid #bababa;
	border-top: 1px solid #bababa;
	background: #F7F7F7; */
}

.rozcestnik_text_spodni {
	display: block;
	width: 265px;
	background: transparent url(../obr/pozadi/kulaty_rohy_spodni.png) no-repeat bottom left;
}

.vnitrek {
  display: block;
	width: 250px;
	margin-left: 8px;
	margin-right: 7px;
	position: relative;
}


.rozcestnik_text_siroky {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-style: normal;
	color: #000000;
	display: block;
	margin: 0px 1px 13px 2px;
	width: 560px;
	background: transparent url(../obr/pozadi/kulaty_rohy_vrchni_siroky.png) no-repeat top left;
	/* 
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	background: #F7F7F7;
  */
}

.rozcestnik_text_siroky_spodni {
	display: block;
	width: 560px;
	background: transparent url(../obr/pozadi/kulaty_rohy_spodni_siroky.png) no-repeat bottom left;
}

.vnitrek_siroky {
  display: block;
	width: 564px;
	margin-left: 8px;
	margin-right: 7px;
	position: relative;
}

.vnitrek_siroky_vrata{
  display: block;
	width: 564px;
	margin-left: 8px;
	margin-right: 7px;
}

.vnitrek_siroky_vrata img{
  border: none;
}


.rozcestnik_text img{
 border: none;
 /*text-decoration: none;*/
}

.rozcestnik_text_siroky img{
 border: none;
 /*text-decoration: none;*/
}

.rozcestnik_ramecek_index {
  width: 45%;
  /*
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FF6600;
	border-left-color: #FF6600;
	*/
	margin-bottom: 1px;
	margin-left: 20px;
	float: left;
}

.tabulka_text {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-style: normal;
	color: #000000;
}

.tabulka_kontakty {
width: 580px;
background-color: #FFFFFF;
margin-left: 4px; 
font-size: 95%;
}

.tabulka_kontakty td{
padding-left: 5px; 
}

.tabulka_kontakty th{
padding-left: 5px; 
}

.tabulka_oteviraci_doba {
width: 290px;
background-color: #FFFFFF;
margin-left: 4px; 
font-size: 95%;
}

.tabulka_nadpis{
color: #FFFFFF;
background-color: #000000;
font-size: 90%;
}

.tabulka_sudy{
BACKGROUND-COLOR: #D1DBE5;
}

.bunka_sirka{
width: 80%;
}

.obrazek_text{
float: right;
margin: 20px 20px 10px 10px;
}

.logo_text{
display: block;
text-align: right;
}

.mezirka {
height: 1px;
}

#pri_centr{
text-align: center;
}

.mazaci_tlacitko{
	border: none;
	height: 15px;
	width: 60px;
	background-image: url(../obr/menu/smazat.gif);
	background-repeat: no-repeat;
	background-position: left top;
  border: 0px;
}

.odstiny{
  width: 32%;
  float: left;
  margin-bottom: 20px;
  text-align: center;
}

.odkaz_index a{
  margin-left: 3px;
  color: #cccccc;
  font-size: 90%;
  text-decoration: none;
}

.pocasi{
  margin-left: 19px;
}

a .mezery{
  background-color: #6495ED;
  color: #FFFFFF;
  text-decoration: none;
  padding-bottom: 2px;
}

.s_rameckem img{
  border: #000000 solid 1px;
  /*background-color: #000000; */
}

.ico_linky{
  margin-top: 5px;
}

.ico_linky img{
 border: none;
}

.neprehlednete{
  background-color: #99FF66;
  border: green solid 1px;
  /*background: #99FF66 url(../obr/spendlik.png) no-repeat top center;*/
}

.upozorneni{
  background-color: #FF5555;
  border: red solid 1px;
  /*background: #99FF66 url(../obr/spendlik.png) no-repeat top center;*/
}

.strankovani{
  width: 100%;
  border-color: #999999;
  background-color: #e5e5e5;  
  text-align: center;
}

.odkaz_strankovani_akt{
  width: 1px;
  border: 1px solid blue;
  background-color: #006afe;
  margin: 1px 3px 1px 3px;
  padding: 0px 2px 0px 2px;
}

.odkaz_strankovani_akt a{
  text-decoration: none;
  color: #FFFFFF;
}

.odkaz_strankovani{
 width: 1px;
 border: 1px solid blue;
 margin: 1px 3px 1px 3px;
 padding: 0px 2px 0px 2px;
}

.navigace{
 width: 500px;
 margin: 0px 0px 10px 20px;
 color: #4c4c4c;
 font-size: 9px;
}

.navigace a{
 color: #4c4c4c;
}

.popisek_obr{
font-size: 11px;
}