html,body{margin:0;padding:0}

body{
	font: 76% arial,sans-serif;
	text-align:center;
	background:#019ee0 url(../immagini/bg_strada_pesce.gif) repeat-y top center;	
}

/*LAYOUT*/

#container{width:750px;margin:0 auto; position:relative;}
#wrapper{float:left;width:100%}
#content{margin: 0 150px;padding:0 10px;}

#menu-dx{float:left;width:150px;margin-left:-150px}
#menu-sx{float:left;width:150px;margin-left:-750px}

#footer{clear:left;text-align:center}

#footer-wrap{
	float:left;
	width:100%;
	background:#fff6d3;
	height:130px;
	border-top:1px solid #f18e00;
	padding-top:5px;
	text-align:center}
		
#foot-content{margin: 0 150px;padding:0 10px;}
#foot-dx{float:left;width:150px;margin-left:-150px;text-align:center;padding-top:5px;}
#foot-sx{float:left;width:150px;margin-left:-750px;text-align:center;padding-top:5px;}

#box-newsletter{padding:0 5px;margin-bottom:8px;}

#loghi{margin-top:15px;}
#loghi img{padding:0 1px}


/* box-notizie */

.box-notizie {position:relative;width:430px;margin:0 0 0.3em 0;padding:0 0 0.3em 0;}

.box-notizie h1{	
	font-size:1.8em;
	margin-bottom:0.1em;
	padding:3px 0;
	border:none!important;
}

.box-notizie h2{	
	font-size:1.2em;
	font-style:italic;
	margin-bottom:0.5em;
	border:none!important;	
	color:#db8719!important;
}

.box-notizie a.sfumato{position:absolute;top:30px;right:0;width:200px;}

div.box-notizie p{font-size: 1.0em; line-height: 1.4em; color:#454545;padding:0 0 0.8em 0!important;margin:0;border-bottom:1px solid #ccc}

.box-notizie#eventi h1, .box-notizie#eventi h2{color:#f18e00}
.box-notizie#eventi img{border:2px solid #f18e00; float:left; margin:8px 10px 3px 0}

.box-notizie#offerte h1{color:#00a6eb}


/* MENU-UP */
#menu-up {
	width:750px;
	position:absolute;
	top:220px;
	left:0;
	background: #fff url(../immagini/menu-up-on.gif) top left repeat-x; 
}

#menu-up ul{ 
	margin:0;padding:0;
	font-size: 9pt;
	font-weight: bold;
	background: transparent;
}

#menu-up li {
	background: #fff url(../immagini/menu-up-on.gif) top left repeat-x; 
	padding: 8px 0 9px 1px; 
	list-style: none; 
	margin: 0; 
	float:left;
}

#menu-up li a { 
	background: #fff url(../immagini/menu-up-on.gif) top left repeat-x; 
	padding: 8px 7px 8px 7px; 
	color: #276db6; 
	border-left: 1px solid #eee; 
	border-right: 1px solid #aaa; 
	text-decoration:none;
	/* Fix x IE 5.0 Win e IE Mac \*/ margin: -8px 0 -8px 0; display: block; /* End */ 
}

#menu-up li a:hover { 
	background: #fff url(../immagini/menu-up-over.gif) top left repeat-x; 
	padding: 8px 7px 8px 7px; 
	text-decoration: underline; 
}

#menu-up li a.last{border-right:none}

/*LISTE COLONNE*/

ul{margin:0 0 10px 5px;padding:0;list-style-type:none;}

#content ul li, #menu-dx ul li, #menu-sx ul li{
	line-height:1.4em;
	padding-left:15px;
	padding-bottom:1px;
	background:transparent url(../immagini/freccia_blu.gif) no-repeat center left;
}

div#content ul li{margin-bottom:0.5em;padding-bottom:0.5em;border-bottom:1px solid #ccc; background-position:top left}

#menu-dx ul.offerte li{background-image:url(../immagini/freccia_red.gif);}


#menu-dx ul li a, #menu-sx ul li a{color:#00386a;text-decoration:none;}
#menu-dx ul li a:hover, #menu-sx ul li a:hover{color:#FFF;}

#menu-dx h1, #menu-sx h1{
	color:#f18e00;
	border-bottom:1px solid #f18e00;
	margin:0;
	font-size:1.5em;
	margin-bottom:0.3em;
	padding:3px 4px;
}

#menu-dx h1.blu{
	color:#00a6eb;
	border-color:#00a6eb;
}

/*SHEA REPLACEMENT*/

#titolo-head {
	margin:0;padding-top:10px;
	width: 750px;
	height: 75px;
	position: relative;
	background-color:#FFF;
}
	
#titolo-head span {
	background: url(../immagini/logo_head.gif) no-repeat top center;
	position:absolute;
	width: 100%;
	height: 100%;
}

#titolo-head a{text-indent:-1000px;}

/*FORMATTAZIONE*/

h1,h2,h3,h4,h5{margin:0;}

#container{text-align:left;}
#content p { font-size: 1.1em; line-height: 1.4em; color:#000;padding:3px 0;margin:0;margin-bottom:0.5em;}
#footer p{margin:0;padding:5px 10px}

#content h1{
	color:#00a6eb;
	border-bottom:1px solid #00a6eb;
	margin:0;
	font-size:1.7em;
	margin-bottom:0.1em;
	padding:3px 0;
}

#content h2{
	color:#f18e00;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:3px 0;
	line-height:1.4em;
	font-style:italic;
}

#menu-dx p{margin:5px 0;}
#footer p{font-size: 0.9em;color:#00a6eb}
#footer a{color:#00a6eb;text-decoration:underline;background:none;}

#box-newsletter{color:#036;font-size:0.9em;}
div#box-newsletter p{padding:0!important;}

div#content p.trattoda{text-align:right;font-size:0.9em;color:#999; font-style:italic;}

/* LINK */

a:link {color: #C00; text-decoration: underline;}
a:visited {color: #C00;}
a:focus {color:#C00; }
a:hover {text-decoration:none; color:#FFF; background-color:#C00;}

a.sfumato{display:block;text-align:right;font-weight:bold;padding:4px;}
a.sfumato#blu{background:transparent url(../immagini/bg_blu_sfumato.gif) no-repeat center right;color:#FFF!important;}
a.sfumato#arancio{background:transparent url(../immagini/bg_arancio_sfumato.gif) no-repeat center right;color:#FFF!important;}

/*FORM*/

input, textarea { background-color:#fff; font-size:0.9em; border: 1px solid #1b4e6b; padding: 0.5em; }
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #d9eaf4; }
textarea { width: 400px; font-size:1em}
p.input { padding: 5px 0 0 0;}

#menu-dx p.input input, #menu-dx textarea { width: 125px; }

.bottone{padding:0.1em}

div#content p.input label {
	display:block;
	color:#00a6eb;
	margin:0; padding:0 0 2px 0;
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	border-bottom:1px solid #d9eaf4;
}

p.input input.checkbox  { width: 20px; }

/*TABELLE*/

table{
	width:100%;
	background:transparent url(../immagini/bg_table.gif) repeat-y top left;
	text-align:left;
	margin:5px 0;
}

td, th{border-bottom:1px solid #FFF;padding:2px;}


/*VARIE*/

img{border:0;}
a.no-bg:hover{background:none;}
.clear{clear:left;}
.left{border:2px solid #00a6eb; float:left; margin:5px 10px 2px 0; background-color:#FFF; padding:4px;}
.left-nob{float:left; margin-right:5px;}
.border{border:1px solid #00a6eb; margin-bottom:8px; }
.foto-territorio{border:2px solid #00a6eb; padding:4px;}
.centrato{text-align:center;}

div#content p.info{border:2px solid #FF6600;padding:3px; background-color:#eee;}
div#content p.ricetta{text-align:center;margin:3px 0;border-top:1px solid #ccc;}
div#content p.ricetta strong{color: #FF6600}
div#content p.small{border-top:1px solid #ccc;padding:3px;font-size:0.9em;color:#666}