/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, header2, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
article, aside, details, figcaption, figure,
footer, header, header2, hgroup, menu, nav, section {
	display: block;
	}
blockquote, q { 
	quotes: none; 	
	}
blockquote:before, blockquote:after,
q:before, q:after {
	 content: ""; 
	 content: none;
	  }
.clearfix:before, .clearfix:after { 
	content: ""; 
	display: table;
	 }
.clearfix:after {
	 clear: both;
	  }
.clearfix { 
	zoom: 1; 
	}
html {
	
	overflow-y: scroll;
	 -webkit-text-size-adjust: 100%;
	  -ms-text-size-adjust: 100%; 
	  }


/*** General ***/
body {
    padding: 0px;
    background: #F2F2F2 none repeat scroll 0% 0%;
    margin-left: auto;
    width: 100%;
    min-width: 320px;
    max-width: 600px;
    overflow: hidden;
    position: relative;
    font-size: 9px;
    margin-right: auto;
	height:auto;
}
	#wrapper{
		width:100%;
		max-width:600px;
		min-width:320px;
		margin: 0 auto;
		background:#E6E6E6;
		}
.top{
		height:54px !important;
	}
.boxf{
	width:100%;
	background:#052742;
	color:#808080;
	
	}
.container {
    float: none;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    background: transparent none repeat scroll 0% 0%;
    position: relative;
    width: 100%;
}
.boxtesto {
    width: 83%;
    height: auto;
    background: #FFF none repeat scroll 0% 0%;
    padding: 5%;
    text-align: justify;
    position: relative;
    margin-top:-30px;
    color: #808080;
    margin-left:auto;
	margin-right:auto;
	margin-bottom:2%;
    line-height: 14px;
}
.boxtesto2 {
    width: 83%;
    height: auto;
    background: #FFF none repeat scroll 0% 0%;
    text-align: justify;
    position: relative;
    margin-top: -30px;
    color: #808080;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #cacaca;
    padding: 2%;
    line-height: 14px;
}


.boxtesto h2{
	text-align:center;
	color:#142841;
	font-size:11px;
	margin:0 0 2% 0;
}
.boxtesto2 h2{
	text-align:center;
	color:#142841;
	font-size:11px;
}
	/* Structure */

#header {
		width:15%;
		float:left;
		padding: 5% 0 0 2%;
}
 
#mainmenu{
		width: 100%;
		float:left;
		background: #003978;
		height: 0px;
	    background: #142841 none repeat scroll 0% 0%;
		 position: absolute;
		 z-index: 1;
		 transition:0.3s all ease-in;
		 overflow:hidden;
}


.aprilo
{
	height:166px !important;	
}
#mainmenu2{
		width: 100%;
		float:left;
		background: #003978;
		}
#main {
		width:100%;
		float:left;
		padding:0;
		}
	


/*** Header ***/
.site-title{
    position:relative;
    margin: 8px 0px 0px 16px;
    float: left;
    padding: 0;
	left:0%;
    
}

#site-title a{
	font-family: Myriad Pro; 
	font-weight: 400; 
	font-size:30px;
	text-transform:uppercase;
	float: left;
	color:#fff;
}
	 
#site-title a:hover 	{
	background: none;
	}


/*** Menu ***/
#mainmenu ul{
	margin: 0px 0 0px 0px;
	float:left;
	width:100%; 
	list-style: none;
	background:#142841;
	position:absolute:
	z-index:1;
	}
#mainmenu ul li {
    float: none;
    text-align: left;
}
#mainmenu a{
	color: #fff; 
	display: block;
	font: 14px;
	padding: 14px 20px;
	text-transform:uppercase;
	 }
#mainmenu a:hover {
	background:#666;
	}
	
/*#mainmenu2 ul{
	margin: 0px 0 0px 0px;
	float:left;width:100%; 
	list-style: none;
	background:#142841;
	}*/
	#mainmenu2 ul {
    margin: 0px;
    width:100%;
    list-style: outside none none;
    background: #142841 none repeat scroll 0% 0%;
	position:absolute;
	z-index:1;
    
}
#mainmenu2 ul li{
	float: left;
	margin: 0 0px 0 0;
	position: relative;
	border:1px solid #142841;
	}
#mainmenu2 a{
	color: #fff; 
	display: block;
	font-size: 14px;
	padding: 2px 20px;
	font-family: oswald;
	 text-transform:uppercase;
	 }
#mainmenu2 a:hover {
	background:#666;
	}
/*menulingue*/
.it{
	background:url("/immagini/img/italiano.png")no-repeat 50% 50%;
    height: 22px;
    padding:5px 0;
}
.attualel
{
	height:40px;
	background:url("/immagini/img/italiano.png")no-repeat 50% 50%;
}
.att_en{
	background:url("/immagini/img/inglese.png")no-repeat 50% 50% !important;
}
.att_fr{
	background:url("/immagini/img/francese.png")no-repeat 50% 50% !important;
}

.att_de{
	background:url("/immagini/img/tedesco.png")no-repeat 50% 50% !important;
}
.att_pt{
	background:url("/immagini/img/portoghese.png")no-repeat 50% 50% !important;
}
.att_sp{
	background:url("/immagini/img/spagnolo.png")no-repeat 50% 50% !important;
}

.in{
	background:url("/immagini/img/inglese.png")no-repeat 50% 50%;
    height: 22px;
	padding:5px 0;

}
.fr{
	background:url("/immagini/img/francese.png")no-repeat 50% 50%;
    height: 22px;
	padding:5px 0;
}
.td{
	background:url("/immagini/img/tedesco.png")no-repeat 50% 50%;
    height: 22px;
	padding:5px 0;
}

.po{
	background:url("/immagini/img/portoghese.png")no-repeat 50% 50%;
    height: 22px;
	padding:5px 0;
}
.sp{
	background:url("/immagini/img/spagnolo.png")no-repeat 50% 50%;
	height: 22px;
	padding:5px 0;
}
	/* Button Responsive Menu*/

.icon-bar{
		display: block;
		width: 18px;
		height: 2px;
		margin:5px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #000000 100%); /* FF3.6-15 */
	    background: -webkit-linear-gradient(top, #ffffff 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 )
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		}

.show{
		display:block!important;
		}

	


	
		



	
/**/
	/* Header */
#site-title a 
{
	font-size:25px;
	margin-left:0;
}
#mainmenu
{
	/*display:none;*/
}

#mainmenu ul li{
		float: none;
		}
#mainmenu2{
		display:none;
		font-size:14px;
		top:72px;
		}
#mainmenu2 ul li{
		float: none;
		border: 1px solid;

		}
	
.btn-responsive-menu{
		display:block;
		}	
.btn-responsive-menu1{
		display:block;
		cursor:pointer;
		}
#contatti #mainmenu2 > ul {
    top: 72px;
}
#contatti #header {
    padding: 8% 0 0 2%;
}

/*copertine*/
#index .copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_index.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#filosofia .copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_filo.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#azienda.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_az.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#persone.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_per.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#storia.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_st.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#qualita.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_qua.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#produzione.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_pr.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#collaudo.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_col.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#documentazione.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_doc.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#confezione.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_conf.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#magazino.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_mag.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#applicazioni.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_app.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#dati.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_datitec.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#dovesiamo.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_index.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#contatti.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_datitec.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#eventi.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_event.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
#privacy.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_index.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
}
#contattigrazie.copertina {
    width: 100%;
    height: 127px;
    clear: both;
    background: transparent url("/immagini/img/copertina_index.png") no-repeat scroll 0% 0%;
    background-size: cover;
}
/*index*/
/*foot*/
.boxf{
	width:100%;
	color:#808080;
}
.testo{
	width:90%;
	padding:2% 2%;
}
.menuf{
	width:100%;
	}
.menuf ul {
	list-style: outside none none;
	text-decoration:none;
}
.menuf ul li{
	float:left;
	margin:0 1% 0 0;
} 
.menuf ul li a{
	color:#808080;
} 
.testo p{
	clear:both;
	padding:2% 0;
}
.colonnadx {
    margin-top: -9%;
    margin-right: 2%;
    padding-bottom: 11%;
}
.imma{
	width:100%;
	margin:3% 3%;
}
.icond{
	width:100%;
	float:right;
	text-align:right;
}
.info {
    width: 100%;
    border-top: 1px solid #B4B4B4;
    height: 63px;
    margin: 0;
}
.mappa{

    width: 90%;
    height: auto;
    text-align: justify;
    position: relative;
    margin-top: -30px;
    color: #808080;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #cacaca;
    padding: 2%;
}
/*contatti*/
.textArea_txt_EP {
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    padding: 3px;
    margin-top: 1px;
    font-weight: normal;
    font-size: 11px;
    background-image: url("immagini/input_bg.gif");
    margin-bottom: 2px;
    margin-left: 0px;
    color: #333;
    background-repeat: no-repeat;
    font-style: normal;
    font-family: Tahoma,Arial;
    text-decoration: none;
    width: 67%;
}