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

html, body  { font-size: 12px; font-family: Tahoma, Arial, sans-serif; 
	  text-align: center; color: #222; 
	  margin: 0 auto 5px; padding: 0 }
html
	{ margin: 0 auto 5px;
	  background: #d1d0f0 url('./img/poz2x.png') }
          
img	{ border: 0 }

*	{ margin: 0; padding: 0 }

a	{ color: #00a; text-decoration: underline }
a:hover	{ color: #c00; text-decoration: underline }
	


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

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

h1	{ font-size: 150%; color: #007; font-weight: bold;
	  margin: 5px 10px 15px }
h2	{ font-size: 115%; color: #363580; 
	  font-weight: bold; margin: 15px 0px 5px }
h3	{ font-size: 108%; color: #007; font-weight: bold;
	  margin-left: 10px }

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

.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 }

.radk1-5 { line-height: 150% }
.radk2   { line-height: 200% }

.okraj5  { margin: 5px }
.okraj10 { margin: 10px }
.okraj20 { margin: 20px }
.okraj30 { margin: 30px }

.vynech5	{ height: 5px }
.vynech10	{ height: 10px }
.vynech15	{ height: 15px }
.vynech20	{ height: 20px }
.vynech30	{ height: 30px }
.vynech50	{ height: 50px }
.vynech100	{ height: 100px }
.vynech200	{ height: 200px }

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

.prvni_rad_fikt { width: 1px; height: 1px; line-height: 1px; font-size: 1px;
		  background-color: transparent }

.stin	{ padding: 3px; text-shadow: 0 1px 5px #111 }



.f_nahled	{ width: 100px; height: 75px; background: transparent }

.obr_vlevo, .obr_vlevo_bez	{ float: left }
.obr_vpravo, .obr_vpravo_bez	{ float: right }

.obr_vlevo img, .obr_vpravo img
	{ margin: 0; padding: 1px; border: 1px solid #c9deea }

.zpet a	{ padding: 2px 10px; border: 1px solid #c9deea; font-weight: bold; 
	  text-decoration: none; background-color: transparent }
.zpet a:hover
	{ border: 1px solid #00a7e0; color: #00c; 
	  text-decoration: none; background-color: #c9deea }

.ram_obr	{ border: 1px solid #000 }
.bez_ram_obr	{ border: 1px solid #d1d0f0 }

.d_linka { border-bottom: 1px solid #abaad5; padding-bottom: 2px;
	  margin-bottom: 2px }

.popis_odst
	{ font-size: 98%; margin: 1px 0 4px; padding: 4px 10px 0;
	  text-align: justify; line-height: 130%; border-top: 1px solid #99c }
.foto_nahledy
	{ text-align: center; margin: 25px 0 15px }

.foto_velke
	{ text-align: center; margin: 15px 0 }



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

#sirka { position: relative; width: 760px; height: auto;
	 text-align: left; margin: 5px auto 2px auto;
	 background-color: transparent }

#horni { height: auto; padding: 0; border-bottom: 1px solid #d1d0f0;
	 margin-bottom: 5px;
	 background: url('./img/hlav_poz.jpg') #d1d0f0 no-repeat top left }


#stred  { width: 600px; margin: 0 auto; background-color: transparent }

#levy  { float: left; width: 180px; background-color: transparent }

#pravy { float: left; width: 520px; min-height: 440px;
	 padding: 5px 15px 5px 40px }

#dolni { text-align: center; width: 760px; border-top: 1px solid #555;
	 color: #66a; font-size: 85%; margin: 0 auto 5px; padding: 4px 10px; 
	 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 : #008fe0; background-color: #008fe0;
	  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: #008fe0;
	  text-align: center }

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

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

select option { padding: 0 3px }




/* ---  HORNI - cast  --- */


#horni .odk_index
	{ float: left; width: 188px; height: 106px; margin: 15px 0 17px 0 }
#horni .odk_ostatni
	{ float: left; width: 460px; height: 16px; margin: 99px 0 23px 20px }

#horni ul { list-style: none; font-size: 10px; font-weight: bold; margin: 0 }

#horni ul li
	 { display: inline; height: 16px; margin: 0 2px; text-transform: uppercase;
	   line-height: 16px; background-color: transparent }


#horni ul li a
	{ color: #fff; text-decoration: none; padding: 2px 17px;
	  height: 12px; background-color: transparent }


#horni ul li a:hover, #horni ul li .mn_akt
	{ color: #007; text-decoration: none; background-color: #d1d0f0 }




/* ---  LEVA - cast  --- */

#l_mn ul { list-style: none; font-size: 11px; font-weight: normal;
	   margin: 9px 0 30px 11px }

#l_mn ul li
	 { display: block; width: 150px; height: auto; color: #fff; font-weight: normal;
	   font-size: 115%; font-family: Impact, Tahoma, sans-serif; letter-spacing: 0.05em;
	   min-height: 25px; margin-bottom: 3px; padding: 1px 4px 1px 3px;
	   background-color: transparent }


#l_mn ul li a, #l_mn ul li a:hover
	{ color: #fff; text-decoration: none }

#l_mn ul .poz1akt, #l_mn ul .poz1neakt:hover,
#l_mn ul .poz2akt, #l_mn ul .poz2neakt:hover,
#l_mn ul .poz3akt, #l_mn ul .poz3neakt:hover,
#l_mn ul .poz4akt, #l_mn ul .poz4neakt:hover,
#l_mn ul .poz5akt, #l_mn ul .poz5neakt:hover,
#l_mn ul .poz6akt, #l_mn ul .poz6neakt:hover,
#l_mn ul .poz7akt, #l_mn ul .poz7neakt:hover,
#l_mn ul .poz8akt, #l_mn ul .poz8neakt:hover,
#l_mn ul .poz9akt, #l_mn ul .poz9neakt:hover,
#l_mn ul .poz10akt, #l_mn ul .poz10neakt:hover,
#l_mn ul .poz11akt, #l_mn ul .poz11neakt:hover,
#l_mn ul .poz12akt, #l_mn ul .poz12neakt:hover,
#l_mn ul .poz20akt, #l_mn ul .poz20neakt:hover,
#l_mn ul .poz21akt, #l_mn ul .poz21neakt:hover,
#l_mn ul .poz22akt, #l_mn ul .poz22neakt:hover,
#l_mn ul .poz23akt, #l_mn ul .poz23neakt:hover,
#l_mn ul .poz24akt, #l_mn ul .poz24neakt:hover,
#l_mn ul .poz30akt, #l_mn ul .poz30neakt:hover
	{ width: 158px; max-width: 158px; padding-right: 12px }


#l_mn ul .poz1neakt				{ background-color: #767379 }
#l_mn ul .poz1akt, #l_mn ul .poz1neakt:hover	{ background-color: #5f3a1e }

#l_mn ul .poz2neakt				{ background-color: #aca888 }
#l_mn ul .poz2akt, #l_mn ul .poz2neakt:hover	{ background-color: #bb903c }

#l_mn ul .poz3neakt				{ background-color: #6794cd }
#l_mn ul .poz3akt, #l_mn ul .poz3neakt:hover	{ background-color: #4770ad }

#l_mn ul .poz4neakt				{ background-color: #87687a }
#l_mn ul .poz4akt, #l_mn ul .poz4neakt:hover	{ background-color: #7b2622 }

#l_mn ul .poz5neakt				{ background-color: #c07679 }
#l_mn ul .poz5akt, #l_mn ul .poz5neakt:hover	{ background-color: #db3e20 }

#l_mn ul .poz6neakt				{ background-color: #886aaf }
#l_mn ul .poz6akt, #l_mn ul .poz6neakt:hover	{ background-color: #7d297b }

#l_mn ul .poz7neakt				{ background-color: #408c95 }
#l_mn ul .poz7akt, #l_mn ul .poz7neakt:hover	{ background-color: #05624f }

#l_mn ul .poz8neakt				{ background-color: #699f87 }
#l_mn ul .poz8akt, #l_mn ul .poz8neakt:hover	{ background-color: #498237 }

#l_mn ul .poz9neakt				{ background-color: #3da0b5 }
#l_mn ul .poz9akt, #l_mn ul .poz9neakt:hover	{ background-color: #008485 }

#l_mn ul .poz10neakt				{ background-color: #82d5e7 }
#l_mn ul .poz10akt, #l_mn ul .poz10neakt:hover	{ background-color: #28bbf8 }

#l_mn ul .poz11neakt				{ background-color: #cfbb66 }
#l_mn ul .poz11akt, #l_mn ul .poz11neakt:hover	{ background-color: #f3b000 }

#l_mn ul .poz12neakt				{ background-color: #96abbf }
#l_mn ul .poz12akt, #l_mn ul .poz12neakt:hover	{ background-color: #959595 }

#l_mn ul .poz20neakt				{ background-color: #d09f7f }
#l_mn ul .poz20akt, #l_mn ul .poz20neakt:hover	{ background-color: #f6822b }

#l_mn ul .poz21neakt				{ background-color: #ff846c }
#l_mn ul .poz21akt, #l_mn ul .poz21neakt:hover	{ background-color: #fb5230 }

#l_mn ul .poz22neakt				{ background-color: #b5b5b5 }
#l_mn ul .poz22akt, #l_mn ul .poz22neakt:hover	{ background-color: #a2a2a2 }

#l_mn ul .poz23neakt				{ background-color: #a9bbff }
#l_mn ul .poz23akt, #l_mn ul .poz23neakt:hover	{ background-color: #7693ff }

#l_mn ul .poz24neakt				{ background-color: #c9c05b }
#l_mn ul .poz24akt, #l_mn ul .poz24neakt:hover	{ background-color: #a99e20 }

#l_mn ul .poz25neakt				{ background-color: #f4db65 }
#l_mn ul .poz25akt, #l_mn ul .poz25neakt:hover	{ background-color: #f2ce2a }

#l_mn ul .poz30neakt				{ background-color: #efb9d2 }
#l_mn ul .poz30akt, #l_mn ul .poz30neakt:hover	{ background-color: #e183af }


 /* --- O nas --- */

#onas .text { line-height: 135%; margin: 15px 10px 20px }

#onas .text_druh
	{ margin: 5px 5px 10px }



 /* --- Novinky --- */

#novinky .nadpis	{ margin: 8px 5px }
#novinky .popis_odst 	{ margin: 8px 5px; border: 0 transparent; padding: 0; }
#novinky .foto_nahled	{ margin: 12px 5px 10px }
#novinky .foto_nahled .foto	{ float: left; width: 110px }



#novinky h2 a		{ text-decoration: none }
#novinky h2 a:hover	{ text-decoration: underline }



 /* --- Kontakty --- */

#kontakty .hlavni	{ margin-left: 10px; line-height: 135% }

#kontakty .vlevo, #kontakty .vpravo
	{ float: left; width: 250px; line-height: 130%; margin: 3px 40px 10px 10px }

#kontakty .sl1, #kontakty .sl2
	{ float: left; width: 30%; padding: 0 2px 0 0 }

#kontakty .sl2	{ width: 65% }


 /* --- Produkty / Detail produktu --- */

#pravy .prod_nadp
	{ font-weight: bold; margin: 20px 0 4px }

#pravy .prod_pol
	{ margin: 4px 0 4px 5px }


#pravy #detail .nadpis	{ font-weight: bold; margin: 10px 0 5px }

#pravy #detail .tech_param
	{ margin: 18px 10px }

#pravy #detail .tech_param .sl1, #pravy #detail .tech_param .sl2
	{ float: left; width: 45%; padding: 1px 2px 1px 0; 
	  border-top: 1px solid #99d }

#pravy #detail .tech_param .sl2		{ width: 53% }

#pravy #detail .novinka	{ text-align: right }


/* ---  DOLNI - cast  --- */