/*
*  CSS: Sab Design snc
*  Data creazione: aprile 2007
*  Autore: Sab Design
*/

/*IMPORT SECTION
@import url(object.css);*/

/*GENERIC RULES*/
body{
	font:normal 83% 'Trebuchet MS', Verdana, Tahoma, sans-serif;
	color:#666666;
	padding:0;
	margin:0;
	text-align:center;
	background-repeat: repeat-x;
}
p{padding:0;margin:0}
hr{display:none}
h1{display:none}
h1,h2,h3,h4,h5,h6{padding:0;margin:0}
ul,li{
	text-align: justify;

}
/*GENERIC DIV*/
div{text-align:left}
div#skip{display:none}
div.wrapper{clear:both}
img{padding:0;margin:0;border:0}
table{padding:0;margin:0;border:0}
a{
text-decoration:none;
color: #333333;
}
a:hover{color:#666666; text-decoration:underline;}
a:visited{color:#999999;}

object{
	margin-right: 3px;
}
/*GENERIC DIV*/
div{text-align:left}

/*PRINT ELEMENT*/
div#printlogo{display:none}
div#printfooter{display:none}

/*LAYOUT*/
div#layout{
	width:827px;
	margin:0 auto;
	background-image: url(../img/sfondo_layout.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


/*HEADER*/
div#header{
	height: 191px;
	background-image: url(../img/header.jpg);
	width: 827px;
	background-repeat: no-repeat;
	color: #FF0000;
}

/*LOGO*/
#logo {
	height: 124px;
	float: left;
	width: 280px;
	margin-left: 60px;
	margin-top: 40px;
}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#Navigation {
	float: right;
	color: #A02520;
	font-size: 13pt;
	width: 580px;
	height: 12px;
	margin-top: 1px;
	text-align: center;
	margin-right: 20px;
}
#Navigation ul {
	list-style: none;
	display: inline;
	margin-left: 1px;
}

#Navigation li {
	display: inline;
}

#Navigation ul li a  {
	font-size: 13pt;
	color: #8C0B0F;
	padding-right: 1px;
	padding-left: 1px;
}

#Navigation ul li a:hover,  #Navigation ul li  a.current {
	color: #FFFFFF;
	background-color: #8C0B0F;
	padding-right: 1px;
	padding-left: 1px;
	background-position: 1px;
}

/*LEFT*/
div#left{
	float:left;
	width:200px;
	margin-left: 10px;
	margin-top: 312px;
}

/*CENTER*/
div#center{
	float:left;
	margin-left: 60px;
	width: 550px;
}

div#center2{
	float:left;
	margin-left: 60px;
	width: 700px;
}

/*IMMAGINI 3*/
div#center div.immagini{
	margin-top: 20px;
	float: left;
}

div#center div.immagini img{
	border: 1px solid #999999;
	padding: 5px;
	margin-right: 10px;
	float: left;
}
/*CONTENT DEFINITION*/
div#center div.content{
	margin-top: 30px;
	margin-right: 50px;
	margin-bottom: 10px;
}
div#center div.content h2{
	font-size:20pt;
	color:#8C0B0F;
	font-weight: lighter;
}
div#center div.content ul li{
	list-style-type: square;
}


div#center div.content h3{
	font-weight:bold;
	font-size:1.2em;
	color:#8C0B0F;
	margin-bottom:5px
}
div#center div.content h5{
	font-weight:bold;
	font-size:1em;
	color:#CC0000;
	margin-bottom:15px
}
div#center div.content h5 a{
	font-weight:bold;
	font-size:1em;
	color:#CC0000;
	margin-bottom:15px
}
div#center div.content p{
	color:#666666;
	text-align: justify;
	line-height: 25px;
}
div#center div.content a{
	font-size:10pt;
	color:#8C0B0F;
	background-image: url(../img/quadrato_grigio_small.jpg);
	background-repeat: no-repeat;
	padding: 15px;
	background-position: 4px;
	font-weight: bold;
}
div#center div.content a:hover{
	font-size:10pt;
	color:#666666;
	background-image: url(../img/quadrato_grigio_small1.jpg);
	background-repeat: no-repeat;
	padding: 15px;
	background-position: 4px;
	font-weight: bolder;
}
div#center div.login {
	font-size:10pt;
	color:#666666;
	font-weight: bolder;
	margin-left: 40px;
}
div#center div.login input {
	margin-left: 5px;
	margin-right: 15px;

}
/*------------------------------------------------------------*
**  GALLERIA FOTOGRAFICA Thumbnails
**------------------------------------------------------------*/
div#center div.galleria{
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	color: #8C0B0F;
}
div#center div.galleria p{
	color:#666666;
	line-height: 25px;
	clear: right;
}

div#center div.galleria a{
	color:#8C0B0F;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
}
div#center div.galleria img{
	border: 1px solid #999999;
	padding: 5px;
	margin-right: 10px;
	float: left;
	margin-top: 20px;
}
div#center div.galleria ul.thumbs {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	background-image: url(none);
	clear: right;
	float: left;
	}

div#center div.galleria ul.thumbs p{
	float: left;
	clear: right;
	}
		
div#center div.galleria ul.thumbs li {
	float: left;
	background-image: none;
	display: inline;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 40px;
	list-style-type: none;
	}
div#center div.galleria ul.thumbs li a img {
	margin-top: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 3px solid #8C0B0F;
	background-image: url(none);
	clear: right;
}
div#center div.galleria ul.thumbs li a:hover img {
	border: 3px solid #999999;
	background-image: url(none);
}	

/*RIGHT*/
div#right{
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 200px;
}
div#right h2{
	font-size:20pt;
	color:#8C0B0F;
	font-weight: lighter;
}
div#right div.news{
	width: 180px;
	background-color: #E2E2E2;
	margin-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#right div.news h3{
	font-size:12px;
	color:#8C0B0F;
	margin-bottom: 5px;
}

div#right div.news a{
	font-size:8pt;
	color:#8C0B0F;
	background-image: url(../img/quadrato_grigio_small.jpg);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 4px;
	font-weight: bold;
}
div#right div.news a:hover{
	font-size:8pt;
	color:#666666;
	background-image: url(../img/quadrato_grigio_small1.jpg);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 4px;
}

div#right div.news h2{
	font-size:12px;
	color:#8C0B0F;
}

div#right div.news p{
	color:#666666;
	text-align: justify;
	font-size: 9pt;
	margin-bottom: 5px;
}

/*RIGHT - DETTAGLIO SPAZIO*/
div#right div.dett_spazio{
	background-color: #E2E2E2;
	margin-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 180px;
}

div#right div.dett_spazio img{
	margin: 0 auto;
	clear: right;
}
div#right div.dett_spazio h3{
	font-size:12px;
	color:#8C0B0F;
	margin-bottom: 5px;
	text-align: left;
	margin-top: 20px;
}

div#right div.dett_spazio a{
	font-size:8pt;
	color:#8C0B0F;
	background-image: url(../img/quadrato_grigio_small.jpg);
	background-repeat: no-repeat;
	padding: 15px;
	background-position: 4px;
	font-weight: bold;
}
div#right div.dett_spazio a:hover, div.dett_spazio a.corrente{
	font-size:8pt;
	color:#666666;
	background-image: url(../img/quadrato_grigio_small1.jpg);
	background-repeat: no-repeat;
	padding: 15px;
	background-position: 4px;
	font-weight: bold;
}

div#right div.dett_spazio h2{
	font-size:12px;
	color:#8C0B0F;
}

div#right div.dett_spazio p{
	color:#666666;
	text-align: justify;
	font-size: 9pt;
	margin-bottom: 5px;
}

/*------------------------------------------------------------*
**  MENU GALLERY
**------------------------------------------------------------*/
div#right div.menu_istituzionale {
	padding: 3;
	margin-top: 20px;
	background-color: #E6E6E6;
}
div#right div.menu_istituzionale ul {
	list-style: none;
	margin: 0px;
}
div#right div.menu_istituzionale li {
	display: block;
	text-align: left;
	color: #FFFFFF;
}
div#right div.menu_istituzionale ul li a  {
	color: #8C0B0F;
	display: block;
	text-decoration: none;
	font-size: 13pt;
	background-image: url(../img/quadrato.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 2px;
}
div#right div.menu_istituzionale ul li a:hover,  div#right div.menu_istituzionale ul li  a.current {
	color: #666666;
	background-image: url(../img/quadrato_grigio.jpg);
	background-repeat: no-repeat;
	background-position: 2px;
}

.quadrato{
	width: 5px;
	background-color: #FFFFFF;
	height: 5px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
div#right div.menu_foto {
	margin-bottom: 0px;
	width: 278px;
	margin-top: 13px;
	height: 200px;
	background-color: #CCCCCC;
}

/*FOOTER*/
div#footer{
	clear:both;
	background-color:#8C0B0F;
	height: 25px;
	color: #FFFFFF;
	text-align: center;
	width: 799px;
	font-size: 10pt;
	margin: 0 auto;
}
div#footer p{
	clear:both;
	color: #ffffff;
	text-align: center;
	width: 810px;
	margin-left: 9px;
	font-size: 10pt;
	text-decoration: none;
	line-height: 23px;
}

div#footer a:hover, a.scelta{
	color: #ffffff;
}

div#footer a.scelta:hover {
	color: #FFFFFF;
}
.sab{
	color: #666666;
	font-size: 12px;
}


/* FORM INSERT EVENTO */

#ins_evento {width:600px; float: left;}

#ins_evento fieldset {border:1px solid #cccccc;padding:30px;}
#ins_evento legend {color:#aaaaaa;font-size:14px;}
#ins_evento label {display: block; 	float: left; width: 130px;padding:5px 0 0 0;}  
#ins_evento input, textarea, select { 
	border:2px solid #cccccc;
	display: inline;
	width:auto; 
	margin:5px 0 0 10px;
	padding:5px;
} 
#ins_evento input:focus, textarea:focus { 
	border:2px solid #8C0B0F;
	display: inline;
	width:auto; 
	margin:5px 0 0 10px;
} 
.submit {width:150px;padding:5px;margin:15px;color:#efefef;background-color:#8C0B0F; border:1px solid #cccccc;}
.submit:hover {width:150px;padding:5px;margin:15px;color:#8C0B0F;background-color:#cccccc;border:1px solid #333333; cursor:pointer;}