/*2007 handmade by Davide Lugli - GENERICO*/

/*
colori: 


*/

a{		color:#015C91; 
		text-decoration:none;}
a:hover {
			color:#015C91;
			}

img {border:0;}

body {
	text-align:center;
	background:#015C91 url(../img/3/tecno_sfondo.jpg) repeat-x top left;
	font: 12px/14px Tahoma,Arial, Verdana, sans;
	color:#fff;	
}

#content {
	/*background:#82AF19;*/
	width:860px;
	/*860 px*/
	height:auto;
	margin:0 auto;
}


#sfondo_colonna {
	float:left;
	width:864px;
	height:auto;
	margin:0 auto;
	background:url(../img/3/tecno_cerchi.gif) no-repeat left top ;
	
}


#main 
{
float:left;
width:646px;
}

#col_menu {
float:left;
width:214px;
}

#box_logo {
	display:block;
	float:left;
	width:214px;
	height:110px;
	background:url(../img/1/logo.gif) no-repeat top left;
}

#main_menu {
	margin: 0;
	padding:0;
	float:left;
	width:213px;
	list-style-type:none;
	border-left:1px solid #fff;
		}
		
#main_content {
background:#8CCDF5;/*verde chiaro*/
width:100%;
float:left;
height:auto;
border-top:1px solid #fff;
border-right:1px solid #fff;
text-align:justify;
			}
			
	
		
#box_lingua {

width:100%;
float:left;
height:15px;
text-align:right;
		}		
					
#box_newsletter {
	width:100%;
	float:left;
	height:25px;
	background:#007CC2;
	float:right;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	margin-top:15px;
	text-align:right;
}	

#box_newsletter a 
{
color:#fff;
margin-right:10px;
}


h1#box_titolo {
	width:100%;
	margin:0;
	padding-top:5px;
	margin-bottom:15px;
	font-size:14px;
	font-weight:normal;
	float:left;
	height:19px;
	background:#007CC2;
	border-bottom:1px solid #fff;
	text-align:left;
}

h1#box_titolo span{margin:3px 20px;color:#fff;}

#foto_header {
	width:100%;
	float:left;
	height:226px;
	background:url(../img/3/tecno_foto_header.jpg) no-repeat top left;
	float:left;
	border-bottom:1px solid #fff;	
	margin-bottom:25px;
}

#foto_mini_header {
	width:100%;
	float:left;
	height:151px;
	background:url(../img/3/tecno_foto_piccola.jpg) no-repeat bottom left;
	float:left;
	border-bottom:1px solid #fff;	
}

				
#main_menu li 
			{
				float:left;
				width:213px;
				background:#62CEF5;
				margin:0;
				padding:0;
			}
.submenu {
			float:left;
			width:192px;
			padding:0;
			padding-left:20px;
			padding-top:3px;
			padding-bottom:3px;
			font-size:12px;
			height:auto;

			margin:0;
			text-align:left;
			border-right:1px solid #fff;
		}	
		
.submenu:hover {
			background:url(../img/3/arrow_3.jpg) no-repeat left center;
			}	


/******* CLASSI PER FORMATTAZIONE TESTI ****************/


			

.sfondo_bianco {
					float:left;
					width:100%;
					background:#fff;
					color:#015C91;
					margin-bottom:10px;
					
					text-align:justify;
			}
			
.sfondo_bianco h2{
				margin:auto 0;
				background:#62CEF5;
				font-size:16px;
				height:18px;
				padding:3px;
				font-weight:normal;
				}
			
.sfondo_bianco p {margin:1em;}


.sfondo_verde {
					float:left;
					width:100%;
					background:#67C6F4;
					margin-bottom:10px;
					color:#146122;
					margin-bottom:10px;
			}
			
			
.sfondo_bianco p {margin:1em;}


hr {
		display:block;
		float:left;
		width:100%;
		background:#4195C4;
		height:15px;
		margin:0;
		border:0;
		padding:0;
		}

		

/***************************/

#footer 
{
	width:859px;
	clear:both;
	background:#4195C4;
	border:1px solid #fff;
	color:#fff;
	text-align:left;
	
}
#footer p {margin:1em;}
#footer a {color:#fff;text-decoration:underline;}

			
/************** FORM CONTATTI *********************/

#frm_contatti 
{
	float:left;
	margin:20px;
	width:400px;
	padding:0;
}


#frm_contatti input {
	float:left;
	margin:20px;
	width:300px;
	border:1px solid #ccc;
	padding:0;	
	height:20px;
	margin:0;
	}
#frm_contatti textarea
{
	float:left;
	margin:20px;
	width:300px;
	border:1px solid #ccc;
	padding:0;	
	height:80px;
	margin:0;
}	
	


#frm_contatti p {
float:left;
clear:both;
width:500px;
height:20px;
margin:0;
margin-bottom:10px;
padding:0;
}
	
#frm_contatti label {
	float:left;
	margin:20px;
	width:100px;
	padding:0;	
	height:20px;
	margin:0;
	text-align:left;
	
	}
/*HOME PAGE*/

.box_home_alto
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
	width:100%;
	height:auto;
	float:left;
	background:#62CEF5;
	color:#017DC7;
	border-left:1px solid #fff;
	
}


#news_home {
float:right;
height:auto;
width:50%;
border-left:1px solid #fff;
border-right:1px solid #fff;

}

#news_content {
height:80px;
width:100%;
float:right;
}


#news_content p {float:right;margin:0;padding:5px;}
#news_content a {color:#fff;}

#news_home h4
{
	float:right;
	width:98%;
	height:14px;
	padding:1%;
	font-size:12px;
	color:#fff;
	margin:0;
	background:#017DC7;
	font-weight:normal;
	border-top:1px solid #fff;	
} 
#news_home h4 a {color:#fff;}


#news_home h3 
{
	float:right;
	font-weight:normal;
	width:98%;
	height:20px;
	padding:1%;
	font-size:14px;
	color:#fff;
	margin:0;
	background:#017DC7;
	border-bottom:1px solid #fff;
}


#tab_cols {
	float:left;
	width:100%;
	margin:0;
	border-collapse: collapse;
}
#tab_cols td {width:33.3%;}

.div_spazio {margin:5px;}

#tab_cols h5 
{
	margin:0;
	font-size:14px;
	background:#017DC7;
	color:#fff;
	height:28px;
	padding:5px;
	font-weight:normal;
}



/*NEWS*/
.titolo_news {
	float:left;
	background:#62CEF5;
	width:100%;
	color:#006114;
	height:24px;
}
.titolo_news span /*titolo news*/
{
	float:left;
	height:16px;
	font-size:16px;
	margin:3px auto 3px 20px;
	color:#015C91;
	
}

.titolo_news a /*leggi tutto*/
{
	float:left;
	height:16px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	margin:3px auto 3px 20px;
}


.img_news {
width:150px;
float:right;
margin:0;
margin-left:10px;
background:#AAE7FC;

}

.img_news img {
width:150px;
float:right;
}

#news_pagine {
	float:right;
	height:12px;
	font-size:12px;
	margin:0;
}

.img_all {
float:left;
width:300px;
margin:10px;

}


/* === MODIFICHE DI === */

.clearfix:after, #footer:after, #home #box_home_basso:after, #referenze li:after, #sfondo_colonna:after. #¢ontent:after, #home .box_home_alto:after {
	clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.clearfix, #footer, #home #box_home_basso, #referenze li, #sfondo_colonna, #content, #home .box_home_alto {
	display:inline-block; }

#home.ita #foto_header { background-image:url(../img/3/tecno_foto_header_it.jpg); height:240px; }
#home.eng #foto_header { background-image:url(../img/3/tecno_foto_header_en.jpg); height:240px; }
#home.esp #foto_header { background-image:url(../img/3/tecno_foto_header_de.jpg); height:240px; }
#home.fra #foto_header { background-image:url(../img/3/tecno_foto_header_fr.jpg); height:240px; }

#gen #foto_header {
background:transparent url(../img/3/foto_piccola_tecnoambiente.jpg) no-repeat scroll left bottom;
border-bottom:1px solid #FFFFFF;
float:left;
height:151px;
margin:0;
width:100%;
}

#home #sfondo_colonna {
background:url(../img/3/home_tecno2.gif) no-repeat scroll left top;
}

#box_lingua a:link, #box_lingua a:visited, #box_lingua a:hover, #box_lingua a:active {
border-left:1px solid #FFF;
color:#FFF;
padding:0 0 0 0.25em;
text-transform:uppercase;
}
#box_lingua a.first:link, #box_lingua a.first:visited, #box_lingua a.first:hover, #box_lingua a.first:active {
border-left:0 none;
}

#footer p {
float:left;
width:600px;
}
a.footer_credits:link, a.footer_credits:visited, a.footer_credits:hover, a.footer_credits:active {
float:right;
margin:1em 3em 1em 1em;
}

.link_news {
background:#AAE7FC none repeat scroll 0 0;
color:#006114;
float:left;
height:24px;
width:100%;
}
.link_news a:link, .link_news a:visited, .link_news a:hover, .link_news a:active {
color:#FFF;
float:left;
font-size:12px;
height:16px;
margin:3px auto 3px 20px;
text-decoration:none;
}
.titolo_news span {
text-transform:uppercase;
}

#home .box_home_alto h5 {
display:none;
}
#home .box_home_alto img {
width:100%;
}
#home .box_home_alto .dyn {
margin:1em;
padding-bottom:1em;
}
#home #box_newsletter, #home #foto_header, #home .box_home_alto { float:none !important;}
#home .box_home_alto .dyn p {
margin:0 0 1em;
}
#home .sfondo_bianco .dyn {
margin:1em;
}
#home .sfondo_bianco .dyn p {
margin:0 0 1em;
}
#home #box_home_basso {
background-color:#FFF;
margin-bottom:10px;
width:100%;
}
#home .sfondo_bianco {
float:left;
width:33.3%;
}
#home .sfondo_bianco h5 {
background:#017DC7 none repeat scroll 0 0;
color:#FFF;
font-size:14px;
font-weight:normal;
height:28px;
margin:0 1px;
padding:5px;
text-align:left;
text-transform:uppercase;
}

#referenze {
list-style:none;
margin:1em;
padding:0;
}
#referenze li {
margin:1em 0;
width:100%
}
#referenze .dyn {
float:right;
position:relative;
width:450px;
}
#referenze h5 {
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}
#referenze .img_ref {
float:left;
text-align:center;
width:170px;
}
#referenze .all_ref {
padding-left:0;
}
#referenze .all_ref li {
background:transparent none no-repeat scroll 0 0;
margin:0.5em 0 0;
padding:0 0 0.5em;
}
.all_ref a:link, .all_ref a:visited, .all_ref a:hover, .all_ref a:active {
display:block;
padding-left:20px;
text-decoration:underline;
}


#main_menu ul, #main_menu li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#main_menu {
	border-bottom:1px solid #FFF;
}
.main_menu1 a:link, .main_menu1 a:visited, .main_menu1 a:hover, .main_menu1 a:active {
	background:transparent url(../img/1/bg_menu.jpg) no-repeat scroll 0 0;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	color:#FFF;
	float:left;
	font-family:"Times New Roman";
	font-size:16px;
	font-weight:bold;
	height:18px;
	letter-spacing:-1px;
	margin:0;
	padding:5px 0 1px 23px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	width:189px;
}
.main_menu1 a:hover, .main_menu1 a:active {
	background-position:0 -24px;
}
.main_menu1 a.sel:link, .main_menu1 a.sel:visited, .main_menu1 a.sel:hover, .main_menu1 a.sel:active {
	background-position:0 -24px;
}
.main_menu2 a.v0:link, .main_menu2 a.v0:visited, .main_menu2 a.v0:hover, .main_menu2 a.v0:active {
	background-image:url(../img/2/bg_menu.jpg);
}
.main_menu2 a.v1:link, .main_menu2 a.v1:visited, .main_menu2 a.v1:hover, .main_menu2 a.v1:active {
	background-image:url(../img/4/bg_menu.jpg);
}
.main_menu2 a.v2:link, .main_menu2 a.v2:visited, .main_menu2 a.v2:hover, .main_menu2 a.v2:active {
	background-image:url(../img/3/bg_menu.jpg);
}
.main_menu3 a:link, .main_menu3 a:visited, .main_menu3 a:hover, .main_menu3 a:active {
	background-image:url(../img/3/bg_menu.jpg) !important; font-size:13px; letter-spacing:0; padding:5px 0 1px 33px; width:179px;
}
.main_menu4 a:link, .main_menu4 a:visited, .main_menu4 a:hover, .main_menu4 a:active {
	background:transparent none !important;
	color:#015C91;
	font-family:Tahoma,Arial,Verdana,sans;
	font-size:12px;
	font-weight:normal;
	height:auto;
	letter-spacing:0;
	padding:3px 0 3px 40px;
	text-transform:none;
	width:172px;
}
.main_menu4 a:hover, .main_menu4 a:active {
	background:transparent url(../img/3/arrow_3.jpg) no-repeat scroll left center !important;
}
.main_menu4 a.sel:link, .main_menu4 a.sel:visited, .main_menu4 a.sel:hover, .main_menu4 a.sel:active {
	background:transparent url(../img/3/arrow_3.jpg) no-repeat scroll left center !important;
	color:#FFF;
}


#content { background:#FFFFFF url(../img/3/tecno_cerchi2.gif) no-repeat scroll 0 0; border-right:1px solid #FFF; }
#sfondo_colonna { background-image:none; }
#box_lingua { background:#015C91 url(../img/3/tecno_sfondo.jpg) repeat-x scroll left top; border-right:1px solid #015C91; }


#frm_contatti input.submit { background-color:#015C95; color:#FFF; width:100px; }
#frm_contatti select { border:1px solid #CCC; width:300px;}

.privacy { background:#FFF url(../img/3/holding_logo_home_2.jpg) no-repeat scroll 10px 10px; border:1px solid #015C95; color:#015C91; margin:10px; padding:120px 10px 10px; text-align:left; }
a.privacy_close:link, a.privacy_close:visited, a.privacy_close:hover, a.privacy_close:active { color:#000; font-weight:bold; }

#box_newsletter a:link, #box_newsletter a:visited, #box_newsletter a:hover, #box_newsletter a:active { color:#FFF; margin-right:1em; text-decoration:none; text-transform:uppercase; }


.gallery_h { margin:1em 0 0; width:100%; }
.gallery_h .gallery_item { /*margin:0 0 20px;*/
width: 100px;
min-height: 150px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;
*display: inline;
_height: 150px;
}
.gallery_h a:link, .gallery_h a:visited, .gallery_h a:hover, .gallery_h a:active { text-decoration:none; }
.gallery_h a:hover img, .gallery_h a:active img { border:1px solid #015C91; }
.gallery_h img { background-color:#FFF; border:1px solid #CCC; padding:2px; width:100%; }
.gallery_h p { font-size:0.85em; margin:0; }