﻿/* ---------------------------------------------------
Title: Site Title - Main Style Sheet
Author: Tommaso Baldovino - www.tomstardust.com
Last Updated: April 6, 2008
------------------------------------------------------

------------------- Color Palette --------------------
   Red TomStardust	- #a00
   Red :hover		- #d66
   Dark Grey		- #666
------------------------------------------------------

------------------- Global Reset ------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; 

}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}

/* ---------------- General Styles --------------- */
body {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:1.3em;
}
a:link {
	text-decoration: underline;
	color: #7aa4b4;
}
a:visited {
	text-decoration: underline;
	color: #3399CC;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #3399CC;
}
p{ 
	margin: 0 0 10px 0;
}
h1, h2, h3, h4, cit{
	margin: 5px 0 3px 0;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
h1 {
	font-size: 1.2em;
}
cit {
	font-size: 1.2em;
}
.record h2 {
	font-size: 1.0em;
	color: #7ba162;
	text-transform:uppercase;
}
.record cit {
	font-size: 1.0em;
	color: #7ba162;
	text-transform:uppercase;
}
.record2 h2 {
	font-size: 1.0em;
	color: #c5ad33;
	text-transform:uppercase;
}
.record2 cit {
	font-size: 1.0em;
	color: #c5ad33;
	text-transform:uppercase;
}
.ancora h2 {
	font-size: 1.2em;
	color: #7ba162;
	text-transform:uppercase;
}

.ancora2 h2 {
	font-size: 1.2em;
	color: #c5ad33;
	text-transform:uppercase;
}

.contenuto_banner h2 {
	font-size: 1.0em;
	color: #37839f;
	text-transform:uppercase;
}

h3 {
	font-size: 1.4em;
}
h4{
	font-size: 1.2em;
}
.skip, hr {
	position: absolute;
	left: -9999px;
}
.clear{
	clear: both;
}

/* ---------------- Layout --------------- */
#container{
width:100%;
height: auto;
background-image:url(../img/bg1.jpg);
background-repeat:no-repeat;
	
}
#header{
float:left;
left: 0px;
width: 23%;
height: 158px;
padding-top:33px;
}

#subheader{
padding: 5px;
color: #7ba162;}

#subheader2{
padding: 5px;
color: #c5ad33;}

#subheader_hp{
padding: 5px;
color: #37839f;}

#wrapper{
margin-left: 20px;
	
}
#content{
position:relative;
float:left;
width: 100%;	
}

#navigation{
width:auto;
height:158px;
}

#topnavigation{
position:absolute;
right: 10px;
width: 100%;
height: 10px;
top:20px;
z-index:100;
}

#extra{
	
}
#footer{
position: relative;
bottom: 0px;
float:left;
width: 100%;
height: 200px;
background-color:#c6dbe3;
background-image:url(../img/bg_footer.jpg);
background-repeat:repeat-x;
text-align:center;
padding-top:10px;
color:#fff;	
}

#nav {
position:relative;
top:100px;
margin-right:4.5em;
padding: 0;
list-style-type: none;
width: auto;
float: right; /* Contain floated list items */
}

#topnav {
position:relative;
margin-right:4.5em;
padding: 0;
list-style-type: none;
width: auto;
float: right; /* Contain floated list items */
}

#nav li {
border-right:#CCCCCC 1px dotted;
margin: 0;
height: auto;
padding: 3px 5px 0 5px;
float: left;
background-image:url(../img/bg_menu2.png);
background-repeat:no-repeat;
}

#topnav li {
margin: 0;
height: auto;
padding: 3px 5px 0 5px;
float: left;
}

#nav a {
float: left;
width: auto;
height:20px;
color: #000;
font-size:11px;
text-decoration: none;
line-height: 1.5;
text-align: right;

margin-left:30px;
padding-right: 10px;
margin-top:8px;
}

#topnav a {
float: left;
width: auto;
height:20px;
color: #fff;
font-size:11px;
text-decoration: none;
line-height: 1.5;
text-align: right;
}

#nav #nav_con a {
border: none;
}
#nav a:hover {
color: #3399CC;}

#topnav a:hover {
color: #3399CC;}

#content_hp{
width:auto;
height:auto;
float:left;
}
.left{
width:234px;
float:left;
text-align:justify;
padding: 10px 10px 5px 10px;
margin-bottom:10px;
border-top: #ccc 1px dotted;
}
#boxcontainer{
width:650px;
height:auto;
float:left;
}
.topbox{
width:630px;
height:255px;
float:left;
background-image:url(../img/topbox.jpg);
background-repeat:no-repeat;
margin-left:10px;}

.middlebox{
width:320px;
height:360px;
float:left;
background-image:url(../img/middlebox.jpg);
background-repeat:no-repeat;
margin-left:10px;}

.rightbox{
width:320px;
height:360px;
float:left;
background-image:url(../img/rightbox.jpg);
background-repeat:no-repeat;}

.leftcolumn{
width:20%;
height:auto;
float:left;
padding:0 10px 10px 0;
}

.middlecolumn{
width:41%;
height:auto;
float:left;
padding:0 0px 10px 5px;

}

.rightcolumn{
width:30%;
height:auto;
float:left;
padding:5px 0px 10px 20px;
}

.lista{
width:auto;
height:auto;
background-image:url(../img/bg_lista.png);
background-repeat:no-repeat;
padding:3px 10px 0 10px;
margin-bottom:5px;
}

.banner{
float:left;
width:170px;
height:auto;
background-image:url(../img/bg_lista2.png);
background-repeat:no-repeat;
padding:3px 0px 0 10px;
margin-top:10px;
margin-right: 0px;
margin-left: 10px;
}

.contenuto_banner{
width:100%;
height:80px;
border: #ccc 1px solid;
font: Trebuchet 11px #000;
padding: 20px 5px 5px 10px; 
background-image:url(../img/bg_record2.jpg);
background-repeat: repeat-x;
background-color:#fff;
text-align:center;
}

.record{
width:100%;
height:auto;
border: #ccc 1px solid;
font: Trebuchet 11px #000;
padding: 10px 10px 15px 10px; 
background-image:url(../img/bg_record.jpg);
background-repeat: repeat-x;
background-color:#fff;
text-align:left;
}

.record2{
width:100%;
height:auto;
border: #ccc 1px solid;
font: Trebuchet 11px #000;
padding: 10px 10px 15px 10px; 
background-image:url(../img/bg_record.jpg);
background-repeat: repeat-x;
background-color:#fff;
text-align:left;
}

.scheda{
width:100%;
height:auto;
background-image:url(../img/bg_scheda.jpg);
background-repeat:no-repeat;
padding:5px 0 5px 10px;
}

.scheda2{
width:auto;
height:auto;
background-image:url(../img/bg_scheda_2.jpg);
background-repeat:no-repeat;
padding:0px 0 10px 10px;
}

.scheda3{
width:320px;
height:auto;
background-image:url(../img/bg_scheda_2.jpg);
background-repeat:no-repeat;
padding:0px 0 10px 10px;
}

.contenuto_scheda{
width:auto;
height:auto;
border: #ccc 1px solid;
font: Trebuchet 11px #000;
padding: 10px 5px 5px 40px; 
background-color:trasparent;
background-image:url(../img/bg_record.jpg);
background-repeat:repeat-x;
}

.contenuto_scheda2{
width:auto;
height:auto;
border: #ccc 1px solid;
font: Trebuchet 11px #000;
padding: 0px 5px 5px 0px; 
background-color:trasparent;
background-image:url(../img/bg_record.jpg);
background-repeat:repeat-x;
}

.mappa{
width:310px;
height:auto;
border: #ccc 1px solid;
font: Trebuchet 11px #000;
padding: 10px 5px 5px 5px; 
/*background-image:url(../img/bg_record.jpg);
background-repeat: repeat-x;*/
background-color:trasparent;
}

.formsmall{
width:auto;
height:auto;
border: #ccc 1px solid;
font: Trebuchet 11px #000;
padding: 10px 0px 5px 0px; 
background-image:url(../img/bg_record.jpg);
background-repeat: repeat-x;
background-color:trasparent;
}

table #scheda{
width:100%;
height:auto;
font: Trebuchet 11px #000;
padding: 5px;
}

#scheda th{
font-weight:bold;
color: #7ba162;
text-transform:uppercase;
padding-bottom: 10px;
text-align:left;
}

#scheda2 th{
font-weight:bold;
color: #c5ad33;
text-transform:uppercase;
padding-bottom: 10px;
text-align:left;
}
#scheda td{
vertical-align:top;
}

.bold{
font-weight:bold;
text-transform:uppercase;
}

.ancora{
width:100%;
height: 30px;
/*background-color:#eee;*/
padding-left: 1.2em;
margin-bottom: 10px;
margin-top: 10px;
border-bottom:1px dotted #CCCCCC;
color:#999;
}
.ancora2{
width:100%;
height: 30px;
/*background-color:#eee;*/
padding-left: 1.2em;
margin-bottom: 10px;
margin-top: 10px;
border-bottom:1px dotted #CCCCCC;
color:#999;
}
.captioned_photo {
position: relative;
float:right;
display: block;
padding: 2px;
border: 1px solid #393939;

}