.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; width:92%; overflow: hidden; margin-right: auto; margin-left: auto; display:block;}	
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

#box0, #box1, #box2, #box3 { /* PERFETTO CON FIREFOX, CROME E SAFARI */
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;	 
	background:#fff;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	max-width:1018px;
	-moz-border-radius:10px;	/* Firefox */
	-webkit-border-radius:10px; 	/* Safari and Chrome */
	border-radius:10px;	/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/* FIX FANCYBOX CHE ANDAVA IN CONFLITTO SE LO LASCIAVO IN MENU STYLE.CSS CON ASTERISCO ALL'INIZIO *{} */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	} 

#box1{background:#837b64;} 
#box2{background:#a8a081;} 
#box3{background:#cec8b2;} 
#box0 img {
    display:block;
    margin:0 auto;
	}

.blink{
    animation-name:blinker;
    animation-duration:1.8s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    -webkit-animation-name:blinker;
    -webkit-animation-duration:1.8s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;	
	float: right;
	font-size: 40px;
	font-weight: bold;
	color:#761010;
	}
@-moz-keyframes blinker{0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; }}
@-webkit-keyframes blinker{0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; }}

/*BLOCCOSOCIALE*/
.bloccosociale {z-index:100;padding-left:30px;}

.boxPortfolio{
	background:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-top: 30px;
	}

.boxDescriptionPortfolio{margin-top: 30px;}
.one_third_prodotti{width:100%;}
.boxProdotti{
	background:#fff;
	margin: auto;
	padding:20px;
	text-align: center;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	width:96%;
	display: block;
	-moz-border-radius:10px;	/* Firefox */
	-webkit-border-radius:10px; 	/* Safari and Chrome */
	border-radius:10px;	/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	}	

.boxProdotti h1{
	margin-right: 73%;
	padding: 20px;
	font-size: 18px;
	letter-spacing:-1px;
	color: #000;
	}	
	
.boxProdotti span{
	margin-right: 70%;
	padding-left: 20px;
	font-size: 40px;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:-2px;
	color: #ccc;
	text-shadow:1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000;
	}	

.boxProdotti img{
	display: inline;
	vertical-align: middle;
	margin:auto;
	padding-top: 20px;
	}	
	
#classetre{}
.classe3{
	margin-top: 18px;
	color:#5b6770;
	font-family: 'Dosis', sans;
	font-size: 40px; 
	letter-spacing: 6px;	
	}
.classe4{
	margin-top: 36px;
	margin-bottom: 36px;
	color:#761010;
	font-family: 'Dosis', sans;
	font-size: 45px; 
	letter-spacing: 7px;
	}	

.azienda_text, .brevetto_text, .certificazione_text, .trattamenti_text, .prodotti_text, .zanzariere_text, .carpenteria_text, .inferriate_text, .persiane_alluminio_text, .persiane_blindate_text, .porte_blindate_text, .scale_parapetti_text, .serramenti_alluminio_legno_text, .contatti_text, .privacy_text p{
	padding:20px 40px 10px 40px;
	color:#000;
	font-family: 'Dosis', sans;
	font-size: 26px; 
	line-height: 30px;
	}
	
.inferriate_block {display:inline-block; vertical-align: middle;}
.inferriate_block_empty {display:inline-block; min-width: 30px;}
.inferriate_block_text {display:inline-block; max-width: 442px; word-wrap: break-word; vertical-align: middle; }

.inferriate_text_models, .inferriate_text_models_bold{
	text-align: left;
	color:#000;
	font-family: 'Dosis', sans;
	font-size: 20px; 
	line-height: 20px;
	}
.inferriate_text_models_bold{font-weight: bold; font-size: 24px;}	
	
.prodotti_text{padding:0px 0px 20px 0px;font-size:20px;}
.azienda_h2, .azienda_h3, .brevetto_h2, .brevetto_h3, .certificazione_h2, .certificazione_h3, .contatti_h2, .trattamenti_h2, .trattamenti_h3, .portfolio_h2, .portfolio_h3, .prodotti_h2, .prodotti_h3, .zanzariere_h2, .carpenteria_h2, .inferriate_h2, .persiane_alluminio_h2, .persiane_blindate_h2, .porte_blindate_h2, .scale_parapetti_h2, .serramenti_alluminio_legno_h2, .contatti_h2{
	padding:20px 40px 10px 38px;
	color:#5b6770;
	font-family: 'BonvenoCF-Light';
	font-weight:bold;
	letter-spacing: -1px;
	font-size:34px;
	line-height:40px;
	}
.prodotti_h2{padding:0px;color:white;text-shadow:1px 1px 1px #000;border-bottom:none;}
.trattamenti_h3{font-size:26px;}
.prodotti_h3{padding:0px;font-size:26px;border-bottom:1px solid #c1c1c1;}
.contatti_h2{padding-top:37px;}
.azienda_h3, .brevetto_h3, .certificazione_h3, .trattamenti_h3, .portfolio_h3, .zanzariere_h3{color:#761010;}

.mytext, .mylink a{color:#000; font-family:'Jura', sans-serif; font-size:26px; padding:20px 40px 10px 40px;}
.mylink a:hover{color:#4b7fdd}
.mylink2 {padding:20px 0px;}
.mylink2 a{color:#761010;font-family:'Jura', sans-serif; font-size:26px;}
.mylink2 a:hover{color:#a22c31;}
.mytext{margin-left: 20px;padding-bottom: 20px;}

span.bordeaux {
	color:#761010;
	text-decoration:underline;
	}

/* TOOLTIP LOGO 4 HOME PAGE */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;
	display:none; 
	padding:14px 20px;
    margin-top:10px; 
	margin-left:28px;
    width:190px; 
	}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;
	}
.callout {z-index:20;position:absolute;top:20px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* SOCIALS */
.smIcons{background:url(../images/socials/socialMediaSprite.png) no-repeat;float:right;}
.facebook, .youTube, .googlePlus{width:35px;height:44px;padding:0 4px;}
.facebook{background-position:-112px -11px;}
.facebook:hover{background-position:-112px -65px;}
.youTube{background-position:-166px -11px;}
.youTube:hover{background-position:-166px -65px;}
.googlePlus{background-position:-220px -11px;}
.googlePlus:hover{background-position:-220px -65px;}

.warning{
	background:#cccc66;
	text-align:left;
	font-size:17px;
	font-weight:bold;
	font-family:'Jura', sans-serif;
	padding:38px;
	margin-top:-8px;
	margin-bottom:-6px;
	}
.warning a {	color:#000;}
.warning a:hover {color:#4b7fdd}

#support_menu{
	width: 100%;
	min-height: 26px;
	background:url(../images/backgrounds/bar.png) no-repeat;
	background-position: center center;
/*
	border-top:1px solid #000;
	border-bottom:1px solid #000;
*/	

	}
.centered-table {
   margin-left: auto;
   margin-right: auto;
}		
.backbtn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b7b7b7), color-stop(1, #505050) );
	background:-moz-linear-gradient( center top, #b7b7b7 5%, #505050 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#505050');
	background-color:#b7b7b7;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0px;
	border:1px solid #050505;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:16px;
	line-height:14px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 1px #000000;
}
.backbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #515252) );
	background:-moz-linear-gradient( center top, #000000 5%, #515252 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#515252');
	background-color:#000000;
}.backbtn:active {
	position:relative;
	top:1px;
}