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


html {
margin: 0;
padding: 0;
}
body {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color:#d6dfe6;
	width: 100%;
	display: table;

}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}


a{color: #1743a7; text-decoration: underline; }
a:hover{color: #0080FF; text-decoration: underline;}


/* container ----------------------------------------------------------------------------------------------*/
div#container { 
text-align:left; 
margin:auto;
width:955px;
}



/* header ----------------------------------------------------------------------------------------------*/
div#header {
height:111px; text-align:LEFT;
background-color:#FFFFFF;  
}

.logo { float:left; margin-left:60px; margin-right:20px;
}


/* animation ----------------------------------------------------------------------------------------------*/
div#animation {
height:auto; width:auto;text-align:right;
}


/*navigation horizontal  ----------------------------------------------------------------------------------------------*/
div#navigation_horizontal{
text-align:right; 
background-color:#084d92;
height:35px;
}

/*stili per la navigazione link orizzontali*/
div#navigation_horizontal ul{margin:0 20px 0 0; list-style-type: none; padding-top:7px;}
div#navigation_horizontal li{display: inline; padding:0;} /*nota display: inline*/
div#navigation_horizontal a{color: #FFFFFF; text-decoration: none; margin:2em 40px 2em 0; }
div#navigation_horizontal a:hover{color: #FFFFFF; text-decoration: underline;}
div#navigation_horizontal a#activelink{color: #FFFFFF;text-decoration: underline; font-weight:bold;}

/*COLONNA SINISTRA ----------------------------------------------------------------------------------------------*/ 
div#left_column{
width:195px;
float: left; height:500px;
background-color:#9db8d5;
text-align:center;

}


/* content  ----------------------------------------------------------------------------------------------*/
div#content_esteso {
margin: 0 0 0 195px; height:auto;
width:700px;
background-color:#ffffff;
padding: 30px; 
text-align:justify;
}
.tabelletre {  text-align:left;  width:205px; }

.orari { width:260px; height:180px; background-color:#dee6f1; padding:40px;float:right; margin-left:30px;  }
.spaziosotto { width:auto; height: auto; clear: both;    margin-top:30px; }
.floatdx { float:right; margin-left:30px; margin-bottom:30px;}
.floatdx2 { float:right; margin-left:30px;}
.floatsx { float:left; margin-right:30px;margin-bottom:30px;}
.floatsx2 { float:left; margin-right:30px;margin-bottom:10px;}
.campiform {width: 390px;}

.titoli {font-size:25px; font-weight:bold; color:#003399;}
.form{ float: left; line-height:41px; margin-right:10px;}

.categorie a{color: #000000; text-decoration: none; font-size:14px;}
.categorie a:hover{color: #000000; text-decoration: underline; font-size:14px;}
/* footer  ----------------------------------------------------------------------------------------------*/

div#footer {
clear: both;
padding: 5px 0 5px 0;
color: #686b62; 
text-align: left;
font-weight: normal; 
}

div#footer a {
font-weight: bold; 
color: #9d5d05; 
text-decoration: underline;
}



/* varie ------------------------------------------------------------------------------------------------*/

h1 {
font-size: 12px; font-weight:normal;
}

h2 {
font-size:1.5em;
margin-bottom:0.8em;
}
.titoloblu { color: #1743a7;font-weight:bold;}
.blu { color: #003399;}
.bold { font-weight:bold;}
.spacer { padding:0 20px 0 20px;}

		
/* risultati*/
td.tabellafoto {border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; border-left:1px solid #9c9c9c; width:180px;}
td.tabelladescrizione { border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; padding-right:20px; width:375px;}
td.tabelladescrizionenofoto { border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; border-left:1px solid #9c9c9c; width:555px; padding: 10px;}
td.tabellarisultato { border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; border-right:1px solid #9c9c9c; background-color:#EBEBEB; width:120px;}
td.spaziotabella { height:10px; }

.zoom { margin:20px 0 20px 0; height:auto; width: auto; }
.clear { clear:both;}

.foto  {border:1px solid #9c9c9c; padding:2px; background-color:#FFFFFF;}	

/*--------------------- Form ---------------------*/
div#contenutoForm {text-align: center;}
fieldset {width: 95%; padding: 0 0 10px 0; border: 1px solid #e5e5e5;text-align: left;}
fieldset legend {color: #1743a7; padding:10px;}
fieldset .newfield {clear: left; text-align: left;}
fieldset label {float: left; width: 23%; padding: 3px 15px; margin: 0 0 5px 0; text-align: right;}
fieldset .captchaField {float: left; text-align: right; padding: 3px 15px 3px 0; margin: 0 0 5px 0;}
fieldset .inputText {width: 400px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputTextSmall {width: 125px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputRadio {margin: 0 0 0 50px;}
#bottoni {width: 95%; padding-top: 20px; text-align: right;}
#bottoni .bottone {width: 120px; margin-left: 30px;}
#messaggiForm {width: 95%; padding-top: 20px; text-align: left;}
div#contenutoForm #messages {color: #1743a7; font-weight: bold;}
div#contenutoForm #requiredFields {color: #c60000; font-weight: bold;}
div#contenutoForm #wrongFields {color: #ff6d11; font-weight: bold;}

.display-none {display: none;}
.visibility-hidden{visibility: hidden;}