/* ---------- CSS DOCUMENT ---------- */

html, body, div, p, span, small, strong, a, em, 
h1, h2, h3, h4, h5, h6, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	padding:0px;
	margin:0px;
	border:0px;
}
strong {
	color:#666666;
}
h2 {color:#4F3D08;}

html {font:1.2em/1.2em sans-serif,arial,helvetica,"Lucida Grande"; background:#ffffff url(../img/header.gif) no-repeat top center;}
body {font-size:100.01%;}
ul {list-style:none;}
a:link, a:active, a:visited {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:#0048AC;
	text-decoration:underline;
}
hr{border:0; border-top:1px solid #555; margin:0; height:1px;}

/* ---------- Package ---------- */
#logo {position:absolute; display:block; top:0px; width:220px; height:150px; z-index:2;}
#topnavigation {position:absolute; top:0px; z-index:1;}
#flash-nav { height:50px; width:678px; position:relative; left:199px;}
#top {height:50px;}
#newsletter {margin-left:580px; display:block; height:69px; width:207px;margin-top:37px;}
#flash-header {width:857px; height:410px; background:url(../img/flash-header-bg.jpg) no-repeat; margin:0 auto; text-align:center;}
#photo-gallery-page #flash-header,
#service-page #flash-header
{height:248px; margin:0 auto;}

/* headers */
#contattaci-page #flash-header {background:url(../img/headercontattaci.jpg) no-repeat;}
#notizie-page #flash-header {background:url(../img/headernotizie.jpg) no-repeat;}
#photogallery-page #flash-header {background:url(../img/headerphoto.jpg) no-repeat;}
#prezzi-page #flash-header {background:url(../img/headerprezzi.jpg) no-repeat;}
#civitanovastoria-page #flash-header {background:url(../img/CivitanovaMarcheStoria.jpg) no-repeat;}
#photo-gallery-page #flash-header {background:url(../img/header-photo-gallery.jpg) no-repeat;}
#appartamenti-page #flash-header {background:url(../img/appartamentoalmare.jpg) no-repeat;}
#newsletter-page #flash-header {background:url(../img/headernewsletter.jpg) no-repeat;}

#content {width:857px; padding:92px 10px 10px 10px; background:url(../img/content-bg.gif) no-repeat;}
#left {width:620px; float:left;}
#left p {margin-top:10px; font-size:80%;}
#right {
	width:232px;
	float:right;
	text-align:right;
	margin-top: 82px;
}
#right a img {margin-top:10px;}
#right a{font-size:80%; text-decoration:underline;}

#form-name, #form-email {width:130px;}
#bottom {width:100%; background:#ffffff url(../img/footer.jpg) no-repeat top center;}
#footer {text-align:center;}
#footer-nav {text-align:center; padding-top:45px;}
#copyright {display:block; float:left; color:#fff; padding-top:65px; text-align:left; font-size:60%;}


#footer-nav li {margin:0 auto; display:inline; font-size:70%; margin:0px 5px;}
.gallery {border:2px solid #a0eaff; padding:5px; heigth:100px; float:left; margin:10px;}
.gallery:hover {background-color:#fff;}
.gallery img {padding:3px; width:110px; height:100px;}

/* ---------- Classes ---------- */

.auto {width:877px; margin:0 auto;}
.clear {clear:both;}


#contact-form {
	color:#2E98E2;
	font-size:80%;
}
#contact-form input, #contact-form textarea, #contact-form select {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 14px;
	letter-spacing:normal;
	color:#0066CC;
	width:245px;

}
#contact-form select {width:250px;}



#contact-form input#btnSubmit {

	margin:0px 0px 5px 210px;

	width:190px;

}

#contact-form textarea {

	height:60px;

}

#contact-form label {

	display:block;

	padding: 3px 0px 0px 0px;

}

#contact-form label strong {

	display:block;

	width:200px;

	float:left;

	font-weight:normal;

	text-align:right;

	padding-right:13px;

}


#contact-form p.note {

	font-size:12px;

	padding-left:163px;

	margin-bottom:0px;

	font-style:italic;

}
/* blog */
.blog					{
	background-color:#CCECFF;
	padding:10px;
	margin:0px 0px;
	border:2px solid #d5d5d5;
}
.blog h3						{
	color:#008FDC;
	font-size:90%;
}
.blog h4						{
	color:#008FDC;
	font-size:80%;
}
.blog p.p					{
	padding:10px;
	font-size:80%;
	color:#98D1F5;
	margin:0px 0px;
	border-bottom:1px dashed #98d1f5;
	border-top:1px dashed #98d1f5;
}
.blog small				{
	color:#008FDC;
	font-size:70%;
	margin:5px 0px;
}