﻿body {
	margin: 0px;
	background: url(resources/images/bg_page.gif) repeat-x #284570;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
}

img { border: 0px; }
strong {font-weight: 600;}

.tit {font-size: 2em; color: #FFAE00;}
.c_ara {color: #FFAE00;}
.c_white {color: #FFF;}


a, a:link, a:active, a:visited{
	color: #FFAE00;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#container {
	width: 980px;
	margin: 0px auto;
	background: url(resources/images/bg_container.gif) no-repeat top;
}


/*#########################################*/
/*######## TOP DI PAGINA #########*/
/*#########################################*/

#container_head {
	width: 888px;
	height: 370px;
	margin: 0px auto;
	border: 1px solid #284570;
	background: url(resources/images/bg_container_head.gif) repeat-x;
}
	#container_white {
		width: 870px;
		height: 362px;
		margin: 0px auto;
		background: #FFF;
	}
	#linetop {
		width: 840px;
		height: 11px;
		margin: 0px auto;
		font-size: 1pt;
		background: url(resources/images/bg_linetop.gif) repeat-x;
	}
	#navtop {
		width: 840px;
		height: 87px;
		font-size: 1pt;
		margin: 0px auto;
		background: #FFF;
	}
		#logo {
			width: 152px;
			height: 87px;
			float: left;
		}
		#menu {
			width: 688px;
			height: 20px;
			margin: 33px 0 0 0;
			padding: 6px 0 0 0;
			float: left;
			background: url(resources/images/bg_menu.gif) no-repeat;
		}
			
			#menu a, #menu a:link, #menu a:active, #menu a:visited{
				color: #FFF;
				font-family: Verdana;
				font-weight: bold;
				font-size: 8pt;
				text-decoration: none;
				padding: 0 15px 0 10px;
			}
			#menu a:hover {
				text-decoration: none;
			}
				
		#bannertop {
			width: 840px;
			height: 250px;
			font-size: 1pt;font-size: 1pt;
			clear: both;
		}

/*#########################################*/
/*######## CONTENUTI DI PAGINA #########*/
/*#########################################*/

#container_page {
   	min-height: 350px; 
   	height: auto !important;
   	height: 350px;
	padding: 10px 24px 0 70px;
	background: #284570;
	float: left;
}

/*######## MENU SX #########*/

	#menuleft {
		width: 260px;
		font-size: 0.7em;
		line-height: 1.3em;
		margin-right: 20px;
		padding-top: 2px;
		float: left;
	}

		#link_box { font-size: 1.3em; line-height: 1.5em; width: 100%; padding-top: 20px; margin: 0 0 30px 0; }

			#link_box img { vertical-align: middle; }
		
				
			#link_box a, #link_box a:link, #link_box a:active, #link_box a:visited{
				line-height: 2em;
				color: #BFC8D4;
				text-decoration: none;
				padding: 0 0 0 10px;
			}
			#link_box a:hover {
				color: #FFF;
				text-decoration: none;
			}

/*######## AREA CONTENUTI #########*/

	#content {
		width: 560px;
		font-size: 0.9em;
		line-height: 1.4em;
		float: left;
	}
		#content .tit {
		font-size: 1.5em;
		color: #FFAE00;
		}
		dl.servizi{float:left; width:270px; margin: 0 10px 10px 0; font-size: 0.9em; text-align:left;}
		dt.servizi{padding: 0 0 0 5px;}
		dt.servizi img {float: left;}
		dd.servizi {margin:0; padding: 0 0 0 5px; clear: both;}

/*######## Blocchi in homepage #########*/
		.solution_box1 {
			width: 158px;
			height: 290px;
			padding: 0 12px;
			font-size: 10pt;
			line-height: 12pt;
			background: url(resources/images/bg_solution_box1.gif);
			float: left;
		}
		.solution_box2 {
			width: 158px;
			height: 290px;
			padding: 0 12px;
			font-size: 10pt;
			line-height: 12pt;
			margin-left: 7px;
			background: url(resources/images/bg_solution_box2.gif);
			float: left;
		}
		.solution_box3 {
			width: 158px;
			height: 290px;
			padding: 0 12px;
			font-size: 10pt;
			line-height: 12pt;
			margin-left: 7px;
			background: url(resources/images/bg_solution_box3.gif);
			float: left;
		}

		a.link, a.link:link, a.link:active, a.link:visited{
			margin: 0 0 0 35px;
			font-size: 10pt;
			color: #728088;
		}

/*######## Pagina Soluzioni Servizi #########*/

		.head_solution {
			width: 560px;
			margin: 13px 0 0 0;
			float: left;
		}

		.head_solution p {
			margin: 0 10px 0 14px;
		}

		.body_solution {
			margin: 13px 0 30px 10px;
			float: left;
		}
		.postit {
			width: 175px;
			height: 55px;
			font-size: 0.8em;
			line-height: 1em; 
			float: left;
			background: url(resources/images/bg_postit.gif) repeat-y;
			margin: 5px 0 0 5px;
		}
			.postit p {
				margin: 10px 0 0 10px;
			}

			.postit a, .postit a:link, .postit a:active, .postit a:visited{
				text-decoration: none;
			}
			.postit a:hover  {
				color: #FFF;
				text-decoration: none;
			}

/*######## Pagina di Case History #########*/

	#casehistory {
		width: 850px;
	}

		#casehistory a, #casehistory a:link, #casehistory a:active, #casehistory a:visited{
			text-decoration: underline;
			color: #FFF;
		}
		#casehistory a:hover  {
			text-decoration: none;
		}

		#casehistory dl{width:160px; height: 175px; margin: 0 10px 10px 0; font-size: 0.75em; float:left; background: #1E3454;}
		#casehistory dt{width:150px; height: 58px; margin: 5px; background: #FFF;}
		#casehistory dd{margin:5px 0 5px 5px; clear: both;}
		#casehistory dd img{vertical-align:middle; margin: 0 5px 0 0;}
		
/*######## Mappa Google #########*/

#map {
	width: 560px;
	height: 380px;
	margin: 10px 0 0 0;
}

/*######## Form di contatto #########*/

	dl.form {line-height: 1.2em; width: 100%; margin: 0 0 10px 0;}
	dt.formlabel {width: 120px; font-size: 1.1em; font-weight: bold; margin: 0 10px 10px 0; float: left; }
	dd.forminput {font-size : 0.7em; font-weight:bold; margin: 0 0 10px 10px;}
		dd.forminfo {width: 100%; font-size: 0.7em;  margin: 0 0 0 10px; clear:both;}


/*######## FOOTER #########*/

#footer {
	width: 888px;
	height: 100px;
	margin: 0px auto;
	border: 1px solid #284570;
	background: url(resources/images/bg_footer.gif) bottom repeat-x;
	clear: both;
}
	.in {
		width: 872px;
		height: 24px;
		margin: 38px 8px 8px 8px;
		padding: 10px 0 0 0;
		color: #000;
		font-size: 0.7em;
		text-align: center;
		background: #FFF;
		clear: both;
	}

		
		#footer a, #footer a:active, #footer a:link, #footer a:visited{
			color: #000;
			text-decoration: underline;
		}
		#footer a:hover {
			text-decoration: none;
		}

/*######## MYEIDOS #########*/



#panel_login {font-size: 10pt;}
#panel_login input {font-size: 10pt;}
#panel_logged {font-size: 10pt;}

/*#content {font-size: 10pt;}*/
.tab_res td {font-size: 10pt; padding:5px;}
.tab_res .header {background: #BFC8D4 !important;color:#284570;}
.tab_res .header_col {font-size: 1.1em; font-weight: bold;vertical-align:top;}
.tab_res input {width:300px !important;}
.tab_res select {width:300px !important;}
.tab_res textarea {width:300px !important;height: 200px;}