/*
	* in abbinamento a reset.css
	*
	* @author Francesco Asturi
	* @see http://www.asturi.it/
	* @version 1.1
	*
	* @lastmodified 2008-09-01 16.30
	*
	* @package SoCMS - default theme
	* @copyright Copyright(c) 2008, socms.it
	* 
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
	color: #666;
	background: #F2F2EA url(../images/page_bg.jpg) repeat-y center;
}

a:link, a:visited {
	text-decoration: none;
	color: #D37D02;

}
a:hover, a:active {
	text-decoration: underline;
	color: #f60;
}

/*************** container **************/

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

/*************** header **************/

#header {
	position: relative;
	width: 960px;
	height: 130px;
	background: url(../images/header_bg.jpg) no-repeat;
}

#header h1 {
	position: absolute;
	top: 38px;
	left: 40px;
}

#header h1 a{
	display: block;
	width: 244px;
	height: 30px;
	background: url(../images/header_title.gif) no-repeat;
}

#header h1 a:hover{
	border-bottom: 2px solid #fff;
}

#header h1 a span{
	display: none;
}

#description {
	position: absolute;
	top: 48px;
	left: 291px;
	width: 144px;
	height: 20px;
	background: url(../images/header_description.gif) no-repeat;
}

#description p{
	display: none;
}

/* ****** nav ****** */
#nav {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
	/*background: #194270 url(../images/nav_bg.jpg) no-repeat;*/
	font-family: "trebuchet ms";
	font-size: 120%;
	color: #fff;
	text-transform: lowercase;
}

#nav li{
	float: left;
}

#nav a, #nav a:visited{
	display: block;
	color: #fff;
	padding: 0 16px;
}

#nav a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

#nav a#activeNav {
	background: #0B2442;
	color: #DE9D41;
	text-decoration: none;
}


/* ****** flags ****** */
#flags{
	position: absolute;
	right: 0;
	top: 110px;
	font-size: 80%;
}

#flags li{
	float:left;
	display: inline;
	margin-right: 5px;
}

#flags a{
	display:block;
	width: 16px !important;
	width /**/: 18px;
	height: 11px !important;
	height /**/: 13px;
	padding: 0;
	background: no-repeat;
	border: 1px solid #194270;
}

#flags a span{
	display: none;
}

#flags a:hover{
	border-color: #fff;
}

#flags a.currentLang {
	border-color: #fff;
}

a#italiano {
	background-image: url(../images/flag_ita.gif);
}

a#inglese {
	background-image: url(../images/flag_eng.gif);
}

a#francese {
	background-image: url(../images/flag_fra.gif);
}

a#tedesco {
	background-image: url(../images/flag_deu.gif);
}

a#spagnolo {
	background-image: url(../images/flag_esp.gif);
}

/* ****** logo ****** */
.logo {
	position: absolute;
	top: 4px;
	right: 2px;
	width: 92px;
	height: 92px;
}

.logo img{
	width: 92px;
	height: 92px;
}

.logo.basso {
}

/*************** main **************/

#main {
	padding-top: 36px;
	padding-left: 20px;
	background: url(../images/main_bg.jpg) repeat-x top;
}

/*************** sinistra **************/

#sinistra {
	display: inline; /* corregge Doubled-Margin Float bug in IE6 e prec. */
	float: left;
	width: 560px;
	line-height: 200%;
	margin: 0 20px;
}

#sinistra h2, #sinistra h3 {
	margin-bottom: 10px;
	font-family: "Trebuchet MS";
	font-size: 180%;
	font-weight: normal;
	color: #D37D02;
}

/* ****** post ****** */
.post {
	height: 100%;
	line-height: 200%;
	margin-bottom: 20px;
}

.post img{
	float: left;
	margin-right: 10px;
	border: 10px solid #eee;
}

.post p{
	margin-bottom: 20px;
}

#galleryPrev {
	height: 100px;
	line-height: 100px;
	margin-bottom: 20px;
	padding-left: 125px;
	background: url(../images/gallery_prev_bg.gif) no-repeat;
}

/* ****** menuRoom ****** */
.menuRoom {
    height: auto !important;  /* per i browser moderni */
    height: 30px;      /* per IE5.x e IE6 */
    min-height: 30px;  /* per i browser moderni */
	margin: 20px 0 30px;
}

.menuRoom li{
	float: left;
	margin: 0 6px 6px 0;
}

.menuRoom a, .menuRoom a:visited {
	float: left;
	height: 30px;
	padding-left: 10px;
    font: bold 110%/30px "Trebuchet MS",Arial,sans-serif;
    text-decoration: none;
	color: #71716E;
	background: url(../images/menu_button_bg.gif) no-repeat top left;
	white-space: nowrap;
}

.menuRoom a span{
	display: block;
	padding-right: 10px;
	background: url(../images/menu_button_bg.gif) no-repeat top right;
}

.menuRoom a:hover {
    background: url(../images/menu_button_bg.gif) no-repeat bottom left;
	color: #fff;
}

.menuRoom a:hover span{
    background: url(../images/menu_button_bg.gif) no-repeat bottom right;
}

.menuRoom a.activeRoom:link, .menuRoom a.activeRoom:visited {
/*
	background: none;
	color: #2C6FBE;
	text-decoration: none;
*/
    background: url(../images/menu_button_bg.gif) no-repeat bottom left;
	color: #fff;
}

.menuRoom a.activeRoom span{
/*	background: none; */
    background: url(../images/menu_button_bg.gif) no-repeat bottom right;
}

/* ****** galleryPrev ****** */
#galleryPrev img{
	float: left;
	margin: 7px 2px;
	border: 3px solid #eee;
}

#galleryPrev a:hover img{
	border-color: #D37D02;
}

#galleryPrev a.altre {
	float: left;
	width: 50px;
	height: 50px;
	line-height: normal;
	margin: 25px 0 0 15px;
	background: url(../images/arrowlink.gif) no-repeat bottom left;
	color: #71716e;
}

#galleryPrev a.altre:hover {
	background-position: -50px bottom;
	text-decoration: none;
	color: #D37D02;
}

/* ****** main2 ****** */
.main2 {
	height: 100%;
	margin-bottom: 20px;
	background: url(../images/dot_v.gif) repeat-y center;
}

/* ****** feedback ****** */
.feedback h3 {
	width: 256px;
	height: 38px;
	line-height: inherit;
	background: url(../images/titolo_cstmrs_fdbk.gif) no-repeat;
}

.feedback h3 span {
	display: none;
}

.feedback strong {
	color: #D37D02;
}

.feedback p {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/dot_h.gif) repeat-x bottom;
}

.feedback.prev {
	float: left;
	width: 260px;
	margin-right: 20px;
	font-size: 90%;
}

.feedback.prev {
	float: left;
	width: 260px;
	margin-right: 20px;
	font-size: 90%;
}

/* ****** eventi ****** */
#eventi {
	float: left;
	width: 260px;
	margin-left: 20px;
	font-size: 90%;
}

#eventi h3{
	width: 165px;
	height: 21px;
	background: url(../images/titolo_events.gif) no-repeat;
}

#eventi h3 span{
	display: none;
}

#eventi h4 {
	font-size: 110%;
	color: #D37D02;
}

#feed div {
	margin-bottom: 20px;
}

/* ****** rates ****** */
.rates {
	margin-bottom: 20px;
	padding: 12px 12px 0;
	background: #eeeee8 url(../images/box_top.gif) no-repeat top;
}

.rates table{
	width: 100%;
	border-collapse: collapse;
}

.rates th{
	height: 30px;
	padding: 0 10px;
	background: #2B6DBA url(../images/th_bg.png) repeat-x;
	text-align: left;
	color: #fff;
	border: 1px solid #eeeee8;
	vertical-align: middle;
}

.rates th.prima{
	padding: 0;
	background:  none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 160%;
	color: #474745;
	font-weight: normal;
}

.rates th.sopra{
	text-align: center;
}

.rates td{
	background: #fff;
	text-align: center;
	color: #82827F;
	border: 1px solid #eeeee8;
	vertical-align: middle;
}

.rates div{
	width: 560px;
	height: 8px;
	margin: 4px -12px 0;
	background: url(../images/box_bottom.gif) no-repeat bottom;
}

/* ****** noteRates ****** */
.noteRates {
	height: 100%;
	line-height: 200%;
	margin-bottom: 20px;
}

.noteRates p{
	margin-bottom: 20px;
}

/* ****** boxettino ****** */
.boxettino {
	position: relative;
	height: auto !important;  /* per i browser moderni */
    height: 50px;      /* per IE5.x e IE6 */
    min-height: 50px;  /* per i browser moderni */
	margin-bottom: 20px;
	background: #eeeee8 url(../images/box_bottom.gif) no-repeat bottom;
}

.boxettino h4{
	line-height: 50px;
	margin: 0;
	padding-left: 20px;
	background: url(../images/box_top.gif) no-repeat top;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #474745;
}

.boxettino a.hideShow, .boxettino a.hideShow:visited {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	padding-left: 10px;
    font: bold 110%/30px "Trebuchet MS",Arial,sans-serif;
    text-decoration: none;
	color: #fff;
	background: url(../images/button_bg.gif) no-repeat top left;
}

.boxettino a.hideShow span{
	display: block;
	padding-right: 10px;
	background: url(../images/button_bg.gif) no-repeat top right;
}

.boxettino a.hideShow:hover {
    background: url(../images/button_bg.gif) no-repeat bottom left;
	color: #fff;
}

.boxettino a.hideShow:hover span{
    background: url(../images/button_bg.gif) no-repeat bottom right;
}

#v_slide {
	padding: 15px;
}


.boxettino.gallery h4{
	line-height: 55px;
	padding-right: 70px;
	background: url(../images/box_gallery_top.gif) no-repeat top;
	text-align: right;
}

.boxettino.gallery div {
	margin: 0 5px 15px;
}

.boxettino.gallery img {
	float: left;
	margin: 5px;
	padding: 10px;
	background: url(../images/thumb_bg.gif) no-repeat;
}

.boxettino.guestb h4 span{
	float: left;
	width: 24px;
	height: 26px;
	margin: 12px 10px 0 0;
	background: url(../images/ico_guestbook.gif);
}

.boxettino ul{
	height: 100%;
	margin: 0;
	padding: 15px 15px 15px 30px;
	background: url(../images/box_top.gif) no-repeat top;
	list-style: disc;
	color: #c00;
}

.boxettino ul a, .boxettino ul a:visited{
	color: #c00;
	font-weight: bold
}


/*************** destra **************/
#destra {
	display: inline; /* corregge Doubled-Margin Float bug  in IE6 e prec. */
	float: left;
	width: 300px;
	margin: 0 20px;
	padding: 0 0 20px;
}

/*************** prenotazione **************/
#prenFrame {
	width: 300px;
    height: 500px;
}

#prenotaFrame {
	width: 100%;
    height: 400px;
	margin: 0 0 15px;
}

#contattaFrame {
	width: 100%;
    height: 350px;
	margin: 0 0 15px;
}

.prenotazione {
	position: relative;
	height: 100%;
	margin-bottom: 20px;
	padding: 0 15px;
	background: url(../images/side_bg.gif) no-repeat bottom;
	
	text-align: left;
}

.prenotazione h3{
	margin: 0 -15px;
	padding: 10px 15px 0;
	font-family: "trebuchet ms";
	font-size: 150%;
	font-weight: normal;
	background: url(../images/side_bg.gif) no-repeat top;
}

.prenotazione p{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	background: url(../images/line_dbl.gif) repeat-x bottom;
}

.prenotazione p.noline{
	line-height: 150%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	background: none;
}

.prenotazione form{
	height: 100%;
}

.prenotazione ul{
	height: 100%;
}

.prenotazione li {
	float: left;
	margin-bottom: 10px;
}

.prenotazione li.line {
	padding-bottom: 10px;
	background: url(../images/line_dbl.gif) repeat-x bottom;
}

.prenotazione li.wide {
	width: 270px;
}

.prenotazione li.xwide {
	width: 100%;
}

.prenotazione li.noMargin {
	margin: 0;
}

.prenotazione label {
	display: block;
}

.prenotazione input {
	height: 20px !important;
	height /**/: 22px;
	line-height: 20px !important;
	line-height /**/: 22px;
}

.prenotazione input.wide {
	width: 266px;
	border: 1px solid #bbb;
	background: #fff;
	color: #666;
}

.prenotazione input.med {
	width: 250px;
	border: 1px solid #bbb;
	background: #fff;
	color: #666;
}

.prenotazione input.half {
	width: 126px;
	border: 1px solid #bbb;
	background: #fff;
	color: #666;
}

.prenotazione .sn {
	margin-right: 10px;
}

.prenotazione textarea {
	width: 266px;
	height: 80px;
	border: 1px solid #bbb;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666;
}

.prenotazione.big {
	background: none;
}

.prenotazione.big .sn {
	margin-right: 20px;
}

.prenotazione.big textarea {
	width: 526px;
}



/*************** gtbookForm **************/
#guestbFrame {
	width: 100%;
    height: 250px;
}

#gtbookForm {
	position: relative;
	height: 100%;
	margin-bottom: 20px;
	padding: 0;	
	text-align: left;
}

#gtbookForm p{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	background: url(../images/line_dbl.gif) repeat-x bottom;
}

#gtbookForm form{
	height: 100%;
}

#guestbookForm ul{
	height: 100%;
}

#gtbookForm li {
	float: left;
	margin-bottom: 10px;
}

#gtbookForm li.line {
	padding-bottom: 10px;
	background: url(../images/line_dbl.gif) repeat-x bottom;
}

#gtbookForm li.wide {
	width: 530px;
}

#gtbookForm li.noMargin {
	margin: 0;
}

#gtbookForm label {
	display: block;
}

#gtbookForm input {
	height: 20px !important;
	height /**/: 22px;
	line-height: 20px !important;
	line-height /**/: 22px;
}

#gtbookForm input.wide {
	width: 214px;
	border: 1px solid #bbb;
	background: #fff;
	color: #666;
}

#gtbookForm input.half {
	width: 126px;
	border: 1px solid #bbb;
	background: #fff;
	color: #666;
}

#gtbookForm .sn {
	margin: 0 20px 20px 0;
}

#gtbookForm textarea {
	width: 280px;
	height: 80px;
	border: 1px solid #bbb;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666;
}

.dateInput {
	float: left;
	display: inline;
	width: 100px;
	border: 1px solid #bbb;
	background: #fff;
	color: #666;
}

.dx {
	padding-left: 10px;
}

.SecCodeInput {
	width: 78px !important;
	width /**/: 80px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	background-color: #FFF;
	color: #666;
}

.parPrivacy {
	display: inline;
}

.buttonSend {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 150px;
	height: 32px;
	border: 0;
	background: url(../images/button.jpg) no-repeat top;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.buttonSend.mmiez {
	right: 25px;
}

.buttonReset {
	width: 120px;
	height: 32px;
	border: 0;
	background: none;
	text-transform: uppercase;
	color: #71716E;
	font-weight: bold;
	cursor: pointer;
}

button:hover {
	background-position: bottom;
}

.prenotazione input.error, #gtbookForm input.error, #gtbookForm textarea.error, .SecCodeInput.error {
	border: 1px solid #f00;
}


a.tornaTop {
	float: right;
	width: 31px;
	height: 8px;
	background: url(../images/ico_top.gif) no-repeat top;
}

a.tornaTop:hover {
	background-position: bottom;
}

a.tornaTop span{
	display: none;
}

/*************** news **************/
.news {
	height: 100%;
	line-height: 200%;
	margin-bottom: 20px;
	font-size: 90%;
}

.news h3{
	width: 145px;
	height: 32px;
	background: url(../images/titolo_offerte.gif) no-repeat;
}

.news h3 span{
	display: none;
}

.news h4 {
	font-size: 110%;
	color: #D37D02;
}

.news div{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/dot_h.gif) repeat-x bottom;
}

.news.preview{
	margin: 0 15px;
}

.news.preview div{
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: none;
}


/*************** footer **************/
#footer {
	position: relative;
	height: 100px;
	line-height: 100px;
	padding: 0 20px;
	background: #255C9C;
}

#footer p{
	line-height: 150%;
	padding-top: 20px;
	font-size: 90%;
	color: #BDCEE1;
}

#footer p strong{
	font-size: 110%;
	color: #fff;
}

#footerBar {
	height: 31px;
	line-height: 31px;
	margin-bottom: 20px;
	padding: 0 20px;
	background: url(../images/footer_bar_bg.jpg) repeat-x #2865AC;
	font-size: 90%;
	color: #BDCEE1;
}

#footer a, #footerBar a{
	color: #BDCEE1;
}

#sotto {
	line-height: 150%;
	padding: 0 20px 20px;
	font-size: 90%;
	color: #82827F;
}

#sotto a{
	color: #82827F;
}

/*************** varie **************/

.fltDx { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
}

.fltSn { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.nascondi {
	display: none;
}

.small {
	font-size: 9px;
}

.medium {
	font-size: 10px;
}


/**************** pagination ****************/
.pagination {
	margin: 0 0 20px;
	text-align:center;
	color: #3182E1;
}

.pagination a:link, .pagination a:visited {
	border: 1px solid #83B3ED;
	margin-right: 3px;
	padding: 2px 5px;
	text-decoration: none;
	color: #3182E1;
}

.pagination a:hover {
	border: 1px solid #3182E1;
	background: #83B3ED;
	color: #fff;
}

.pagination strong.current {
	margin-right: 3px;
	padding: 2px 5px;
	border: 1px solid #3182E1;
	background: #83B3ED;
	color: #fff;
}

.pagination span.disabled {
	margin-right: 3px;
	padding: 2px 5px;
	border: 1px solid #ccc;
	color: #ccc;
}


/***** esito *****/

.esito {
	padding: 5px 10px;
	background: #fff;
	color: #555;
}

.esito h6{
	font-size: 130%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: no-repeat left;
	padding-left: 25px;
}

.esito p{
	padding-bottom: 10px;
	padding-left: 25px;
}

.esito.ok h6{
	background-image: url(../images/ico_esito_ok.gif);
	color: #899D03;
}

.esito.ko h6{
	background-image: url(../images/ico_esito_ko.gif);
	color: #c00;
}

.esito.att h6{
	background-image: url(../images/ico_esito_att.gif);
	color: #FF8C00;
}


/***** linkButton *****/

a.linkButton, a.linkButton:visited {
	display: block;
	width: 130px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background: url(../images/button.jpg);
	color: #fff;
	text-decoration: none;
}

a.linkButton:hover {
	background-position: bottom;
	text-decoration: none;
	color: #C835C5;
}