html{
  background:black URL("../obr/bg.gif") top left repeat-x;}

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

#banner{position:absolute;z-index:10;top:0px;right:0px;width:300px;height:300px; background:URL("../obr/vyprodej_banner_roh.gif") top left no-repeat;}
/*hlavní rám + 4 sekce webu*/
#ram{
	position:relative;
	margin:5px auto 0px auto;
	z-index: 1;
	width:850px;
	padding:0px;
	border:0px solid black;
  background:none;}

#zalozky{
  width:850px;
  padding:0px;
  margin:0px;
  overflow:hidden;
  background:none;}	
#zalozky a{
  display:block;
  float:left;
  color:rgb(80,80,80);
  text-decoration:none;
  font-size:0.7em;
  padding:8px;
  padding-top:3px;
  padding-bottom:1px;
  margin:0px;
  margin-right:2px;
  background:white URL("../obr/zalozky.png") top left repeat-x;}
#zalozky a:hover{
  color:black;}
    
#telo_top{ 
  position:relative;
 	width:850px;
	height:170px;
	margin:0px;
	padding:0px;
	background:white URL("../obr/telo_top.gif") top left no-repeat;
	border:5px solid white;
  border-bottom:0px solid black;}
#telo_top h1{
  display:none;}

#telo_middle{ 
  width:850px;
	background:white;
  border:5px solid white;
  border-top:0px solid black;
  border-bottom:0px solid black;
	margin:auto;
	float:left;
  padding:0px;}

#telo_bottom{ 
 	width:850px;
 	margin:0px;
 	padding-top:45px;
 	padding-bottom:15px;
	background:white URL("../obr/telo_bottom.gif") top left no-repeat;
	border:5px solid white;
  border-top:0px solid black;
  color:black;
  font-size:0.7em;
  clear:both;}
#telo_bottom a{
  margin-left:3px;
  margin-right:3px;
  text-decoration:none;
  font-size:1.4em;
  background:white;
  color:black;}
#telo_bottom a:hover{
  color:black;
  text-decoration:underline;}
#telo_bottom h1{
  font-size:1em;
  color:black;
  display:inline;
  font-weight:normal;}

#copyright{
  border:0px solid black;
  border-top:0px solid black;
  border-bottom:0px solid black;
  margin:0px;
	margin:auto;
	padding:0px;
	width:860px;
	background:none;
  text-align:right;}
#copyright img{
  margin:0px;}
  
/*dalsi prvky*/
#menu{
  float:right;
  width:850px;
  margin:0px;
  padding:0px;
  background:black URL("../obr/menu_bg_off.png") left top repeat-x;
  overflow:hidden;}
#menu a{
  color:white;
  background:none;
  display:block;
  float:left;
  height:25px;
  padding:4px;
  padding-top:5px;
  padding-bottom:0px;
  text-decoration:none;
  font-size:0.9em;
  font-weight:normal;
  margin-right:7px;}
#menu a:hover{
  color:black;
  background:white URL("../obr/menu_bg_on.png") top left repeat-x;}

#text{
  width:560px;
  float:left;
  color:rgb(25,25,25);
  background:none;
  text-align:left;
  margin:0px;
  padding:0px;
  padding-right:15px;
  padding-left:15px;
  padding-top:10px;}
#text span.cara_seda{/*cara pod nadpisem kategorie */
  width:540px;
  height:14px;
  background:none;
  margin:0px;
  margin-top:-14px;
  margin-bottom:15px;
  padding:0px;
  border:0px;
  display:block;
  border-bottom:1px solid rgb(245,245,245);}
#text h1{
  font-size:1.4em;
  font-weight:bold;
  color:black;
  color:rgb(157,40,39);
  margin:0px;
  margin-bottom:-1px;
  padding:0px;}
#text p{
  margin:0px;
  margin-bottom:10px;
  padding:0px;}
#text a.vyrobci{
  display:block;
  width:305px;
  margin-bottom:5px;
  text-align:center;
  border:1px solid rgb(140,140,140);
  color:black;
  background:rgb(250,250,250);
  text-decoration:none;}
#text a.vyrobci img{
  width:100%;
  padding:0px;
  margin:0px;}
#text img{
  margin:0px;
  border:1px solid rgb(210,210,210);}
 
#sloupec{
  width:240px;
  padding:0px;
  padding-top:0px;
  display:block;
  text-align:right;
  float:right;
  font-size:0.9em;
  background:none;
  color:white;}
#sloupec hr{
  width:190px;
  height:1px;
  margin:auto;
  margin-top:10px;
  margin-bottom:0px;
  padding:0px;
  border:0px;
  display:block;
  border-top:1px solid rgb(190,190,190);}
#sloupec h1{
  font-size:1.25em;
  color:white;
  font-weight:bold;
  text-decoration:underline;
  letter-spacing:0px;
  text-align:left;
  margin:0px;}
#sloupec h4{
  font-size:1.05em;
  color:rgb(35,97,105);
  font-weight:normal;
  letter-spacing:0px;
  text-align:left;
  margin:0px;
  margin-left:7px; 
  margin-top:0px;
  margin-bottom:1px;}
#sloupec a{
  color:white;
  text-decoration:none;
  font-weight:normal;}
#sloupec a:hover{
  text-decoration:underline;}
#sloupec img{
  margin:0px;
  margin-top:5px;
  border:0px;}
  
#sloupec p{
  text-align:left;
  margin:0px;
  padding:0px;}
#sloupec p.center strong{
  margin-left:20px;}

  
/*drobne prvky zprehlednujici kod*/
.center{
  text-align:center;}
.left{
  float:left;}
.right_small{
  float:right;
  font-size:0.8em;}
.right{
  float:right;}
.right_clear{
  float:right;
  clear:both;}
.clear_left{
  clear:left;}
.nepodtrzeny{
  text-decoration:none;}
.podtrzeny{
  text-decoration:underline;}
.netucny{
  font-weight:normal;}
.tucny{
  font-weight:bold;}
.maly{
  font-size:0.85em;}
.modry{
  color:rgb(105,167,185);}
.red_bold{
  font-weight:bold;
  color:rgb(230,0,0);}
.img_middle{
  vertical-align:middle;}
.img_top{
  vertical-align:top;}
.img_velikost{
  width:130px;}
.width220{
  width:230px;}

/*v tomto boxu se nachazi zbozi*/
.zbozi_box{
  float:left;
  width:570px;
  background:white URL("../obr/zbozi_bg.png") bottom left repeat-x;
  border:1px solid rgb(240,240,240);
  margin:0px;
  margin-bottom:25px;
  padding:4px;}  
.zbozi_box h2{
  float:left;
  font-size:1.3em;
  font-weight:normal;
  color:black;
  margin:0px;
  margin-bottom:0px;}
.zbozi_box .cena{
  background:none;
  float:right;
  color:black;
  font-size:0.85em;
  text-align:right;
  margin:0px;
  padding:0px;}
.zbozi_box .cena strong{/*cena zvyraznena cervene*/
  font-size:1.85em;
  letter-spacing:-1px;
  vertical-align:middle;
  font-weight:normal;
  text-align:right;
  color:rgb(190,40,39);
  margin:0px;
  margin-bottom:0px;
  padding:0px;}  
.zbozi_box .foto{/*prostor pro fotku*/
  width:570px;
  margin:0px;
  padding:0px;
  text-align:center;
  clear:right;
  overflow:hidden;}
.zbozi_box .foto img{/*pro img*/
  margin:auto;
  padding:0px;
  border:0px;}
.zbozi_box p{/*prostor pro text*/
  height:35px;
  overflow:hidden;
  margin:0px;
  padding:0px;
  border:0px;}
.zbozi_box p.dlouhy{/*prostor pro text dlouhy u detailu vyrobku*/
  height:100%;
  overflow:visible;
  margin:0px;
  padding:0px;
  border:0px;}
.zbozi_box .toolmenu{/*prostor pro tlacitka detail a objednat*/
  float:right;
  margin:0px;
  padding:0px;
  border:0px;
  clear:both;}
#text .zobzi_box.toolmenu img {
  border:0px;}
a.foto{
  display:block;
  float:left;
  width:90px;
  height:90px;
  padding:3px;
  margin:1px;
  overflow:hidden;
  background:rgb(245,245,245);
  border:1px solid rgb(230,230,230);}
#text a.foto img{
  border:0px;
  margin:0px;}
  
/*formular*/  
.form_objednat{  
  border:1px solid rgb(150,150,150);
  height:17px;
  width:235px;
  margin:0px;
  background:white;
  color:black;}
.form_koupit{
  margin-top:15px;
  padding:2px;
  display:block;}
.form_koupit strong{
  font-weight:normal;
  margin-top:3px;
  float:left;
  vertical-align:bottom;
  font-size:0.9em;}
.form_koupit input{
  margin-left:2px;
  float:left;}
.form_koupit a{
  background:0px;
  margin:0px;
  margin-left:8px;
  padding:0px;
  display:block;
  float:left;}
.input_koupit{  
  float:left;
  border:1px solid rgb(150,150,150);
  height:17px;
  width:16px;
  margin:0px;
  margin-bottom:8px;
  background:white;
  font-size:12px;
  color:black;}

.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;
  color:black;
  margin:0px;}

p{
  margin: 0px;
	padding:0px;}
	
ul{
  margin-top:0px;
  margin-bottom:0px;}
  
table{
  table-layout:fixed;
  width:580px;
  margin:0px;
  padding:0px;
  font-size:0.85em;
  background:white URL("../obr/zbozi_bg.png") bottom left repeat-x;
  border:1px solid rgb(240,240,240);}
table td{
  width:38px;
  border:1px solid rgb(240,240,240);
  text-align:center;
  vertical-align:middle;
  height:30px;}
  
table.servis{
  table-layout:auto;}
table.servis td{
  width:290px;
  border:1px solid rgb(240,240,240);
  text-align:center;
  vertical-align:middle;
  height:30px;}

table td.td_main{
  width:150px;
  text-align:center;
  font-weight:bold;
  background:rgb(250,250,250);
  color:black;}
.tr_header{
  background:white URL("../obr/menu_bg_on.png") top left repeat-x;
  color:black;
  font-weight:bold;
  text-align:center;}