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

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#333;
	line-height:18px;
	text-align: justify;
}

body, select, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* - - - CENTER elements - - -*/

.left {float:left;}
.right{float:right;}
.clear_both { 
	clear:both;
	padding:0px; margin:0px; line-height:0px;
}

img.left {
	margin-right:5px;

}
img.right{
	margin-left:5px;
}

/* Struttura - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container_page{
	position:relative;
	width:980px;
	height:auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	/*border:1px solid #333;*/
}

#header{
	min-height:150px;
}	

#left_content {
	/*width:235px;*/
	width:215px;
	height:auto;
	float:left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	/*border:1px solid #FF0000;*/
}

#content{
	/*margin: 20px 0px 0px 253px;*/
	margin: 20px 0px 0px 226px;
	padding: 0px 0px 0px 0px;
}

.background_home #content {
	margin: 70px 0px 0px 226px;
}

.background_home #left_content {
	margin: 70px 0px 0px 0px;
}

#footer{
	margin-top:25px;
	margin-bottom:25px;
}


#footer p{
	margin-top:10px;
	margin-bottom:10px;
}
/* Class Struttura - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.background_home{
	background-image:url(../images/background_home_new.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.background_interno{
	background-image:url(../images/background_interno_new.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.header_content{
	position:relative;
	width:980px;
	height:85px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* - - - Header elements - - -*/
.logo{
	position:absolute;
	width:162px;
	height:20px;
	left:-1px;
	top:28px;
}

div.filter{
	position:absolute;
	left:390px;
}

.accessibilita{
	margin:18px 0px 5px 0px;
	text-align:right;
}

	.filter_style{
		width:50px !important;
		line-height:26px !important;
		height:26px !important;
		padding:0px !important;
		margin:0px !important;
	}

div.search{
	position:absolute;
	left:560px;
	top:42px;
}

.search_input{
	float:left !important;
}

	input.search_input_style{
		width:195px !important;
		border:none !important;
		background-image:url(../images/bg_search.png) !important;
		background-position:left top !important;
		background-repeat:repeat-x !important;
		line-height:25px !important;
		height:25px !important;
		padding:0px !important;
		margin:0px !important;
	}
.search_button{
	float:left !important;
}

	.search_button_style{
		width:26px !important;
		line-height:26px !important;
		height:26px !important;
		border:none !important;
		background-image:url(../images/bg_search_button.png) !important;
		background-position:left top !important;
		background-repeat:repeat-x !important;
		padding:0px !important;
		margin:0px !important;
	}
	

.arpa_logo{
	position:absolute;
	width:146px;
	height:68px;
	top:30px;
	right:30px;
/*	background-image:url(../images/arpa_logo_header.png);*/
	background-position:left top;
	background-repeat:no-repeat;
}

	.link_arpa{
		width:146px;
		height:68px;
		min-height:68px;
	}

div.login_button{
	position:absolute;
	left:560px;
	top:20px;
}

.login_button a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}


/* - - End Header elements - -*/

.slideshow{
	position:relative;
	width:980px;
	height:227px;
	margin: 53px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFF;
	background-image:url(../images/temp_header.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

/* Only IE */
*:first-child+html .slideshow{
	border:0px solid #FF0000;
	height:227px;
	margin-top:50px;
	padding-top:50px;
	background-image:url(../images/temp_header.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.nav_tematismi{
	position:relative;
	width:980px;
	height:53px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFF;
}

/* class home */
.content_left{
	position:relative;
	float:left;
	/*width:470px;*/
	width:502px;
}

.content_right{
	position:relative;
	float:right;
	width:232px;
}

.content_full{
	position:relative;
	float:left;
	width:100%;
	background-color:#FFF;
}
/* - - - - - -*/

.box{
	position:relative;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color:#CCC;*/
}

.header_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background-image:url(../images/background_header_box.png);
	background-position:right top;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:37px;
}

.content_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
}


.header_box_home{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/box_header_home.gif);
	background-position:right top;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:37px;
	height:37px;
	text-indent:10px;
}

.content_box_home{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background-image:url(../images/box_border_home.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

.footer_box_home{
	width:100%;
	height:11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/box_footer_home.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.header_box_small{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/box_header_small.gif);
	background-position:right top;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:37px;
	height:37px;
	text-indent:10px;
}

.content_box_small{
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
	background-image:url(../images/box_border_small.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

.footer_box_small{
	width:100%;
	height:11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/box_footer_small.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.header_box_big{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/box_header_big.gif);
	background-position:right top;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	line-height:37px;
	height:37px;
	text-indent:10px;
}

.content_box_big{
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
	background-image:url(../images/box_border_big.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

.footer_box_big{
	width:100%;
	height:11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/box_footer_big.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#nav_interno{
	margin:-1px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	height:30px;
}




.hr{
	width:100%;
	height:1px;
	background-color:#CCC;
	border-bottom:1px solid #FFFFFF;
}

.tratteggio{
	width:100%;
	height:1px;
	background-image:url(../images/tratteggio.png);
	background-position:left top;
	background-repeat:repeat-x;
}

/* - - - Icons Padding - - -*/

.icons-text {
	float:left;
	padding:13px 0px 0px 0px;
}
.icons-padding {
	float:left;
	padding:10px 5px 0px 0px;
}

.icons-text2 {
	float:left;
	padding:13px 5px 0px 0px;
}

.icons-padding2 {
	float:left;
	padding:10px 0px 0px 0px;
}

/* Box Footer */
.footer_box_1{
	position:relative;
	width:200px;
	float:left;
	vertical-align:middle;
}

.footer_box_2{
	position:relative;
	width:412px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	vertical-align:middle;
}

/*.footer_box_3{
	position:relative;
	width:176px;
	float:left;
	margin-top:30px;
	margin-left:20px;
}*/

.footer_box_4{
	position:relative;
	width:780px;
	float:right;
	margin: 10px 0px 0px 0px;
	text-align:right;
}

img.margin_right{
	margin-right:14px;
}

.bottone_grigio {
	background-image:url(../images/bottone_grigio.jpg);
	width: 125px;
	height:44px;
	background-repeat:no-repeat;
	
}

.bottone_grigio a {
	color:#830000;
	text-decoration:none;
}

.bottone_grigio a:hover {
	color:#333;
	text-decoration:none;
}

#legenda{
	background-color:#FFF;
	color:#000;
	padding: 8px;
	width:800px;
	height: auto;
	border:2px solid #FFFFFF;

	position:fixed;
	z-index:2000;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#B5D5EA;
	
	width:240px;	
	min-height:150px;
	/*border:1px solid #B5D5EA;*/
	border:1px solid #FFFFFF;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 20px 5px #999;
	-webkit-box-shadow: 0 0 20px #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* ------------- Class form ----------------- */

form div.input {
	margin-bottom: 3px;
	padding: 5px;
}
form div.input label {
	font-weight: bold;
}

div.in{
	margin: 5px;
}

fieldset{
	border:0px;
}

legend{
	font-weight: bold;
	font-size: 14px;
}

label{
	float: left;
    	line-height: 21px;
    	width: 300px;
	margin-top: 5px;
}

input[type=text], input[type=password], textarea {
	/* width: 300px; */
	width: 230px;
	border:1px solid #d8d8d8;
	/*-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-radius: 5px;
	background:#EAF2CD;*/
	padding:2px;
	color:#666;
	
}

select{
	border:1px solid #d8d8d8;
	/*-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-radius: 5px;*/
	padding:2px;
	color:#666;
	width: 300px;
}

textarea {
	width: 300px; 
	border:1px solid #d8d8d8;
	/*-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-radius: 5px; */
	padding:2px;
	color:#666;
}

.button{
	font-size: 14px;
	font-weight: bold;
	background:#AECA4A;
	color: #fff;
	text-decoration:none;
	font-variant:normal;
	text-align:center;
	padding:5px;
}

.login_form {
	width:40%;
	float:left;
	padding:20px 0px 50px 20px;
	font-weight: bold;
}

.registrazione_form {
	font-weight: bold;
	font-size:12px;
	width:40%;
	float:right;
	padding:20px 0px 0px 20px;
}

.tooltip {
	display:none;
	background: #CCC;
	border: 1px solid #888;
	font-size:12px;
	padding:25px;
	color:#000;
	z-index: 50000;
}

/* jQuery lightBox plugin - Gallery style */
.photo-gallery {
	/*background-color: #444;*/
	padding: 0px;
	width: 100%;
}
.photo-gallery ul { list-style: none; }
.photo-gallery ul li { display: inline; }
.photo-gallery ul img {
	/*border: 5px solid #3e3e3e;*/
	border:1px solid #cccccc;
	padding:10px 10px 10px 10px;
	margin-right:10px;
	margin-bottom:10px;
	/*border-width: 5px 5px 20px;*/
}
.photo-gallery ul a:hover img {
	border: 1px solid #FFFFFF;
	/*border-width: 5px 5px 20px;
	color: #fff;*/
}
.photo-gallery ul a:hover { color: #fff; }
/* fine */


/* Tabella Meteo */
table.meteo {
	border:1px solid #7d7c7b;
	background:#fff;
	padding:3px;
	
	
	margin-top:25px;
}
table.meteo th {
	text-align:center;
	background:#ddedac;
	font-waight:bold;
	border-right:1px solid #fff;
}
table.meteo td {
	background:#e5eff8;
	padding:3px;
	margin:3px
	border-right:1px solid #fff !important;
	border-top:1px solid #fff;
}
table.meteo td.meteo_col {
	background:#ececec;
	font-waight:bold;
	text-align:left;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}

#gallery {
	text-align: left;
}

/* fine */