@charset "utf-8";



/* CSS Document */







* {



	margin:0;



	padding:0;



	}



	



a {



text-decoration:none;



}



#container{



width:100%;



height:100%;



}



body{



font-family:"Verdana", Arial, Helvetica, sans-serif;



font-size:10px;



}



img{



border:none;



}



#header{



width:100%;



height:144px;



background-image:url(immagini/bg_head_02.png);



background-repeat:repeat-x;







}







#head{



width:780px;



height:144px;



margin:auto;



}







.logo{



float:left;



margin-top:15px;



}







#slider{



background-image:url(immagini/bg_slider_03.png);



background-repeat:repeat-x;



width:100%;



height:280px;



margin-top:2px;



}



#slide_img{

width:780px;

height:280px;

margin:auto;

}







/* FINE MENU */







#navigation{



width:auto;



float:right;



position:relative;



top:80px;







}







div#navigation ul {



	list-style-type: none;



	margin: 0;



	padding: 0;



}



div#navigation li {



	float: left;



	margin: 0;



	padding: 0;



}



div#navigation a {



	position: relative;



	display: block;



	height: 29px;



	border:none;



	text-decoration:none;



}



div#navigation a span {



	position: absolute;



	width: 100%;



	height: 100%;



	cursor: pointer; /*per IE*/



}



div#navigation a:hover {



	color: #E8E8E8; /*per IE*/



}



div#navigation a:hover span {



	background-position:0 -29px;



}



div#navigation a#current span {



	background-position:0 -58px;



}



/*viene attribuita la larghezza di ogni singolo link*/



li#chisiamo a {



	width: 104px;



}



li#servizi a {



	width: 104px;



}



li#portfolio a {



	width: 104px;



}



li#contatti a {



	width: 104px;



}



/*si dichiarano le immagini*/



li#chisiamo span {



	background: url( "immagini/menu_01.gif" ) no-repeat top left;



}



li#servizi span {



	background: url( "immagini/menu_02.gif" ) no-repeat top left;



}



li#portfolio span {



	background: url( "immagini/menu_03.gif" ) no-repeat top left;



}



li#contatti span {



	background: url( "immagini/menu_04.gif" ) no-repeat top left;



}







/* FINE MENU */







#content{



width:100%;



height:auto;



background-color:#fff;



}







.titoloimg{



margin:20px 0 20px 0;



}







.chitext{



font-size:11px;



line-height:20px;



text-align:justify;



}







#center_box{



width:700px;



height:620px;



margin:auto;



/*background-color:#FFFFFF;*/



}







.space{



margin-left:20px;



}



.antleft {



float:left;



width:160px;



margin-top:60px;



/*padding:20px;*/



margin-right:10px;



}



.ant {



float:left;



width:160px;



margin-top:60px;



/*padding:20px;*/



margin-left:10px;



margin-right:10px;



}



.antright {



float:left;



width:160px;



margin-top:60px;



/*padding:20px;*/



margin-left:10px;



}



.ant p, .antleft p, .antright p{



text-align:left;



padding-top:10px;



padding-bottom:10px;



border-top:solid 1px;



border-top-style:dotted;



border-bottom:solid  1px;



border-bottom-style:dotted;



border-bottom-color:#999999;



border-top-color:#999999;



color:#666;



height:60px;



}



.arrow{



margin-top:10px;



}











#footer{
	width:100%;
	background-image:url(immagini/bg_footer_07.png);
	background-repeat:repeat-x;
	height:170px;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
margin-top:40px;
}



#footer a{



color:#666;



font-weight:500;



}







.foot{



padding:20px;



width:780px;



margin:auto;



}











/*===== SERVIZI ACCORDION '==========*/



/*



			Vertical Accordions



		*/



		



		.accordion_toggle {



			display: block;



			height: 70px;



			width: 680px;



			background: url(images/accordion_toggle.jpg) no-repeat top right;



			padding: 0 10px 0 10px;



			line-height: 30px;



			color: #ffffff;



			font-weight: normal;



			text-decoration: none;



			outline: none;



			font-size: 12px;



			color: #000000;



			border-bottom: 1px solid #999;



			border-bottom-style: dashed;



			cursor: pointer;



			margin: 0 0 0 0;



		}



		



		.accordion_toggle_active {



			height:70px;



			background: url(images/accordion_toggle_active.jpg) no-repeat top right;



			color: #ffffff;



			border-bottom: 1px solid #999;



			border-bottom-style: dashed;



			



		}



		



		.accordion_content {



			width:700px;



			background-color: #ffffff;



			/*color: #444444;*/



			overflow: hidden;



		}



			



			.accordion_content h2 {



				margin: 15px 0 5px 10px;



				/*color: #0099FF;*/



			}



			



			.accordion_content p {



				line-height: 150%;



				padding: 5px 10px 15px 10px;



			}



			



		.vertical_accordion_toggle {



			display: block;



			height: 30px;



			width: 600px;



			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;



			padding: 0 10px 0 10px;



			line-height: 30px;



			color: #ffffff;



			font-weight: normal;



			text-decoration: none;



			outline: none;



			font-size: 12px;



			color: #000000;



			border-bottom: 1px solid #999;



			border-bottom-style: dashed;



			cursor: pointer;



			margin: 0 0 0 0;



		}







		.vertical_accordion_toggle_active {



			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;



			color: #ffffff;



			border-bottom: 1px solid #999;



			border-bottom-style: dashed;



		}







		.vertical_accordion_content {



			background-color: #ffffff;



			color: #444444;



			overflow: hidden;



		}







			.vertical_accordion_content h2 {



				margin: 15px 0 5px 10px;



				color: #0099FF;



			}







			.vertical_accordion_content p {



				line-height: 150%;



				padding: 5px 10px 15px 10px;



			}



  			



		/*



			Horizontal Accordion



		*/



		



		.horizontal_accordion_toggle {



			/* REQUIRED */



			float: left;	/* This make sure it stays horizontal */



			/* REQUIRED */







			display: block;



			height: 100px;



			width: 30px;



			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;



			color: #ffffff;



			text-decoration: none;



			outline: none;



			border-right: 1px solid #cde99f;



			cursor: pointer;



			margin: 0 0 0 0;



		}



		



		.horizontal_accordion_toggle_active {



			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;



			border-right: 1px solid #f68263;



		}



		



		.horizontal_accordion_content {



			/* REQUIRED */



			height: 100px;	/* We need to define a height for the accordion as it stretches the width */



			float: left;	/* This make sure it stays horizontal */



			/* REQUIRED */



			



			overflow: hidden;



			background-color: #ffffff;



			color: #444444;



		}



			



			.horizontal_accordion_content p {



				width: 450px;



				line-height: 150%;



				padding: 5px 10px 15px 10px;



			}



					



					



    /* Container styling*/



    #horizontal_container {



      margin: 20px auto 20px auto;



      width: 680px;   



      height: 100px;    



    }



    



    #vertical_nested_container {



      margin: 20px auto 20px auto;



      width: 620px;



    }



	/*====== FINE==========*/



#contact{



	float:left;



	width:200px;



	height:540px;



	background-color:#E1EEF8;



	padding:10px;



	color:#666;



}







#form_mail{



	float:right;



	width:430px;



}







label,input {



display: block;



width: 300px;



float: left;



margin-bottom: 10px;



}







label {



text-align: right;



width: 75px;



padding-right: 20px;



font-family:"Georgia", Times New Roman, Times, serif;



font-size: 14px;



font-style:italic;



font-weight:bold;



color:#666;



}







input{



	font-family:Verdana, Geneva, sans-serif;



	font-size:10px	



}



 



br {



clear: left;



}







.submit{



	margin-left:95px;



	margin-top:20px;



	width:60px;



	height:27px;



	color:#00579D;



	font: "Georgia", Times New Roman, Times, serif;



	font-size:10px;



	font-weight:bold;



	background-color:#E1EEF8;



	border:1px solid;



	border-color:#E1EEF8;



	padding: 3px;



}







#contact a{



	color:#666;



}



.logos {

	width:100%;

	height:35px;

	float:left;

	font-size:11px;

	border-bottom:solid;

	border-top:solid;

	border-bottom-color:#cac8c2;

	border-bottom-width:thin;

	border-top-color:#cac8c2;

	border-top-width:thin;

	background-color:#FFF;

	padding-bottom:5px;

	padding-top:5px;

}

.loghi{

width:780px;

margin:auto;



}

.logos ul {

	list-style-type: none;

	list-style-image: none;

	padding: 0;

	margin: 0;

}

.logos li {

	display: inline;

	padding-left:25px;

}