body  {
	margin: 0; 
	padding: 0;
	font-family : "Trebouchet-MS", "Verdana", "Tahoma";
	font-size : 70%;
	color: #000000;
	margin-left: 0%;
	margin-right: 0%;
	background-image: url(../images/wwwmbearezzocom/page_bg.jpg);
	background-repeat: repeat-x;
	
}
a:link {
	color: #850001;
}
a:hover {
	color: #666666;
}
h1 {
	font-size: 127%;
	}
h2 {
	font-size: 110%; margin: 0 
}
h3 {
		font-size: 110%; margin: 0
	}
h4 {font-size: 102%; margin: 0 
}
h5 {font-size: 104%;}
h6 {font-size: 102%;}
h1,h2,h3,h4,h5 {
	color: #850001;
}

/*contenitore principale */

.mbe #container {
	background: #FFFFFF;
	/*border: medium solid #B61622;*/
	text-align: justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

/*contenitore testi e immagini */
.mbe #mainContent {
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 20em;
    padding-top:1em;      
} 
/*posizionamento immagini */
.mbe #immagine
{float: left; margin: 5px; border: 1px solid #B61622;
}
.mbe #destra
{float: right; margin: 5px; border: 1px solid #B61622;
}

/*intestazione*/

.mbe #header {
	background-color: #B61622;
	background-image: url(../images/wwwmbearezzocom/header_1.jpg);
	background-repeat: no-repeat;
	height: 138px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 

/*barra a sinistra con pulsanti*/
.mbe #sidebar1 {
	float: left;
	width: 15em;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(../images/wwwmbearezzocom/colonna_bg.jpg);
	border-right-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #B61622;
	border-right-color: #B61622;
	border-bottom-color: #B61622;
	border-left-color: #B61622;
	border-bottom-width: thin;
	background-repeat: repeat-y;
}

/*pulsanti*/
#menu {
	margin: 0;
	padding: 0;
	background: #808080;
}

#menu a {
	display: block;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/wwwmbearezzocom/arr_white.gif);
}

#menu a:hover {
	color: #FFFFFF;
	background-color: #B81321;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/wwwmbearezzocom/arr_orange.gif);
	
}

/*pulsanti applicazione*/
#menu a#app {
    display: block;
    color: #FFFFFF;
    padding: 5px 0 5px 19px;
    text-indent: 10px;
    margin: 0 0 1px 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #850001;
    background-image: url(../images/wwwmbearezzocom/arr_red.gif);
}

#menu a#app:hover {
    text-indent: 10px;
    color: #000000;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FFFFCC;
    background-image: url(../images/wwwmbearezzocom/arr_yel.gif);
}
#menu a.app {
    display: block;
    color: #FFFFFF;
    padding: 5px 0 5px 19px;
    text-indent: 10px;
    margin: 0 0 1px 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #850001;
    background-image: url(../images/wwwmbearezzocom/arr_red.gif);
}

#menu a.app:hover {
    text-indent: 10px;
    color: #000000;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FFFFCC;
    background-image: url(../images/wwwmbearezzocom/arr_yel.gif);
}
/*footer della pagina*/
.mbe #footer {
	padding: 0 10px;
	background-image: url(../images/wwwmbearezzocom/bg_footer.jpg);
	color: #FFFFFF;
	font-size: 90%;
	
} 
.mbe #footer p {
	margin: 0;
	padding: 10px 20px;
	text-align: right;
}

/*separa i contenuti dal footer*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*casella per il login*/

#login {
	background-color: #FFFFCC;
	background-image: url(../images/wwwmbearezzocom/login.jpg);
	text-align: left;
	font-weight: normal;
	/*width: 15em;*/
	background-repeat: no-repeat;
	background-position: top;
}

#login form {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}
#login input {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #B61622;
}

#inputtext1, #inputtext2 {
	color: #B43939;
}

#inputsubmit1 {
	background: #B43939;
	color: #FFFFFF;
}

/*casella per le news*/

#newsbox {
	text-align:left;
	/*width: 163px;*/
	background-color: #000000;
	text-indent: 2px;
	border-bottom-color: #CCCCCC;
	vertical-align: middle;
/*	background-image: url(../images/wwwmbearezzocom/basso.jpg);
	background-position: bottom;
	background-repeat: no-repeat;*/
	padding-top: 0px;
	padding-right: 0em;
	padding-bottom: 16px;
	padding-left: 0em;
	margin: 0em;
}
#newsbox p, #newsbox div
{
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	font-variant: normal;
	font-style: normal;
	margin: 0;
	width: auto;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#newsbox a:link 
{
color: #FECB02;
	}

#newsbox H3
{
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: white;
/*	background-image: url(../images/wwwmbearezzocom/news.jpg);
	font-style: italic;
	background-repeat: repeat-x;*/
	text-align: center;
	font-variant: normal;
	margin: 0px;
	/*height: 40px;*/
	width: auto;
	padding: 5px;
	/* fix che era nell'html */
	outline-color: rgb(255, 0, 0); outline-style: solid; outline-width: 1px;
	background-color:#850001;
}
#newsbox H4
{
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px;
	background-color: #850001;
	font-style: italic;
	border: thin none #FFCC00;
	margin: 0;
}

/*modulo richiesta info*/
#modulo {
	background-color: #FFFFCC;
	text-align: left;
	font-weight: normal;
}


#modulo fieldset {
	border: none;
}

#modulo legend {
	display: none;
}
#modulo input {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #B61622;
}

#inputtext1, #inputtext2 {
	color: #B43939;
}

#inputsubmit1 {
	background: #B43939;
	color: #FFFFFF;
}

/*breadcrumb barra di navigazione*/
div.breadcrumbs {
	overflow:hidden;
	padding:0;
	height:30px;
	line-height:30px;
	width: auto;
	background-image: url(../images/wwwmbearezzocom/breadcrumb_sfondo.jpg);
	margin: 0px;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	height:30px;
	padding:0 8px;
	font-style:normal;
}
div.breadcrumbs span {
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;
	background-image: url(../images/wwwmbearezzocom/bg-span.png);
	background-repeat: no-repeat;
	background-position: left center;
}



/* Nuovo layout 2 colonne - v http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm */
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:87%;			/* right column width */
	background:white;/*#f4f4f4; left column backg	round colour */
}
.leftmenu .col1 {
	width:85%;			/* right column content width */
	left:101%;			/* 100% plus left column left padding */
	
	padding-top: 2em;
}
.leftmenu .col2 {
	width:13%;			/* left column content width (column width minus left and right padding) */
	left:2%;			/* (right column left and right padding) plus (left column left padding) */
}
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}