/* CSS Document */

/*---- stili generici ----*/

body {
	background-color: #f6f5e6;
	background-image: url(img/sfondo_fototorre.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-attachment: fixed;
}

ul, li{
	margin: 0px;
	padding: 0px;
	list-style-position: inset;
	list-style-type: disc;
}

a:link, a:visited {
	font-size: 12px;
	color: #6BA4D9;
	text-decoration: underline;
	font-weight: normal;
}
a:hover, a:active, a:focus {
	font-size: 12px;
	color: #356288;
	text-decoration: underline;
	font-weight: normal;
}
h1 {
	color: #676767;
	font-size: 22px;
	font-weight: bold;
	
}
h2 {
	font-family: Georgia, serif;
	font-size: 15px;
	color: #6699cc;
	font-weight: bold;
}
p.separatore {
	padding: 10px;
	
}
p.separatore {
	border-top: 1px solid #E5E3C4;
	margin-top: 10px;
	clear: left;
	padding: 0 10px 0 10px;
}
/*--- stili della testata ---*/

#sf_testata {
	background-image: url(img/sfondo_testata.gif);
	background-repeat: repeat-x;
	
	text-align: center;
	width: 100%;
}
#testata {
	height: 180px;
	clip: rect(auto,auto,auto,auto);
	width: 760px;
	margin: 0;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/*logo e selettore lingue */
.logo {
	width: 450px;
	height: 92px;
	padding-top: 28px;
}
.logo img {
	
	margin-right: 20px;
}
.logo a {

	color: #FFFFFF;
	text-decoration: none;
}
.lingue {
	background-image: url(img/sf_lingue.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 85px;
	width: 140px;
	float: right;
	text-align: center;
	margin-top: 20px;
	margin-right: 15px;
}
.lingue img {
	padding-top: 15px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 15px;
}
.lingue_text {
	font-size: 11px;
	color: #FFFFFF;
}
.lingue_text strong {
	color: #990000;
	margin-left: 25px;
	font-weight: bold;
}
/* menu orizzontale di testata */

.menu_testata {
	text-align: left;
}
#menusx {
	background-image: url(img/menutestata_sx.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 10px;
	height: 40px;
	position: relative;
	float: left;
}
#menusfondo {
	background-image: url(img/menutestata_sfondo.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 760px;
	text-align: center;
	height: 40px;
}
#menudx {
	background-image: url(img/menutestata_dx.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 10px;
	height: 40px;
	float: right;
}
.menu_testata li {
	list-style-type: none;
	display: inline;
	color: #FFFFFF;
	font-size: 13px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7AA1CD;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin: 0px;
}
.menu_testata ul {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	position: relative;
	float: left;
	padding-top: 10px;
	width: auto;
	margin: 0px;
}
.menu_testata a:link, 
.menu_testata a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 15px;
}

.menu_testata a:hover, 
.menu_testata a:active, 
.menu_testata a:focus {
	color: #4266bc;
	text-decoration: none;
	
	
}
a.vocecorrente,
a.vocecorrente:visited,
a.vocecorrente:active,
a.vocecorrente:hover, 
a.vocecorrente:focus{
	
	color: #FFFF00;
}


/*------- stili del contenitore ----------*/

#sf_contenitore {
	width: 100%;
	text-align: center;
	position: relative;
}
#contenitore {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: table; 
}

/*box sinistra */

.box_sinistra {
	float: left;
	width: 230px;
}

.top_menusinistra {
	background-image: url(img/top_menusinistra.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 31px;
	text-align: left;
}
.top_menusinistra h1 {
	font-size: 13px;
	font-weight: bold;
	color: #676767;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-image: url(img/segnalino_menusinistra.gif);
}
.top_menusinistra img {
	margin-left: 10px;
	margin-top: 5px;
}
.sfondo_menusinistra {
	background-image: url(img/sf_menusinistra.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 3px;
	text-align: left;
}
.sfondo_menusinistra li, ul#submenu-1 li  {
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C6C4B9;
	text-align: left;
	background-image: url(img/pointer_listasinistra.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 2px;
	margin-top: 0px;
	padding-top: 0px;
}
.sfondo_menusinistra a:link, 
.sfondo_menusinistra a:visited {
	color: #6ba4d9;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.sfondo_menusinistra a:hover, 
.sfondo_menusinistra a:active, 
.sfondo_menusinistra a:focus {
	color: #676767;
	text-decoration: none;
}
.down_menusinistra {
	background-image: url(img/down_menusinistra.gif);
	background-position: center top;
	height: 15px;
	background-repeat: no-repeat;
}

/*--- box di sinistra, senza i pallini della lista ----*/

#sfondo_libero {
	background-image: url(img/sf_menusinistra.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 3px;
	text-align: left;
}
#sfondo_libero li  {
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C6C4B9;
	text-align: left;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin-left: 2px;
	margin-top: 0px;
	padding-top: 0px;
}
#sfondo_libero a {
	color: #6ba4d9;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#sfondo_libero a:hover {
	color: #676767;
	text-decoration: none;
}


/*box destra */

.box_destra {
	text-align: justify;
	float: left;
	width: 520px;
	color: #676767;
	padding-left: 7px;
	font-size: 13px;
}
.box_destra h1{
	color: #676767;
	font-size: 22px;
	font-weight: bold;
}
.allineamento_destra {
	float: right;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 8px;
}
.allineamento_sin {
	float: left;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.box_destra img {
	border: 6px solid #ffffff;
}
.box_destra ul{
	margin: 0 0 0 20px;
}

/* le news */
#news {
	padding: 2px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
}
#news li {
	list-style-type: none;
	margin-top: 5px;
	padding-top: 0px;
	color: #8C7F86;
	clear: left;
}
#news ul {
	list-style-type: none;
	margin-left: 5px;
	margin-top: 5px;
	padding-top: 0px;
	width: 480px;
	clear: left;
}
#news h2 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #6BA4D9;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#news p {
	margin-top: 4px;
}
.data {
	background-color: #FFFFFF;
	width: 45px;
	float: left;
	height: 50px;
	font-size: 24px;
	text-align: center;
	padding-top: 10px;
	position: relative;
	display: block;
	margin: 10px;
}
.data strong {
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	background-color: #adac9f;
	margin-top: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*--- foooter */  

#sf_footer {
	text-align: center;
	width: 100%;
	position: relative;
}
#footer {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6ba4d9;
	font-size: 11px;
	color: #666666;
	width: 760px;
	padding: 5px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
/*--- menu sinistra pagina scoprire.php ---*/
strong {
	color: #6BA4D9;
}
#elenco_riga li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dad9cc;
	margin: 0px;
	padding: 5px;
	text-align: left;
}
#elenco_riga p {
	padding-bottom: 15px;
}
#tab_elenco td {
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C4B9;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	text-align: left;
}
#tab_elenco th {
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C4B9;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	text-align: left;
}

/* sottomenu che scompare */
ul#submenu-1 {
background-image: url(img/sf_menusinistra.gif);
	background-repeat: repeat-y;
	background-position: center top;
	list-style: none;
	margin-left: 0px;
	display: none;	
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 3px;
	text-align: left;
}

ul#submenu li {
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C6C4B9;
	text-align: left;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin-left: 2px;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
}
ul#submenu a:link{
	text-decoration: none; !important
	color: #6ba4d9; !important
}#leg {
	border: 1px solid #DEDCC6;
	padding: 8px;
	font-size: 11px;
	color: #676767;
	text-align: left;
	margin: 6px;
	background-color: #f3f1db;
}
#leg h1 {
	font-size: 15px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #78848C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.thumbs_hp {
	border: 3px solid #E4E2C2;
	margin-bottom: 5px;
}
