@import url("reset.css"); 

body {
	text-align: center;	
	padding: 0;
	margin: 0;
	background-image: url(muro.jpg);
	background-repeat: repeat-x;
	background-position: 0 84px;	
}
#centrato {
	width: 894px;
	margin: 0 auto;
	text-align: left;
	background-image: url(back-page.gif);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;

}
#contenitore {
	margin: 0 0px 0 0px;
	padding: 0 0 0 20px;
	font-family: Georgia, serif;
	font-size: 12px;

	}

/* ------------------------ Intestazione ------------------------ */

h1#logo {
	margin: 0;
	padding: 0;
	width: 389px;
	height: 85px;
	top: 0px;
	left: 0;
	background-image: url(maixei-logo.gif);
	background-repeat: no-repeat;
	position: absolute;
}
h1#logo a {
	display: block;
	height: 85px;
	font-size: 10px;
}
h1#logo a  {
	text-indent: -999px;
}
#top {
	width: 284px;
	height: 15px;
	position: absolute;
	top: 55px;
	right: 20px;	
	font-family: Georgia,serif;
	font-size: 12px;
}
#top ul {
	margin: 0;
	padding: 0;	
}
#top ul li {
	float: left;	
	list-style: none;
	margin: 0;
	padding: 0;
}
#top ul li a {
	display: block;
	float: left;
	height: 15px;
	text-decoration: none;
	font-family: Georgia, serif;	
}

#top #newsletter a:hover, #top #newslettercurr, #top #contatticurr, #top #contatti a:hover , #top #eventicurr, #top #eventi a:hover {
	color: #B91515;
}
#top #newsletter, #top #newslettercurr  {
	width: 80px;
	background-image: url(bustina.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	padding: 4px 0 0 20px;
}

#top #contatti, #top #contatticurr {
	width: 50px;
	background-image: url(i.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	padding: 4px 0 0 13px;
}
#top #eventi, #top #eventicurr {
	width: 106px;
	background-image: url(eventi.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	padding: 4px 0 0 13px;
}
#top #newsletter a, #top #contatti a, #top #eventi a, #colonna3 a {		
	color: #535353;
}

#intestazione {
	margin: 0;
	padding: 0;
	height: 85px;
	position: relative;
}

/* ------------------------ Corpo ------------------------ */

#corpo {
	font-family: Georgia, serif;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0px 0 20px 0;
	color: black;
	line-height: 16px;
	
}
#colonna1 {
	float:left;
	width: 220px;
	padding: 0 0 0 0px;
	margin: 0;
}

#colonna2 {
	float:left;
	width: 369px;
	padding: 0 23px 0 10px;
	margin: 0;
}
#colonna3 {
	float:left;
	width: 226px;
	margin: 0;
	text-align: center;
	position: relative;
}
#colonnabis {
	float:left;
	width: 609px;
	padding: 0 0 0 10px;
	margin: 0;
}
#colonna2 h2, #colonnabis h2 {
	font-size: 18px;
	color: #b91515;
	margin: 0;
}
#colonna2 h3, #colonnabis h3 {
	font-size: 14px;
	color: black;
	margin: 20px 0 0 0;
	padding: 0;
	
}
#colonna2 a {
	color: #535353;
	text-decoration: underline;
}
#colonna2 a:hover {
	color: #b91515;
	text-decoration: underline;
}

.virg {
	padding: 50px 10px 10px 10px;
	text-align:right;
	font-size: 20px;
	color: black;
	line-height: 26px;
}

#colonnabis ul {
	list-style-type: square;
	list-style-position: inside;
}
#colonnabis li a {
	color: #535353;
	text-decoration: none;
}
#colonnabis li a:hover{
	color:#b91515;
	text-decoration: none;
}
#colonnabis ul li ul li {
	padding: 0 0 0 15px;
}
#colonna2 .eventi p {
	padding-bottom: 10px;
}
#colonnabis a {
	color: #535353;
}
#colonna2 .sxeventi {
	float: left;
	padding: 0 15px 15px 0;
}
#colonna3 #gall {
	width: 226px;
}

#gallabel {
	padding: 0 0 10px 65px;
	background-image: url(mf.gif);
	background-repeat: no-repeat;
	background-position: 45px 3px; 
	text-align: left;
	text-decoration:none;
	}

#colonna2 .dxfoto {
	float: right;
}
/* ----------- menu pricipale --------- */

#colonna1 ul {
	margin: 0;
	padding: 0 0 0 0;
}
#colonna1 ul li {
	list-style: none;
	margin: 0;
	height: 16px;	
	font-family: Georgia, serif;
	font-size: 12px;
	padding: 0 0 0 20px;
}
#colonna1 ul li a {

	text-decoration: none;	
	color: #535353;
	
}
#colonna1 ul li a:hover {
	color: #b91515;
}
#colonna1 #curr {
	padding: 0 0 0 20px;
	color: #b91515;
}

#colonna1 #casa {
	background-image: url(home.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	width: 200px;
	height: 30px;
}
#colonna1 #alto {
	height: 30px;
}
#colonna1 #curralto {
	height: 30px;
	padding: 0 0 0 20px;
	color: #b91515;
}

/* ------------------------ Piede ------------------------ */

#piede {
	height: 60px;
	float: left;
	width: 100%;
	font-family: Georgia, serif;
	font-size: 10px;
	position: relative;
	background-image: url(riga.gif);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

#piede a {
	color: #535353;
	text-decoration: none;

}
#piede a:hover {
	text-decoration: none;
	color: #b91515;
}
#piede #cur {
	color: #b91515;
}
#piede .sx {
	position: absolute;
	left: 0px;
	top:40px;
	width: 415px;
	text-align: left;
}
#piede .dx {
	position: absolute;
	top: 40px;
	right: 20px;
 	width: 300px;
	text-align: right;
}
#piede p {
	margin: 10px 0;
}
.clear {
	clear: both;
}

/* ------------------------ Home ------------------------ */

#hcorpo {
	height: 220px;
	margin: 0 0 0 0;
	margin: 0;	
	font-family: Georgia, serif;
	font-size: 12px;
	color: black;
	text-align:left;
	line-height: 16px;
}


#hbanner {
		height: 260px;
 margin: 0;
	padding: 0;
	position: relative;
} 
#hbanner #hflash {
		position: absolute;
		top: -1px;
		left: -15px;
}

#hcolonna1 {
	float:left;
	width: 283px;
	padding: 0 0 0 0px;
	margin: 0;
}
#hcolonna2 {
	float:left;
	width: 283px;
	padding: 0;
	margin: 0;

}
#hcolonna3 {
	float:left;
	width: 283px;
	margin: 0;
}
#hcolonna1 h2 a, #hcolonna2 h2 a, #hcolonna3 h2 a {
	font-size: 14px;
	color: #b91515;
	margin: 0;
}
#hcolonna1 img, #hcolonna2 img, #hcolonna3 img {
	float: left;	
}

#hcolonna1 a, #hcolonna2 a, #hcolonna3 a  {
	text-decoration: none;
	color: black;	
}
#hcolonna1 a, #hcolonna2 a, #hcolonna3 a {
	text-decoration: none;
	color: black;	
}
#hcolonna1 a:hover, #hcolonna2 a:hover, #hcolonna3 a:hover {
	color: #b91515;
}
/* ------------------------ bottiglie  ------------------------ */

.over {
	cursor: pointer;
	color: #b91515;
}
.overgall {
	color: #b91515;
}
#fronteretro a {
	color: #535353;
}
#fronteretro a:hover {
	color: #b91515;
}
#fronteretro a.selected {
	text-decoration: none;
	color: black;
}
.down a {
	width: 180px; 
	height: 24px;
	color: #535353;
	text-decoration: underline;
	background-image: url(pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 8px 0 0 27px;
	display: block;
	text-align: left;
}
.down a:hover {
	color: #b91515;
	text-decoration: underline;
}
.down img {
	padding: 0 3px 0 0;
	
}
/* ------------------------- form ----------------------------*/
.campo {
	border: 1px solid #535353;
	font-size: 12px;
}
.pulsante {
	font-size: 14px;
	background-color: white;
	color: #535353;
	cursor: hand;
	border: 1px solid #535353;	 
}
#modulo {
	width: 300px;
}
#modulo label {
	display: block;
	padding: 6px 0 0 0 ;
	width: 120px;
	float: left;
	clear:both;
}
#modulo input, #modulo select {
	margin-bottom: 10px;
}
#modulo label.error {
display:none;
}
#modulo input.error {
	border: 1px solid #b91515;
}
#errori {
	display: none;
}
