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

/*RIBBON*/
#ribbon{
background:url('images/ribbon.png') no-repeat top center;
display:block;
height:100px;
left:50%;
margin-left:299px;
position:absolute;
top:7px;
width:180px;
z-index:2000;
}
#ribbon a{
display:block;
height:100px;
width:180px;
}
#ribbon-side{
background:url("images/ribbon.png") no-repeat scroll right bottom;
display:block;
height:100px;
left:50%;
margin-left:412px;
position:absolute;
top:86px;
width:67px;
z-index:2000;
}
/*FOOTER HP*/
#descriptions{
background:#ffffff;
color:#FFFFFF;
float:right;
font-size:10px;
text-align:left;
width:420px;
}
#descriptions_fb{
background:#ffffff;
color:#FFFFFF;
float:right;
font-size:10px;
text-align:left;
width:244px;
margin: 3px 0 0 0;
}
#descriptions_footer{
background:#ffffff;
color:#FFFFFF;
float:right;
font-size:10px;
text-align:left;
width:244px;
margin: 3px 0 0 0;
}
#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:450px;
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;
}
/*OVERLAYER PER DOOR CONFIGURATOR*/
.overlayer-configurator{
background:#fff/* url('images/preloading.gif') no-repeat center center*/;
width:850px;
height:540px;
position:absolute;
overflow:hidden;
top:0;
left:50%;
margin-left:-400px;
margin-top:50px;
z-index:1000;
}
.overlayer-configurator 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;
}
.overlayer-v{
background:#000;
width:560px;
height:349px;
position:absolute;
overflow:hidden;
top:0;
left:50%;
margin-left:-280px;
margin-top:50px;
z-index:1000;
}
#gray-layer-v{
position:absolute;
background:#000;
width:100%;
height:100% !important;
height:600px;
z-index:1000;
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_index{
width:675px;
height:410px;
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;
}
#menu-hp-button_index{
margin: 4px 0px 1px 0;
position:relative;
float:right;
}
#menu-hp-button_index a{
width:185px;
height:99px;
display:block;
background-position:top;
}
#menu-hp-button_index img{
position:absolute;
display:none;
z-index:0;
}
#badge-offerta{
position:absolute;
z-index:100;
top:-5px; left:45px;
}
#badge-offerta-01{
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;
}
#badge-offerta-01 a{
background: url('images/badge-offerta-01.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");
}
* html #badge-offerta-01 a{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/badge-offerta-01.png" ,sizingMethod="image");
}
#quarda-il-video{
    cursor: pointer;
    height: 29px;
    left: 586px;
    position: absolute;
    top: 427px;
    width: 113px;
}


/*PAGINA STATICA*/
#text{
width:290px;
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;
}
#preventivo-static{
width:560px;
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 VIDEO*/
#video{
background:transparent url("images/dashed-vertical.gif") repeat-y 688px top;
width:885px;
height: 550px;
margin:30px 0 35px 10px !important;
margin:30px 0 35px 5px;
float:left;
color:#333;
font-size:13px;
}
.description_sx{
width:672px;
height: 350px;
padding:0 20px 20px 0;
float:left;
color:#333;
font-size:13px;
cursor:pointer;
}
.description_dx{
width:175px;
padding: 0 0 12px 10px;
float:left;
color:#333;
font-size:13px;
}
.line_dx{
background:transparent url('images/dashed-orizontal.gif') repeat-x left top;
width:175px;
padding:15px 0px 0px 0px;
float:left;
color:#333;
font-size:13px;
}
.video_dx{
width:175px;
padding:0px 0px 20px 15px;
float:left;
color:#333;
font-size:13px;
}
.video-title{
color:#7b1f11;
font-size:16px;
}
#current-video{ 
width:665px;
color: #333333;
float: left;
font-size: 13px;
height: 350px;
}
#video-bar{
width:175px;
height:550px;
padding:0;
margin:0 20px;
float:right;
border-left	:1px dashed #000;	
}
.channel-link{
padding:10px;
display:block;
height:50px;
border-bottom:1px dashed #000;	
}
.video-thumb-content{
float:right;
width:175px;
height:480px;
overflow:auto;
}
.video-thumb{
padding:10px;
position:relative;
padding:0 15px 10px 15px;
border-bottom:1px dashed #000;
}
.video-thumb.current{
background: #fdf1c0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fdf1c0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,#fdf1c0));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#fdf1c0 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,#fdf1c0 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,#fdf1c0 100%);

}
.video-thumb a{
width:100%;
height:100%;
position:absolute; 
top:0;
left:0;
}
.video-thumb a:hover{
background:#FFF;
opacity: 0.3;
filter: alpha(opacity = 30);
}
.thumb-title{
height:30px;
overflow:hidden;
font-size:12px;
color:#EE7F01;
padding:5px;
margin:0 0 5px 0;
}
/*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;
}

#footer_sx{
width:500px;
padding-left:15px;
margin: 14px 0 15px 0;
float:left;
text-align:left;
color:#000;
font-size:10px;
line-height:12px;
text-align: justify;
}
#footer_dx{
width:370px;
padding-left:9px;
float:left;
text-align:right;
color:#000;
font-size:10px;
}
#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:80px;
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;
}
#FB_LIKE {
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: -13px;
    top: 174px;
    width: 350px;
}