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

body { background:#8C2E41; font-family: Georgia, Verdana, serif; font-size:76%; line-height:1.8em; color: #000000; }

/* ---------------------------- header -------------------------------- */

#header { background: url(../images/header_bg.png) repeat-x; height: 200px; position:relative; }

#logo { background: url(../images/logo.png) no-repeat left; height: 200px; width: 700px; margin:0 auto; }

#logo h1 { text-indent:-9999px; margin:0; padding:0; }

#logo a { display: block; width: 700px; height: 200px; }

/* ----------------------------- menu ----------------------- */
#menu { 
	padding: 15px 0;
	margin:0 auto;
	width: 90%;
	list-style-type:none;
	text-align: center;
}

#menu li {
	margin: 0px 0.3em;
	list-style-type:none;
	display:inline;
	padding:0.8em 0 1em 0;
	background: url(../images/menu_bg.jpg) repeat-x;
}

#menu li a { 
	font-size: 1.4em; 
	text-decoration: none; 
	font-weight: normal;
	color: #566475;
	text-decoration: none; 
	padding:0 1em 0 1em;
}

#menu li a:hover { 
	color: #8C2E41;
	text-decoration: underline; 

}

#menu li a.selected { 
	color: #8C2E41;
	text-decoration: none; 
}


/* ----------------------------- footer ----------------------- */

#footer { padding:0 0 100px 0; background: #8C2E41; width: 90%; margin:0 auto; font-size: 1em; color: #ffffff; }
#footer a { color: #ffffff; }
#footer a:hover { color: #FFCC00; }

/* --------------------- content ---------------------------------- */

#content { 	background:#FFF8F8 url(../images/content_bg.jpg) repeat-x bottom; padding-bottom: 150px; }

#left-col { width: 35%; float: left; }
#right-col { margin-left: 35%; text-align:right; }

#text { 
	width:75%;
	margin-left: auto;
	margin-right: auto;
}

#text h2 { 
	font-size: 1.8em; 
	color: #8C2E41;
	font-weight:normal;
}

#text h3, #text h4 { 
	font-size: 1.4em; 
	color: #8C2E41;
	font-weight:normal;
}


#text p { 
	padding: 5px;
	margin:5px 0;
	text-align: justify; 
}

#text p.first:first-letter { 
	font-size:1.8em;
	color:#8C2E41;
	float:left;
	padding-right: 0.1em;
	line-height:1em;
	font-weight:normal;
}

/*-----------------[ box ]----------------------------------------------------*/
#box { 
	margin: 30px auto; 
	width: 700px; 
	border-left: 1px dotted #D7A5AE;
	border-right: 1px dotted #D7A5AE;
	padding-bottom: 15px;
}

#box H3 {
	text-align: center;
}

#box H4 {
	padding:5px 15px 0 15px;
	margin-bottom:0;
}

#box p {
 padding:5px 15px;
 margin-top:0;	
}

#box p a {
 color:#000000;
}

#box h4 a, #box a:hover {
 color:#8C2E41;
}

#box ul {
	margin:15px 0 0 0;
	padding:0 15px;
}

#box li {
	list-style-type: none;
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding: 0 0 10px 20px;
	text-align:justify;
}

/* ---------------------[ NEWS ]------------------------------------- */

.articolo { width:670px; margin:0 15px 15px 15px; float:left; display:inline; }
.foto-articolo { float:left; width:180px; }
.testo-articolo { float:left; width:490px; }

.testo-articolo h4 { margin-top:0; padding-top:0;}

html body div.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }


/* ---------------------[ LISTINO ]---------------------------------- */

#listino { 
	border-collapse: collapse; 
	margin:0 auto 10px auto;
	width: 100%; 
}

#listino th, #listino td { 
	padding: 5px;
	border-bottom: 1px dotted #D7A5AE;
	text-align:left;
	width:33%;
}

#listino td p { margin-left: 2em; }
#listino th { font-weight:bold; }



/* -------------------- [ CONTATTI ] ------------------------------------- */
#contatti {
	margin:20px 0 0 0;
	padding:0;
	float:right;
}

#admin {
	margin:20px 0 0 0;
	padding:0;
	float:left;
	width:500px;
}

fieldset { border:0; margin:0; padding:0; }

legend {
	padding-bottom:5px;
	padding-left:130px;
	margin:0 0 10px 0;
	font-weight: normal;
	font-size:1.4em;
	color:#8C2E41;
}

#contatti label, #contatti input, #contatti textarea, #admin label, #admin input, #admin textarea, #delete input {
	display:block;
	width:280px;
	float:left;
	margin-bottom:15px;
	font-family: Georgia, Verdana, serif;	
}

#contatti label, #admin label  {
	text-align: right;
	width:110px;
	padding-right: 20px;
}

input, textarea {
border:1px dotted #D7A5AE;
padding:3px;
background:none;
}

input:focus, textarea:focus, input.sffocus, textarea.sffocus {
	background: #ffffff;
}

textarea { overflow:hidden; font-size:1em; }

#contatti input.submit, #admin input.submit, #delete input.submit {	
	color:#8C2E41;
	width:auto;
	cursor:pointer;
	background:none;
	border:none;
	font-size:1.4em;	
}

#contatti p input.submit, #admin p input.submit {
	margin:0px 10px;
}

#content p.button { margin:0 0 30px 120px; }

#contatti .validation-advice, #admin .validation-advice {
	margin:5px 0 10px 120px;
	padding:5px;
	color:#8C2E41;
	font-weight: normal;
	clear:left;
}

#admin input.check, #delete input.check {
	width:auto;	
}

#admin .hidden, #delete .hidden {
	display:none;
}

#delete {
	margin:20px 0 0 0;
	padding-top:30px;
	padding-left:10px;
	clear:both;
}

#delete fieldset {
	border:0;
	margin:5px 0 10px 0;
	padding:0;
}

#delete p input.submit {
	margin:0px 10px;
}

.info-form {
	display:inline; 
	margin:0;
	float:left;
	position:relative;
	top:-20px;
	padding:0;
}

#admin label.vspace {
	height:60px;
}

#content p.indirizzo {
padding:0;
margin:15px 0;
}

#content p.telefono {
padding:0 0 5px 25px;
background: url(../images/phone.gif) no-repeat 0 0;
vertical-align:bottom;
margin-top:10px;
}

#content p.mail {
padding:0 0 5px 25px;
background: url(../images/mail.gif) no-repeat 0 0;
vertical-align:bottom;
margin-top:10px;
}

#content p.fax {
padding:0 0 5px 25px;
background: url(../images/fax.gif) no-repeat 0 0;
vertical-align:bottom;
margin-top:10px;
}

#content p.mobile {
padding:0 0 5px 25px;
background: url(../images/mobile.gif) no-repeat 0 0;
vertical-align:bottom;
margin-top:10px;
}

/* ----------------------------------[ 	NEWS ]------------------------------------------ */
#side-left {
	width: 80%;
	float: left;
}

#side-right {
	margin-left: 80%;
	text-align:right;
}

/* ----------------------------------[ 	MAP ]------------------------------------------ */
#map {
	width: 75%; 
	margin:20px auto 40px auto;
	height: 300px; 
	border:1px dotted #D7A5AE;
}

#home { margin:0 auto; text-align:center; }

#home img { border:none;}

/* ----------------------------------[ FOTO ]------------------------------------------ */
#gallery {
text-align:center;
margin:0 auto 40px auto;
padding:20px 0 0 0;
width:650px;
}

#foto { padding:0; margin:0 0 0; list-style-type:none; }

#foto li {
	margin:0 0 20px 0;
	list-style-type:none;
	float:left;
	padding:0 0 16px 0;
    background: url(../images/shadow-image.jpg) no-repeat bottom center
}

#foto li a img {
	margin:0 10px;
	border:1px solid #D7A5AE;
	padding:2px;
	background:#fff;
	display:block;
}

#immagini { 
	padding: 20px 0 0 0;
	margin:0 auto;
	text-align: center;
}

span.foto { display:inline; }
span.foto img {margin:0 1em 20px 1em;}
/* ----------------------[ COMMON ELEMENTS ]------------------------- */

a { color: #8C2E41; text-decoration:none; }
a:hover { text-decoration: underline; }
strong { color:#8C2E41; font-size: 1.4em; font-weight:normal; }
hr.clearer { clear: both; line-height: 0; height: 0; visibility:hidden; margin:0; }
.right { float: right; margin:10px; }
.left { float: left; margin:10px; }

/* ------------------------------ [ CAROSELLO E FOTO ] ---------------------------- */
#container-carousel {
position:relative;
background:url(../images/carosello.jpg) no-repeat;
margin:10px auto 70px auto;
width:750px;
height:320px;
padding:0;
}

#carosello {
margin:0 auto; 
width: 600px;
padding:95px 0 0 0;
}

#carosello .carousel-list li { 
width:180px;
border:none;
margin:0 0 0;
padding:0 10px 16px 10px;
background:url(../images/shadow-carousel.jpg) no-repeat bottom center;
}

#carosello .carousel-list li img { display:block; }
#carosello .carousel-list li a img { padding:2px; background:#fff; border:1px solid #D7A5AE; }
#prev-arrow-container { position:absolute; top:140px; left:30px; padding:0; }
#next-arrow-container { position:absolute; top:140px; right:30px; padding:0; }
#next-arrow, #prev-arrow { cursor:pointer; }