/* CSS Document */
/* All page content elements are children of 
	and should inherit these styles. Browser realities
	may vary!
*/
/* Block elements */
H1, H2, H3, H4, H5, H6, FORM, DIV, BLOCKQUOTE, OL, P, PRE, TABLE, UL, DL, DT, DD {
	display : block;
}

/* Inline elements */
A, B, CODE, EM, I, IMG, INPUT, SMALL, SPAN, STRONG, TEXTAREA {
	display : inline;
}

/* List-item element */
LI {
	display : list-item;
}

/* Generic styles for elements */
html { font: 10px/1.4 Trebuchet MS, Arial, Helvetica, sans-serif;}

p {
	margin-top : 1em;
	margin-bottom : 1em;
}
h1, h2, h3, h4, h5, h6 { font-weight : bold; }
h1 { font-size : xx-large; }
h2 { font-size : x-large; }
h3 { font-size : large; }
h4 { font-size : medium; }
h5 { font-size: small; }
h6 { font-size: x-small; }
i, em { font-style : italic; }
small { font-size : smaller; }
big { font-size : larger; }
ol { list-style : decimal; }
ul { list-style : none; }
pre, code { 
	font-family : monospace; 
	font-size: small;
}
b, strong { font-weight : bolder; }
pre { white-space : pre; }
table { display : table; }
tr { display : table-row; }
th, td { 
	display : table-cell;
	vertical-align: center;
}
th {
	font-weight : bold;
	text-align : center;
}
caption {
	text-align: center;
	display : table-caption;
}

/* Pseudo-classes */
a:link {
	text-decoration : underline;
	color : Blue;
}
A:VISITED {
	text-decoration : underline;
	color : Purple;
}

/* Contextual selectors */
a:link img { border : 2px solid Blue; }
a:visited img { border: 2px solid purple; }

/* Attribute selector */
INPUT[type="hidden"] { display : none; }


/* DA QUI IL RESTO */

body {
background-color:#FFFFFF;
font-size: 1em;
color:#2A5881;
text-align:justify;
line-height:1.2em;
}




h1 {
  font-size:1.3em;
  color:#132844;
  font-weight:bold;
	margin:8px 0 5px 0;
	padding:0;
}

h2 {
  font-size:1.2em;
  color:#132844;
  font-weight:bold;
	margin:0;
	padding:0;
}

h3 {
  font-size:1.1em;
  color:#132844;
  font-weight:bold;
}

h4 {
  font-size:1.0em;
  color:#2A5881;
  font-weight:bold;
	margin:0;
	padding:0;
}

a:link ,a:visited ,a:active {
color:#2A5881;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#2A5881;
font-weight:bold;
text-decoration:underline;
}


ul {
margin:0 0 20px 0;
padding:0;}
ol {}
li {
list-style-type:none;
margin:7px 0 7px 10px;
text-align:left;
}




/* HEADER */

#header {
background-image:url('../imgs/header.jpg');
}

#header .dati{
float:right;
margin: 10px 10px 0 0;
text-align:right;
}

/* colonne destra e sinistra */

#right .concorsi img, #left .concorsi img{
border:0;
}

#left #menu{
margin:0;
padding:0;
border-right: 1px solid #A9B1BB;
border-bottom: 1px solid #A9B1BB;  
background-color:#FFFFFF;
}

#left #menu ul {
padding:0 0 0 2px;
margin:0 0 0 0;
}

#left #menu li {
list-style-type: none;
padding: 0;
margin:0 0 2px 0;
width:130px;
background-color:#D1DBE4;
}

#left #menu .sottomenu {
list-style-type: none;
padding-left: 20px;
width:110px;
background-color:#E8F1F9;
font-size:1.0em;
}

#left #menu .sottomenu p{
font-size:1.0em;
}

#left #menu .sottomenu p {
width:90%;
padding:2px 0 2px 7px;
margin:0;
font-size:1.1em;
}


#left #menu li p {
width:90%;
padding:5px 0 5px 7px;
margin:0;
font-size:1.1em;
}

#left .arealogin {
background-color:#CADFF4;
}

#left .arealogin .titolo{
margin:0;
padding:2px; 
background-color:#CADFF4; 
}

#left .arealogin .titolo h3{
padding: 3px 0 0 3px;
margin:0;
font-size:1.2em;
color:#132844;
font-weight:bold;
}

#left .arealogin .box{
width:100%;
padding:0;
}

#left .arealogin .box .linkprenotazione{
margin: 0 3px 7px 0;
}






#right .arealogin {
background-color:#CADFF4;
border-bottom:4px solid #ffffff;
padding-left:4px;
}

#right .arealogin .titolo{
margin:0;
padding:2px; 
background-color:#CADFF4; 
}

#right .arealogin .titolo h3{
padding: 3px 0 0 3px;
margin:0;
font-size:1.2em;
color:#132844;
font-weight:bold;
}

#right .arealogin input{
width:120px;
border:1px solid #003366;
height: 15px;
}

#right .arealogin select{
width:120px;
border:1px solid #003366;
height: 15px;
}

#right .arealogin .button input{
width:60px;
background-color:#003366;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
height: 15px;
margin:5px 0 5px 0;
}






#right #menu{
margin:0;
padding:0;
border-left: 1px solid #A9B1BB;
border-bottom: 1px solid #A9B1BB;  
background-color:#FFFFFF;
}

#right #menu ul {
padding:0 0 0 0;
margin:0 0 0 4px;
}

#right #menu li {
list-style-type: none;
padding: 0;
margin:0 0 2px 0;
width:130px;
background-color:#F5B558;
}

#right #menu .sottomenu {
list-style-type: none;
padding-left: 20px;
width:110px;
background-color:#F9E9D1;
font-size:1.0em;
}

#right #menu .sottomenu1 {
list-style-type: none;
padding-left: 20px;
width:110px;
background-color:#F8CF93;
font-size:1.0em;
}


#right #menu .sottomenu p, #right #menu .sottomenu1 p {
width:90%;
padding:2px 0 2px 7px;
margin:0;
font-size:1.1em;
}

#right #menu li p {
width:90%;
padding:5px 0 5px 7px;
margin:0;
font-size:1.1em;
}

#right .box {
width:90%;
padding:5px 0 5px 7px;
margin:0;
font-size:1.1em;
}

#right .box .titoli{
font-weight:bold;
}

#right .box hr{
border:0px;
background-color:#FFFFFF;
height:3px;
}

#right .box img{
border:0px;
}







.separatore {
height:4px;
margin:0;
padding:0; 
background-color:#ffffff;
font-size:1px;
}


#left #form {
  padding: 0;
	margin: 5px 0 0 5px;
	width:95%;
	text-align:left;
}

#left .titoli {
display:none;
}

#left fieldset {
  padding: 0;
	margin:0;
  border:0px;
}

#left legend {
display:none;
}


#left label {
width:70px;
padding-left:3px;
font-weight:bold;
text-align:left;
}

#left input {
height:15px;
width:110px;
margin:2px 0 2px 0;
padding:0;
border:1px solid #003366;
}

#left .button{
height:18px;
width:45px;
	background-color: #2A5881;
  margin: 2px 0 2px 0;
	border:0;
	font-weight:bold;
	color: #fff;
	font-size:1.0em;
}

#left .arealogin h2{
width:100px;
text-align:left;
font-size:1.0em;
font-weight:normal;
margin: 3px 0 3px 6px;
}
	



/* CONTENT */



#content .homeleftcol, #content .homerightcol {
	float:left;
}
#content .box {
width:220px;
border-right: 1px solid #A9B1BB;
border-bottom: 1px solid #A9B1BB;
margin: 0 5px 5px 5px;
}

#content .titoli {
width:220px;
margin:0;
padding:0;
border-right: 1px solid #A9B1BB;
border-bottom: 1px solid #5D728C;  
background-color:#CADFF4;
font-size:1.1em;
color:#132844;
font-weight:bold;
}

#content .titoli h3{
padding: 3px 0 0 3px;
margin:0;
}

#content .box .contenutobox{
padding:5px;
height:145px;
}

#content .box .contenutobox .titolobox{
font-size:1.1em;
padding:3px 0 0 0;
}

#content .imgcontent{
float:left;
margin:3px 3px 3px 0;
}

#content .separatore{
width:90%;
height:4px;
margin:0 0 11px 0;
padding:0; 
background-color:#ffffff;
font-size:1px;
border-right: 1px solid #A9B1BB;
border-bottom: 1px solid #A9B1BB;
}

#content #pagine{
width:96%;
padding:5px; 
background-color:#ffffff;
border-right: 1px solid #A9B1BB;
border-bottom: 1px solid #A9B1BB;
margin: 0 0 5px 5px;
font-size:1.2em;
line-height:16px;
display:table;
}

#content #paginacontatti{
width:96%;
padding:5px; 
background-color:#ffffff;
border-right: 1px solid #A9B1BB;
border-bottom: 1px solid #A9B1BB;
margin: 0 0 5px 5px;
font-size:1.2em;
line-height:16px;
display:table;
}


#content #pagine .titoli, #content #paginacontatti .titoli {
width:100%;
margin:0;
padding:0;
border-right: 1px solid #A9B1BB;
border-bottom: 1px solid #5D728C;  
background-color:#CADFF4;
font-size:1.1em;
color:#132844;
font-weight:bold;
}

#content #pagine .titoli h3, #content #paginacontatti .titoli h3{
padding: 6px 0 6px 6px;
margin:0;
}

#content #pagine img{
	float:left;
	margin: 10px 10px 10px 0;
}

#content #pagine p {
	clear:both;
}

#content #pagine a:link ,#content #pagine a:visited ,#content #pagine a:active {
background-color: #CADFF4;
}

#content #pagine a:hover {
background-color: #CADFF4;
}

/*Manifesto*/

#content .manifesto p {
	clear:both;
}

#content .manifesto ol {
list-style-type:none;
margin:0;
padding:0;
}

#content .manifesto li {
margin:0;
display: block;
 padding: 10px 10px 15px 0px;
 text-align:justify;
}

#content .manifesto li li{
margin:0;
display: block;
 padding: 20px 12px 15px 20px;
}

#content .manifesto li:first-letter {
font-size:15px;
font-weight:bold;
}

/*Footer*/

#footer{
clear:both;
text-align:center;
background-color:#FFFFFF;
padding:10px;
}

/*COLLANE*/

/* In questo elemento il colore di background e' estratto dal db */
#listacollane .collana {
	width:210px; 
	height:70px; 
	float:left; 
	margin:5px; 
	padding:5px; 
	border:1px black solid; 
}

/*FONODOCUMENTI*/


#listafonodocumenti li {
	display:block;
	font-size:10pt;
	line-height:12pt;
	float:left;
	width:200px;
	height:70px;
}