/* Css for MirellaSpinosa.iT --- By Giacomo Paolilli*/ 

/* Generali */
html, body{margin:0; padding:0; text-align:center;} 
body{background:#F2F5FE url("../images/bg.gif") 0 0 repeat-x; 
font-family: "Trebuchet MS", Verdana, Tahoma, Arial,  sans-serif;} 
h2{font-size: 1.1em; padding-right: 35px; padding-left: 55px;}
#pagewidth{width:90%; text-align:left; margin-left:auto; 
margin-right:auto;  border:1px solid #D7E0FA; background-color: #fff;} 

/* Testata */ 
#header{position:relative; height: 198px; background: transparent url(../images/bg1.gif) repeat-y right;
width:100%; border-bottom:1px solid #D7E0FA; font-size:1em;} 
.sin{margin:0; padding:0; width:197px; height:200px; background:transparent; float:left;}
.des{margin:0; padding:0; width:70%; float:right; text-align:right; height:200px;} 
 
/*Colonna a sinistra*/
#leftcol{width:22%; float:left;  position:relative; padding-left:15px;}
.intesta{width:100%; height:20px;  color:#fff;  background: transparent url(../images/titlebg.jpg);  
font-weight: bold;}
#current{color:#8995ad;}
.acapo{clear:left; height: 12px;}

/*Colonna a sinistra - Bordi arrotondati*/
/* Angolo in basso a sinistra. Contiene la larghezza di tutto il box e lo sfondo */
.bl {background: #DEEFFF url(../images/bl.gif) no-repeat 0 100%; width:90%; margin: 0 auto;}
/* Angolo in basso a destra*/
.br {background: url(../images/br.gif) no-repeat 100% 100%;}
/* Angolo in basso a destra per box citazione */
.br1 {background: url(gfx/br.gif) 100% 100% no-repeat; text-align:center;font-size:95%;}
/* Angolo in alto a sinistra*/
.tl {background: url(gfx/tl.gif) 0 0 no-repeat;}
/* Angolo in alto a destra. Contiene il padding per distanziare i bordi dal testo*/
.tr {background: url(gfx/tr.gif) 100% 0 no-repeat; padding-bottom:10px; padding-top:10px; text-align:center;}
/* Angolo in alto a destra per box ricerca. Contiene il padding per distanziare i bordi dal testo*/
.tr1 {background: url(gfx/tr.gif) 100% 0 no-repeat; padding:10px; text-align:left;}

/*Colonna a sinistra - Menu Incipit*/
.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width:100%;}
.markermenu li a{
background: #DEEFFF url(../images/bullet.gif) no-repeat 9px center;
font: bold 14px  "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;}
* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 100%;}
.markermenu li a:visited, .markermenu li a:active{
color: #00014e;}
.markermenu li a:hover{
color: black;
background-color: #ffffcb;
background-image:url(../images/bullet1.gif);}

/*Colonna a sinistra - Menu Incipit*/
.markermenu2{
list-style-type: none;
margin: 5px 0;
padding: 0;
width:100%;}
.markermenu2 li a{
background-color: #DEEFFF;
font: bold 14px  "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;}
* html .markermenu2 li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 100%;}
.markermenu2 li a:visited, .markermenu2 li a:active{
color: #00014e;}
.markermenu2 li a:hover{
color: black;
background-color: #ffffcb;}

/*Corpo centrale*/ 
#maincol{float: right; display:inline; position: relative; width:75%; height:100%;}
.mainbg1 {background-image: url(../images/bgmain1.jpg);
background-repeat: repeat-x;}
.mainbg2 {background-image: url(../images/bgmain2.jpg);
background-repeat: repeat-x;}
#maincol a:link{ font-size:1em; color:#339; font-weight:bold;}
#maincol a:visited{font-size:1em; color:#804040; font-weight:bold;}
#maincol a:hover{font-size:1em; color:#808080; font-weight:bold;}
#maincol a:active{font-size:1em; color:#333333;}
#maincol p{margin:0; text-align:justify; padding-bottom: 10px;
padding-right: 35px; padding-left: 35px; font-size: 1em; line-height: 1.4em;}
#maincol ul{list-style-image: url(../images/arrow.gif); padding-right: 35px; padding-left: 55px;}
#maincol p:first-letter{font-size: 130%; color: #333399; font-weight: bold; font-style: italic;}
img.displayed{display: block; margin-left: auto; margin-right: auto; }
img.left{display: block; margin-top: 35px; margin-bottom: auto; margin-left: 0; margin-right: auto; }
#briciole{text-align:left; padding-bottom: 10px; padding-right: 20px;
padding-left: 45px; font-size: 1em; line-height: 4.4em; height:79px;
background: transparent url(../images/corner.gif) no-repeat top left;}
.barra{background: transparent url(../images/bar22.jpg) 2% center repeat-y;}
 
/*Piede*/
#footer{height:100px; border: 1px solid  #D7E0FA; background: #FFFFFF url(../images/main1.gif); 
clear:both;  color:#000;} 
#footer p{margin: 0; text-align:center; padding: 10px; font-size: 0.8em; line-height: 1.4em;}

 /* *** FIX *** */ 
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}

/* *** IE-Mac *** */ 
* html .clearfix{height: 1%;}
.clearfix{display: block;}