/* Begin tag HTML */
body
{
background-color: #fff;
margin: 0;
padding: 0;
text-align: center;
}
img
{
border: none;
}
div#contenitore
{
margin: 0 Auto;
text-align: left;
width: 900px;
}
/* End tag HTML */


/* Begin logo */

h1#logo
{
float: left;
margin: 0;
padding: 0;
width: 333px;
}
h1#logo a
{
background-color: #fff;
background-image: url(../images/logo-sos-archivi.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
clear: both;
display: block;
float: left;
height: 130px;
margin: 0;
padding: 0;
text-indent: -5000px;
width: 288px;
}
/* End logo */


/* Begin menu top */
ul#menuTop
{
float: right;
margin: 4px 0;
padding: 0;
width: 567px;
}
ul#menuTop li
{
float: right;
font: normal normal normal 10px/12px Verdana;
height: 12px;
list-style: none;
margin: 0;
padding: 0;
}
ul#menuTop li a
{
color: #2A2723;
font: normal normal normal 10px/12px Verdana;
text-decoration: none;
padding: 0 9px 0 10px ;
}
ul#menuTop li a:hover
{
color: #F32837;
}
/* End menu top */

/* Begin slide */
div#slide
{
clear: both;
}
div#slideLeft
{
background: #060505;
float: left;
height: 250px;
width: 333px;
}
div#slideLeft img
{
display: block;
}
div#slideRight
{
background: #F32837;
float: left;
height: 250px;
width: 567px;
}
div#slideRight h2
{
color: #fff;
font: italic normal bold 25px/50px Georgia;
margin: 0;
padding: 50px 100px;
}
/* End slide */


/* Begin menu principale */
ul#menuPrincipale
{
background: #2A2723 url(../images/menuPrincipale_bg.gif) repeat-x scroll left center;
float: right;
height: 50px;
margin: 60px 0 0 0;
padding: 0;
text-align: center;
width: 567px;
}
ul#menuPrincipale li
{
float: left;
height: 50px;
list-style: none;
margin: 0;
padding: 0;
}
ul#menuPrincipale li a
{
color: #fff;
display: block;
float: left;
font: normal normal bold 15px/50px Georgia;
height: 50px;
padding: 0 9px 0 10px ;
text-decoration: none;
}
ul#menuPrincipale li a.s
{
background: transparent url(../images/menuPrincipaleLiHover_bg.gif) no-repeat scroll center center;
color: #ccc;
}
ul#menuPrincipale li a:hover
{
background: transparent url(../images/menuPrincipaleLiHover_bg.gif) no-repeat scroll center center;
color: #ccc;
}
/* End menu principale */

/* Begin main */
div#main
{
clear: both;
}
/* End main */


/* Begin bread crumb */
div#breadCrumb
{
clear: both;
color: #2A2723;
font: normal normal normal 10px/25px Verdana;
margin: 0 5px;
padding: 0 5px;
}
div#breadCrumb a
{
color: #F32837;
font: normal normal bold 10px/18px Verdana;
text-decoration: none;
}
div#breadCrumb a:hover
{
text-decoration: underline;
}
div#breadCrumb strong
{
font: normal normal bold 10px/25px Verdana;
}
/* End bread crumb */


/* Begin main left */
div#mainLeft
{
background: #fff url(../images/mainLeft_bg.gif) no-repeat scroll top left;
float: left;
margin: 0;
width: 600px;
}
div#mainLeft h2
{
background: transparent url(../images/h2.gif) no-repeat scroll center left;
color: #F32837;
font: normal normal bold 18px/30px Georgia;
margin: 20px 15px 0 15px;
padding: 0 0 0 30px;
}
div#mainLeft h3
{
border-top: solid 1px #e0e0e0;
background: transparent url(../images/h3.gif) no-repeat scroll center left;
color: #F32837;
font: normal normal bold 15px/20px Georgia;
margin: 20px 15px 0 15px;
padding: 5px 0 5px 15px;
}
div#mainLeft h4
{
color: #F32837;
font: normal normal bold 13px/20px Georgia;
margin: 20px 15px 0 15px;
padding: 5px 0 0 15px;
}
div#mainLeft p
{
color: #2A2723;
font: normal normal normal 12px/22px Verdana;
margin: 15px;
padding: 0;
}
div#mainLeft div.elencoPagine h3
{
border-top: solid 1px #e0e0e0;
background: transparent url(../images/h3.gif) no-repeat scroll center left;
color: #F32837;
font: normal normal bold 15px/20px Georgia;
margin: 10px 15px 0 15px;
padding: 5px 0 0 15px;
}
div#mainLeft div.elencoPagine h4
{
color: #F32837;
font: normal normal bold 13px/20px Georgia;
margin: 20px 15px 0 15px;
padding: 5px 0 0 15px;
}
div#mainLeft div.elencoPagine p
{
color: #2A2723;
font: normal normal normal 11px/18px Verdana;
margin: 5px 15px;
padding: 0 15px;
}
div#mainLeft div.elencoPagine p.continua
{
clear: both;
font: normal normal normal 10px/20px Verdana;
text-align: right;
}
div#mainLeft div.elencoPagine p.continua a
{
color: #F32837;
font: normal normal normal 10px/20px Verdana;
text-decoration: none;
}
div#mainLeft div.elencoPagine p.continua a:hover
{
text-decoration: underline;
}
div#mainLeft ul, div#mainLeft ol
{
/*margin: 0 20px 0 10px;*/
padding: 0 40px;

}
div#mainLeft ul li, div#mainLeft ol li
{
font: normal normal normal 12px/22px Verdana;
}
div#mainLeft a
{
color: #F32837;
}
div#mainLeft a:hover
{
text-decoration: none;
}
/* End main left */


/* Begin in evidenza */
div#mainLeft div.inEvidenza
{
background: #fff url(../images/inEvidenza_bg.gif) no-repeat scroll top left;
float: left;
margin: 10px 0;
width: 570px;
}
div#mainLeft div.inEvidenza h4
{
color: #F32837;
font: normal normal bold 12px/16px Verdana;
margin: 20px 0 0 0;
padding: 0 0 0 15px;
}
div#mainLeft div.inEvidenza p
{
color: #2A2723;
font: normal normal normal 10px/18px Verdana;
margin: 5px 15px;
padding: 0;
}
div#mainLeft div.inEvidenza object
{
float: right;
margin: 10px 10px 10px 0;
}
div#mainLeft div.inEvidenza p.continua
{
border-top: solid 1px #e0e0e0;
clear: both;
font: normal normal normal 10px/20px Verdana;
text-align: right;
}
div#mainLeft div.inEvidenza p.continua a
{
color: #2A2723;
font: normal normal normal 10px/18px Verdana;
text-decoration: none;
}
/* End in evidenza */


/* Begin gallery */
div#mainRight div.gallery 
{
text-align: center;
}
div#mainRight div.gallery img
{
opacity:0.75; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)"; /* IE 8 */
filter:alpha(opacity=75); /* IE 4, 5, 6 and 7 */
border: solid 2px #999;
margin: 0 2px;
}
div#mainRight div.gallery a:hover img
{
opacity:1; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
border: solid 2px #c00;
margin: 0 2px;
}
/* End gallery */


/* Begin main right */
div#mainRight
{
background: #fff url(../images/mainRight_bg.gif) no-repeat scroll top left;
float: left;
margin: 0;
width: 300px;
}
div#mainRight h2
{
background: transparent url(../images/h2.gif) no-repeat scroll center left;
color: #F32837;
font: normal normal bold 18px/30px Georgia;
margin: 20px 15px 0 15px;
padding: 0 0 0 30px;
}
div#mainRight ul
{
margin: 0 15px;
padding: 0;
}
div#mainRight li
{
color: #2A2723;
font: normal normal normal 11px/18px Verdana;
list-style-type: circle;
margin: 0 20px;
padding: 0;
}
div#mainRight li.ico
{
list-style-type: none;
margin: 0;
padding: 2px 0 2px 22px;
}
div#mainRight li.ico-pdf
{
background: transparent url(../images/ico-pdf.gif) no-repeat scroll center left;
}
div#mainRight li.ico-doc
{
background: transparent url(../images/ico-doc.gif) no-repeat scroll center left;
}
div#mainRight li a
{
color: #2A2723;
list-style-type: circle;
margin: 0;
padding: 0;
font: normal normal normal 11px/18px Verdana;
text-decoration: none;
}
div#mainRight li a:hover
{
color: #F32837;
text-decoration: underline;
}
div#mainRight dl
{
margin: 15px;
padding: 0;
}
div#mainRight dl dt
{
margin: 0;
padding: 0;
font: normal normal bold 10px/18px Verdana;
}
div#mainRight dl dt a
{
color: #F32837;
text-decoration: none;
}
div#mainRight dl dd
{
margin: 0;
padding: 0;
font: normal normal normal 11px/18px Verdana;
}
div#mainRight dl dd.continua
{
border-top: solid 1px #e0e0e0;
margin: 0 0 10px 0;
text-align: right;
}
div#mainRight dl dd.continua a
{
color: #F32837;
font: normal normal normal 10px/18px Verdana;
text-decoration: none;
}
div#mainRight dl dd.continua a:hover
{
text-decoration: underline;
}
/* End main right */


/* Begin form */
form
{
border: solid 1px #ccc;
margin: 20px;
padding: 0 5px;
}
form strong
{
background: #fff;
clear: both;
color: #F32837;
display: block;
font: normal normal bold 14px/40px Georgia;
margin: -20px 0 0 0;
text-align: center;
width: 220px;
}
form label
{
clear: both;
display: block;
float: left;
font: normal normal normal 11px Verdana;
padding: 0 5px;
text-align: right;
width: 100px;
}
form input, form button
{
display: block;
float: left;
margin: 0;
padding: 0;
}
form input
{
color: #666;
font: normal normal normal 11px Verdana;
}
form button
{
border: solid 1px #c00;
background: #F32837;
color: #fff;
font: normal normal normal 11px Verdana;
margin: 0;
padding: 5px 20px;
}
/* End form */


/* Begin bottom */
div#bottom
{
border-top: solid 1px #e0e0e0;
clear: both;
color: #666;
font: normal normal normal 10px/15px Verdana;
margin: 0;
padding: 10px;
text-align: center;
}
/* End bottom */