﻿/*

Struttura principale

*/


html,body,form {
    margin:0;
    padding:0;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
	text-decoration: none;
    background-color: #9f9f9f;
    background-image: url(images/background.jpg);
    background-repeat: repeat-x;
}

body a {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    color: inherit;
    text-decoration: none;
    /*font-size: 10px;*/
}

body a:hover {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: white;
	text-decoration: none;
	/*font-size: 10px;*/
	/*color: #FF9933;*/
}

img {
    border:0px;
}

p
{
    margin: 0;
    padding: 0;
}

/*

Header

*/

#header {
	width: auto;
	height: 255px;
	margin: 0px;
    padding: 0px;
	background-image: url(images/background-header.jpg);
}

#headercontent {
	width: 980px;
	height: 255px;
	margin: 0px auto 0px auto;
    padding: 0px;
	background-image: url(images/header-background.jpg);
}

div#logosx {
    position: absolute;
	width: 100px;
	height: 122px;
	margin: 10px 0px 0px 10px;
    padding: 0px;
}

#titoloquadro {
    float: left;
	width: 170px;
	height: 175px;
	margin: 10px 0px 0px 785px;
    padding: 0px;
    color: White;
}

#avantiquadro {
    float: left;
	width: 15px;
	height: 24px;
	margin: 10px 0px 0px 0px;
    padding: 0px;
}

#logouncc {
    clear: both;
	width: 980px;
	height: 70px;
	margin: 0px auto 0px auto;
    padding: 0px;
	/* background-image: url(images/header-logo.png); */
	background-repeat: no-repeat;	
	text-align: right;
}

/*

Menu principale

*/

#menuriga1 {
    width: auto;
    height: 27px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/menu-back-riga1.jpg);
    background-repeat: repeat-x;
}

#menuriga1content {
    width: 980px;
    height: 27px;
	margin: 0px auto 0px auto;
    padding: 0px;
}

.menuriga2 {
    width: auto;
    height: 27px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/menu-back-riga2.jpg);
    background-repeat: repeat-x;
}

.menuriga2content 
{
    width: 980px;
    height: 27px;
	margin: 0px auto 0px auto;
    padding: 5px 0px 0px 0px;
}

.menuriga2items
{
    float: left;
    text-align: left;
    width: 980px;
    height: 27px;
}

#menuriga3 {
    width: auto;
    height: 27px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/menu-back-riga3.jpg);
    background-repeat: repeat-x;
}

#menuriga3content {
    width: 980px;
    height: 27px;
	margin: 0px auto 0px auto;
    padding: 6px 0px 0 0px;
}

#ombramenu {
    width: auto;
    height: 15px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/ombramenu-back.png);
    background-repeat: repeat-x;
}

#ombramenucontent {
    width: 980px;
    height: 15px;
	margin: 0px auto 0px auto;
    padding: 0px;
}

.dovesei
{
	font-size: 14px;
	font-weight: bold;
	color: White;
}

.doveseidetail
{
	font-size: 12px;
	font-weight: bold;
	color: Black;
}

/*

Content

*/


#content {
    width: 980px;
    height: auto;
	margin: 0px auto 0px auto;
    padding: 0px;
}

/*

Menu sx sempre presente in tutte le pagine

*/

#menusx {
    float: left;
    width: 214px;
    height: auto;
	margin: 0px;
    padding: 0px;
}

#sx-apertura {
    width: 214px;
    height: 15px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/sx-apertura.png);
}

#sx-contenuto {
    width: 185px;
    height: 100%;
	margin: 0px;
    padding: 0px 19px 0px 10px;
    background-image: url(images/sx-content.png);
    background-repeat: repeat-y;
}

#sx-chiusura {
    width: 214px;
    height: 24px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/sx-chiusura.png);
}

#opctitolo {
    width: 185px;
    height: auto;
	margin: 0px 0px 5px 0px;
    padding: 0px;
    cursor: pointer;
}

#oltitolo {
    width: 185px;
    height: auto;
	margin: 15px 0px 5px 0px;
    padding: 0px;
    cursor: pointer;
}

#rstitolo {
    width: 185px;
    height: auto;
	margin: 15px 0px 5px 0px;
    padding: 0px;
}

#nltitolo {
    width: 185px;
    height: auto;
	margin: 15px 0px 5px 0px;
    padding: 0px;
}

#artitolo {
    width: 185px;
    height: auto;
	margin: 15px 0px 5px 0px;
    padding: 0px;
}

#opccontenuto {
    width: 185px;
    height: 151px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/sx-ossproc-back.png);
    text-align: center;
}

#olcontenuto {
    width: 185px;
    height: 151px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/sx-ossleg-back.png);
    text-align: center;
    /*display: none;*/
}

/*

Contenuti sito

*/

#contenuti {
    float: left;
    width: 756px;
    height: auto;
	margin: 0px;
    padding: 0px;
}

/*

HOME PAGE

*/

#hp-content-top
{
	clear: both;
	float: left;
	width: 756px;
	padding: 10px 0px 10px 10px;
}

#hp-content-down
{
	clear: both;
	float: left;
	width: 756px;
	padding: 10px 0px 0px 10px;
}

#primopiano 
{
	float: left;
    width: 494px;
    height: auto;
	margin: 0px;
    padding: 0px;
}

#ndc-pp 
{
	float: left;
    width: 262px;
    height: auto;
	margin: 0px;
    padding: 0px;
}

#hp-content-down-left
{
	float: left;
    width: 494px;
    height: auto;
	margin: 0px;
    padding: 0px;
}

#hp-content-down-right
{
	float: left;
    width: 262px;
    height: auto;
	margin: 0px;
    padding: 0px;
}
/*
#hp-centro {
    float: left;
    width: 494px;
    height: auto;
	margin: 0px;
    padding: 0px;
}

#primopiano {
    width: 494px;
    height: auto;
	margin: 0px;
    padding: 0px;
}
*/
#primopiano-titolo {
    width: 485px;
    height: 24px;
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 9px;
}

#primopiano-filetto {
    width: 494px;
    height: 1px;
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 9px;
}

#primopiano-apertura {
    width: 494px;
    height: 15px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/content-primopiano-apertura.png);
}

#primopiano-contenuto {
    width: 444px;
    min-height: 139px;
	margin: 0px;
    padding: 0px 25px 10px 25px;
    background-image: url(images/content-primopiano-pattern.png);
    background-repeat: no-repeat;
}

#primopiano-chiusura {
    width: 494px;
    height: 16px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/content-primopiano-chiusura.png);
}

#notiziedallunione {
    width: 494px;
    height: auto;
	margin: 0px;
    padding: 0px;
}

#ndu-titolo {
    width: 485px;
    height: 24px;
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 9px;
}

#ndu-filetto {
    width: 494px;
    height: 1px;
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 9px;
}

#ndu-apertura {
    width: 494px;
    height: 15px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/content-ndu-apertura.png);
    background-position: bottom;
}

#ndu-contenuto {
    width: 454px;
    min-height: 503px;
	margin: 0px;
    padding: 5px 15px 5px 25px;
    background-image: url(images/content-ndu-pattern.png);
    background-repeat: no-repeat;
}

#hp-dx {
    float: left;
    width: 262px;
    height: auto;
	margin: 0px;
    padding: 0px;
}
/*
#ndc-pp {
    width: 262px;
    height: auto;
	margin: 0px;
    padding: 0px;
}
*/

#ndc-pp-titolo {
    width: 222px;
    height: 24px;
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 4px;
}

#ndc-pp-filetto {
    width: 229px;
    height: 1px;
	margin: 0px 0px 12px 0px;
    padding: 0px 0px 0px 4px;
}

#ndc-pp-apertura {
    width: 238px;
    height: 7px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/content-ndc-apertura.png);
}

#ndc-pp-contenuto {
    width: 214px;
    min-height: 89px;
	margin: 0px 24px 0px 0px;
    padding: 0px 30px 0px 14px;
    background-image: url(images/content-ndc-pattern.png);
    background-repeat: repeat-y;
}

#ndc-pp-chiusura {
    width: 238px;
    height: 15px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/content-ndc-chiusura.png);
}

#ndc-varie-filetto {
    width: 229px;
    height: 1px;
	margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 4px;
}

#ndc-varie
{
	clear: both;
}
.ndc-varie-apertura {
    width: 238px;
    height: 7px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/content-ndc-apertura.png);
}

.ndc-varie-contenuto {
    width: 198px;
    min-height: 20px;
	margin: 0px;
    padding: 0px 20px 3px 20px;
    background-image: url(images/content-ndc-pattern.png);
    background-repeat: repeat-y;
}

.ndc-varie-chiusura {
    width: 238px;
    height: 15px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/content-ndc-chiusura.png);
}

/*

PAGINA Notizie dall'Unione

*/

#notizieombra
{
	float: left;
	width: 729px;
	background-image: url(images/ombranotizie.png);
	background-repeat: repeat-y;
	padding: 0px 13px 0 12px;
}

#notizieunione 
{
	float: left;
    width: 729px;
    height: auto;
	margin: 0px;
    padding: 0px;
    background-image: url(images/notizieback.png);
    background-repeat: no-repeat;
    background-color: #032a55;
}

#notizieunione-apertura {
    width: 754px;
    height: 23px;
	margin: 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(images/nu-apertura.png);
    background-repeat: no-repeat;
}

#notizieunione-contenuto 
{
    width: 689px;
    min-height: 782px;
	margin: 0px;
    padding: 10px 20px 15px 20px;
}
#notizieunione-contenuto-sx 
{
	float: left;
    width: 210px;
    height: auto;
	margin: 0px;
    padding: 0px;
}
#notizieunione-contenuto-dx 
{
	float: left;
    width: 449px;
    height: auto;
	margin: 0px 0px 0px 30px;
    padding: 0px;
}

/*

Pagina Eventi

*/

#hp-evento-centro {
    float: left;
    width: 476px;
    height: auto;
	margin: 0px 12px 0px 6px;
    padding: 0px;
}

#eventicappello
{
	width: 476px;
	height: 9px;
	margin: 0px;
	background-image: url(images/eventi-top.png);
    background-repeat: no-repeat;
}

#eventi {
    width: 446px;
    min-height: 793px;
	margin: 0px;
    padding: 15px 15px 15px 15px;
    background-image: url(images/eventi-background.png);
    background-repeat: no-repeat;
    background-position: top;
    background-color: white;
}

/*

Pagina Site Content Generica

*/

#sitecontent {
    width: 738px;
    min-height: 782px;
	margin: 0px;
    /* background-image: url(images/sc-back.png);
    background-repeat: no-repeat;*/
}

#sitecontent a:hover
{
	color: #c15922;
}

#sitecontenttop
{
	width: 700px;
	height: 12px;
	padding: 0px 15px 0px 15px;
	background-image: url(images/sitecontenttop.png);
    background-repeat: no-repeat;
}

#sitecontentback 
{
	width: 670px;
	background-image: url(images/sitecontentback.png);
    background-repeat: repeat-y;
    min-height: 782px;
    vertical-align: top;
    padding: 0px 35px 15px 25px;
}

/*

Footer

*/

#footer {
    clear: both;
    width: auto;
    height: 100%;
	margin: 0px;
    padding: 0px;
	text-align: center;
	background-color: #cb8430;
}

#footerblu {
    width: auto;
    height: 28px;
	margin: 0px;
    padding: 0px;
    background-color: #032a55;
}

#footertesto {
    width: auto;
    height: 27px;
	margin: 0px;
    padding: 0px;
    background-image: url(images/footer-backtesti.png);
    background-repeat: repeat-x;    
}

#footercontent {
	width: 980px;
	margin: 0 auto 0 auto;
}

#footercontent2 
{
    color: white;
    font-family: Arial;
    font-size: 11px;
    text-align:left;
    width: 960px;
	padding: 15px 10px 0 10px;
}

#footercopy {
    width: auto;
	margin: 0px;
    padding: 0px;
    background-image: url(images/footer-copy.png);
    background-repeat: repeat-x;
    background-color: #cb8430;
}

/* MENU */
.menuitem
{
	float: left;
	margin: 0;
	padding: 4px 12px 6px 12px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #800000;
	cursor: pointer;
}

.menuitemborder
{
	background-color: #c2c2c2;
}

.menuitemselected
{
	background-image: url(images/menuitemback.png);
	background-repeat: repeat-x;
	color: White;
}

.menuitem:hover
{
	background-image: url(images/menuitemback.png);
	background-repeat: repeat-x;
	color: White;
}

.menuitemdetail
{
	float: left;
	margin: 0;
	padding: 1px 10px 1px 10px;
}

.menuitemdetail a
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fdd044;
}

.menuitemdetail a:hover
{
	color: white;
}

/* Notizie Unione */
.notiziaitem
{
	width: 98%;
	padding: 10px 0 0px 0;
}

.notiziatitolo
{
	color:White;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
}

.notiziasep
{
	height: 5px;
	background-color: #9f9f9f;
	width: 98%;
}

.notiziadettaglio
{
	color: #fac54d;
	font-weight: bold;
	padding-top: 9px;
}

.notiziadetitem
{
}

.notiziadettitolo
{
	color: #fac54d;
	font-size: 14px;
	font-weight: bold;
}

.notiziadetsottotitolo
{
	color: #fac54d;
	font-size: 14px;
	font-weight: bold;
}

.notiziadetdettaglio
{
	color: white;
}

/* Eventi */
.eventcamera
{
	color: #c15922;
	font-size: 13px;
	font-weight: bold;
}

.eventcamerafade
{
	color: #c15922;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 6px;
}

.eventcamerafoto
{
    padding-bottom: 6px;
}

.eventcategoria
{
	color: Black;
	font-size: 12px;
}

.eventdata
{
	color: Black;
	font-size: 12px;
}

.eventtitolo
{
	color: Black;
	font-size: 12px;
	font-weight: bold;
}

.eventtitolo:hover
{
	color: #c15922;
}

/* CAMERE */
.camera
{
    padding-top: 3px;
    font-size: 12px;
    padding-bottom: 3px;
    color: black;
}

.camera:hover
{
    color: #c15922;
}

.cameratitle
{
    font-size: 20px;
    font-family: garamond;
    text-align: center;
    color: rgb(153, 51, 0);
    margin: 0px 0px 10px 0px;
    font-weight: bold;
}

/*.camerasep
{
	width: 80%;
	margin: 0 auto 0 auto;
	background-color: Gray;
	height: 1px;
}*/

/* DOCUMENTS */
.documentitem
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.documenttitle
{
	/*color: #c15922;*/
	font-size: 12px;
	/*font-weight: bold;*/
}

.documentsubtitle
{
	font-size: 10px;
}

/* ARCHIVE */
.archiveTitle
{
    font-size: 16px;
    text-align: left;
    color: Black;
    margin: 0px 0px 4px 0px;
    font-weight: bold;
}

.archiveDetail
{
    padding-top: 3px;
    font-size: 12px;
    padding-bottom: 3px;
    color: black;
}

.archiveSpace
{
    height: 10px;
}

#sx-bannerarea
{
    padding-top: 20px;
    height: 100%;
}