/**
 * Reset - Resets all browsers down to common default settings
 *
 * @credits Eric Meyer's CSS Reset <http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/>
 * @package WPFramework
 * @subpackage Media
 */

/* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Removes dotted line when focus */
:focus { outline: none; }
html{
	margin: 0 !important
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
form {margin:0; padding:0;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }

/* CSS Document */
 * {
	margin:0;
	padding:0;
}
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	
}

body {
	background:url(../images/bg-body.jpg) left top repeat-x #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#000;
}

p {
	padding:0 0 8px 0;
	margin:0;
	font-size:14px;
	line-height:18px;
}

p a{
	color:#00bbef;
	text-decoration:underline;
}

h1 {
	font-size: 18px;
	margin:0;
	padding:13px 0;
	color:#00519e;
	font-weight:bold;
}
h3 {
	font-size:25px;
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal;
	color:#c47900;
	font-family:Tahoma, Geneva, sans-serif;
}
a img {border:none;}
.clear { clear:both; height:1px;}

ul {margin:0 0 10px 20px;}
li {padding:5px 0;}

 /*==================== contenitore generale ========================*/

#wrapper-esterno {float:left; width:100%; margin:0; padding:0; background:url(../images/bg-header.jpg) center top no-repeat;}



#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align:left;
	padding:0;
	
}

#header {
	float:left;
	position:relative;
	width: 960px;
	height:155px;
	}
#logo {
	position:absolute;
	width:392px;
	height:75px;
	top:15px;
	left:0px;
}
#logo p.di {
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:12px;
	font-style:italic;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
#headline h2{
	position:absolute;
	font-size:24px;
	line-height:45px;
	top:222px;
	right:15px;
	color:#fff;
	text-align:right;
}
/*.slideshow{
	float:left;
	margin-top:140px;
	
}*/
#header #search{
	position: absolute;
	left: 704px;
	top:67px;
}
#header #search input[type="text"]{
	position: absolute;
	top:0;
	left: 0px;
	width: 200px;
	color:#4D4D4D;
	padding:4px 2px;
	border: 1px solid #FFF;
	background-color: #c9c3bb; 
}
#header #search input[type="image"]{
	position: absolute;
	top: 0px;
	left: 220px;
}

/* inizio menu navigazione */
#main_menu{
	position:absolute;
	width:960px;
	font-size:16px;
	top:92px;
	left:0;
	height:57px;
	border-top:1px solid #fff;
	background:url(../images/bg-menu.jpg) left top repeat-x;
}
#main_menu ul {
	text-align:left;
	margin:0 auto;
	padding:0;
	height:57px;
}
#main_menu ul li{
	float:left;
	display:inline;
	text-align:center;
	margin:0;
	padding:0;
	height:57px;
	line-height:57px;
	border-bottom:none;
	border-right:1px solid #fff;
}
#main_menu ul li a{
	/*padding: 0 21px;*/
	color:#000;
	margin:0;
	height:57px;
	display:block;
	text-decoration:none;
	text-align:center;
}
#main_menu li a:hover, #main_menu li a.active{
	color:#fff;
	text-decoration:none;
	background:#00519e;
}
#main_menu li.box1{ width:103px;}
#main_menu li.box2{ width:120px;}
#main_menu li.box4{ width:210px;}
#main_menu li.box1.right{ border-right:none;}

/* ======== slide immagini ========== */
.slideshow{
	position:absolute;
	width:960px;
	height:465px;
	overflow:hidden;
	top:155px;
	left:0;
	background:#fff;
}
#ombra{
	position:absolute;
	width:960px;
	height:30px;
	overflow:hidden;
	top:620px;
	left:0;
}
/* ==============  contenuti corpo ==================*/


#content {
	float:left;
	width:960px;
	padding:25px 0 25px 0;
	min-height:450px;
	height:auto !important;
	height:450px;
}

#column1 {
	float:left;
	width:565px;

}
#column1 h2{
	margin-top:8px;
	margin-bottom:3px;
	color:#00519E; 
	text-transform:uppercase;
	
}
#column1 p{
	text-align:justify;
	
}
#column1 ul li{
	list-style-type:disc;
	list-style-position: inside;
}
#column2 {
	float:right;
	width:350px;
	padding:7px;
	background:#c8c8c8;
}

#column2.contatti {
	background:none;
	padding-top:0px;
}


#column2 p{
	padding:7px 0 0 0;
}
/* ========== footer =========== */

#footer{
	width:960px;
	clear:both;
	margin:0 auto;
	padding:10px 0;
	border-top:1px solid #000;
}
#footer-column1 {
	float:left;
	width:321px;
	padding:0 0 10px 0;
	margin:0 31px 0 0;
	display:inline;
	text-align:left;
}
#footer-column2 {
	float:left;
	width:600px;
	text-align:left;
}
#footer-column1 p, #footer-column2 p {
	color:#000;
	padding:10px 0 10px 0;
	font-size:12px;
	line-height:18px;
}
#footer-column1 p a, #footer-column2 p a{
	color:#00bbef;
	text-decoration:none;
}

#footer-column1 p a:hover, #footer-column2 p a:hover{
	color:#00bbef;
	text-decoration:underline;
}