/* --- Zakladni definice tagu --- */

html, body  { font-size: 12px; font-family: Tahoma, Arial, "MS Sans Serif", sans-serif; 
	  margin: 0 auto; padding: 0; text-align: center; 
	  background-color: #fff }
          
img	{ border: 0 }

*	{ margin: 0; padding: 0 }

a	{ color: #c62929; text-decoration: underline }
a:hover	{ color: #b11f1f; text-decoration: underline }

	

/* --- OBECNE definice --- */

h1	{ font-size: 22px; font-weight: bold; color: #888;
	  padding-left: 2px; margin: 0 0 20px 16px;
	  border-bottom: 1px solid #b5b5c4;  }

h3	{ font-size: 16px; font-weight: bold; color: #888;
	  padding-left: 2px; margin: 0 0 20px 0;
	  border-bottom: 1px solid #b5b5c4;  }

.mensi	{ font-size: 9px }
.male	{ font-size: 10px }
.vetsi	{ font-size: 14px }
.tucne	{ font-weight: bold }
.velke	{ text-transform: uppercase }
.male	{ text-transform: lowercase }

.preskrt  { text-decoration: line-through }
.cervene  { color: #c62929 }
.modre    { color: #101383 }

.fl_l	  { float: left }
.fl_p	  { float: right }
.fl_kon   { clear: both }
.fl_kon_l { clear: left }
.fl_kon_p { clear: right }

.doleva { text-align: left }
.doprava { text-align: right }
.center { text-align: center }
.justify { text-align: justify }

.skryte	 { display: none }
.varuj	 { color: #ff3333; font-weight: bold } 
.nenalezeno  { text-align: center; margin: 50px 0 }

.odsaz5   { margin-top: 5px }
.odsaz10  { margin-top: 10px }
.odsaz20  { margin-top: 20px }
.odsaz30  { margin-top: 30px }
.odsaz40  { margin-top: 40px }
.odsaz60  { margin-top: 60px }

.radk_mensi  { line-height: 130% }

.linka1t  { border-bottom: 1px solid #fff }
.linka1   { border-bottom: 1px solid #ccc }



/* --- HLAVNI CASTI --- */

#sirka { position: relative; width: 764px; height: auto;
	 margin: 10px auto 10px auto; padding: 2px; text-align: left;
	 background-color: #fff }

#horni { height: 170px; background-color: transparent }

#leve { float: left; position: relative; top: -30px;
	width: 172px; color: #fff;
	border-right: 2px solid #fff; border-top: 2px solid #fff }

#hlavni { float: right; width: 585px; height: auto;
	  margin: 15px 0;
	  background-color: transparent }





/* ---- FORMULARE - tlacitka, text. pole, ...  ------------- */

.form, .formb, .formc, .formcb
	{ font-family: Tahoma, Arial, "MS Sans Serif", sans-serif; 
	  width: auto; font-size: 12px; color: #000; padding: 1px; 
	  border-color: #ddd #bbb #bbb #ddd; 
	  background-color: #fff; text-align: left }

.formb, .formcb
	{ font-weight: bold }

.formc, .formcb
	{ text-align: right }


.tlac, .tlacm
	{ width: auto; font-size: 12px; color: #fff; padding: 1px 5px; 
	  border-color : #aaa; background-color: #aaa;
	  text-align: center }

.tlac_vyhl
	{ width: auto; font-size: 12px; color: #fff; font-weight: bold;
	  padding: 1px 10px; border-color: #e89d9d #8f1616 #8f1616 #e89d9d;
	  background-color: #c62929;
	  text-align: center }

.disabled  { border-color: #ccc; background-color: #ccc }

.tlacm	{ font-size: 10px; padding: 1px }

select option { padding: 0 3px }



                
/* --- formulare - NABIDKY / POPTAVKY ---*/

#nab_popt .frm_hlavni, #nab_popt .frm_hlavni2
	{ width: 440px; margin: 10px 15px 10px 100px }

#nab_popt .frm_tlacitka
	{ text-align: center; margin-top: 10px }

#nab_popt .frm_odesl_ok
	{ color: #6b3ec6; font-weight: bold; margin: 15px }

#nab_popt .frm_sl1
	{ float: left; width: 120px; height: auto; margin: 2px 0 }

#nab_popt .frm_hlavni .frm_sl2, #nab_popt .frm_hlavni2 .frm_sl2
	{ float: left; width: 300px; height: auto;
	  margin-left: 10px; margin: 2px 0 }

#nab_popt .frm_hlavni2 .frm_sl2 { font-weight: bold }

#nab_popt .frm_hlavni2 .fl_kon_l
	{ border-bottom: 1px solid #ddd }

#nab_popt .form, #nab_popt .formb, #nab_popt .formc, #nab_popt .formcb
	{ width: 260px }



/* --- HORNI pruh --- */

#horni .horn_logo
	{ float: left; width: 488px; height: 142px }

#horni .horn_foto
	{ position: relative; z-index: 2;
	  float: right; width: 270px; height: 166px;
	  border-left: 2px solid #fff; border-bottom: 2px solid #fff }

#horni .horn_lista 
	{ position: relative; top: -16px;
	  float: left; width: 584px; height: 28px;
	  padding-left: 180px; line-height: 28px;
	  background: url('./img/poz_pruh.png') #b4b4d8 repeat-x center center }

#horni .horn_lista li
	{ list-style: none }

#horni .horn_lista li, #horni .horn_lista .oddel
	{ float: left; font-weight: bolder }

#horni .horn_lista .oddel
	{ color: #101383 }

#horni .horn_lista li a		{ color: #101383; padding: 4px 19px; text-decoration: none }
#horni .horn_lista li a:hover	{ color: #c62929; text-decoration: none }



/* --- LEVE menu + hledani --- */

#leve_modre { width: 167px; height: 350px; margin-bottom: 20px; padding: 15px 0 5px 5px;
	      background-color: #494ba0 }


#menu_l ul { list-style: none; padding: 0 0 1px 9px }


#menu_l ul li
	 { height: 20px; font-weight: bold;
	   line-height: 20px; border-bottom: 1px solid #fff; /* margin-top: 1px; */
	   background-color: #6b6db5 }

#menu_l ul .vyhl
	 { height: auto; font-weight: bold;
	   margin-top: 1px; border-bottom: 1px solid #494ba0; line-height: 20px;
	   background-color: transparent }

#menu_l ul li div
	 { font-weight: normal; margin: 0 0 20px 3px }

#menu_l ul li a	
	{ color: #fff; padding: 3px 52px 3px 5px; 
	  text-decoration: none; background-color: #6b6db5 }

#menu_l ul li a:hover,
 #menu_l ul li a.hover				/* reseni pro IE ... */
	{ color: #c62929; background-color: #fff }


#menu_l .form_rad	{ margin: 10px 0 5px 0 }
#menu_l .form_rad_posl  { margin: 10px 0 35px 0 }

#menu_l .form	{ border: 1px solid #bbb; color: #101383; background-color: #eee }

#leve .dolni_text { font-size: 11px; color: #777; 
			margin: 10px 0 10px 5px }
#leve .dolni_radek { margin: 3px }




/* --- HLAVNI: UVOD - objekty / kosticky / soupisy --- */

#uvod, #seznam, #detail, #nab_popt, #cenik, #sluzby, #o_nas, #kontakty
	{ margin: 5px 5px 5px 10px }


.kostka { float: left; width: 170px; margin: 10px 2px 10px 18px;
	background-color: #fff }

.kostka .nadp_ram 
	{ height: 28px; margin-bottom: 4px;
	  border-top: 1px solid #e8e8ed; border-right: 1px solid #e8e8ed;
	  background-color: transparent }

.kostka .nadp_ram .ctver 
	{ width: 12px; height: 26px; float: left; margin: 2px 5px 0 0;
	  background-color: #c62929 }

.kostka .nadp_ram .nadp, .kostka .nadp_ram .obec
	{ float: right; width: 148px; line-height: 13px;
	  font-size: 11px; font-weight: bold; 
	  padding: 1px 2px 1px 2px;
	  background-color: #fff }

.kostka .nadp_ram .nadp a  { color: #000; text-decoration: none }
.kostka .nadp_ram .obec a  { color: #888; text-decoration: none }

.kostka .nadp_ram .nadp a:hover, .kostka .nadp_ram .obec a:hover
	{ color: #c62929 }


.kostka .poz_sede 
	{ border-top: 1px solid #b5b5c4; border-bottom: 2px solid #b5b5c4;
	  background-color: #e8e8ed }

.kostka .poz_sede .foto
	{ width: 136px; height: 101px;
	  padding: 3px 0 0 35px; margin: 3px 0 1px 0;
	  background: url('./img/poz_foto.png') transparent no-repeat 30px 2px }

.kostka .poz_sede .popis
	{ width: auto; height: 36px; font-size: 9px; line-height: 12px; 
	  color: #777; padding: 3px }

.kostka .poz_sede .tip_rezerv
	{ width: 130px; color: #777; font-size: 11px; line-height: 15px;
	padding: 2px 3px 2px 5px }

.kostka .poz_sede .cena, .kostka .poz_sede .kod,
 .kostka .poz_sede .cena_pop, .kostka .poz_sede .kod_pop
	{ float: right; width: 80px; font-size: 11px; color: #666;
	  padding: 1px 3px }

.kostka .poz_sede .cena_pop, .kostka .poz_sede .kod_pop
	{ width: 30px; font-weight: bold; text-align: right }

.kostka .poz_sede .cen_upresn
	{ float: right; width: 80px; font-size: 10px; color: #666;
	  padding: 1px 3px }



.radek	{ margin: 2px 2px 2px 18px; padding-bottom: 3px;
	  border-bottom: 1px solid #ccc }
.prvni	{ margin-top: 30px }


.radek .operace, .radek .kod, .radek .nadp, .radek .obec, .radek .cena  
	{ float: left; margin-right: 3px }

.radek .operace  { width: 70px; margin-left: 3px }
.radek .kod  { width: 65px; margin-left: 3px }
.radek .nadp { width: 140px }
.radek .obec  { width: 150px }
.radek .cena  { width: 170px; margin-right: 0px }
.radek .cen_upresn  { font-size: 10px; color: #666; padding: 0 0 0 5px }


#uvod .dopln_text { margin: 20px 4px 0 18px }


#uvod .uvod_nadpis
	{ float: left; width: 168px; margin: -10px 2px 5px 18px; border-bottom: none }
 
#uvod .uvod_nadpis a	{ text-decoration: none }



/* --- DETAIL objektu --- */

.nadp_det
	{ margin: 0 0 20px 0; padding-bottom: 4px;
	  border-bottom: 1px solid #b5b5c4 }
	
.nadp_det .ctver 
	{ float: left; width: 20px; height: 20px; line-height: 24px;
	  margin: 2px 5px 2px 2px; background-color: #c62929 }

.nadp_det .nadp
	{ float: left; font-size: 20px; font-weight: bold; line-height: 24px;
	  color: #101383 }


.zpet_detail  { float: right; margin-top: 4px; padding: 2px 4px;
		font-size: 12px; font-weight: bold;
		border: 1px solid #ddd }

.zpet_detail a	     { color: #c62929; text-decoration: none }
.zpet_detail a:hover { color: #e00; text-decoration: none }



#detail .zahlavi { width: 220px; float: left; margin-left: 25px }

#detail .popis, .zahlavi .kod, .zahlavi .cena, .zahlavi .cen_upresn 
	{ float: left; margin: 0 0 8px 3px }

#detail .popis2  { color: #777; font-weight: bold }
#detail .popis  { width: 90px; color: #777; font-weight: bold }
.zahlavi .kod  { width: 120px }
.zahlavi .cena  { width: 120px }
.zahlavi .cen_upresn  { width: 120px; font-size: 10px; color: #666; position: relative; top: -6px }


#detail .podrobne
	{ width: 300px; float: right; font-size: 11px; color: #888;
	  margin-bottom: 10px }


#detail .mapy_odk
	{ margin: 0 0 16px }

#detail .mapy_odk .mapa_seznam, #detail .mapy_odk .mapa_cuzk
	{ display: inline; margin: 0 0 0 20px; font-weight: bold }

#detail .mapy_odk .mapa_seznam a, #detail .mapy_odk .mapa_cuzk a
	{ color: #4b4da0; padding: 2px 8px; text-decoration: none;
	  border-top: 1px solid #101383; border-bottom: 1px solid #101383;
	  background: url('./img/poz_pruh.png') #b4b4d8 repeat-x center center }

#detail .mapy_odk .mapa_seznam a:hover, #detail .mapy_odk .mapa_cuzk a:hover
	{ color: #c62929 }

#detail .makler { width: auto; margin-bottom: 20px }


#detail .foto_nahl
	{ position: relative; float: left; width: 134px; height: 190px;
	  left: 30px; top: 20px; z-index: 3 }

#detail #nahl_obr { padding: 1px; border: 1px solid #888; background-color: #fff }

#detail .odk_nahled_n
	{ position: relative; visibility: hidden; background-color: transparent }

#detail .odk_nahled_a
	{ position: relative; display: block; background-color: transparent }


#detail .foto
	{ position: relative; float: right; width: 486px; text-align: right; 
	  margin: -185px 0 12px 4px }



#detail .foto img { border: 3px double #ddd }

#detail .pop_odk_foto, #detail .foto_dalsi
	{ float: left }

#detail .pop_odk_foto { width: 145px }

#detail .odk_foto1, #detail .odk_foto2
	{ height: 22px; line-height: 22px;
	  font-size: 12px; font-weight: bold;
	  padding: 3px 9px; margin: 0 4px 2px 0;
	  background: url('./img/poz_cis_foto.png') #c1c3df repeat-x center center }

#detail .odk_foto2  { padding: 3px 5px }

#detail .foto_dalsi { margin: 0 0 8px }

#detail .foto_dalsi a	    { color: #000; text-decoration: none }
#detail .foto_dalsi a:hover { color: #c62929 }



#detail #podrobne { margin: 8px 0 10px 0 }

#podrobne .sl1
	{ float: left; width: 350px }

#podrobne .sl2
	{ float: left; width: 200px; text-align: right; margin: 0 0 0 17px }


#podrobne .podr_radek
	{ padding-bottom: 1px;
	  background: url('./img/linka_teck.png') transparent repeat-x left bottom }

#podrobne .podr_nadp, #podrobne .podr_info
	{ float: left; width: 145px; padding: 2px 3px; line-height: 16px;
	  background-color: transparent }


#podrobne .podr_nadp { font-weight: bold; color: #999  }
#podrobne .podr_info { width: 190px;  }




/* --- Cenik, O nas, Sluzby ... --- */

#o_nas p, #cenik p, #sluzby p
	{ width: 400px; text-align: justify; color: #555;
	  line-height: 130%; margin: 5px 0 12px 5px }

#o_nas p  { width: 350px }

#o_nas h1, #cenik h1, #sluzby h1
	{ margin-bottom: 25px }

#o_nas h2, #cenik h2, #sluzby h2
	{ font-size: 14px; color: #555; font-weight: bold;
	  margin: 25px 0 0 5px }


#sluzby .odrazky_ram { width: 390px }

#sluzby ul
	{ margin-left: 25px; list-style: square outside }

#sluzby ul li
	{ text-align: justify; color: #555;
	  line-height: 130%; margin-bottom: 10px }

#sluzby ul li ul
	{ margin: 8px 0 20px 25px }

#sluzby ul li ul li
	{ text-align: justify; color: #777;
	  line-height: 120%; margin-bottom: 4px }


#o_nas .onas_text { width: 360px; float: left }
#o_nas .onas_foto { width: 195px; float: right; text-align: right }

#o_nas .onas_foto img { border: 1px solid #ddd }
#o_nas .onas_foto .popis
	{ width: 190px; font-size: 10px; color: #999;
	  text-align: left; margin: 1px 0 25px 5px }



/* --- KONTAKTY ... --- */

.kontakt { float: left; margin: 10px 0 10px 18px;
	background-color: #fff }

.kontakt .nadp_ram 
	{ height: 20px; margin-bottom: 4px;
	  border-top: 1px solid #e8e8ed; border-right: 1px solid #e8e8ed;
	  background-color: transparent }

.kontakt .nadp_ram .ctver 
	{ width: 12px; height: 18px; float: left; margin: 2px 5px 0 0;
	  background-color: #c62929 }

.kontakt .nadp_ram .nadp
	{ float: left; width: 500px; line-height: 16px;
	  font-size: 14px; font-weight: bold; color: #555;
	  padding: 3px 2px 1px 2px;
	  background-color: #fff }

.kontakt .poz_sede 
	{ height: 170px; border-top: 1px solid #b5b5c4; padding-top: 8px; 
	  border-bottom: 1px solid #b5b5c4; background-color: #e8e8ed }

.kontakt .poz_sede .foto
	{ float: right; width: 200px; height: 150px; margin: 2px 0 10px 0 }

.kontakt .poz_sede .tip_rezerv
	{ float: left; width: 260px; color: #777; 
	  padding: 2px 3px 2px 10px }

.kontakt .poz_sede .otvir_doba
	{ float: left; width: 260px; color: #777; margin-top: 10px;
	  padding: 2px 3px 2px 10px }

.kontakt .poz_sede .otvir_doba .sl1,
 .kontakt .poz_sede .otvir_doba .sl2,
  .kontakt .poz_sede .otvir_doba .sl3
	{ float: left; width: 80px; font-size: 11px; color: #777 }

.kontakt .poz_sede .otvir_doba .sl1 { width: 60px }




/* --- Hypotecni kalkulacky --- */

#pyr_kalk { width: 270px; height: 360px;
	 border: none; margin: 0 0 20px 0 }



/* --- ostatni ... --- */

.tab_sezn .sudy { background-color: #ddd }

.stranky_nadp	{ font-size: 11px; color: #777; margin-left: 6px; 
		  font-weight: bold }

.stranky  { font-size: 11px; color: #555; padding: 2px 4px;
	    border: 1px solid #ccc; background-color: #f6f6f6 }