/*======================================
THEME NAME: Madani.it
VERSION: 1.2
AUTHOR: Leonardo Zizzamia
AUTHOR URI: http://www.zizzamia.com
STYLE NAME : stylesheet.css
LAST DATE MODIFIED: 30 October 2009
======================================*/

/* Import external stylesheet */
@import url('typography.css');

/*	1.   B O D Y    ====================================== background:#4A611C url(html-bg.png) repeat-x;*/
@charset "utf-8";
html { 
background:#4A611C url(html-bg.png) repeat-x;}
/*Quel bastardo di Safari mi ha fatto penare perchè non voleva far vedere il background html
  quindi ho dovuto usare questo hack....che bastardi*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	html { background:#4A611C url(html-bg.png) repeat-x;}
}
body {
width:100%;
text-align:center;}
#corpo {
position: relative;
width:940px;
margin:0 auto; 
text-align:left;}

/*	1.1   H E A D E R S ====================================== */
#header{
width:940px;
height:250px;
border-right:1px solid #333;
border-left:1px solid #333;
border-bottom:1px solid #333;
background: url(insegna.jpg) no-repeat top center;
z-index: 6em; }
#menu{
width:940px;
height:38px;
position:relative;
top:72px;
float:right;
border:none;
background-color:#111;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;}

/*	1.1   C E N T E R ====================================== */
#center{
width:940px;
padding:0;
border-left:1px solid #333;
border-right:1px solid #333;
background-color:#FFFEFC;
background:#FFFEFC url(center_bg.png) repeat-y center;}
#center-admin{
width:940px;
padding:0;
border-left:1px solid #333;
border-right:1px solid #333;
background-color:#FFFEFC;}
#center2{
background:url(champagne.png) no-repeat right bottom;}
#left{
width:530px;
float:left;
padding:5px 0 0 14px;}
#center-admin #left{
width:98%;
padding:5px 0 0 7px;}
#right{
width:380px;
float:left;
margin-bottom:140px;
padding:5px 0 0 14px;}

/*	4. F O O T E R   ====================================== */
#footer{
width:938px;
height:44px;
border-left:2px solid #333;
border-right:2px solid #333;
background:#D0D0A1 url(footer.png) repeat-x;
color:#FFF;
text-align:center;}
#footer b{
float:left;
font-size:12px;
margin-top:15px;
margin-left:40px;
color:#330;}
#footer i{
float:right;
margin-top:15px;
margin-right:80px;
text-align:left;
color:#330;}
#footer a{
color:#036;}
#footer a:hover{
color: #030;}





#menuAdmin {
width:100%;
height:30px;
border-bottom:2px dashed #444;}
#contentAdmin {
clear:both;
width:98%;
padding:5px;
text-align:left;}
#menuAdmin  ul li{
display:inline;
padding:4px 4px 2px 2px;
list-style:none;
width: 100px;
float:left;}
#menuAdmin  ul li a{
list-style:none;
font-weight:bold;
text-decoration: none;
background: url(next_15.png) no-repeat left center;
padding: 8px 22px 4px 2px;}
#menuAdmin  ul li a:hover{
list-style:none;
text-decoration: none;
background: url(next2_15.png) no-repeat left center; }

/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#990000;
}
span.red{
color:#990000;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/





.about{
width:360px;
clear:both;
background:url(border.png) no-repeat bottom center;
padding:0 0 35px 5px;}
.about h3 {
font-size:0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#5C3900;
text-align:justify;
letter-spacing: 1.2pt;
word-spacing: 1.2pt;}
.about h3 i{
padding-bottom:5px;
font-size:1.6em;
font-family: Papyrus, "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#412700;
text-align:left;
letter-spacing: 1.2pt;
word-spacing: 1.2pt;}


img.right{
float:right;
padding:0 0 0 10px;}


#catalogo {
width:360px;
height:240px;
clear:both;
background:url(champagne-saint-reol.png) no-repeat left top;
margin-top:10px;
margin-bottom:180px;
padding:0 0 35px 5px;}
#catalogo h2 {
float: right;}
#catalogo ul{
clear:both;
padding:0 1px 0 110px;}
#catalogo ul li{
list-style-image:none;
list-style:none;
padding:1px;
margin: 0px;
background:transparent url(catalogo-menu.png) no-repeat scroll left bottom;
float: left;}
#catalogo ul li a{
height: 24px;
width: 250px;
padding: 4px 0 4px 2px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
text-decoration: none;
background-image: url(imgm2.png);
background-position: right 0px ;
background-repeat:no-repeat;
float:left;}
#catalogo ul li a:hover{
text-decoration: none;
background-image: url(imgm2.png);
background-position: right -29px;
background-repeat:no-repeat;}

#box{
width:100%;
margin:10px;
clear:both;}
#box ul li{
width:350px;
margin-bottom:30px;
display:block;
list-style:none;
float:left;
font-size:14px;
color:#635C4D;}
#box ul li a{
width:100%;
display:block;}

#box b{
font-size:16px; }
.offerta {
font-size:16px;
letter-spacing:1.2pt;
color:#cb3e07;}
#box img{
background-color:#FFF;
padding:0;
border:3px #333 solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
float:right;}

#box2{
width:96%;
margin:0 10px 10px 10px;
clear:both;}
#box2 ul li{
background:transparent url(./box-down.png) no-repeat scroll center bottom;
float:left;
height:175px;
margin:0 8px 20px 0;
position:relative;
list-style-type:none;
width:100%;
color:#555;}
h2.titolo-box{
height:16px;
padding-left:2px;
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
height:22px;
text-transform:uppercase;
font-weight:200;}
a.img-box{
float:left;
position:relative;
color:#65645B;
display:inline;
overflow:hidden;
margin:1px;
margin-top:5px;
padding:2px;
width:150px;
height:100px;
z-index:1;}
a.img-box img{
border:medium none;
background-color:rgba(0, 0, 0, 0.9);
border:1px rgba(0, 0, 0, 0.9) solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin:0;
padding:1px;
height:100px;
position:absolute;
left:0px;
top:0px;
z-index:-1;}
.descrizione-box{
float:right;
margin-top:0.5em;
width:170px;
height:100px;}
.descrizione-box a img{
height:34px;
width:163px;
z-index:3;
padding-top:6px;}
.prezzo-box {
font-size:1.1em;
padding-top:4px;
font-family:sans-serif,'Lucida Grande',Tahoma,Verdana,Arial,Helvetica;}







.category{
width:100%;
list-style:none;
padding:10px 0 5px;
clear:both;}
.category h2 { 
margin:0;
font-size:1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#7A7700;
font-style: normal;
letter-spacing: 1.2pt;
word-spacing: 1.2pt;}
.category h4 { 
margin:0;
margin-bottom:3px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: rgba(201, 131, 0, 0.9); /*color:#C98300;*/
font-style: normal;
letter-spacing: 1.2pt;
word-spacing: 1.2pt;}
.category p {
line-height:1.3em;
margin-bottom:1em;
padding:0;}
.category b {
display:block;
letter-spacing:1.1pt;
color:#660;}
.categoryLeft {
float:left;
width:144px;
text-align:center;}
.categoryRight {
float:right;
width:352px;
margin-right:4px;
text-align:left;}

.categoryLeft img, .categoryRight img {
margin:1px;
padding:2px;
background-color:#000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.categoryLeft a:hover img, .categoryRight  a:hover img {
background-color:#605f00;}
div a.left64{
display:inline;
padding:2px 2px 0 2px;
margin:1px;
background-color:rgba(0,0,0,0.9);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}
a.left64  { 
display:block;
float:left;
overflow:hidden;
position:relative;
z-index:1;
width:66px;
height:50px;
padding:0; 
margin:0;}
a.left64  img {
border:none; 
background:none; 
padding:0; 
margin:0;}
a:hover.left64  img { background:none; }
a:hover.left64      { background-color:rgba(0,0,0,0.7);}




.categoryRight a       { color:#444200;}
.categoryRight a:hover { border-bottom:#4290D4 dotted 1px;}
.categoryRight p { font-family: "Palatino Linotype",  "Book Antiqua", Palatino, "Times New Roman",  Times, serif;}
.categoryRight b {display: inline;}
p.cate b {display:block;}
.categoryRight img {
width:auto;
padding:2px;
background-color:#DBDDB4;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.categoryRight ul { 
list-style-type:disc;
list-style-position: inside;
margin:0;
padding:0;}
.categoryRight ul li {
list-style-position: outside;
list-style-image: url(./bullet.gif);
margin-left:20px;
width:90%;}
.border-bottom {
width:100%;
height:10px;
border-bottom:1px solid #E1E1E1;
clear:both;}
.border-bottom2 {
width:100%;
height:40px;
border-bottom:1px #b2b2b2 dashed;
clear:both;}

ul li.skypeCall {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(call-me.png) no-repeat scroll left top;
font-size:14px;
font-weight:bold;
list-style-type:none;
list-style-image:none;
margin-left:0px;
padding:1px 10px 10px 28px;
}
ul li.phoneCall {
display:inline;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(telephone_32.png) no-repeat scroll left top;
font-size:14px;
font-weight:bold;
list-style-type:none;
padding:8px 30px 10px 38px;
}


.fotoAzienda img {
margin:2px;
padding:4px;
background-color:#DBDDB4;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

.address {
float:left;
padding-left:5px;
font-family:Verdana, Geneva, sans-serif;
font-size:1.0em;
color:#333;
width:320px;
text-align:left; }
.address a {
border-bottom:1px dotted #79A325;
color: #333333;
text-decoration:none; }
.address a:hover { color: #73471B; }

#pag ul    { padding-left:30px; }
#pag ul li { list-style-image: url(./bullet.gif); }

#special {
background-color:#dedede;
}

.linkPro li{
font-size:0.9em;
width:70%;
margin: 0px;
overflow: hidden hidden;
padding: 1.2em;}
.linkPro li a b{
display: block;
padding: 0.2em 0px 0.1em 0px;
left:150px;}
.linkPro li a img{
background-color: #FFF;
border: 1px solid #CCC;
display: block;
float: left;
margin: 2px 10px 0px 0px;
padding: 0.4em;}
.linkPro li a:hover img{
background-color:#d7d7d7;}


.linkPro2 li{
font-size:0.9em;
width:90%;
margin: 0px;
overflow: hidden hidden;
padding: 1.0em;
clear:both;
border-bottom:1px #b2b2b2 dashed;
height:110px;}
.linkPro2 li a span{
width:400px;
position:absolute;
left:150px;
font-size:1.2em;}
.linkPro2 li a img{
background-color: #FFF;
border: 1px solid #CCC;
display: block;
float: left;
margin: 2px 10px 0px 0px;
padding: 0.3em;
position:absolute;}
.linkPro2 li a:hover img{
background-color:#d7d7d7;}

li.tab-jscript { 
display:inline;
text-align:left;}
li.tab-jscript a {
margin-right:22px;
padding:2px 6px 2px 6px;
line-height:2.2em;
background-color:#DBDDB4;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
li.tab-jscript a:hover {
background-color:#222;
color:#FFF;}

#novita {
clear:both;
font-family:Papyrus,"Palatino Linotype","Book Antiqua",Palatino,serif;
font-size:24px;
font-style:italic;
font-weight:bold;
height:30px;
margin-top:80px;
padding-top:40px;
text-align:center;
width:100%;}

.text-pro {font-family:"Palatino Linotype","Book Antiqua",Palatino,"Times New Roman",Times,serif;}

.riepilogo{
background:#FFF none repeat scroll 0 0;
border:1px solid #B7A79A;
clear:both;
line-height:1.8em;
margin:0.5em 0 1.5em;
padding-bottom:1em;
width:520px;}
.riepilogo h2{
background-color:#D8DBB0;
border-color:#B7A79A;
border-style:solid;
border-width:0 0 1px;
color:#444;
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:auto;
line-height:normal;
margin:0 0 1em;
padding:0.5em;
text-transform:none;}
.riepilogo h3{
color:#444;
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:auto;
line-height:normal;
padding:0.5em;
text-transform:none;
padding-left:150px;}
.riepilogo h4{
color:#666;
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:11px;
padding:0;
padding-left:150px;}
.riepilogo p{
color:#333;
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:11px;
padding:5px;}
.riepilogo ul {
margin:0 0 1em;
position:relative;}
.riepilogo ul li {
list-style-type:none;
border-bottom:1px solid #E6E1CD;
margin-top:1em;
position:relative;
padding-bottom:20px; 
width: 100%;}
.riepilogo form {
display: inline;}


.linkPro3 li{
font-size:0.9em;
width:90%;
margin: 0px;
overflow: hidden hidden;
clear:both;
border-bottom:1px #b2b2b2 dashed;
height:110px;}
.linkPro3 li a span{
width:400px;
position:absolute;
left:150px;
font-size:1.2em;}
.linkPro3 li a img{
background-color: #FFF;
border: 1px solid #CCC;
display: block;
float: left;
margin: 2px 10px 0px 20px;
padding: 0.3em;
position:absolute;}
.linkPro3 li a:hover img{
background-color:#d7d7d7;}


#left_contatti {
color:#706F6A;
float:left;
padding:20px 0 0 25px;
position:relative;
width:460px;}
.contatti {
height:640px;
padding-bottom:30px !important;}
.contatti_form {
float:left;
padding-top:15px;}
#left_contatti .riga{
float:left;
margin:0 0 25px;}
#left_contatti label{
color:#2D281D;
display:block;
font-size:14px;
font-weight:bold;
margin-bottom:5px;}
#left_contatti span.obl {
color:#C76D7F;}
#left_contatti input, #left_contatti textarea, #left_contatti select {
background:transparent url(./input_bg.png) no-repeat scroll left top;
border:1px solid #EAEBDF;
color:#5D564C;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
margin-top:5px;
padding:6px;
width:400px;}
#left_contatti .submit_riga{
float:left;
margin-left:15px;
width:430px;
display:block;}
#left_contatti button {
color:#555E4E;
cursor:pointer;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-left:-15px;
margin-bottom:40px;
height:22px;
text-transform:uppercase;}