/*
COLORI UTILIZZATI
marrone chiaro: ee7f01
marrone scuro: 7a1e10
*/

/*RIBBON*/
#ribbon{
background:url('images/ribbon.png') no-repeat center center;
display:block;
position:absolute;
right:17px;
top:-26px;
width:180px;
height:179px;
z-index:2000;
}
#ribbon a{
width:180px;
height:179px;
display:block;
}
/*FOOTER HP*/
#descriptions{
color:#FFFFFF;
float:right;
font-size:10px;
text-align:left;
width:420px;
}
#descriptions a{
color:#FFF;
text-decoration:underline;
}
#descriptions a:hover{
text-decoration:none;
}
/*PER OVERLAYER TEMPORANEO*/
.overlayer{
background:#fff/* url('images/preloading.gif') no-repeat center center*/;
width:800px;
height:435px;
position:absolute;
overflow:hidden;
top:0;
left:50%;
margin-left:-400px;
margin-top:50px;
z-index:1000;
}
.overlayer object{
position:absolute;
top:0; left:0;
z-index:1000;
}
#gray-layer{
position:absolute;
background:#000;
width:100%;
height:100% !important;
height:600px;
z-index:0;
top:0;left:0;
margin:0; padding:0;
cursor:pointer;
}
/*FINE OVERLAYER TEMPORANEO*/

html{
font-family:Verdana, Geneva, sans-serif;
background: #fff url('images/messere-porte-bg.gif') repeat-y top center;
}
body{
text-align:center;
margin:0; padding:0;
}
#gradient-top{
background: url('images/messere-porte-bg-top.gif') no-repeat top center;
width:993px;
height:15px;
display:block;
margin:0 auto;
}
#page{
width:993px;
margin:0 auto;
text-align:left;
position:relative;
}
#content{
width:885px;
margin:0 auto;
clear:both;
}
#header{
width:885px;
height:74px;
margin:18px auto 12px;
}
#logo{
width:291px;
height:75px;
display:block;
float:left;
}
/*MENU*/
#menu{
height:74px;
float:right;
}
#menu-button{
float:left;
position:relative;
}
#menu-button a{
width:187px;
height:74px;
display:block;
background-repeat:no-repeat;
}
#menu-button a img{
display:none;
position:absolute;
top:0; left:0;
}
/*DROPDOWN MENU*/
#dropdown-menu{
width:180px;
padding:0;
margin:0;
text-align:center;
position:absolute;
top:74px; left:4px;
display:none;
z-index:100;
}
#dropdown-menu-bottom{
background:url('images/messere-porte-dropdown-menu-bottom.png') no-repeat bottom center;
width:180px;
height:6px;
}
* html #dropdown-menu-bottom{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/messere-porte-dropdown-menu-bottom.png" ,sizingMethod="crop");
}
#dropdown-menu ul{
background: url('images/messere-porte-dropdown-menu.png') repeat-y top center;
width:180px;
height:auto !important;
height:110px;
overflow:hidden;
margin:0;
display:block;
padding:3px 0 0;
text-align:left;
list-style:none;
}
* html #dropdown-menu ul{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/messere-porte-dropdown-menu.png" ,sizingMethod="scale");
}	
#dropdown-menu ul li a{
width:140px;
height:auto;
margin:3px auto;
padding:3px;
color:#fbd8b0;
text-decoration:none;
font-size:14px;
border-top:1px solid #eebb82;
}
#dropdown-menu ul li a:hover{
color:#fff;
text-decoration:none;
}

#ontheleft{float:left;}
#ontheright{float:right;}

/*HOME PAGE*/
#gallery{
width:675px;
height:320px;
float:left;
margin-bottom:12px;
}
#gallery img{
margin:-3px 0 0 -3px;
padding:0;
}
#menu-hp{
width:190px;
float:right;
}
#menu-hp-button{
margin-bottom:4px;
position:relative;
float:right;
}
#menu-hp-button a{
width:190px;
height:105px;
display:block;
background-position:top;
}
#menu-hp-button img{
position:absolute;
display:none;
z-index:0;
}
#badge-offerta{
position:absolute;
z-index:100;
top:-5px; left:45px;
}
#badge-offerta a{
background: url('images/badge-offerta.png') no-repeat top center;
width:90px;
height:90px;
display:block;
}
* html #badge-offerta a{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/badge-offerta.png" ,sizingMethod="image");
}

/*PAGINA STATICA*/
#text{
width:300px;
margin:30px 0 35px 0px !important;
margin:30px 0 35px 0px;
float:left;
color:#333;
font-size:12px;
}
#text a{
color:#df771c;
text-decoration:none;
}
#text a:hover{
color:#df771c;
text-decoration:underline;
}
.colored{
color:#df771c;
}
#gallery-static{
width:560px;
height:430px;
float:right;
margin:30px 2px 30px !important;
margin:30px 5px 30px;
position:relative;
}
#map{
width:560px;
height:430px;
float:right;
margin:30px 2px 30px !important;
margin:30px 5px 30px;
position:relative;
overflow:hidden
}
/*PAGINA OFFERTE*/
#offerte{
background:transparent url('images/dashed-vertical.gif') repeat-y left top;
width:520px;
color:#333;
font-size:13px;
float:right;
margin:20px 0;
padding:0 20px;
}
#offerta{
padding:10px 0 20px;
}


.singola-offerta{
background:transparent url(images/dashed-orizontal.gif) repeat-x scroll left bottom;
padding-bottom:10px;
}
.singola-offerta p{
margin-top:10px;
}


/*PAGINA CATALOGO*/
#catalogue-splash{
background:transparent url("images/dashed-vertical.gif") repeat-y 415px top;
width:885px;
margin:30px 0 35px 10px !important;
margin:30px 0 35px 5px;
float:left;
color:#333;
font-size:13px;
}

#catalogue-splash a{
color:#df771c;
text-decoration:none;
}
#catalogue-splash a:hover{
color:#df771c;
text-decoration:underline;
}

.catalogue-splash-description{
width:411px;
padding:0 20px 20px 0;
float:left;
color:#333;
font-size:13px;
cursor:pointer;
}
#category-description{
width:240px;
margin:30px 0 35px 10px !important;
margin:30px 0 35px 5px;
float:left;
color:#333;
font-size:13px;
}
#category-description a{
color:#df771c;
text-decoration:none;
}
#category-description a:hover{
color:#df771c;
text-decoration:underline;
}

#catalogue{
width:560px;
float:right;
margin:30px 15px 30px !important;
margin:30px 5px 30px;
position:relative;
}
#catalogue-items{
width:560px;
position:relative;
overflow:hidden;
clear:both;
}
#catalogue-mask-vertical{
background-color:#fff;
width:1px;
height:100%;
top:0;
display:block !important;
display:none;
left:552px;
overflow:hidden;
position:absolute;
z-index:900;
}
#catalogue-mask-horizontal{
background-color:#fff;
width:100%;
height:1px;
bottom:0;
left:0;
overflow:hidden;
position:absolute;
z-index:500;
}
#item{
width:185px;
height:190px;
float:left;
position:relative;
cursor:pointer;
}
#item a, #item a:hover{
color:#333;
text-decoration:none;
cursor:pointer;
}
#item a #item-bg{
background: url('images/messere-porte-item-bg.gif') no-repeat bottom right;
width:183px;
height:190px;
position:absolute;
}
#item a:hover #item-bg{
background-position: top right !important;
background-position: bottom right;
cursor:pointer;
}
#item #thumb{
position:absolute;
top:30px; left:18px;
}
#item #thumb-caption{
width:80px;
position:absolute;
bottom:20px; right:6px;
font-size:12px;
text-transform:capitalize;
}
.radio-selector{
height:14px;
width:75px;
display:block;
margin:20px 15px;
overflow:hidden;
cursor:pointer;
float:left;
}

/*PAGINA PRODOTTO SINGOLO*/
#single-product{
background: url('images/messere-porte-single-product-bg.gif') no-repeat top;
width:945px;
margin:0 auto;
padding-top:15px;
text-align:center;
font-size:14px;
color:#333;
}
#single-product-content{
width:927px;
margin:0 auto 20px;
text-align:left;
}
#single-product h1{ /*Titolo porte su rosso*/
line-height:34px;
color:#fff;
font-size:20px;
font-weight:bold;
margin:0 13px 20px;
}
#single-product h2{ /*Titolo porte in grigio*/
line-height:34px;
color:#808080;
font-size:38px;
font-weight:bold;
margin:0;
}
#single-product h3{ /*Titolo descrizioni*/
font-size:15px;
font-weight:bold;
margin:0 0 5px 0;
}
#single-product #photo{
width:300px;
height:530px;
display:block;
float:left;
position:relative;
overflow:hidden;
}
#single-product #photo img{
left:30px;
position:absolute;
z-index:10;
}
#single-product #description{
width:600px;
float:left;
font-size:13px;
}
#single-product #description p{
text-indent:15px;
}
#single-product #description a{
color:#df771c;
text-decoration:none;
}
#single-product #description a:hover{
color:#df771c;
text-decoration:underline;
}
#single-product #description small{
font-size:80%;
}
#single-product #description ul{
margin:20px 0;
padding:0;
}
#single-product #description li{
margin:5px 0;
list-style:none;
list-style-position:inside;
}
#single-product .essenze {
width:280px;
float:right;
margin:10px 0;
}
#single-product .essenze img{
margin:3px 5px;
}
#single-product .caption{
background:#eee;
width:280px;
float:left;
font-size:13px;
font-style:italic;
margin:10px 0;
padding:5px 10px;
position:relative;
color:#333;
}
#single-product .caption .arrow{
position:absolute;
top:5px;
left:-11px;
}
#single-product .versioni{
width:280px;
float:left;
margin:10px 0;
}
#single-product .versioni img{
cursor:pointer;
margin:5px;
}
#single-product .tecnologie{
width:280px;
float:left;
margin:10px 0;
}
#single-product .tecnologie div{
width:200px;
float:left;
}
#single-product .tecnologie img{
margin:3px 5px 0 0;
}

#footer{
background:#ee7f01;
width:945px;
overflow:hidden;
margin:6px auto 0 !important;
margin:4px auto 0;
clear:both;
}
#footer-gradient-top{
background: #df771c url('images/messere-porte-footer-gradient.gif') no-repeat top center;
width:945px;
height:3px;
display:block;
overflow:hidden;
}
#footer-gradient-bottom{
background: #ee7f01 url('images/messere-porte-footer-gradient2.gif') repeat-x;
width:945px;
height:22px;
display:block;
clear:both;
}
#footer-content{
width:885px;
margin:5px auto 0;
}
#sitemap-column{
width:190px;
padding-left:30px;
float:left;
text-align:left;
color:#fff;
font-size:11px;
}
#sitemap-column ul, #sitemap-column li {
margin:0 0 0 8px;
padding:0;
list-style:none;
}
#sitemap-column a{
color:#fff;
text-decoration:none;
}
#sitemap-column a:hover{
color:#fff;
text-decoration:underline;
}
#pi{
width:905px;
margin:0 auto;
clear:both;
height:40px;
line-height:40px;
font-size:10px;
text-align:right;
}
p{
font-size:13px;
}
a{
color:#df771c;
text-decoration:none;
}
a:hover{
color:#df771c;
text-decoration:underline;
}