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

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	color:#006699;
	
	
	background-image:url('images/bg_body.gif') ;
	background-repeat:repeat-y;
	background-position:center top;
	
	background-color:#005da8;
	
	
	margin:0 auto;
	
}


#container {
	padding:0 auto;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	width:995px;
	
	background: url(images/bg2.gif) repeat-y top center;
}

a {
	color:#ff6600;
	text-decoration:none;
}
a:hover {
	color:#006699;
}
a img {
	border: 5px solid #0099CC;
	float:left;
}

.border_img{
	border:0 none;
	float:none;
	
	}
	
	

/*colonna menu*/
#container {
	
	
	
}
#container .left_column {
	background: url(images/bg_menu.gif) no-repeat top left;
	padding:43px 35px 0 5px;
	margin:0 auto;
	width:227px;
	float:left;
}


/* menu principale*/
ul.sitemenuicons {
	font-size: 14px;
	font-weight:bold;
	color:#FFF;
	
	width:230px;
	list-style:none;
	margin:0 0 5px 2px;
	padding:0 2px 0 8px;
	overflow: hidden;
}


ul.sitemenuicons li {
	border-bottom:#0099cc 2px solid;
}


ul.sitemenuicons li a {
	display:block;
	text-decoration:none;
	padding:14px 0 14px 14px;
	color:#FFFFFF;
	font-weight: bold;
	overflow: hidden;
	background:url(images/ico.gif) center left no-repeat;
}
ul.sitemenuicons li a:hover, ul.sitemenuicons li.current a {
	color: #ff9933;
}

ul.sitemenuicons li:last-child {
	border: none 0;
}



/*small menu*/

ul.sitemenuiconssmall {
	font-size: 14px;
	font-weight:bold;
	color:#00ccff;
	
	width:227px;
	list-style:none;
	margin:0 0 5px 5px;
	padding:0 2px 0 8px;
	overflow: hidden;
}


ul.sitemenuiconssmall li {
	
}


ul.sitemenuiconssmall li a {
	display:block;
	text-decoration:none;
	padding:4px 0 4px 14px;
	color:#00ccff;
	font-weight: bold;
	overflow: hidden;
	background:url(images/ico_small.gif) center left no-repeat;
}
ul.sitemenuiconssmall li a:hover, ul.sitemenuiconssmall li.current a {
	color: #ff9933;
}







/*center*/

#container .center_column {
	margin:0 auto;
	width: 378px;
	float: left;
}



/*logo*/

#container .center_column .logo {
	background: url(images/cittadinidelporto.jpg) no-repeat top left;
	height: 303px;
	width: 378px;
	float:left;
}

#container .center_column .logo h1 a {
	display: block;
	width: 378px;
	height: 303px;
	
}
#container .center_column .logo h1 a span, #container .center_column .logo h2, #container .center_column .logo h3 {
	display: none;
}


#container .center_column .testo {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	font-style:normal;
	font-size: 14px;
	line-height:1.4em;
	color:#006699;
	float:left;
	width:308px;
	margin:40px 33px 5px 37px;
	padding:0;
	vertical-align:top;
}

#container .center_column .link {
	
	font-size: 12px;
	color:#006699;
	float:left;
	text-align:right;
	margin:5px 33px 24px 37px;
	width:308px;
	padding:0;
}




/*right*/


#container .right_column {
	width: 328px;
	float: right;
	background: url(images/bg_dx.jpg) no-repeat top right;
	padding:0 22px 0 0;
}

#container .right_column .foto {
	width: 329px;
	float: right;
	padding:303px 0 0 0 ;
	background: url(images/img_right.jpg) no-repeat top right;
}

#container .right_column .ipo {
	height:20px;
	float: right;
	padding:0 23px 0 0;
	width:306px;
	text-align:right;
}



/* ################ */

#container .right_column .ipo .piccolo {
	/*background: url(images/a-.gif) no-repeat top left;*/
	height:7px;
	width: 22px;
	margin-right:2px;
	float:right;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:7px 0px 8px 0px;
	background-color:#0099cc;
}

#container .right_column .ipo .piccolo a {
	color:#FFF;
	text-decoration:none;
}
#container .right_column .ipo .piccolo a:hover {
	color:#ff9933;
	text-decoration:none;
}

#container .right_column .ipo .grande {
	/*background: url(images/a-.gif) no-repeat top left;*/
	height: 10px;
	width: 22px;
	float:right;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:4px 0px 8px 0px;
	background-color:#0099cc;
}

#container .right_column .ipo .grande a {
	color:#FFF;
	text-decoration:none;
}
#container .right_column .ipo .grande a:hover {
	color:#ff9933;
	text-decoration:none;
}


/*#container .right_column .ipo .piccolo h1 a span {
	display: none;
}


#container .right_column .ipo .grande {
	background: url(images/a+.gif) no-repeat top left;
	height: 20px;
	width: 20px;
	float:right;
}

#container .right_column .ipo .grande h1 a {
	display: block;
	width: 20px;
	height: 20px;
	
}
#container .right_column .ipo .grande h1 a span, #container .right_column .ipo .grande h2, #container .right_column .ipo  .grande h3 {
	display: none;
}
*/

/* ####################*/





#container .right_column .evidenza {
	
	
	float: right;
	background: url(images/inevidenza.gif) no-repeat top left;
	width:328px;
	
	padding:43px 0 0 0;
	margin:20px 0 0 0;
	
}

#container .right_column .content_news {
	width: 320px;
	text-align: left;
	color:#006699;
	font-size:12px;
	font-weight:normal;
	line-height: 1.4em;
	float: none;
	
	
	padding:0 0 13px 5px;
	margin:13px 0 0 0;

	clear: both;
}

#container .right_column .content_news h1 {
	text-align: left;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	float: none;
	padding:0 auto;
	margin:0 auto;
}

#container .right_column .content_news img {
	margin:0 5px 10px 0;
	float:left;
		
}

#container .right_column .content_news p {
}

.giu{ 
clear:both;
background: url(images/px.gif) repeat-x bottom left;
float:left;
width:100%;
}



#container #footer {
	background: url(images/bg_footer.gif) no-repeat top left;
	height: 109px;
	padding: 54px 25px 0 18px;
	font-size:11px;
	clear:both;
}

#container #footer .box {
	
	padding-left:25px;
	float:left;
	
}

#container #footer .box_utility {
	
	float:right;
	padding-top:40px;
	width:150px;
	text-align:right;
	
}

#container #footer a img {
	
	border:none 0;
	float:none;
	
}



	
	#container #footer .box2 {
	float:right;
	font-size:10px;
	text-align:right;

	
}


/* colonna interna*/

#container .unica_column {
	width: 707px;
	float: left;
	background: url(images/bg_dx.jpg) no-repeat top right;
	padding:0 21px 0 0;
}

#container .unica_column .foto {
	width: 329px;
	float: left;
	height:303px;
	background: url(images/img_right.jpg) no-repeat top right;
}

#container .unica_column .ipo {
	height:20px;
	float: right;
	padding:0 23px 0 0;
	width:684px;
	text-align:right;
}

/* ################ */

#container .unica_column .ipo .piccolo {
	/*background: url(images/a-.gif) no-repeat top left;*/
	height:7px;
	width: 22px;
	margin-right:2px;
	float:right;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:7px 0px 8px 0px;
	background-color:#0099cc;
}

#container .unica_column .ipo .piccolo a {
	color:#FFF;
	text-decoration:none;
}
#container .unica_column .ipo .piccolo a:hover {
	color:#ff9933;
	text-decoration:none;
}

#container .unica_column .ipo .grande {
	/*background: url(images/a-.gif) no-repeat top left;*/
	height: 10px;
	width: 22px;
	float:right;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:4px 0px 8px 0px;
	background-color:#0099cc;
}

#container .unica_column .ipo .grande a {
	color:#FFF;
	text-decoration:none;
}
#container .unica_column .ipo .grande a:hover {
	color:#ff9933;
	text-decoration:none;
}


/* ####################*/

#container .unica_column .logo {
	background: url(images/cittadinidelporto.jpg) no-repeat top left;
	height: 303px;
	width: 378px;
	float:left;
}

#container .unica_column .logo h1 a {
	display: block;
	width: 378px;
	height: 303px;
	
}
#container .unica_column .logo h1 a span, #container .unica_column .logo h2, #container .unica_column .logo h3 {
	display: none;
}

/* ########### */
#container .unica_column .testo {
	
	width: 647px;
	float: left;
	padding: 0 30px 0 30px;
	
	}
	
#container .unica_column .testo h1 {
	
	padding: 0 0 18px 0;
	color:#ff9900;
	font-weight:bold;
	font-size:20px;
	
	}	
#container .unica_column .testo  a img{
	border:0 none;
	float:none;
	margin:0 auto;
	}
#container .unica_column .testo .aldx  {
	float:right;
	vertical-align:bottom;
	}	
	
	
#container .unica_column .testo .cnr  {
	border:0 none;
	float:right;
	text-align:right; 
	whidth:300px;
	padding-top:1px;
	}	
	
	


	
	
	
#container .unica_column .content_news {
	width: 600px;
	text-align: left;
	font-size:12px;
	font-weight:normal;
	line-height: 1.4em;
	float: none;
	
	padding:0 0 13px 0;

	clear: both;
}

#container .unica_column .content_news h1 {
	text-align: left;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	float: none;
	padding:0 auto;
	margin:0 auto;
}	

#container .unica_column .content_news hr{
	color:#0099cc;
	width:600px;
	height:1px;
	float:left;
	margin-bottom:10px;
	
	
}

#container .unica_column .content_news img {
	margin:0 5px 10px 0;
	float:left;
		
}


#container .unica_column .pag {
	width: 600px;
	text-align: left;
	font-size:11px;
	font-weight:normal;
	line-height: 1.4em;
	float: none;
	
	padding:0 0 13px 0;

}



#container .unica_column table{
	border-top:1px solid #0099cc;
	border-right:1px solid #0099cc;
	background-color:#FFF;
	font-size:12px;
	font-weight:bold;
	}
	
	#container .unica_column table a img{
	border:0 none;
	}
	
	#container .unica_column table a {
	color:#006699;
	text-decoration:none;
}
#container .unica_column table a:hover {
	color:#ff6600;
}


#container .unica_column td{
	border-bottom:1px solid #0099cc;
	border-left:1px solid #0099cc;
	height:30px;
	
	}

.lab1315{
	background: url(public/bg_la13_15.jpg) no-repeat top right;
	padding:55px 0 0 26px;
	width:auto;
	float:left;
	
	}
	
.colsx{
	float:left;
	width:300px;
	}
	
.coldx{
	float:right;
	width:279px;
	padding-left:20px;
	}	


/*css form*/

label{
	width:130px;
	padding:5px;
	float:left;
	
	
	}
	
input{
	width:300px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#006699;
	background-color:#FFF;
	}	

.small{
	width:15px;
	background-color:#FFF;
	}	


.butt{
	width:200px;
	background-color:#006699;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	}