*{margin:0; padding:0; }

body {
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #00274F;
	background: url(../img/background.jpg) top center no-repeat;
	background-color:#fff;
	line-height:18px;
}

img {border:0}

a:link {color: #FF6600; text-decoration:none}   
a:visited {color: #FF6600; text-decoration:none} 
a:hover {color: #FF6600; text-decoration:underline}   
a:active {color: #FF6600; text-decoration:none}   

h1{	
	font-size: 21px;
	color: #fff;
	padding:0px 0px 0px 40px;
	margin-bottom:0px;
	background:url(../img/fondo_h1.png) left no-repeat;
	line-height:60px;
	font-weight:normal;
	
}

h2{	  
	font-size: 21px;
	color: #fff;
	padding:0px 0px 0px 40px;
	margin-bottom:0px;
	background:url(../img/fondo_h2.png) left no-repeat;
	line-height:60px;
	font-weight:normal;
}

h3{	
	font-family: Arial, Helvetica, sans-serif;
	height: 27px;
	line-height:27px;
	font-size:13px;
	color:#fff;
	padding-left:5px;
	margin-top:5px;
	margin-bottom:0px;
	background-color:#4196F0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}


ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}

	
/*------------------head-------------------------*/	
#head{
	position:relative;
	margin:0px auto;
	margin-top:70px;
	width:950px;
	height:330px;
	padding: 0px 0px 0px 0px;	
	}
#head_images{
	width:940px;
	height:310px;
	padding: 0px 0px 0px 0px;	
	border:5px solid #FF6600;
	
	}
#box_logo {
	position:absolute;
	top: -77px;
	left: -37px;
	z-index:100
	}
#box_logo_azzurra {
	position:absolute;
	top: 256px;
	left: -32px;
	}
#box_logo_granchio {
	position:absolute;
	top: 259px;
	left: 702px;
	}
.box_banner {
	position:absolute;
	top: 265px;
	left: 345px;
	}	
#box_menu_newsletter {
	position:absolute;
	text-align:left;
	top: -37px;
	left: 350px;
	width: 620px;
	height: 114px;
	background: url(../img/fondo_menu.png) top no-repeat;
	z-index:90
	}
	#menu_newsletter {
	position:absolute;
	left: 446px;
	width: 512px;
	top: -23px;
	text-align:left;
	z-index:110
		}
		#menu_newsletter ul{
		margin:0;
		padding:0
		}
		#menu_newsletter ul li {
		display:inline;
		list-style-type:none;
		}
		#menu_newsletter ul li a {
		color: #fff;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		border-right: 1px solid #fff;
		padding:0px 9px;
		}
		#menu_newsletter ul li a:link{
		text-decoration:none;		
		}
		#menu_newsletter ul li a:visited {
		text-decoration:none;
		}
		#menu_newsletter ul li a:hover {
		text-decoration:none;
		color: #FFCC00;
		}
		#menu_newsletter ul li a:active {
		text-decoration:none;
		}
/*menu testata ------------------*/	
#menu {
	position:absolute;
	text-align:left;
	top: 37px;
	left: 451px;
	width: 490px;
	height: 20px;
	z-index:90
	}
		#menu ul{
		margin:0;
		padding:0
		}
		#menu ul li {
		display:inline;
		list-style-type:none;
		}
		#menu ul li a {
		color: #fff;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		border-right: 1px solid #fff;
		padding:0px 9px;
		}
		#menu ul li a:link{
		text-decoration:none;		
		}
		#menu ul li a:visited {
		text-decoration:none;
		}
		#menu ul li a:hover {
		text-decoration:none;
		color: #FFCC00;
		}
		#menu ul li a:active {
		text-decoration:none;
		}
		#menu img{ vertical-align:bottom;}

.newsletter {
	width:460px;
	text-align:left;
	padding:7px 0px 0px 10px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	}

#box_gabbiano {
	position:absolute;
	top: -63px;
	left: 715px;
	z-index:150
	}

/*menu testata ------------------*/	

/*corpo---------------------------------*/	
#contenitore {
	/*position:relative;*/
	width:950px;
	margin: 0px auto;
	text-align:left;
	padding: 20px 0px 0px 0px;
	}
	/**html #contenitore {
	padding: 0px 25px 0px 25px;
	}*/
	
.offerte {
	text-align:left;
	width:950px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin-bottom:20px;}
	.offerte p {
	padding-left:15px}
	.offerte img{
	float:right; 
	border:3px solid #1f9fda; 
	margin:20px 20px 0px 10px
	}

.corpo {
	text-align:left;
	width:950px;
	margin-bottom:20px;}
	.corpo p {
	padding-left:15px}

.box {
	width:368px;
	background: url(../img/img_home.jpg) top left no-repeat;
	padding:3px 0px 5px 200px;}

.map {
	float:right;
	width:500px;
	height:300px;
	background-color:#fff;
	margin-right:15px;
	margin-top:25px;
	padding:5px;
	border:1px solid #CCCCCC
}
/*footer---------------------------------*/

	#footer{
	width:950px;
	height:60px;
	margin:0px auto;
	color: #fff;;
	font-size:11px;
	background: url(../img/fondo_footer.gif) top center no-repeat;
	padding:8px 0px 0px 0px;
	line-height:normal;
	font-size:11px;
	}
	#footer a{
	color: #C8E1F7;;
	}

/*varie---------------------------------*/

a.link_dettagli{
	color: #003366 !important;
	background: url(../img/indica.gif) left no-repeat;
	font-weight:bold;
	text-decoration:none;
	padding-left: 20px;
	margin-top:35px;
	}
	a:hover.link_dettagli{
	text-decoration:underline !important;
	}
.txt_small{
	padding-left:8px;
	font-size:11px;
	color:#fff;
	}

.img_dx{
	float:right;
	margin:20px 10px 0px 10px;
	}

.txt_tab_offerte{
	color: #003366;
	line-height:25px;
	padding-left:5px;
	font-size:11px
	}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*table*/

table#tab-preventivo{ width:100%}
table#tab-preventivo td{ padding:5px;}


/*modalità pagamento*/

table.tab-pagamento{ width:100%; background-color:#FFFFFF;border:none}
table.tab-pagamento td{padding:4px; }
table.tab-pagamento td.td_zero{padding:0px;}
table.tab-pagamento td.td_titolo{
	background:url(../img/fondo_tit_riassunto.gif) top;
	color: #FFFFFF;
	font-weight:bold
}
table.tab-pagamento td.td_borderbottom{border-bottom:1px solid #eaeaea;}
table.tab-pagamento td.td_grey{background-color:#eeeeee;}
table.tab-pagamento td.td_green{
	background-color: #669933;
	color: #FFFFFF;
	text-align:center;
	border-top:1px solid #FFFFFF;
	font-size:18px	
}

/*********************************** forms *****************************************/
form { padding: 0px; margin:0px}

label { font-weight: bold; }

input, textarea, select {
	/*width:210px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	padding:2px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;border:1px solid #FFCC00;
}
input.newsletter {
	width:310px;padding:1px;color: #003366;font-weight: normal;font-size: 11px;
}
input.submit {
width:50px;
padding:0px;
background-color:#6699CC;
color:#FFFFFF;
padding:0px;
border:1px solid #fff;
}
input.submit_2 {
width:56px;
height:19px;
color:#fff;
font-size:13px;
border:none;
background:url(../img/botton.gif) top repeat-x;	
}

input.submit:hover, input.submit_2:hover {
  cursor: pointer;border:none;
}

input.checkbox {
  width:13px;
  padding:0px;
  margin-bottom:0px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
  height:25px;
  line-height:13px;
  background-color:#6699CC;
  color:#FFFFFF;
  font-weight:bold;
  border:2px solid #336699;
}

input.large, select.large {
  width:160px;

}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #cc0000;
}

input:active, textarea:active, select:active {
  border:1px solid #666699;
}


fieldset.coln {
	width:160px;
  	padding:7px 0px 0px 7px;
  	border:none;
	}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}



/*********************************** fine box prodotto *****************************************/


/*********************************** registrazione *****************************************/


	
.divid{
	margin-top:15px; padding-bottom:15px; border-top:1px dotted #cc0000
}


.gallery{ 	color: #20a0da; padding: 5px 0; }

.gallery img{	border: 1px #23a6df solid; float:left; margin-right: 10px; padding: 5px; background-color:#FFFFFF; }
.gallery h2 img{	margin-left: -25px; }
.gallery h2{	
	text-decoration:none;
	font-size: 18px;
	padding-left: 25px;
	margin-bottom:0px;
	background:url(../img/fondo_h2.png) left no-repeat;
	line-height:89px;
	font-weight:normal;	
}
.gallery h2 a{	color: #FFF; text-decoration:none }
.gallery h2 a:hover{	color:#FFFFCC; text-decoration:underline; }
.gallery img a:hover{	color:#3366FF; text-decoration:none; }