/*
Copyrights: © 2009   Residence dei Margi
*/

/*  
======================================================
			 elementi generali del sito
======================================================
*/

body {	
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow:visible;	
	background-image:url(../images/sfbody.jpg);
	background-repeat: repeat-x;
	background-color:#f9f7f2;
	color:#063e8b;
}

#container{
	width: 990px;
	margin-left: -495px;
	left: 50%;
	height:100%;
	position:absolute;
	overflow: visible;
	background-image:url(../images/sfcontainer.jpg);
	background-repeat: no-repeat;	
}
	

#top{
	width: 990px;
	height:170px;
}

#logo{
	width:500px;
	height:100px;
	margin-top:10px;
	margin-left:40px;
	float:left;
	display:inline;
}

#libero{
	width:400px;
	margin-top:10px;
	margin-right:40px;
	height:100px;
	float:right;
	display:inline;
}


a:link{
	color: #063e8b;
	text-decoration: none;
}

a:visited{
	color: #063e8b;
	text-decoration: none;
}

a:hover{
	color: #6495c8;
	text-decoration: none;
}

#contenuti{
	width:950px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	display:inline;
	overflow:visible;
	background-image:url(../images/sfcontenuti.jpg);
	background-repeat: repeat-y;
}

#sx{
	width:250px;	
	float:left;
	padding:20px;
	display:inline;
	overflow:visible;
	height:460px;
}


#sx p{
	font-size:15px;
 	line-height: 22px;	
	padding:10px;
	font-family: garamond, "Times New Roman", Times, serif
}

#dx{
	width:600px;
	float:right;
	margin-right:20px;
	padding:20px;
	display:inline;
	overflow:visible;
	text-align:justify;
}

	
#dx h2{
	font-size:20px;
	line-height: 22px;
	font-family: garamond, "Times New Roman", Times, serif

}

#dx p{
	font-size:15px;
 	line-height: 22px;
	padding-right:15px;
	font-family: garamond, "Times New Roman", Times, serif
}



#footer{
	width: 990px;
	height:180px;
	float:left;
	background-image:url(../images/sffooter.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


#copy{
	margin-top:140px;
	font-size: 10px;
	padding:10px;
	text-align:center;
}

/* menu Lingue */


#langnav{
	width:950px;
	height:31px;
	float:left;
	padding:0;
	margin-left:20px;
	display:inline;	
	
}

#langnav ul {
	width: 950px;
	padding:0;
	margin: 0;	
	margin-top: 3px;
	margin-bottom: 7px;
	text-align: right;
	text-indent:0;	
}

#langnav li{
	list-style-image: none;
	display: inline;
	text-align: right;
	margin-left:0;
	margin-right:10px;
	text-indent:0;
}

.langnavno{
	font-size: 12px;
	font-family:Garamond, Times New Roman, Times, serif
}

.langnavno a:link{
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	text-transform: uppercase;
}

.langnavno a:visited{
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	text-transform: uppercase;
}

.langnavno a:hover{
	font-weight: normal;
	color: #6495c8;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	text-transform: uppercase;
}

.langnavsi{
	font-size: 12px;
	font-family:Garamond, Times New Roman, Times, serif
}

.langnavsi a:link{
	font-weight: normal;
	color: #6495c8;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	text-transform: uppercase;
}

.langnavsi a:visited{
	font-weight: normal;
	color: #6495c8;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	text-transform: uppercase;
}

.langnavsi a:hover{
	font-weight: normal;
	color: #6495c8;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	text-transform: uppercase;
}

 /* menu di navigazione */

#nav{
	width:750px;
	height:31px;
	float:right;
	margin-right:40px;
}

#nav ul {
	width: 750px;
	padding:0;
	margin: 0;	
	margin-top: 8px;
	margin-bottom: 5px;
	text-align: right;
	text-indent:0;
}

#nav li{
	list-style-image: none;
	display: inline;
	text-align: center;
	margin-left:0;
	margin-right:10px;
}

#navifooter{
	margin-top:50px;
	width:910px;
	background-color:#c2c4af;
	height:22px;
	float:right;
	margin-right:40px;
}

#navifooter ul {
	width: 910px;
	padding:0;
	margin: 0;	
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: right;
	text-indent:0;
}

#navifooter li{
	list-style-image: none;
	display: inline;
	text-align: center;
	margin-left:0;
	margin-right:10px;
}


.navsi{
	font-size: 12px;
	font-family:Garamond, Times New Roman, Times, serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

.navsi a:link{
	color: #6495c8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
}

.navsi a:visited{
	color: #6495c8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
}

.navsi a:hover{
	color: #6495c8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
}

.navno{
	font-size: 12px;
	font-family:Garamond, Times New Roman, Times, serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

.navno a:link{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	color: #FFF;
}

.navno a:visited{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	color: #FFF;
}

.navno a:hover{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	color: #6495c8;
}


/*  
======================================================
				SUBMENU 
======================================================
*/


#submenu{
	width:640px;
	height:30px;
	float:right;
	margin-right:20px;
	padding:0;
	display:inline;	
	
}

#submenu ul {
	width: 640px;
	padding:0;
	margin: 0;	
	margin-top: 3px;
	margin-bottom: 7px;
	text-align: center;
	text-indent:0;	
}

#submenu li{
	list-style-image: none;
	display: inline;
	text-align: right;
	margin-left:0;
	margin-right:10px;
	text-indent:0;
}


.appno{
	font-size: 12px;
	font-weight: bold;
	font-family:Garamond, Times New Roman, Times, serif;
	height:30px;
	width: 170px;
	display:block;	
	text-decoration: none;
	text-transform: uppercase;
	
}

.appno a:link{
	color: #94937c;
	padding-right:10px;
}

.appno a:visited{
	color: #94937c;
	padding-right:10px;
}

.appno a:hover{
	color: #6495c8;
	padding-right:10px;
}

.appsi{
	font-size: 12px;
	font-weight: bold;
	font-family:Garamond, Times New Roman, Times, serif;
	height:30px;
	width: 170px;
	display:block;	
	text-decoration: none;
	text-transform: uppercase;
}

.appsi a:link{
	color: #6495c8;
	padding-right:10px;
}

.appsi a:visited{
	color: #6495c8;
	padding-right:10px;
}

.appsi a:hover{
	color: #6495c8;
	padding-right:10px;
}

/*  
======================================================
				solo per tariffe
======================================================
*/

.tabellatariffe{
	width:550px;
	margin-bottom:50px;
}

.tabellatariffe caption{
	width:550px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}

.tabellatariffe th{
	font-size: 12px;
	text-align:center;
	width:183px;
	color:#f9f7f2;
	background-color: #94937c;
}

.tabellatariffe td{
	font-size: 10px;
	text-align:center;
	width:183px;
	height:30px;
	border: 1px solid #94937c;
}

.periodo{
	font-weight: bold;
	border: 0;
}

/*  
======================================================
			 solo links
======================================================
*/

.linkgroup{
	float: left;
	width:580;
	margin-bottom:5px;
}

.linktitle{
	float:left;
	text-align:left;
	width: 570px;
	padding:5px;
	
	color:#666666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94937c;
	margin-bottom:5px;
	margin-top:10px;
}

.linktxt{
	float:left;
	text-align:left;
	width: 570px;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #94937c;
	margin-bottom:5px;
}


/*  
======================================================
				solo per contatti
======================================================
*/

form {
	margin-left:30px;
	padding-right: 2em;
	padding-left: 2em;
	overflow: auto;
}

form div{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:20px;
}


form b {
	color:#F30
}

form p {
	margin:0.5em 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


fieldset {
	float:left;
	width:420px;
	height: 25px;
}
.input {
	border: 1px solid #063e8b;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #063e8b;
	width: 300px;
}

.messin {
	border: 1px solid #063e8b;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #063e8b;
	width: 300px;
}
.select {
	border: 1px solid #063e8b;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #063e8b;
	width: 300px;
	margin-bottom:15px;
}

.input_small {
	border: 1px solid #063e8b;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #063e8b;
	width: 150px;
}


label {
	float:left;
	width:400px;
	display: inline;
	margin-left: 10px;
	line-height:20px;
	font-size: 11px;
}

#notabooking {
	margin-top:15px;
	width:600px;
	height:50px;
	text-align:left;
	font-size: 10px;	
}

#notamodulo {
	width:300px;
	height:50px;
	margin-left:20px;
	text-align:left;
	font-size: 10px;	
}

#inviomodulo {
	width:300px;
	height:50px;
	margin-left:20px;
	text-align:left;
}

/*  
======================================================
				solo per intro
======================================================
*/


#containerintro{
	width: 990px;
	margin-left: -495px;
	left: 50%;
	height:100%;
	position:absolute;
	overflow: visible;		
	background-image:url(../images/sfcontainerintro.jpg);
	background-repeat: repeat-x;
}

#descrizione{
	width: 910px;
	height:10px;
	text-align:right;
}

#intro{
	width: 910px;
	margin-left:40px;
	margin-top:30px;
	height:375px;
}

#langnavintro{
	width:990px;
	height:31px;
	float:left;
	display:inline;	
}

#langnavintro ul {
	width: 990px;
	padding:0;
	margin: 0;	
	margin-top: 3px;
	margin-bottom: 7px;
	text-align: center;
	text-indent:0;
}

#langnavintro li{
	list-style-image: none;
	display: inline;
	text-align: center;
	margin-left:0;
	margin-right:8px;
}

#logointro{	
	width: 990px;
	height:146px;
}

#footerintro{
	width: 990px;
	height:180px;
	float:left;
}