body {
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	background-color:#DDDDDD;
}

#main {
border-left:2px solid #B2B2B2; border-right:2px solid #B2B2B2;
	width:1004px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}



#ban-link {
    color:#FFF;
	width:900px;
	padding-left:100px;
	height: 25px;
	float:left;	
}
#ban-link a{
    color:#FFF;
}

#baner {
background:url(../image/logo_morellato.jpg) no-repeat;	
	width: 1002px;
	height: 160px;
	float:left;
	padding-left:0px;
	font-size:11px;
	line-height:18px;
	position:relative;
}

#baner img {
	margin-top:20px;
	margin-left:24px;
}

.cleaner {
	clear:both;
}



#right {	
	width:190px;
	 text-align:center;
	float:left;
}
.right-blok {	
padding-left:5px;
}
#right img{	
	border:none;
}

#left {
	padding-top:200px;
    background:url("../image/prechod.jpg") repeat-x 0 200px;

}

.fulltext {	
position:absolute;
	top:160px;
	left:0px;
	width:185px; 
	height:40px;
	background:url("../image/fulltext.gif");
	border-bottom:1px solid #DDDDDD;
}

.fulltext form{ padding:0; margin:0; text-align:center;}

.fulltext input.input{ width:130px;height:14px; margin-top:10px;}
.fulltext input.tl{width:24px;height:16px; border:none; color:#fff; font-size:.4em;
 background:url(../image/ok.jpg) no-repeat;}



.row {width:175px; padding:0;margin:10px 0 0 0; }
.row ul {padding:0;margin:0 10px;}
.row ul li {list-style-type:none;
  margin:2px 0;
  padding:0; 
  border-bottom:1px solid #EFEFEF;
  }
  
  
  
.row a {display:block;margin:0; text-decoration:none;color:#1F1F1F; 
	padding: 4px 0 4px 10px;}
	
.row li.active {
	display:block;
	margin:0; 
	padding: 4px 0 4px 10px; 
	background:url("../image/blue.jpg") no-repeat 2px 3px;
	font-weight:bold;
	color:#004A77;
	}
.row a span,.row li.active span { color:red; font-weight:bold;	}
	
.row a:hover {
	text-decoration: underline;
	background:url("../image/blue.jpg") no-repeat 2px 3px;}
	
	
h1{
    color:#000;
	font-size:20px;
	height:25px; 
    padding-top:.5em;
     font-weight:normal;
	margin:0;
	border-bottom:2px solid #004A77;;
     }
     
 #left .h3, #right .h3 {
    display:block;
    height:25px; 
    font-size:20px;
     text-align:left;
    border-bottom:2px solid #004A77;;
     }
     
#left .h3 { 
  	 width:180px;
	padding-top:.5em;}
	
#right .h3 {
	width:190px;
	padding-top:.5em;
	}
	
.newsletter{
	width:180px;
	height:57px; 
	background:url(../image/newsletter.jpg) repeat-x;
}
.newsletter form{ margin:0;margin:0;text-align:center;}
.newsletter input.input{ width:130px ;height:14px; font-size:.8em; margin-top:25px; }
.newsletter input.tl{ margin-bottom:3px;width:24px;height:16px; border:none; color:#fff; font-size:.4em; background:url(../image/ok.jpg) no-repeat;}


	
#middle {
	float:right;
	margin-top:200px;	
}

#hlavni {
	float:left;
	width:620px;
    margin-right:7px;
}










.kategorie-odkaz { height:auto; padding:4px  7px 7px 7px; text-align:left;clear:left}
.kategorie-odkaz p { margin:10px 0 5px 0; padding:0; width:505px; height:16px; float:left; color:#414141; font-size:13px; line-height:16px; border-bottom: 1px dashed #FF9933;}
.kategorie-odkaz a span { background:url(images/ctv.jpg) left; padding:0 10px; background-repeat:no-repeat; width:230px; height:16px; float:left; color:#414141; font-size:13px; line-height:16px;}

.link-strana {text-align:left; padding:10px 10px; color:#695D3C;clear:left;height:auto;font-weight:normal;}
.link-strana span{float:right;font-weight:normal;}
.link-strana a{display:block;width:16px;height:16px; float:left; font-size:.86em; text-align:center; 
border:1px solid  #B2B2B2;font-weight:normal;margin-left:.6em;text-decoration: none;}
.link-strana a:hover{background:#004A77;color:#fff}

.link-strana .strana-set {background:#004A77;color:#fff}
.link-strana a:hover.strana-set {background:#B2B2B2;color:#000}





#produkty input {float:right;}
.produkt { width:185px; height:280px; background:url(../image/pozadi-prod.jpg) no-repeat;float:left; margin-left:1.2em;margin-top:9px;}  
.produkt-obr { width:150px;height:150px; margin-left:9px;margin-top:9px;text-align:center;  }
.produkt-obr img{ padding:0; border:1px solid #000;}
.produkt-text  { width:170px;  font-size:12px; line-height: 18px;float:right; text-align:right;
        padding:0 7px;}
.produkt-text h2 {font-weight:bold; font-size:12px; line-height:16px; padding:0; text-align:center;
       } 
.produkt-text a{ color: #000; font-weight:bold; text-decoration: underline;}
.produkt-text span{ color: green; font-weight:bold; }
.produkt-tl {width:180px; height:18px; }
.produkt-tl span, .produkt-tl input, .produkt-tl a { float:left; height:18px; }

.produkt-tl span { 
       display:block;
       width:95px;
       text-align:right;
       font-weight:bold;
       font-size:14px; 
       padding:0; 
       color:#004A77;
      }
.produkt-tl input { 
       display:block;
       width:77px;
       padding:0;
       float:right; 
       
      }
        
.produkt-tl a{display:block; width:auto;
       margin-left:5px;}
       
  .clear{clear:both; width:100%;font-size:1px;}
    




.kolekce { margin-top:.9em; margin-left:.9em; width:190px; float:left;text-align:center;}
.kolekce img { width:190px; height:190px; }
.kolekce h2 { color:#000; font-size:14px; line-height:20px;margin:0;padding:0;}
.kolekce h2 {overflow: hidden;}
.kolekce h2 a{text-decoration:none; color:#000; font-weight:bold;}
.kolekce h2 a:hover {text-decoration: underline;}
  
  
  
  
       
.detail-img    { width:250px; float:left; text-align:center; vertical-align:middle;}
.detail img    { padding:5px;}
.detail-img img { height:250px; max-width:250px;}
.detail-text   { width:350px;float:right;font-size:14px; line-height:20px; display:block; margin:5px 0;text-align:left;font-family:arial;}
.detail-text a { color:#000;}

.detmini img { width:75px;height:auto;}


.tab-popis {width:330px;margin:0;padding:0;border:none;background:#EEEEEE;}
.tab-popis td {width:120px;font-family: Arial, Helvetica, sans-serif;
             font-size:13px; line-height:15px;}
.tab-popis td span{width:200px;font-weight:bold;}
.tab-popis td a{font-weight:bold;text-decoration:underline;}

#detceny {  clear:left;padding:0; width:330px;}
#detceny .det-pol  { width:330px; margin-top:7px;  font-family: Arial, Helvetica, sans-serif;
             font-size:13px;  text-align:left;float:left; border-bottom:1px solid #B2B2B2;}
#detceny .det-pol p { padding: 0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:.9em;  text-align:left;}

#detceny input { float:right;margin-left:20px;}
.det-pol cena {float:right; font-weight:bold; margin-left:20px;
        font-size:14px; 
        padding:0; 
        color:#004A77;}
.det-pol sklad { color:green;}


.popis {clear:left: margin:0 .9em;margin-bottom:5px; color: #000; font-size:14px; padding: 0; clear:left; border-bottom:2px solid #004A77;}
.d-popis-l { font-size:14px;  float:left; 	 padding:0 1.3em;	 font-family:arial;	 Padding-bottom:20px;}
.popis-n { width:260px;float:left;line-height:20px;}
.popis-n span{ width:150px;float:right;text-align:left;}

.d-poznamka p{
     font-size:14px;
	 padding:0 1.3em;
	 font-family:arial;}


.souv-img{/*border:1px solid #808080;*/ margin:.5em}



.tabkosik{ font-size:12px; padding:10px 0;}
.tabkosik th {text-align:right; font:Arial, Helvetica, sans-serif;}
.tabkosik th p { margin:3px 0; text-align:left; font:Arial, Helvetica, sans-serif;}
.tabkosik td {border-top: 1px dashed #999999; text-align:right; font:Arial, Helvetica, sans-serif;}
.tabkosik td img { padding:5px 0 0 5px; }
.tabkosik td p { margin:3px 0;text-align:left;}

.platba{ margin:0 20px ; font-family:arial;}
.platba td{ padding:0 0 7px 0;font-family:arial; font-size:12px;}


.adres{ width:250px; float:left; margin:0 0 0 15px; font-size:12px; }
.adres div { width:60px; float:left; margin-top:5px; color:#000; padding:0 5px 0 5px; text-align:right;font-weight:bold; font-family:arial}
.adres input { width:170px; float:left;margin-top:5px; font-size:12px; }
.adres select{ width:170px; float:left;margin-top:5px; font-size:12px;}
.adres textarea { width:170px; float:left;margin-top:5px; font-size:12px; height:87px}

.post{ width:150px; height:auto;clear:both;float:left; margin:0 0 0 15px; font-size:12px; text-align:left; display:block; }
.post div{ width:100px; float:left; margin-top:5px; color:#000; padding:0 5px 0 5px; text-align:right;font-weight:bold; font-family:arial}
.post input{  width:30px; float:left;margin-top:5px; font-size:12px; }



.tl-button,.tl-button1{ color:#fff;background:#004A77;width:120px; font-size:12px; font:Arial, Helvetica, sans-serif;font-weight:bold;}
.tl-button1,.form-kup{float:right;}
.form-kup{clear:both;}



#top {
	position:absolute;
	top:0px;
	left:0px;
	
}



.top {width:180px; height:250px;background:url(../image/pozadi-prod.jpg) no-repeat top right; text-align:center; }
.top img{ border:0; }
.top-nazev { padding:10px 3px; height:30px; text-align:center;}
.top-nazev a{ display:block; font-size:12px; font-family:arial;}
.top-cena { padding:7px 20px;  height:20px; display:block; 
	font-size:12px; text-align:right;  color:#004A77; font-weight:bold;}
.top-cena span{  padding:15px; font-weight:bold;}




#menu {
    background:#004A77;/*url(../image/menu_link_blue.jpg) repeat-x;*/
	position:absolute;
	height:40px;
	width:824px;
	top:160px;
	left:180px; border-bottom:1px solid #DDDDDD;
	}

#menu ul{padding:0;margin:0;}
#menu li{
	list-style-type:none; 
	width:150px; height:40px; 
	float:left; 
	color:#fff; margin:0 2px; 
    border-right:3px solid #fff; 
    text-align:center; }
#menu li a{ 
	line-height:40px; font-size:20px; color:#fff; 
	text-decoration: none;
	}
#menu li a:hover {text-decoration: underline;}


.platmetod{width:270px; float:left; margin-top:10px;  margin-right:15px; line-height:20px;
 font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:left;}
 .platmetod p {font-weight:bold;  margin:0;}
form img {padding:0;margin:0;}


#paging {clear:left; width:100%;  border-top:2px solid #004A77;
	margin-top:30px;
	margin-bottom:10px;
}

#kosik {
	border-collapse: collapse;
	width:180px; 
	height:135px; 
	float:right; color:#000; 
	background:url("../image/kosik_01.gif") no-repeat right bottom;}
#kosik p {padding:90px 25px 0 0;}
#kosik a {color:#000;}
#kosik span { display:block; margin-top:80px; color:#000;
    font-weight:bold; font-size:14px;}

#hp-area {
	position:absolute;
	top:25px;
	left:0px;
	display:block;
	z-index:1;
	width:700px;
	height:150px;
	cursor:hand;
	
}

.part{
float:left;
margin:0 0 3px 15px;
text-align:center;
width:180px;
min-height:60px;
padding:0 5px;
overflow: hidden;
}



#footer{
	height:140px; 
	position:relative; 
    background:url("../image/prechod.jpg") repeat-x; font-size:12px;
    border-top:1px solid #B2B2B2;border-bottom:2px solid #B2B2B2;
    }

.f-t,.f-t1,.f-t2 { 
	display:block; float:left; 
	width:210px; margin-top:5px;
	margin:25px; padding:0 25px;	}
.f-t { margin-left:25px;}
.f-t1, .f-t2{ margin-left:25px;}

#footer .h3{ display:block; margin-bottom:10px;color:#000;  font-weight:bold; font-size:14px;}
#footer ul,#footer li{ padding:0; margin-left:15px;}

#footer li{ list-style: square;color: #004A77;}
#footer a{ color: #000;}