/*------------------------------------------------------------------------------
Vytvořil: Jan Valuštík, jan@valustik.com, www.valustik.com
Datum: 01/2008
------------------------------------------------------------------------------*/



/* html+body -----------------------------------------------------------------*/
html{
  background:white;}

body{	
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color:black !important;
	font-size:small;
	text-align:center;
	padding:0px;
  margin:0px;}

/* hlavní layout -------------------------------------------------------------*/
#ram{
  width:100%;}
  
#ramecek{
  float:left;
	padding:0px;
	margin:0px;}
    
#telo_top{ display:none;}
#telo_top_2{ display:none;}

#telo_top h1{display:none;}
#telo_top_2 h1{display:none;}
	
#telo_top #kosik_top{
  position:absolute;
  top:30px;
  right:50px;
  width:146px;
  height:5px;
  background:white URL("../obr/top_menu_top.png") top left no-repeat;
  padding:0px;
  margin:0px;}
#telo_top #kosik_bottom{
  position:absolute;
  top:35px;
  right:50px;
  width:136px;
  max-height:55px;
  overflow:hidden;
  padding:5px;
  padding-top:0px;
  padding-bottom:5px;
  margin:0px;
  text-align:center;
  background:white URL("../obr/top_menu_bottom.png") left bottom no-repeat;}
#telo_top #kosik_bottom a{color:rgb(83,83,29); text-decoration:none;}
#telo_top #kosik_bottom a:hover{color:rgb(153,153,51); text-decoration:none;}
#telo_top #kosik_tlacitko_box{/*v nem je tlacitko "kosik" */
  position:absolute;
  top:30px;
  right:200px;}
#telo_top a.kosik_tlacitko{
  display:block;
  position:relative;
  width:40px;
  height:18px;
  padding:5px;
  overflow:hidden;
  margin:0px;}
#telo_top a.kosik_tlacitko span{
  display:block;
  width:50px;
  height:28px;
  position:absolute;
  top:0px;
  left:0px;
  cursor:pointer;
  background:white URL("../obr/top_menu_kosik.png") left top no-repeat;}
#telo_top a.kosik_tlacitko:hover span{background-position:0px -28px;}

#telo_middle{ 
  margin:0px;
  padding:0px;}
  
#telo_middle_eshop{
  margin:0px;
  padding:0px;}
  
#telo_bottom_menu{/*pro prvky tisk,nahoru,zpet */
  display:none;
  position:absolute;
  top:0px;
  right:0px;
  width:800px;
  height:18px;
  padding:5px;
  padding-right:45px;
  padding-bottom:8px;
  overflow:hidden;
  margin:0px;
  text-align:right;
  margin:0px;
  background:URL("../obr/telo_bottom_menu.png") 690px bottom no-repeat;}
#telo_bottom_menu a{
  color:white;
  text-decoration:none;
  margin-left:5px;
  margin-right:5px;}
#telo_bottom_menu a:hover{
  text-decoration:underline;}

#telo_bottom{ 
  display:none;
 	width:850px;
 	position:relative;
 	margin:0px;
 	padding:0px;
 	padding-top:40px;
 	padding-bottom:40px;
 	background:rgb(76,82,42) URL("../obr/telo_bottom.png") left top repeat-y;
	border:0px solid white;
  color:white;
  font-size:1em;
  clear:both;}
#telo_bottom a{
  color:white;
  margin-right:5px;
  margin-left:5px;
  text-decoration:none;}
#telo_bottom a:hover{
  text-decoration:underline;}

#copyright{display:none;}

/*----------------------------------------------------------------------------*/  
/* hlavní menu ---------------------------------------------------------------*/
#menu{
  display:none;
  width:850px;
  height:61px;
  margin:0px;
  padding:0px;
  background:rgb(136,136,69) URL("../obr/menu.png") left top repeat-x;
  border-bottom:1px solid rgb(210,210,210);
  overflow:hidden;}
#menu a{
  color:white;
  float:left;
  margin:0px;
  padding:5px;
  padding-top:20px;
  text-decoration:underline;
  font-size:1.05em;
  font-weight:bold;
  overflow:hidden;}
#menu a:hover{
  text-decoration:none;}
  
#menu a.uvod{position:relative; width:45px; height:36px;}
#menu a.uvod span{position:absolute; top:0px; left:0px; padding:0px; width:55px; height:61px; background:URL("../obr/tl_uvod.png") top left no-repeat; cursor:pointer;}
#menu a.uvod:hover span{background-position:0px -61px;}

#menu a.potrebujete_poradit{position:relative; width:176px; height:36px;}
#menu a.potrebujete_poradit span{position:absolute; top:0px; left:0px; padding:0px; width:186px; height:61px; background:URL("../obr/tl_potrebujete_poradit.png") top left no-repeat; cursor:pointer;}
#menu a.potrebujete_poradit:hover span{background-position:0px -61px;}

#menu a.nase_nabidka{position:relative; width:113px; height:36px;}
#menu a.nase_nabidka span{position:absolute; top:0px; left:0px; padding:0px; width:123px; height:61px; background:URL("../obr/tl_nase_nabidka.png") top left no-repeat; cursor:pointer;}
#menu a.nase_nabidka:hover span{background-position:0px -61px;}

#menu a.zbozi_v_akci{position:relative; width:102px; height:36px;}
#menu a.zbozi_v_akci span{position:absolute; top:0px; left:0px; padding:0px; width:112px; height:61px; background:URL("../obr/tl_zbozi_v_akci.png") top left no-repeat; cursor:pointer;}
#menu a.zbozi_v_akci:hover span{background-position:0px -61px;}

#menu a.obchodni_podminky{position:relative; width:166px; height:36px;}
#menu a.obchodni_podminky span{position:absolute; top:0px; left:0px; padding:0px; width:176px; height:61px; background:URL("../obr/tl_obchodni_podminky.png") top left no-repeat; cursor:pointer;}
#menu a.obchodni_podminky:hover span{background-position:0px -61px;}

#menu a.kontakt{position:relative; width:73px; height:36px;}
#menu a.kontakt span{position:absolute; top:0px; left:0px; padding:0px; width:83px; height:61px; background:URL("../obr/tl_kontakt.png") top left no-repeat; cursor:pointer;}
#menu a.kontakt:hover span{background-position:0px -61px;}

#menu a.nakupni_kosik{float:right; position:relative; width:52px; height:36px;}
#menu a.nakupni_kosik span{position:absolute; top:0px; left:0px; padding:0px; width:62px; height:61px; background:URL("../obr/tl_nakupni_kosik.png") top left no-repeat; cursor:pointer;}
#menu a.nakupni_kosik:hover span{background-position:0px -61px;}


/*----------------------------------------------------------------------------*/
/* text ----------------------------------------------------------------------*/  
#text{
  text-align:left;
  margin:0px;
  padding:0px;}

/* --- uvod ------------------------------------------------------------------*/  
#text .box1{
  width:100%;
  padding:0px;
  padding-left:10px;
  padding-right:10px;
  margin:0px;
  margin-top:15px;
  font-size:1em;
  line-height:1.4em;}
  
#text .box2{
  width:100%;
  padding:0px;
  padding-left:10px;
  padding-right:10px;
  margin:0px;
  margin-top:15px;
  font-size:1em;
  line-height:1.3em;}
  
#text .box3{
  width:100%;
  padding:0px;
  padding-left:30px;
  padding-right:10px;
  margin:0px;
  margin-top:15px;
  font-size:1em;
  line-height:1.4em;
  overflow:hidden;}
  
#text h2{
  margin:0px;
  margin-bottom:10px;
  font-weight:normal;}

#text .box1 h2.profil_spolecnosti{padding:5px; width:192px; height:15px;}
#text .box1 h2.profil_spolecnosti span{position:absolute;top:0px;left:0px;width:202px;height:25px;padding:0px;background:URL("../obr/nad_profil_spolecnosti.png") 0px 0px no-repeat;}

#text .box3 h2.kontakt{padding:5px; width:81px; height:15px;}
#text .box3 h2.kontakt span{position:absolute;top:0px;left:0px;width:91px;height:25px;padding:0px;background:URL("../obr/nad_kontakt.png") 0px 0px no-repeat;}


#text p{
  padding:0px;
  margin:0px;}

#text .box2 a{
  position:relative;
  width:214px;
  height:65px;
  display:block;
  margin:0px;
  margin-top:8px;
  margin-bottom:5px;
  padding:20px;
  padding-bottom:30px;
  overflow:hidden;
  color:rgb(83,83,29);
  text-decoration:underline;}
#text .box2 a span{
  position:absolute;
  top:0px;
  left:0px;
  width:254px;
  height:117px;
  padding:0px;
  margin:0px;
  cursor:pointer;}
  
#text .box2 a.eshop span{background:URL("../obr/box_eshop.gif") 0px 0px no-repeat;}
#text .box2 a.velkoobchod span{background:URL("../obr/box_velkoobchod.gif") 0px 0px no-repeat;}

#text .box3 a{
  float:right;
  display:block;
  margin:0px;
  margin-top:25px;
  color:rgb(83,83,29);
  text-decoration:underline;}
#text .box3 p.p_kontakt a:hover{
  text-decoration:none;
  color:rgb(123,123,69);}

#text .box_aktualne{
  display:block;
  width:830px;
  margin:0px;
  padding:10px;
  padding-top:40px;  
  float:left;
  clear:both;}
  
#text .box_aktualne_vnoreny{/*zde jsou jednotlive zpravy z aktualne*/
  width:100%;
  padding:0px;
  margin:0px;}
  
#text .box_aktualne_vnoreny div{/*zde jsou jednotlive zpravy z aktualne*/
  width:100%;
  padding:10px;
  margin:0px;
  line-height:1.4em;
  margin-bottom:20px;
  background:rgb(240,243,223);}
  
#text .box_aktualne_vnoreny div p{
  clear: none;}

#text .box_aktualne .box_archiv{/*zde je archiv box*/
  display:block;
  float:right;
  width:150px;
  padding:0px;
  overflow:hidden;}

#text .box_aktualne .box_archiv p{/*zde je archiv*/
  display:block;
  float:right;
  width:130px;
  padding:10px;
  margin:0px;
  background:rgb(240,243,223);}
  
#text .box_aktualne .box_archiv p a{display:block; float:left; padding:0px; margin:3px; margin-left:5px; margin-right:5px; color:rgb(83,83,29); text-decoration:none;}
#text .box_aktualne .box_archiv p a:hover{color:rgb(123,123,69);text-decoration:underline;}

#text .box_aktualne h2.aktualne{padding:5px; width:92px; height:15px;}
#text .box_aktualne h2.aktualne span{position:absolute;top:0px;left:0px;width:102px;height:25px;padding:0px;background:URL("../obr/nad_aktualne.png") 0px 0px no-repeat;}

#text .box_aktualne h2.archiv{float:right; padding:5px; width:63px; height:15px;}
#text .box_aktualne h2.archiv span{position:absolute;top:0px;left:0px;width:73px;height:25px;padding:0px;background:URL("../obr/nad_archiv.png") 0px 0px no-repeat;}

#text .box_nejnovejsi{
  width:100%;
  margin:0px;
  padding:0px;}

#text .box_nejnovejsi h2.nejnovejsi{padding:5px; width:175px; height:15px;}
#text .box_nejnovejsi h2.nejnovejsi span{position:absolute;top:0px;left:0px;width:185px;height:25px;padding:0px;background:URL("../obr/nad_nejnovejsi_zbozi.png") 0px 0px no-repeat;}

#text .box_nejnovejsi h2.nabidka{padding:5px; width:133px; height:15px;}
#text .box_nejnovejsi h2.nabidka span{position:absolute;top:0px;left:0px;width:143px;height:25px;padding:0px;background:URL("../obr/nad_nase_nabidka.png") 0px 0px no-repeat;}

/* -------------------------------------------------------------------------- */
/* text_maly a sloupec -------------------------------------------------------*/
#text_maly{
  width:100%;
  text-align:left;
  margin:0px;
  padding:0px;
  background:none;}

#text_maly h2{
  margin:0px;
  margin-top:15px;
  margin-bottom:15px;
  font-size:1.50em;
  color:rgb(83,83,29);}
    
#text_maly h4{
  margin:0px;
  padding:0px;
  font-weight:normal;
  font-size:1.15em;
  color:rgb(83,83,29);}
  
/* --- prvky v malem textu ---------------------------------------------------*/
.navigace{
  width:300px;
  float:right;
  text-align:right;
  padding-right:5px;
  font-size:0.85em;}
  
.tridit{
  width:585px;
  height:26px;
  overflow:hidden;
  padding:5px;
  padding-top:2px;
  background:rgb(240,243,223) URL("../obr/tridit.png") 0px 0px no-repeat;
  margin-left:3px;
  color:rgb(83,83,29);}
.tridit select{
  width:150px;
  height:20px;
  color:rgb(83,83,29);
  vertical-align:middle;
  margin-right:5px;
  margin-left:5px;
  margin-top:0px;
  background:rgb(240,243,223);
  border:1px solid rgb(170,173,153);}
.tridit .tl{
  margin:0px;
  margin-left:50px;
  width:70px;
  height:28px;
  vertical-align:middle;}
  
.strankovani{/*strankovani*/
  float:left;
  width:585px;
  height:22px;
  overflow:hidden;
  padding:5px;
  padding-top:6px;
  background:rgb(240,243,223) URL("../obr/tridit.png") 0px 0px no-repeat;
  margin-left:3px;
  margin-top:10px;
  margin-bottom:10px;
  border:0px;
  color:rgb(83,83,29);}
  
/* --- zbozi - jednotlive vyrobky --------------------------------------------*/
.vyrobek{
  float:left;
  width:190px;
  max-height:400px;
  overflow:hidden;
  padding:0px;
  margin:3px;
  border:1px solid rgb(240,240,218);
  background:white URL("../obr/vyrobek_bg.jpg") left bottom no-repeat;}
  
.vyrobek h3{
  width:180px;
  font-size:1em;
  font-weight:normal;
  padding:5px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
  background:rgb(240,240,218) URL("../obr/vyrobek_nadpis_bg.png") left bottom repeat;;
  color:rgb(154,0,0);}
  
.vyrobek .foto{
  width:180px;
  height:200px;
  margin:auto;
  margin-top:5px;
  margin-bottom:5px;
  padding:0px;
  overflow:hidden;}
.vyrobek .foto a img{
  display:block;
  margin:auto;
  border:0px;}
  
.vyrobek p.cena{
  width:170px;
  padding:5px;
  margin:0px;
  text-align:right;
  font-size:0.9em;}
.vyrobek .cena strong{
  font-size:1.65em;
  color:rgb(154,0,0);}
.vyrobek .cena a{
  color:rgb(154,0,0);}
.vyrobek .cena a:hover{
  color:rgb(124,0,0);}

/* --- prvky u detailu vyrobku -----------------------------------------------*/  
.vyrobek_detail_text a{
  display:block;
  float:left;
  line-height:1.8em;
  text-align:center;
  font-size:0.85em;
  border:4px solid rgb(242,245,237);
  color:rgb(182,185,177);
  text-decoration:none;
  padding:0px;
  margin:3px;}
.vyrobek_detail_text a:hover{
  border-color:rgb(222,225,217);
  color:rgb(102,105,97);}
.vyrobek_detail_text a img{
  margin:0px;
  padding:0px;}

.vyrobek_detail_text a.fotka{
border:8px solid rgb(242,245,237);}
.vyrobek_detail_text a.fotka img{
  margin:0px;}

.vyrobek_detail{
  width:590px;
  padding:5px;
  text-align:right;
  font-size:1.3em;
  clear:both;}
.vyrobek_detail strong{
  font-size:1.85em;
  color:rgb(154,0,0);}
  
.formular_koupit{
  width:595px;
  padding:5px;
  margin:0px;
  margin-top:15px;
  margin-bottom:25px;
  background:rgb(252,255,247) URL("../obr/tridit.png") top left repeat-y;
  text-align:center;}
.formular_koupit input{
  margin-left:25px;
  text-align:center;
  border:1px solid rgb(232,235,227);
  background:rgb(252,255,247);}
.formular_koupit input.tl{
  margin-left:45px;
  text-align:center;
  vertical-align:middle;
  border:0px;}
 
/* --- kosik -----------------------------------------------------------------*/  
a.tl_pokladna{
  position:relative;
  display:block;
  float:left;
  width:99px;
  height:18px;
  padding:5px;
  margin:5px;
  color:rgb(83,83,29);
  overflow:hidden;}
a.tl_pokladna span{
  position:absolute; top:0px; left:0px;
  width:109px; height:28px; cursor:pointer; padding:0px;
  background:URL("../obr/tl_pokladna.png") top left no-repeat;}
a.tl_pokladna:hover span{background-position:0px -28px;}

a.tl_pokracovat{
  float:left;
  position:relative;
  display:block;
  width:164px;
  height:18px;
  padding:5px;
  color:rgb(83,83,29);
  margin:5px;
  overflow:hidden;}
a.tl_pokracovat span{
  position:absolute; top:0px; left:0px; padding:0px;
  width:174px; height:28px; cursor:pointer;
  background:URL("../obr/tl_pokracovat.png") top left no-repeat;}
a.tl_pokracovat:hover span{background-position:0px -28px;}

.kosik_menu{
  width:320px;
  margin:auto;
  margin-top:50px;
  margin-bottom:30px;}
  
/*--- potrebujete poradit ----------------------------------------------------*/
p.zeleny{
  padding:10px;
  margin:auto;
  margin-bottom:15px;
  line-height:2.5em;
  color:rgb(83,83,29);
  background:rgb(230,233,213);}
p.zeleny strong{
  color:rgb(220,51,0);}
/*----------------------------------------------------------------------------*/

#sloupec{
  display:none;
  width:225px;
  overflow:hidden;
  float:left;
  padding:0px;
  margin:0px;
  text-align:left;
  background:none;}

#sloupec a{
  display:block;
  width:215px;
  padding:10px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
  text-align:center;
  color:rgb(83,83,29);
  text-decoration:none;
  border-bottom:1px solid rgb(230,233,213);} 
#sloupec a:hover{
  color:rgb(63,63,9);
  background:rgb(230,233,213);
  border-bottom:1px solid rgb(230,233,213);}
#sloupec a.aktivni{
  color:rgb(63,63,9);
  width:205px;
  padding-left:15px;
  background:rgb(230,233,213);
  border-bottom:1px solid rgb(230,233,213);}
  
#sloupec h2{
  color:rgb(83,83,29);
  margin:0px;
  margin-left:5px;
  margin-bottom:5px;
  margin-top:15px;}

#sloupec .schovat_tl_2{
  color:rgb(133,133,79);
  cursor:pointer;
  font-size:0.85em;
  text-align:right;
  padding:0px;
  padding-right:10px;
  margin-top:-5px;
  margin-bottom:10px;}
#sloupec #schovat{
  display:none;}
#sloupec #schovat p{
  width:185px;
  padding:10px;
  margin:auto;
  margin-bottom:15px;
  color:rgb(83,83,29);
  background:rgb(230,233,213);}
  
#sloupec p{
  padding:5px;}
  
/*----------------------------------------------------------------------------*/
/* drobne prvky zprehlednujici kod -------------------------------------------*/
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.text-bold{font-weight:bold;}

.text-red{color:rgb(210,10,10);}
.text-green{color:rgb(83,83,29);}

.float-right{float:right;}
.float-left{float:left;}

.cursor-help{cursor:help;}


/* formular ------------------------------------------------------------------*/  
.form{
  border:1px solid rgb(150,150,150);
  height:15px;
  width:270px;
  margin:0px;
  margin-bottom:8px;
  background:white;
  font-size:12px;
  color:black;
  vertical-align:top;}
  
.textarea{
  border:1px solid rgb(150,150,150);
  height:50px;
  width:270px;
  margin:0px;
  margin-bottom:8px;
  background:white;
  font-size:12px;
  color:black;
  vertical-align:top;}

.tlacitko{
  border:1px solid rgb(61,76,84);
  display:block;
  background:white;
  margin-right:0px;
  float:right;
  color:black;
  padding:5px;
  padding-top:2px;
  padding-bottom:2px;
  font-weight:bold;
  font-size:1em;
  cursor:pointer;}

/*tagy*/  
a{
  color:rgb(50,50,50);
  font-weight:normal;
  text-decoration:underline;}
a:hover{
  text-decoration:none;}

hr{
  width:100%;
  height:1px;
  margin:0px;
  padding:0px;
  border:0px;
  border-top:1px solid rgb(80,80,80);}
  
h1{
  font-size:1.4em;
  font-weight:bold;
  color:black;
  margin:0px;
  padding:0px;}

h2{
  font-size:1.3em;
  font-weight:normal;}
  
h3{
  color:rgb(220,51,0);
  font-size:1.3em;
  font-weight:normal;
  margin-top:10px;
  margin-bottom:10px;}

p{
  margin: 0px;
	padding:0px;}
	

img{
  border: 0px;
	margin:5px;}
	
ul{
  margin-top:0px;
  margin-bottom:0px;}
  
hr{
  width:95%;
  display:block;
  margin:auto;
  padding:0px;
  clear:left;
  visibility: hidden;}
  
/*--- v kosiku a objednat ----------------------------------------------------*/
table{
  clear:both;
  width:600px;
  margin:0px;
  background:rgb(240,243,223);
  border:1px solid rgb(240,243,223);}
table td{
  text-align:center;
  vertical-align:middle;
  height:40px;}
table .tr_header{/*pro nadpis tabulky*/
  font-weight:bold;
  height:35px;
  color:rgb(83,83,29);
  background:rgb(220,223,203) URL("../obr/trhead.png") top left repeat-x;}
table .tr_bottom{/*pro celkovou cenu*/
  font-weight:normal;
  height:20px;
  color:rgb(83,83,29);
  background:rgb(240,243,223);}
table .zbozi{
  width:360px;}
table .kusu{
  width:35px;}
table .cena{
  width:140px;}
table .akce{
  width:65px;}
.tr_left{
  text-align:left;}
.tr_right{
  text-align:right;}

table td input{
  width:190px;
  border:1px solid rgb(143,143,89);
  background:white;}
table td img{
  margin:0px;
  margin-left:5px;
  vertical-align:top;}
    
table .objednat_zbozi{
  width:240px;}
table .objednat_kusu{
  width:25px;}
table .objednat_cena{
  width:75px;}
table .objednat_pozadavky{
  width:240px;}
  
table.velikosti{
  border-collapse:collapse;
  font-size:0.85em;}
table.velikosti td{
  height:33px;
  letter-spacing:0px;
  text-align:center;
  padding:1px;
  border:1px solid rgb(201,206,176);
  background:rgb(240,243,223);}
  
.formular{
  width:600px;
  margin:auto;
  margin-top:10px;
  clear:both;}

.formular strong{
  display:block;
  width:400px;
  padding:3px;
  color:rgb(83,83,29);
  font-weight:normal;}
  
.formular input{
  width:300px;
  height:22px;
  vertical-align:middle;
  margin:0px;
  margin-bottom:18px;
  border:1px solid rgb(183,183,129);}
  
.formular textarea{
  width:300px;
  height:80px;
  vertical-align:middle;
  margin:0px;
  margin-bottom:18px;
  border:1px solid rgb(183,183,129);}

.formular select{
  width:300px;
  margin:0px;
  margin-bottom:18px;
  border:1px solid rgb(183,183,129);}
  
.formular_kontakt input{
  display:block;
  width:330px;
  color:black;
  margin:0px;
  margin-bottom:0px;
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  background:white;
  border:5px solid rgb(183,183,129);}
  
.formular_kontakt textarea{
  display:block;
  width:330px;
  color:black;
  margin:0px;
  margin-bottom:0px;
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  background:white;
  border:5px solid rgb(183,183,129);}

.formular_kontakt .tlacitko{
  border:5px solid rgb(183,183,129);
  background:rgb(183,183,129);
  color:rgb(53,53,0);
  width:360px;
  float:left;}