body { ;
background: #99CCFF url(images/sfondo_1690_2.jpg) repeat-y center top;
font: normal 0.8em Trebuchet, Verdana, Helvetica, Arial, sans-serif;
color: #0066cc;
margin-top: 0px; }
h4 {margin: 0;
color: #ff3300;
font-size: 1.2em; }
.boldbottom {margin: 0;
color: #ff3300;
font-size: 1em;
font-weight: bold; }
h5, h6 {margin: 0;
color: #0066cc;
font-size: 1em; }
h2, h3 {margin: 0;
font-weight: normal;
color: #ff6600; }
h1 {margin: 0;
font-weight: normal;
color: #ff6600;
 }

.h1trasp {margin: 0;
font-weight: normal;
color: #FFFFFF;
z-index: 1;
position: relative;
font-size: 0.01em; }

h2 {font-size: 2em; }
h3 {font-size: 1.4em;
margin-left: 20px;
font-weight: bold; }
img {border: none; }
a {color: #333333; }
a:hover {text-decoration: none;
color: #000000; }
#contentbox {margin: auto auto;
padding: 0;
width: 1022px;
 }
#container {margin: 0 auto;
padding: 0;
width: 950px; 

}
/* Header */
#header {width: 950px;
height: 162px; }

/* Logo */
#logo {float: left;
width: 236px;
height: 154px;
background: url(images/img02.gif) no-repeat; }
#logo h1 {padding: 50px 0 0 20px;
letter-spacing: -.05em;
font-size: 4em; }
#logo h2 {font-size: 1.8em; }
#logo a {text-decoration: none;
color: #3399FF; }
/* Menu */
#menu {float: left;
width: 655px;
height: 162px;
margin: 0px 5px 0 0;
background: #FFFFFF url(images/img05.gif) no-repeat;
z-index: 2;
}
.titleflash {
width: 540px;
height: 150px;
z-index: 4;
position: relative; }

#title {float: left;
width: 400px;
height: 100px;
margin: 30px 2px 0px 0px;
font-size: 1.2em;
text-transform: capitalize;
font-weight: bolder; }
#menu ul {margin: 0;
padding: 0 0 0 1em;
list-style: none; }
#menu li {display: inline; }
#menu a {display: block;
float: left;
padding: 15px 4px .5em 2px;
font-size: 1.1em;
color: #3399cc;
font-weight: bolder;
font-family: Verdana, Helvetica, Arial, sans-serif;
letter-spacing: -1px; }
#menu a:hover {background: #ffcc33; }
#menu .active a {text-decoration: none;
font-weight: bold;
color: #ff6600; }
/* Content */
#content {width: 950px;
height: auto;
margin: 0em;
padding: 0em;
}
.image {
float: left;
margin: 5px;
border: 1px #3366cc solid;
}

.imagethumb {
float: left;
display: block;
text-align: center;
clear: right;
overflow: auto; }
.image404 {
float: right;
display: block;
text-align: left;
clear: right;
overflow: auto; }

.imageleft {
float: right;
border: 1px #3366cc solid;
color: #3366cc;
margin: 2px;
overflow: visible; }


#pano {width: 500px;
height: auto;
margin: 0em;
padding: 0em;
margin-left: 150px;
border: 1px #ccc solid;
position: relative;
top: 35px; }
#gallery {width: 500px;
;
height: auto;
margin: 0em;
padding: 0em;
margin-left: 200px;
margin-right: 60px; }
#mappapiscina {padding-left: 2px; }

#attra1 {width: 720px;
margin-left: 80px;
margin-right: 60px;
margin-top: 0.5em;
position: relative;
height: auto; }

#attra2 {width: 720px;
margin-left: 80px;
margin-right: 60px;
margin-top: 0.5em;
position: relative;
text-align: left;
}
#attra3 {width: 600px;
margin-left: 120px;
text-align: left;
line-height: 2em;
margin-top: 20px;
padding-top: 5px; }

.acqscivoli {width: 200px;
margin: 4px;
text-align: center;
float: left;
clear: right;
padding: 4px; }

#quarantanni {width: 800px; height: 567px;
margin-left: 10px;
margin-right: 5px;
margin-top: 10px;
position: relative;

padding:2px;
border: 1px #3da4bd solid;
background: #ccc; }

.slice40 {width: 267px; height: 189px;
float: left;
clear: right;
 }



/* Posts */
#posts {width:810px;
padding: 0;
margin: 0 ;
margin-left: 70px; }

#dove {margin: auto;
width: 685px; }

#dovemap {margin: 0em 20px 0em 50px;
width:580px;
}

#contenuti {width: 720px;
padding: 0em;
margin: 0em; }
#contenutiosp {width: 720px;
padding: 0em 30px 0em 1px;
margin: 0 auto; }
#contenutiinfo {width: 780px;
padding: 0em 20px 0em 1px;
margin: 0 auto; }
#mappa {width: 450px;
position: relative;
margin: 2px;
border: 1px #ff6600 solid;
clear: right;
float: left;
background-color: #a5be7f;
color: #95c665;
height: 598px; }
.post {margin-bottom: 10px; }
#dati {width: 240px;
position: relative;
float: right;
border: 1px #ff6600 dashed;
clear: none;
padding: 1px;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #ffffff;
clip: auto;
height: 598px;
overflow: auto;
padding-left: 0.5em; }
#MO {width: 620px;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #ffffff;
padding-left: 0.5em;
margin-bottom: 5px; }
#BO {width:620px;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #ffffff;
padding-left: 0.5em;
margin-top: 5px; }
.tred {font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #FF0000; }
#table {border: 1px #6699cc solid;
padding: 6px;
background-color: #ff9900;
height: auto;
width: 700px;
table-layout: auto;
white-space: normal;
display: table;
margin-left: 58px;
margin-top: 2px;
margin-bottom: 1px; }

.tabella_tariffe {border: 1px #6699cc solid;
padding: 3px;
background-color: #ffffff;
height: auto;
width: 100%;
display: table;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 1px;
color: #003366; }

.tablenews {
height: auto;
display: table;
font: 95%;
width: auto;
position: relative;
float: right;
clear: both;
margin-top: 2px;
border: 1px #006699 dashed;
padding: 2px;
background: #c0ddfd; 
 }

#newsletter {
width: 200px;
float: right;
font: 80%/2px;
margin-left: 2px;
margin-right: 2px;
clear: left;
}
tr {background-color: #ffffff;
height: auto; }

td {margin: 2px;
padding: 1px;
text-align: center;
vertical-align: middle;
height: auto; }
th {border: 1px #0099cc solid;
margin: 2px;
padding: 1px;
vertical-align: middle;
height: auto; }
.note_tabella {background-color: #dfdfdf;
color: #ff0000;
font-weight: bold; }
.testa_tabella {color: #000033;
font-weight: bold;
background: #c8f0ff; }
.descrizione_tabella {background-color: #FFFFFF;
color: #336699;
width: 20%;
height: auto; }
.tredbig {font: bolder 12px Verdana, Arial, Helvetica, sans-serif;
color: #ff0000; }
.tredbolder {font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #ff0000; }
.bolder {font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
color: #0066CC; }
.hidden {
visibility: hidden; }
.post .title {padding: 0 0 5px 20px;
color: #FF8400; }
.post .meta {margin-left: 10px;
padding: 2px 20px 2px 20px;
background: url(images/img06.gif) no-repeat;
font-size: smaller;
height: 50px; }

#story {padding: 5px 20px 5px 10px;
line-height: 180%;
width: 790px;
float: left;
margin-top: 10px;
font-size: 1em; }
#gruppi_estivi{padding: 5px 0px 5px 15px;
width: 790px;
float: left;
margin-top: 8px;
border:16px #ff6600 dotted;
margin: 8px 5px;
text-align: center; }
.storyd {padding: 5px 20px 5px 5px;
line-height: 160%;
width: 645px;
float: left;
margin-top: 10px;
margin-left: 2px;
font-size: 1em;
}
.storyd2 {padding: 5px 20px 5px 10px;
line-height: 180%;
width: 798px;
float: left;
margin-top: 10px;
margin-left: 2px;
font-size: 1em;
}

#meteo {line-height: 180%;
width: 640px;
margin-left: 80px; }
/* Footer */
#footer {clear: both;
width: auto;
border-top: 1px #ff9900 dashed;
padding-top: 0.2em;
margin-left: 70px;
margin-right: 60px; }
#footer p {color: #388bf9; }
#footer a {color: #0066cc; }