@import url(http://fonts.googleapis.com/css?family=Abel);


.cielo_sinistra {
	position: relative;
	top: -118px;
/*	left: -377px;*/
	left: -600px;
	z-index: -500;
}


.cielo_destra {
	position: absolute;
	top: 0;
/*	right: -377px;*/
	right: -600px;
	z-index: -500;
}





.first-chi 
{
    color:#101060;
}

#second-chi
{
    margin-top:20px;
    margin-left:20px;
    color:#202040;
    line-height:25px;
}

.first-cosa 
{
    color:#802020;
}

#second-cosa
{
    margin-top:20px;
    margin-left:20px;
    color:#802020;
    line-height:20px;
}

.first-come
{
    color:#105010;
}

#second-come
{
    margin-top:20px;
    margin-left:20px;
    color:#105010;
    line-height:20px;
}

.first-tu
{
    color:#904010;
}

#second-tu
{
    margin-top:20px;
    margin-left:20px;
    color:#904010;
    line-height:20px;
}

.first-dove
{
    color:#303030;
}

#second-dove
{
    margin-top:20px;
    margin-left:20px;
    color:#505050;
    line-height:20px;
}

.first-contatti
{
    color:#202080;
    top:20px;
    height: 148px;
}

.first-contatti-email
{
    position:relative;
    color:#202080;
    top:0px;
    left:20px;
    height: 148px;
}

#second-contatti
{
    margin-top:20px;
    color:#202080;
    line-height:30px;
}

.chicosa-contatti-email-da
{
    margin-left:30px;
    margin-bottom:10px;
    background-color:#DCDCFF;
}

.chicosa-contatti-email-oggetto
{
    margin-left:0px;
    margin-bottom:6px;
    background-color:#DCDCFF;
}

.chicosa-contatti-data
{
    margin-left:15px;
    margin-bottom:6px;
    background-color:#DCDCFF;
}

.chicosa-contatti-invia
{
    margin-left:160px;
    margin-top:6px;
    margin-bottom:6px;
    width:200px;
    background-color:#DCDCFF;
    color:Purple;
    font-family:Tahoma;
    font-size:1.4em;
    font-style:italic;
}

.chicosa-contatti-richiesta
{
    margin-left:0px;
    margin-top:18px;
    width:200px;
    background-color:#DCDCFF;
    color:Purple;
    font-family:Tahoma;
    font-size:1.4em;
}

.chicosa-contatti-email
{
    position:relative;
    margin-left:260px;
    top:-26px;
    width:220px;
    background-color:#DCDCFF;
    color:Purple;
    font-family:Tahoma;
    font-style:italic;
    font-size:1.4em;
}


.chicosa-contatti-richiesta-nome
{
    position:relative;
    margin-left:15px;
    margin-bottom:10px;
    width:190px;
    background-color:#DCDCFF;
}
.chicosa-contatti-richiesta-azienda
{
    position:relative;
    margin-left:3px;
    margin-bottom:10px;
    width:190px;
    background-color:#DCDCFF;
}
.chicosa-contatti-richiesta-tel
{
    position:relative;
    margin-left:6px;
    width:190px;
    background-color:#DCDCFF;
}



.chicosa-contatti-richiesta-contatto
{
    position:relative;
    top:-26px;
    margin-left:350px;
    width:72px;
    background-color:#DCDCFF;
    left: 0px;
}

.chicosa-contatti-richiesta-campi
{
    position:relative;
    top:-10px;
    margin-left:60px;
    width:72px;
    left: 0px;
}

.chicosa-contatti-email-campi
{
    position:relative;
    top:-30px;
    margin-left:60px;
    width:272px;
    left: 0px;
}

.chicosa-contatti-invia-email
{
    position:relative;
    top:-36px;
    margin-left:350px;
    width:72px;
    background-color:#DCDCFF;
    left: 0px;
}

.chicosa-contatti-richiesta-effettuata
{
    position:relative;
    top:0px;
    margin-left:20px;
    width:400px;
    background-color:#DCDCFF;
    left: 0px;
}




#top-information
{
  
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
    color: #CCCCEF;
    border-radius: 8px;
   
    position: relative;
    width: 960px;
    height: 80px;
    top: 20px;

    background-color: #CCCCEF;
}
	
	
	
#chip-photo-image
{
    
    position: absolute;
    top: 0px;
    left: 300px; 
 /*   left: 640px; */
 /*float: right;*/
    z-index: 200;
/*    display: inline;*/
}


#page
{
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width:960px;
/*    margin-bottom:0px;*/
    color: #000000;
   
    position: relative;
    z-index: 0;
    background-color: #000000;
}

#menu-information
{
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
    color: #DCDCFF;
    border-radius: 6px;
   
    position: relative;
    width: 960px;
    height: 40px;
    top: 10px;
    z-index: -5;
    
    border: 1px solid #CC99FF;
    background-color: #DCDCFF;
}



#main_camera
{
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
    color: #DCDCFF;
    border-radius: 6px;
    position: relative;  
    width: 960px;

    top: 100px;
    z-index: -6;
    
    border: 1px solid #CC99FF;
    background-color: #DCDCFF;
}

#camera_container
{
	height: 500px;
}


.ei_logo
{
    float:left;
    margin-left:20px;
    margin-top:6px;    
}


#bottom-information
{
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
    color: #DCDCFF;
    border-radius: 6px;
   
    position: relative;
    width: 960px;
    height: 40px;
    top: 0px;
    z-index: 5;
    
    border: 1px solid #CC99FF;
    background-color: #DCDCFF;

    
}


.footer_menu {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	height: 25px;
	text-align: center;
    font-size: 10px;
}

#footer_link {
	margin: 0px auto 0px 0px;
	text-transform:capitalize;
	font-size:12px;
	font-family:Verdana;
    float: left;
    display: inline;
    position: absolute;
    width: 470px;
}

#footer_link li {	
	margin-right:30px;          /* margine tra link e link del menu footer */
    margin-top: 0px;
   	float: left;
	list-style: none;
	font: 12px Tahoma, Arial
}

#footer_link a:visited {
	color: #d32500;
}

#footer_copyright {
/*	background-image: url(images/footer-side.gif);
	background-repeat: repeat-x;*/
	
	font-size:12px;
	color:Navy;
	font-family:Verdana;
	text-align:right;
    position: relative;
    width:450px;
    left:400px;
    top:10px;
}


#fonter_mission {
	font-size:20px;
	font-family: 'Abel', sans-serif;
}




/**************************************************/
/* Stili utilizzati dalla pagina Chi-Cosa-Come    */
#chicosacome_container
{
    height: 570px;
}

#consulenza_container
{
    height: 540px;
}

#progettazione_container
{
    height: 540px;
}

#innovazione_container
{
    height: 540px;
}


.foto400_container {
    position:relative;
    top:18px;
    margin-top:0px;
    margin-left:20px;
	width: 920px;
}

.chisiamo_camera {
	position:relative;
	height:100%;
	width: 950px;
	left:0;
	top:0px;
	z-index:1;
}

.persone 
{
    top: 0px;
	position:absolute;
	z-index:5;
}

.consulenza 
{
    top: 20px;
    left:20px;
	position:absolute;
	z-index:5;
}

.progettazione 
{
    top: 20px;
    left:20px;
	position:absolute;
	z-index:5;
}

.innovazione 
{
    top: -50px;
    left:880px;
	position:absolute;
	z-index:5;
}

.consulenza_left 
{
    top: 0px;
	position:absolute;
	z-index:5;
}

.progettazione_left 
{
    top: 0px;
	position:absolute;
	z-index:5;
}

.innovazione_left 
{
    top: 0px;
	position:absolute;
	z-index:5;
}

.commento_main {
	top: 460px;
	position:absolute;
	z-index:5;
}

.chisiamo_fascia {
	top: -70px;
	width: 950px;
	position:relative;
	height:100%;
	z-index:3;
}


.chicosacome_left{

	font-size: 12px;



	line-height: 18px;

}

.chicosacome_right{

	font-size: 12px;

	line-height: 18px;
}


.content {
	position:absolute;
	margin-top: -56px;
	margin-left: 20px;
	width:912px;
	border-width:medium;
	border-color:Red;
	height:225px;
	border: 0px solid #7384BB;
}


#content-chisiamo {
    position:relative;
	margin-left:6px;
	width:910px;
	background-color:Green;
	}

#content-cosafacciamo {
	margin-top:10px;
	margin-left:10px;
	width:900px;
	}

#content-comeoperiamo {
	margin-top:10px;
	margin-left:10px;
	width:900px;
	}

#content-tucliente {
	margin-top:10px;
	margin-left:10px;
	width:900px;
	}















#footer-termini-utilizzo
{
    position: absolute;
    padding: 6px 0 40px 0;
    right: 40px;
}


.chisiamo_container {
    margin: 10px 10px 0 0;
	width: 600px;
    border: 1px solid #CC99FF;
    background-color: #DCDCFF;
    border-radius: 6px;
}







.quadro-left {
	position:absolute;
    top:10px;
	padding-top:10px;
	padding-left:20px;
	width:360px;
	border-width:medium;
	border-color:Red;
	height:220px;
	border-radius:6px;
}

#quadro-left-chi {
	background-color:#D0D0FF;
	border: 1px solid #7384BB;
}

#quadro-left-cosa {
	background-color:#FFE0F0;
	border: 1px solid #F0B0F0;
}

#quadro-left-come {
	background-color:#E0EFC0;
	border: 1px solid #80C080;
}

#quadro-left-tu {
	background-color:#FFD0C0;
	border: 1px solid #D0B090;
}

#quadro-left-dove {
	background-color:#D0D0D0;
	border: 1px solid #D0B090;
}

#quadro-left-contatti {
	background-color:#FFD8B0;
	border: 1px solid #C0C0C0;
}



.quadro-right {
	position:absolute;
    top:10px;
	padding-top:10px;
	padding-left:20px;
	margin-left: 400px;
	width:500px;
	border-width:medium;
	border-color:Red;
	height:220px;
	border-radius:6px;
}

#quadro-right-chi {
	background-color:#FFFFFF;
	border: 1px solid #7384BB;
}

#quadro-right-cosa {
	border: 1px solid #F0B0F0;
	background-color:#FFFFFF;
}

#quadro-right-come {
	background-color:#FFFFFF;
	border: 1px solid #80C080;
}

#quadro-right-tu {
	background-color:#FFFFFF;
	border: 1px solid #D0B090;
}

#quadro-right-dove {
	background-color:#FFFFFF;
	border: 1px solid #D0D0D0;
}

#quadro-right-contatti {
	background-color:#FFFFFF;
	border: 1px solid #C0C0C0;
}

.navcontainer
{

    position:absolute;
    top:280px;
    margin-left:400px;
    width: 400px;
}

















.navlist
{
margin: 10px 20px;
padding: 0 0 20px 10px;
z-index:10;
}

.navlist ul, .navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.navlist a:link, .navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

.navlist a:link#current, .navlist a:visited#current, .navlist a:hover
{
border-bottom: 4px solid #666688;
padding-bottom: 2px;
background: transparent;
color: #666688;
}

.navlist a:hover { color: #FFFFFF; }


.header_vergari_red{
	float: left;
	width: 400px;
	font-size: 22px;
	margin-top: 6px;
	margin-left:30px;
	font-family: 'Abel', sans-serif;
	color: #EAFFBF;
	z-index: 100;
}

.header_illuminazione_red{
	float: left;
	width: 400px;
	font-size: 2opx;
	margin-top: 6px;
	margin-left:10px;
	font-family: 'Abel', sans-serif;
	color: #888888;
	z-index: 100;
}

.header_intelligente_green{
	float: left;
	width: 200px;
	font-size: 20px;
	margin-top:10px;
	margin-left:80px;
	font-family: 'Abel', sans-serif;
	color: #FFEFAA;
	z-index: 100;
}

.font-consulenza{
	font-size: 16px;
	line-height:25px;
	font-family: 'Abel', sans-serif;
	color: #444444;
	z-index: 100;
}

.font-progettazione{
	font-size: 16px;
	line-height:25px;
	font-family: 'Abel', sans-serif;
	color: #444444;
	z-index: 100;
}

.font-innovazione{
	font-size: 16px;
	line-height:25px;
	font-family: 'Abel', sans-serif;
	color: #444444;
	z-index: 100;
}

.footer_vergari_red {
	float: left;
	width: 440px;
	font-size: 18px;
	margin-top: 8px;
	margin-left: 420px;
	font-family: 'Abel', sans-serif;
	color: #CEFF84;
	background-color:#59607D;
}