/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html{
	background-attachment:fixed;
	background-image:url(images/cielo4.jpg);
	background-repeat:no-repeat; 
}

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}
a:link, a:visited, a:hover {
	color: #0099FF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {font-family: Arial,sans-serif;margin: 0px;padding: 0px;}
h1{font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #334d55;}
h2{ font-size: 114%; color: #006699;}
h3{ font-size: 100%; color: #334d55;}
h4{ font-size: 100%; font-weight: normal; color: #333333;}
h5{ font-size: 100%; color: #334d55;}
h6{ font-size: 300%;font-family: Verdana,Arial,sans-serif;color:#006699;}
ol, ul, li {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ul{ list-style-type: none;}
ul ul{ list-style-type: none;}
ul ul ul{ list-style-type: none;}
label{ font: bold 100% Arial,sans-serif; color: #334d55;}
p:first-letter {
color:#fff;
font-size: 4em;
font-weight:bold;
line-height:1em;
float:left;
padding-right:0.3em;
}
.capolettera:first-letter {
color: fff ;
font-size: 3em;
font-weight:bold;
line-height:1.1em;
float:left;
padding-right:0.2em;

}




@font-face {
   font-family: 'Mistral';
   src: url(Mistral.eot);
   src: local('Mistral'), url('Mistral.ttf') format('truetype');

   
   font-family: 'Faktos';
   src: url(Faktos.eot);
   src: local('Faktos'), url('Faktos.ttf') format('truetype');

}

/***********************************************/
/* Layout Divs principali                               
/***********************************************/
#piattaforma {
	position:absolute;
	left:50%;
	width:980px;
	margin:130px 0 0 -490px;	
	border-left: 1px solid #666;     
	border-right: 1px solid #666;    
	border-bottom:1px solid #666;    
	border-top: 1px solid #666;     
	padding: 10px 10px 10px 10px; 	
	}
#header_2{margin: 0 0 0 0;width:980px;z-index:1;}
#contenitore{
background-image:url(images/texture_grigio7.jpg);
border-radius:6px 6px 0 0;
margin-top:10px;
margin-bottom:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 75%;
color: #eee;
width:980px;
}

.info1 {
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
border-right:1px  solid #666;
width:300px;
padding:10px 20px 20px 20px;
}
.info2 {
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
width:280px;
padding:10px 20px 20px 20px;
}
.info3 {
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
border-left:1px  solid #666;
width:300px;
padding:10px 20px 20px 20px;
}
.info4 {
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
border-right:0px  solid #666;
width:600px;
padding:10px 20px 20px 20px;
}
.info2  a:hover img {
transform: scale(2.0) rotate(0deg);
transition-duration: 2s;
}

.info_titolo_sx {
background-color: #FF0000;
font-family: "Century Gothic";	
font-size:2em;
font-stretch:extra-condensed;
font-weight:bold;
height:50px;
border-radius:6px 0px 0 0;	 
}
.info_titolo_cx {
color: #FFF;
font-size:14px;
text-align:center;
height:50px;
border-radius:0px 0px 0 0;
}
.info_titolo_dx {
background-color: #FF0000;
font-family: "Century Gothic";
font-size:2em;
font-stretch:extra-condensed;
font-weight:bold;
height:50px;
border-radius:0px 6px 0 0;
text-align:center;
}

.info_titolo_sx_bis{
background-color: #ff0000;
font-family: "Century Gothic";	
font-size:2em;
font-stretch:extra-condensed;
font-weight:bold;
color:#fff;
border-bottom:1px dashed #FF0000;
height:50px;
border-radius:6px 6px 0 0;
text-align:left;
padding-left:15px;		 
}
.info_titolo_cx_bis {
border-bottom:1px solid #FF0000;
color:#fff;
font-size:16px;
text-align:center;
height:50px;
border-radius:0px 0px 0 0;
}
.info_titolo_dx_bis {
border-bottom:1px solid #FF0000;
font-family: "Century Gothic";
font-stretch:extra-condensed;
font-weight:bold;
font-size:2em;
height:50px;
border-radius:0px 5px 0 0;
text-align:right;
}


.mask {
background-color:#1a1a1a;
padding:20px;
border:1px solid #666666;
border-radius:5px 5px 5px 5px;
}
.mask_prodotti {
background-color:#1a1a1a;
margin:40px 15px 20px 15px;
padding:10px;
border:1px  solid #666666;
border-radius:0px 0px 0px 0px;
width:290px;
height:250px;
color: #66CCFF;
}
.mask_prodotti img {
background-color:#ddd;
border:2px  ridge;
border-radius:5px 5px 5px 5px;
padding:3px 20px 3px 20px;
/*border-color:#6699FF;*/
border-color:#ccc;
margin-bottom:20px;
}
.zoom a:hover img{transform: scale(2.0) rotate(0deg);transition-duration: 2s;}
.cornice_prodotto {
	background-color:#ddd;
border:2px  ridge;
border-radius:5px 5px 5px 5px;
padding:3px 30px 3px 30px;
/*border-color:#6699FF;*/
border-color:#ccc;
margin-bottom:20px;
}


#footer1{
    position:relative;
    float:left;
	background-color:#1a1a1a;
	width:960px;
   
	font-size: 65%;	
	color: #ccc;
	margin-top:0px;
	padding: 0px 10px 0px 10px;	
	border-radius:0px 0px 3px 3px;
}
#footer1 img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
.footer_cell {border-right:1px dashed #666;}
.footer_cell2 {border-left:1px dashed #666;border-right:1px dashed #666;}
#logo {
	position:absolute;	
	z-index:1;
	left:110px;
	top: 50px;		
}
#logo a:hover img  {
	transform: scale(2.0) rotate(360deg);
	transition-duration: 2s;
	-webkit-transform: scale(2.0) rotate(360deg); /* Safari */
	-webkit-transition: width 2s; /* Safari */
	-webkit-transform:rotate(180deg); /* Safari */
	-webkit-transform:scale(2.0); /* Safari */
	}

#lingua {
	position:absolute;
	width:68px;
	height:31px;
	z-index:1;
	left: 900px;
	top: -55px;	
}

#header_1{
    position:absolute;
	background:	url(images/logo1.png);
	background-repeat:no-repeat; /* il logo è 350px  è per impedire che si duplichi dentro un riquadro di 980 */	
	left:50%; /* sposta l'inizio del riquadro di larghezza 350 nel centro */
	width:980px; /* mantengo stessa lunghezza della piattaforma */
	/*margin:30px 0 0 -35%; /* -175 lo trasla verso sinistra di mezzo riquadro (350/2) in modo da averlo in centro assoluto*/
	margin:130px 0 0 -490px; /* -175 lo trasla verso sinistra di mezzo riquadro (350/2) in modo da averlo in centro assoluto*/
	height:120px;
	top:-110px;	
}
#strip_top{
    position:fixed;
	background-color: #FF6600;
	margin-top:0;
	width:100%;
	height:6px;
	border-bottom:0px dashed  #333;	
}
#camion{
    position:fixed;    
	margin-top:350px;
    margin-left:auto;
    margin-right:auto;	
	z-index:999;	
}

.header {
position: relative;
border-bottom:1px  dashed #ccc;
}
.clear {clear:both;}

/************** riquadri per contenuti footer **************/

.footercell_style{
    text-align:left;
    font:Arial;
	font-size:10px;
	border-bottom: 1px   dashed #0066CC;   
	padding: 10px 5px 10px 5px;       /** spessore passpartout : top - destro - inferiore - sinistro **/
	}
.footercell_style2{
	border-bottom: 1px  dashed #0066CC;   
	padding: 0px 0px 0px 0px;       /** spessore passpartout : top - destro - inferiore - sinistro **/
	}
#footercell img{
	display:  block;
}
.btn_more {
background-color: #333;
border:#666 solid 1px;
padding:5px 5px 5px 5px;
text-align:center;
float: right;
font-family:"arial";	
font-size:14px;
font-weight:bold;
color:#fff;
height:20px;
width:60px;
border-radius:3px 3px 3px 3px;
}
.btn_more:hover {
background-color: #1a1a1a;
color:#FFFFFF;	
}
.btn_more2 {
background-color: #FF6600;
padding:5px 5px 5px 5px;
text-align:center;
font-family:"arial";	
font-size:14px;
font-weight:bold;
margin-right:100px;
color:#fff;
height:20px;
width:60px;
border-radius:4px 4px 4px 4px;
}
.btn_more2:hover {
background-color: #FF3300;
color:#FFFFFF;	
}
.btn_dettagli {
background-color: #ff6600;
padding:5px 5px 5px 5px;
text-align:center;
float: right;
font-family:"arial";	
font-size:11px;
font-weight:bold;
color:#fff;
height:15px;
width:60px;
border-radius:14px 0px 0px 14px;
margin-right:-14px;
}
.btn_dettagli:hover {
background-color: #FF3300;	
}
.sfondo_codice {

background-color: #1a1a1a;
padding:5px 5px 5px 5px;
text-align:center;
float: right;
font-family:"arial";	
font-size:11px;
font-weight:bold;
color:#fff;
height:15px;
width:120px;
text-align:right;
border:1px solid #666;
border-bottom:1px dashed #666;
border-radius:5px 0px 0px 0px;
margin-right:-14px;
margin-top:-40px;

}
.small_text2 {
font-family:"arial";	
font-size:0.8em;

}
.lingua {
background-color:#ddd;

color:#666;
padding:4px 4px 4px 4px;
border:1px solid #333;
border-radius:4px 4px 4px 4px;
font-family:"arial";	
font-size:11px;
font-weight:bold;
}
.lingua2 {
background-color:#fff;

color:#666;
padding:5px 5px 5px 5px;
border:1px solid #333;
border-radius:10px 10px 10px 10px;
font-family:"arial";	
font-size:11px;
font-weight:bold;
}