@charset "utf-8";
/* CSS Document */

/* CSS Valori Resettati */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,a,
img,li,ol,ul,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
}
/* Generale */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	padding:20px 0 20px;
	font-weight:normal;
	line-height:1.3em;
	background:#580000; 
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1.1em;
	color:#333;
}
h1 {
	margin:0 0 20px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	height:26px;
	line-height:26px;
}
h1 span {
	font-size:10px;
	font-weight:normal;
}
h2 {
	font-size:16px;
	color:#7e0804;
	font-weight:700;
	margin-bottom:15px;
}
h4{
	color:#006699; font-size:12px; margin:25px 0 5px 0;
}
h5 {
	font-size:16px;
	color:#7e0804;
	font-weight:700;
	margin-bottom:15px;
	padding-top:15px;
}
p { margin-bottom:8px; }
a { color:#FF3300; text-decoration:none;}
a:hover { color:#F60;}
.clear{
	clear: both;
}
a:focus { outline: 0; }

.titolo_articolo { margin:0 0 5px 0; }
.sottotitolo_articolo { font-weight:700; }

/* Container */
#container {
	width:780px;
	margin:0 auto;
	padding:0;
	background: #FFFFFF url(../immagini/bg_container.png) top left repeat-y;
}
/* Sidebar */
#sidebar {
	float:left;
	width:200px;
	margin:0 0 50px 0;
	padding:0;
}
.logo {
	margin:25px 0 48px 0;
	padding:0;
	text-align:center;
	color:#7e0804;
}
.logo h1 {
	font-size: 18px;
	font-weight:bold;
	line-height:1.3em;
	color:#7e0804;
	padding:0;
	margin:0;
}
.logo p {
	font-size: 12px;
	margin:0;
}
.logo span {
	margin-top:5px; font-size:10px; font-style:italic;
}
.logo img {
	margin:10px 0 5px 0;
}
#menu_blocco {
	width:170px;
	margin:0 auto;
	padding:0;
}
#menu_blocco h3 {
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	height:22px;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:700;
	line-height:18px;
	background: url(../immagini/bg_titolomenu.gif) repeat-x;
}
#menu_blocco ul {
	margin:0 0 30px 0;
	padding:0px;
}
#menu_blocco ul li { 
	height:23px;
	line-height:23px;
	list-style:none;
	padding-left:22px;
	border-bottom:1px #999999 dashed;
	cursor:pointer;
	background:url(../immagini/pallino.png) 5px center no-repeat;
}
#menu_blocco ul li:hover {background-color:#CCCCCC; position:relative;}
#menu_blocco a { 
	text-decoration:none;
	color:#7e0804;
}

/* Header */
#header {
	float:left;
	width:580px;
	margin:0;
	padding:0;
}
#menu_top {
	padding:0 15px;
	margin:0;
	height:30px;
	background:#7e0804;
	color:#FFF;
	line-height:30px;
}
#menu_top ul{
	list-style: none;
}
#menu_top li{
	display:inline;
	margin:0;
	padding:0;
}
#menu_top a:link, #menu_top a:visited{
	color:#FFFFFF;
	margin:0;
	padding:0 8px;
	text-decoration:none;
}
#menu_top a:hover, #menu_top a:focus, #menu_top a:active{
	color:#FF9933;
	text-decoration:none;
}
.menu_top_left {
	float:left;
	width:auto;
	padding:0;
	margin:0;
}
.menu_top_right {
	float:right;
	width:auto;
	padding:0;
	margin:0;
}
#header_img {
	margin:0;
	padding:0;
	height:250px;
	border-top:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF solid;
}
#content {
	margin:0;
	padding:0;
	background:url(../immagini/bg_h1.png) top left repeat-x;
}
.content {
	margin:0px 20px 50px 20px;
	padding:0;
}


#home-sx {
	float:left;
	margin:0;
	padding:0;
	width:260px;
}
.appuntamenti {
	background:#E6E6CC;
	margin:0 0 5px 8px;
	padding:15px 0;
	width:252px;
}
.settimana {
	color:#FFFFFF;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:normal;
}
.appuntamenti p {
	margin:0;
	padding:0;
}
.appuntamenti .data {
	float:left;
	margin-left:-8px;
	padding:5px 0 0 0;
	width:53px;
	height:46px;
	color:#FFFFFF;
	text-align:center;
	line-height:1.3em;
}
.appuntamenti .base {
	background:url(../immagini/data_verde.png) no-repeat;
}
.appuntamenti .attiva {
	background:url(../immagini/data_attiva.png) no-repeat;
}
.appuntamenti .data .num {
	font-size:16px;
}
.appuntamenti .data .gior {
	font-size:10px;
}
.appuntamenti .testo {
	float:right;
	width:200px;
}

#home-dx {
	float:right;
	margin:0;
	padding:0;
	width:260px;
}

.box {
	text-align:left;
	padding:5px;
	margin:0 0 20px 0;
}
.box_bg {
	background:#CDCD9C;
}
.verde { background:#8FC981; }
.bianco { background:#F7D666; }
.rosso { background:#FF6262; }
.viola { background:#FF48FF; }
.box h3 {
	height:18px;
	line-height:normal;
	text-align: left;
	color:#FFFFFF;
	top:0;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:center;
}
.box .titolo {
	font-weight:bold;
	margin-bottom:8px;
	color:#7e0804;
}
.box .testo_10 {
	font-size:10px;
	font-style:italic;
	margin-bottom:3px;
	line-height:normal;
}
.box_content {
	background:#FFFFFF;
	padding:10px;
}
.box_content p {
	margin:0;
	padding:0;
}
.box_content img {
	margin:0;
	padding:3px;
	border:1px #999999 solid;
	background:#FFFFFF;
}
.box_content .float_left {
	float:left;
	margin:0 10px 0 0;
	padding:3px;
	border:1px #999999 solid;
	background:#FFFFFF;
}
.box_content .testo_obliquo {
	margin:10px 0 5px 0;
	padding:0;
	font-style:italic;
	line-height:normal;
}
.box_content a {
	text-decoration:none;
}
.box_content a:hover { 
	text-decoration:underline;
}

/* Tab */
.hide { position: absolute; top: -9999px; left: -9999px; }
#tab { background: #EAEAEA; padding: 10px; margin: 0 0 15px 0; /*-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; */}
#tab .nav { overflow: hidden; margin: 0 0 10px 0; }
#tab .nav li { width: 72px; float: left; margin: 0 10px 0 0; }
#tab .nav li.last { margin-right: 0; }
#tab .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#tab .nav li a:hover { background-color: #111; }
#tab ul { list-style: none; }
#tab ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tab ul li a:hover { background: #fe4902; color: white; }
#tab ul li.nav-one a.current, #tab ul.primo li a:hover { background-color: #0575f4; color: white; }
#tab ul li.nav-two a.current, #tab ul.core li a:hover { background-color: #d30000; color: white; }
#tab ul li.nav-three a.current, #tab ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#tab ul li.nav-four a.current, #tab ul.classics li a:hover { background-color: #FE4902; color: white; }

/* Slider */
#slider {
    width: 258px; /* important to be same as image width */
    height: 170px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background:#CCCCCC;
	border:1px #666666 solid;
	margin-bottom:20px;
}
#sliderContent {
    width: 264px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 238px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.sliderImage span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 90px !important;
	height: 176px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 176px;
}
ul { list-style-type: none;}

/* Footer */
#footer {
	margin:0 auto;
	width:780px;
	text-align:center;
	color:#FFFFFF;
	font-size: 10px;
	line-height:3.5em;
}

/* Pagina scheda santo del giorno */
.santo h1 { color:#336600; font-size:15px; font-weight: normal; padding:0; margin:0 0 0 0; }
.santo h2 { color:#333333; font-size:11px; font-weight: normal; padding:0; margin:0 0 20px 0; font-style:italic; }
.santo h3 { color:#990000; font-size:12px; margin:35px 0 5px 0; clear:both; }
.santo span { font-size:10px; font-style:italic; line-height:normal; padding-top:15px; }
.santo ul { margin-left:10px; }
.santo .img-left { float:left; margin:0 25px 10px 0; padding:3px; border:1px #999999 solid; }
.santo .img-right { float:right; margin:0 0 10px 25px; padding:3px; border:1px #999999 solid; }


/* Galleria Immaggini */
.galleria { padding:5px; border:1px #999999 solid; margin:5px;}
.data { font-size:10px; font-style:italic;line-height:normal; padding-bottom:8px; }
.immagine_left {
	float:left;
	margin:0 15px 5px 0;
	padding:3px;
	border:1px #999999 solid;
	background:#FFFFFF;
}
.immagine_right {
	float:right;
	margin:0 0 5px 15px;
	padding:3px;
	border:1px #999999 solid;
	background:#FFFFFF;
}
.immagine_cornice {
	margin:0 15px 5px 0;
	padding:3px;
	border:1px #999999 solid;
	background:#FFFFFF;
}

/* Contatto */
#contact-wrapper {
	width:360px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
	margin:0px 0 0 0;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:11px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:3px;
	font-size:11px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.8em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabberlive .titolo {
	background:url(../immagini/pallino.png) left center no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 15px;
	color:#7e0804;
	font-weight:700;
}
.tabberlive .sottotitolo { 
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	line-height:normal;
}