@import "reset.css";

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	color:#FFF;
	background:#021F34 url(/img/sfondo.jpg) top center repeat-x;
}
strong {
	font-weight: bold;
}
.clear {
	clear:both;
}
a {
	color:#FFF;
	text-decoration:none
}
a:hover {
	color:#3399CC;
}
.al_centro { text-align:center; }
.a_destra { text-align:right; }
#container {
	width:936px;
	height:auto !important;
	margin:0 auto;
	background:url(/img/sfondo_corpo.gif) top center repeat-y;
}
#header {
	display:block;
	width:936px;
	height:195px;
	margin:0 auto;
	position:relative;
	background:url(/img/header.jpg) top left no-repeat;
}
#header h1 a {
	position:absolute;
	top:20px;
	left:172px;
	width:500px;
	height:130px;
	text-indent:-9999px;
}
#contenuto {
	width:886px;
	height:270px;
	height:auto !important;
	min-height:304px;
	margin:0 auto;
	padding:10px 25px 0 25px;
	background:url(/img/sfondo_corpo_su.gif) top center no-repeat;
}
#contenuto .titolo, #contenuto h1{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:29px;
	font-weight:lighter;
	color:#3399CC;
	margin:0;
	padding:0;
	line-height:normal;
}
#contenuto .sottotitolo{
	font-size:10px;
	color:#3399CC;

}
#contenuto .foto {
	float:left;
	margin:0 10px 0 0;
	display:block;	
}
.thumb {
	float:left;
	margin:0 10px 0 0;
	background:url(/img/default.jpg) top left no-repeat;
	display:block;
	width:80px;
	height:80px;
	border:1px solid #fff;
}

/* ----------------------------------------- home page ------------------------------------------ */
#centrosinistra {
	float:left;
	width:410px;
	margin:0;
	padding:15px 5px 10px 0; 
}
#centrodestra {
	float:right;
	width:414px;
	min-height:244px;
	margin:0;
	padding:15px;
	background:url(/img/rettangolo_home.jpg) top center no-repeat;
	border-bottom:1px solid #666666;
}

/* ------------------------------------ chi siamo/soluzioni ------------------------------------- */
#sinistra, #destra {
	float:left;
	width:268px;
	margin:0;
	padding:15px 0 10px 0; 
}
#centro {
	float:left;
	width:268px;
	margin:0 41px;
	padding:15px 0 10px 0; 
}
#sinistra p, #destra p, #centro p {
	height:120px;
}
/* ----------------------------------------- soluzioni ------------------------------------------ */
#soluzioni1, #soluzioni2, #soluzioni3 {
	width:225px;
	min-height:165px;
	margin:0;
	padding:5px 15px;
	background:url(/img/rettangolo_soluzioni.jpg) top left no-repeat;
}
a.solution{
	color:#3399CC;
	text-decoration:none
}
a.solution:hover {
	color:#FFF;
}
#titolo_soluzioni {
	float:left;
	width:400px;
	margin:0;
	padding:13px 5px 10px 0; 
}
#sinistra_soluzioni {
	float:left;
	width:490px;
	margin:0;
	padding:0 5px 10px 0; 
}
#sinistra_soluzioni img {
	float:left;
	margin:0 10px 5px 0;
	background:#FFFFFF;
	border:1px solid #fff;
}
#sinistra_soluzioni ul{
	list-style:inside;
	margin:5px 0;
}
#sinistra_soluzioni p {
	display:block;
	clear:both;
	margin:0 0 20px 0;
}
#destra_soluzioni {
	float:right;
	width:280px;
	font-size:20px;
	margin:0 30px;
	padding:0;
}
#destra_soluzioni a {
	font-size:10px;
	color:#3399CC;
	text-decoration:none
}
#destra_soluzioni a:hover {
	color:#FFF;
}
#destra_soluzioni p {
}
#sottomenu_soluzioni1, #sottomenu_soluzioni2, #sottomenu_soluzioni3 {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:19px;
	float:right;
	height:25px;
	margin:0;
	padding:13px 15px;
	background:url(/img/sfondo_sottomenu.gif) top left repeat-x;
}
#sottomenu_linea1, #sottomenu_linea2 {
	float:right;
	width:1px;
	height:51px;
	margin:0;
	padding:0;
	background:url(/img/sfondo_sottomenu1.gif) top left no-repeat;
}

/* ------------------------------------------- FOOTER -------------------------------------------- */
#footer {
	width:886px;
	height:90px;
	display:block;
	margin:0 auto;
	padding:32px 25px 10px 25px;
	background:#021F34 url(/img/footer.jpg) top center no-repeat;
	position:relative;
}
#footer .allinea {
	float:left;
	display:block;
	padding:20px 0 0 10px;
	width:170px;
	text-align:justify;
	font-size:11px;
	line-height:12px;
}
#footer .titolo {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:20px;
}
#footer .testo {
	font-size:10px;
	color:#999999;
}
#footer .adams {
	position:absolute;
	left:455px;
	top:32px;
}
.areariservata {
	position:absolute;
	right:40px;
	top:50px;
}
#footer .mappa {
	position:absolute;
	right:40px;
	bottom:10px;
}

/* --------------------------------------------- Contatti -------------------------------------------- */
#map {
	float:left;
	width:100%;
	height:380px;
	border:1px solid #FFFFFF;
	color:#011625;
	margin:0;
}
#map a {
	color:#3399CC;
}
#contatti form{
	padding:15px 0 0 0;
	margin:0;
	/*width:350px;*/
	float:left;
	width:900px;
}
#contatti .titolo_contatti{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	color:#3399CC;
	margin:0;
	padding:12px 0 0 0;
	line-height:normal;
	display:block;
	width:900px;
	border-bottom:1px solid #3399CC;
}
#contatti p {
	margin:0;
	padding:5px 0;
	/*clear:both;*/
	text-align:left;
	float:left;
	width:300px;
}

#contatti label {
	display:block;
	padding:3px 0;
	margin:0;
	width:300px;
	float:left;
	border-top:1px #3399CC solid;
}
#contatti label.si_no {
	width:30px;
	text-align:right;
}

#contatti input {
	border:1px solid #3399CC;
	padding:2px;
	float:left;
	text-align:left;
	color:#000000;
	width:250px;
}
#contatti input.tondi {
	border:0;
	width:15px;
}

#contatti select {
	border:1px solid #666666;
	padding:3px;
	width:150px;
	float:left;
	text-align:left;
	color:#000000;
	margin:0;
}
#contatti select.medio {
	width:200px;
}
#contatti select.lungo {
	width:256px;
}

#contatti textarea {
	border:1px solid #3399CC;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:250px;
}

#contatti .inviannulla{
	padding:3px;
	margin:10px 5px 0 0;
	width:70px;
	color:#fff;
	text-align:center;
	background:#551529;
	border:1px solid #040300;
}

#contatti .checkbox {
	border:0;
	width:20px;
	margin:0;
	padding:0;
}
#contatti input.button{
	background:#3399CC;
	width:120px;
	height:24px;
	text-align:center;
	display:block;
	font-size:11px;
	float:left;
	padding:0;
	margin:5px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	border:1px #3399CC solid;
	cursor:pointer;
}

/* --------------------------------------------- MENU -------------------------------------------- */
#menu {
	width:936px;
	height:37px;
	margin:0 auto;
	padding:0;
}
#menu a {
	text-indent:-9999px;
	float:left;
	height:37px;
	display:block;
	color:#000033;
	font-size:2px;
}
.active {
background-position:bottom!important;}
#menu a.m1 {
	width:126px;
	background: url(/img/m1.jpg) top right no-repeat; }
#menu a.m1:hover, #menu a.m1_on {
	width:126px;
	background: url(/img/m1.jpg) bottom right no-repeat;
}
#menu a.m2 {
	width:110px;
	background: url(/img/m2.jpg) top right no-repeat; }
#menu a.m2:hover, #menu a.m2_on {
	width:110px;
	background: url(/img/m2.jpg) bottom right no-repeat;
}
#menu a.m3 {
	width:99px;
	background: url(/img/m3.jpg) top right no-repeat; }
#menu a.m3:hover, #menu a.m3_on {
	width:99px;
	background: url(/img/m3.jpg) bottom right no-repeat;
}
#menu a.m4 {
	width:94px;
	background: url(/img/m4.jpg) top right no-repeat; }
#menu a.m4:hover, #menu a.m4_on {
	width:94px;
	background: url(/img/m4.jpg) bottom right no-repeat;
}
#menu a.m5 {
	width:102px;
	background: url(/img/m5.jpg) top right no-repeat; }
#menu a.m5:hover, #menu a.m5_on {
	width:102px;
	background: url(/img/m5.jpg) bottom right no-repeat;
}
#menu a.m6 {
	width:80px;
	background: url(/img/m6.jpg) top right no-repeat; }
#menu a.m6:hover, #menu a.m6_on {
	width:80px;
	background: url(/img/m6.jpg) bottom right no-repeat;
}
#menu a.m7 {
	width:100px;
	background: url(/img/m7.jpg) top right no-repeat; }
#menu a.m7:hover, #menu a.m7_on {
	width:100px;
	background: url(/img/m7.jpg) bottom right no-repeat;
}
#menu a.m8 {
	width:154px;
	background: url(/img/m8.jpg) top right no-repeat; }
#menu a.m8:hover, #menu a.m8_on {
	width:154px;
	background: url(/img/m8.jpg) bottom right no-repeat;
}
#menu a.m9 {
	width:71px;
	background: url(/img/m9.jpg) top right no-repeat; }
#menu a.m9:hover, #menu a.m9_on {
	width:71px;
	background: url(/img/m9.jpg) bottom right no-repeat;
}
/*******************************************************/
#credits {
	position:relative;
	height:30px;
	text-align:center;
	padding:10px 10px 0 10px;
	background:#021F34 url(/img/bg_shadow.png) top left no-repeat;
	color: #999999;
}
a.credits {
	background:url(/img/credits.gif) top right no-repeat;
	width:170px;
	display:block;
	position:absolute;
	right:30px;
	top:10px;
	font-size:9px;
	color:#fff;
	padding:0;
}

.dieci {
	font-size:10px;
}
/*******************************************************/
.float {
	float:left;
	margin:5px 10px;
	width:45%;
	border-bottom:1px solid #3399CC;
	height:100px;
	height:auto!important;
	min-height:100px;
	padding:5px 0;
}
.inline {
	width:100%!important;
	margin:5px 0!important;
}
blockquote {
  background: transparent url(/img/quote.gif) left top no-repeat;
}
blockquote div {
  padding: 0 30px;
  background: transparent url(/img/quote.gif) right bottom no-repeat;
  line-height:25px;
  font-family:Georgia, "Times New Roman", Times, serif;
}

ul.listaservizi {
	list-style:none;
	padding:20px 0 0 0;
	margin:0;
}
ul.listaservizi li a{
	/*display:block;*/
	padding:3px;
	font-family:Tahoma;
	font-size:19px!important;
	color:#3399cc;
}
ul.listaservizi li img{
	vertical-align:middle;
}
/*****************************************/
ul#privacy, ul#privacy2 {
	float:left;
	margin:10px 0;
}
ul#privacy li {
	border:1px solid #fff;
	background:#3399CC;
	text-align:center;
	padding:5px;
	height:20px;
	margin:5px 0;
	width:250px
}
ul#privacy2 li {
	border:1px solid #fff;
	background:#011625;
	text-align:center;
	padding:5px;
	height:57px;
	margin:5px 5px;
	width:250px;
}
/***************************************/