/*
 Authors: Francesco Maiorano
 frmaiorano@gmail.com
 
 Giuseppe Migliozzi
 g.migliozzi@mediasoul.it
 
 Media Soul Team Project
 info@mediasoul.it
 
 /******* 3. DESTRA *******/

#main {
	background:#fff;
	width:760px;
}
.dx {
    width: 760px;
   
    background: url(../images/dettaglio/sf_dettaglio.jpg) no-repeat top;
}

.dx .container {
    padding: 10px;
}

.dx .container .td-logo {
    width: 136px;
    padding-left: 10px;
}

.dx .container .td-titolo {
    width: 420px;
}

.dx .container .logo {
    display: block;
}

table.dati-struttura tr td {
    vertical-align: top;
}

h2.titolo-struttura {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #7C7F8E;
    font-size: 18px;
}

h3.indirizzo-struttura {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #7C7F8E;
    font-size: 10px;
}

.dx .container .td-localita {
    text-align: center;
    width: 146px;
}

.dx .container .td-localita h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#FF6900;
	font-size:18px;
}

.dx .container .top {
    height: 275px;
    width: 734px;
}

.dx .container .menu_sx {
    position: relative;
    height: 275px;
    width: 133px;
    float: left;
}

.dx .container .menu_sx ul {
    position: absolute;
    bottom: 0px;
}

.dx .container .menu_sx ul li {
    height: 25px;
}

.dx .container .menu_sx ul li.maps {
    height: 75px;
}

.dx .container .menu_sx ul li img {
    border: none;
}

.dx .container .foto_grande {
    /*margin-left:137px;*/
    padding: 2px;
    width: 424px;
    height: 274px;
    float: left;
    overflow: hidden;
   
	border:solid 1px #333;
	margin-left:1px;
}

.dx .container .foto_grande img {
    width: 424px;
    height: 274px;
}

.scroll_pane {
    height: 276px;
}

/*
 .dx .container  ul#foto_p {
 width:170px;
 height: 276px;
 float:right;
 }
 */
.dx .container ul#foto_p li {
    width: 170px;
    height: 92px;
    overflow: hidden;
    padding-left: 3px;
}

.dx .container ul#foto_p li img {
    width: 170px;
    height: 90px;
}

.dx .testo .prima {
    height: 40px;
}
.dx .testo ul.check li.titolo{
	width:350px;
	}
.dx .testo ul.check li.top{
	font-size:16px;
	width:120px !important; 
	}
.dx .testo-no-margin .prima {
    /*margin-left: 148px;*/
}

.dx .testo {
    margin-top: 30px;
   /* margin-left: 145px;*/
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
	width:744px;
}

.dx .testo-no-margin {
    margin-left: 0px;
    width: 755px;
    clear: both;
}

.dx .testo div {
    /*margin-left: 4px;*/
}

.dx .testo p {
   /* padding-top: 40px;*/
    text-align: justify;
}

.dx .testo ul.prima li.titolo {
    color: #6E889F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    /*font-weight:700;*/
   width:610px;
    height: 26px;
}
.dx .testo ul.prima li.check {
	width:150px;
	}
.dx .testo ul.prima li.check-2 {
	margin-top:9px;
	}
.dx .testo ul.prima li.top {
    width: 68px;
}

.dx .testo ul.prima li {
    float: left;
}

.dx .testo ul.servizi {
    padding-top: 30px;
    float: left;
    width: 33%;
}

.dx .testo ul.servizi li {
    height: 20px;
    /*float:left;*/
}

.dx .camera {
    background: url(../images/dettaglio/camera.jpg) no-repeat;
	background-color:#DEE1E8;
/*margin-bottom:15px;*/
margin-top:0;
padding-bottom:40px;
padding-top:3px;
width:759px;
min-height:150px;
}

.dx .camera .foto_p_camera {
    position: absolute;
    width: 120px;
    height: 120px;
    margin: 11px;
    float: left;
}

.dx .camera h3 {
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-weight:bold;
margin-left:150px;
padding-top:6px;
}

.dx .camera p {
   font-family:Verdana,Geneva,sans-serif;
font-size:10px;
margin-left:150px;
text-align:justify;
width:600px;
/*height:103px;*/
}

.dx #camere div.end {
	 background: url(../images/dettaglio/ver_disp_vuoto.png) no-repeat;
    color:#FFFFFF;
font-size:10px;
font-weight:bold;
height:30px;
margin-left:160px;

padding-left:44px;
padding-top:7px;

width:486px;
margin-top:-26px;
}
.dx #camere div.end a {
	color:#FFFFFF;
	text-decoration:none;
	}
.dx #camere div.end a:hover {
	color:#333333;
	}
ul.date {
    font-size: 10px;
    font-weight: bold;
	margin-bottom:16px;
}

ul.date li span {
    color: #999;
}

div.date-offerte {
    float: left;
    margin-top: 20px;
}

div.tipomezzo {
    margin-top: 20px;
    float: right;
    color: #867D76;
    font-weight: bold;
    margin-right: 10px;
    width: 416px;
}

div.tipomezzo ul {
    float: right;
    width: 80px;
}

div.tipomezzo ul li {
    /*float:left;*/
    text-align: center;
}

div.tipomezzo ul li.titolo, div.tipomezzo ul li.prezzo {
    padding-bottom: 10px;
}

div.tipomezzo ul li.testo, div.tipomezzo ul li.prezzo {
    /*text-align:left;
     padding-left:6px;
     */
}

div.tipomezzo ul li.descrizione {
}

div.tipomezzo ul li.prezzo {
    font-size: 12px;
    color: #FD9242;
}

.tipomezzo h4 {
    text-align: center;
    font-weight: bold;
    /*padding-left:10px;*/
    padding-top: 14px;
}

div.tipomezzo .prenota-subito {
    padding-left: 130px;
    padding-top: 20px;
}

div.date-offerte .visualizza-offerta {
    padding-left: 10px;
    padding-top: 20px;
}

.floatright {
    float: right;
}

.input-area {
    border: solid 1px #C1CBD4;
    width: 120px;
}

.input-area-dx {
    margin-left: 10px;
}

.entra {
    width: 55px;
    height: 32px;
    background: url(../images/entra.jpg) no-repeat;
    border: none;
    margin-top: 14px;
}

.invia {
    width: 40px;
    height: 20px;
    background: url(../images/invia.jpg) no-repeat;
    border: none;
}

.rgt {
    width: 51px;
    height: 11px;
    margin-left: 4px;
}

.rcp-psw {
    width: 106px;
    height: 12px;
}

.hr-linea-sf {
    height: 5px;
    width: 690px;
    border: none;
    margin-bottom:12px;
}

.txt-right {
    text-align: right;
}

.txt-left {
    text-align: left;
}

.map_google {
    width: 747px;
    height: 298px;
    display:block;
	border:solid 1px #333;
	padding:2px;
}

ul.tariffe {
    clear: both;
}

ul.tariffe li {
    float: left;
    width: 100px;
    padding: 4px;
}

ul.tariffe li.nome {
    width: 200px;
}

.dx div.tariffe {
    margin-left: 0px;
    width: 760px;
    clear: both;
	padding-top:20px;
}

.tariffe-table {
    position: relative;
    margin-right: 20px;
    float: left;
    width: 164px;
}

.tariffe-table .titolo {
    background: #B1BFC8;
}

.tariffe-table th div {
    text-align: center;
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 16px;
}

.tariffe-table .desc {
    background: #DBE3E6;
    color: #F58507;
}

.tariffe-table .tipoRooms {
    background: #EFF3F4;
}

.tariffe-table .room-list li {
    color: #333333;
}

li.tastiDettaglio {
    width: 133px;
    height: 24px;
}

li.tastiDettaglio a {
    color: #FFFFFF;
    display: block;
    font-family: verdana;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    width: 133px;
    background: url(../images/tasti/lungo_blu.png) no-repeat;
    font-weight: bolder;
    font-size: 11px;
}
ul.titolo-tb li.infoRicerca {
    background: none repeat scroll 0 0 #FF9900;
    padding-bottom: 0;
    padding-left: 4px;
    width: 574px;
    font-weight: normal;
}
li.tastiDettaglio a:hover {
    background: url(../images/tasti/lungo_grigio.png) no-repeat;
}

table.dati-struttura {
}

.testo-no-margin div.foto_pservizi {
    float: left;
    
    width: 120px;
}

div.foto_pservizi img {
    padding-bottom: 2px;
    width: 120px;
}

.dx .testo-no-margin p {
    padding-top: 10px;
}

.prenotazione {
    color: #FF6900;
    font-family: verdana;
    font-size: 12px;
    text-align: center;
}

.prenotazione ._1 {
	font-size:18px;
    text-align: right;
    width:362px;
}

.prenotazione ._2 {
}

.prenotazione ._3 {
color:#21ADD1;
font-size:24px;
font-weight:bold;
letter-spacing:-0.6px;
	
}

.prenotazione img {
}
.dx .testo ul.prima li.close {
	
}
.dx .testo ul.prima li.close div{
	float:left;

padding-right:4px;
padding-top:4px;
}


/** camere **/

/* jQuery UI tabs modified */
.ui-state-active, .ui-widget-content .ui-state-active {
    border: none;
}

.ui-widget-content {
    color: #666;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: none;
}

.ui-tabs, .ui-tabs-nav, .ui-tabs-panel {
    background: none;
    border: none;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    background: none;
}

.ui-tabs .ui-tabs-nav li a {
    background: none;
    padding: 0;
}

.ui-tabs-nav {
}

.ui-tabs-panel {
}

.w_133 {
    width: 133px;
}

.top100 {
    margin-top: 100px;
}

.wide-input {
    position: relative;
    width: 100%;
    padding: 0 5px 0 5px;
    margin-bottom: 5px;
}

.small-input {
    position: relative;
    width: 100px;
    padding: 0 5px 0 5px;
    margin-bottom: 5px;
}

.verysmall-input {
    position: relative;
    width: 66px;
    padding: 0 5px 0 5px;
    margin-bottom: 5px;
}
/*
.display-block {
   *display: none !important;
}
*/
#form-container {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
}

#form-pack li {
    margin: 3px 0 2px 10px;
}

/* Table roomType list */

.tb_hotel ul {
    display: inline-block;
}

.tb_hotel li {
    border: solid 1px #ffffff;
    height: 74px;
    float: left;
}

.tb_hotel {
    width: 712px;
    margin-left: -4px;
    font-family: Verdana, Geneva, sans-serif;
    font-stretch: normal;
    font-size: 11px;
    border-collapse: separate;
    border-spacing: 1px;
}

.camere {
    /*margin-top:1px;margin-bottom:1px;*/
    background-color: #DBE3E6;
    /*padding-bottom:10px;
     padding-top:10px;*/
}

.margin-160 {
    margin-top: 30px;
}

.tb_hotel .th {
    padding: 4px;
    background: #B1BFC8;
    color: #FFF;
    font-weight: bold;
}

.tb_hotel .w-318 {
    text-align: left;
    width: 310px;
}

.tb_hotel .w-94 {
    width: 94px;
}

.tb_hotel img.room {
    float: left;
    height: 74px;
    width: 74px;
    margin: 0 6px 0 0;
}

.tb_hotel .w-40 {
    width: 48px;
}

.tb_hotel .w-120 {
    width: 120px;
}

.tb_hotel .w-100 {
    width: 94px;
}

.tb_hotel .w-130 {
    background: #FFF;
    width: 130px;
}

.tb_hotel .td {
    padding: 6px 0 0;
    background: #DBE3E6;
}

.bk-color {
    background: #EFF3F4;
}

.tb_hotel .td.no-bck, .tb_hotel .tr.color .td.no-bck {
    background: none;
}

.w-318 div {
    color: #FF6707;
}

.prenota {
    display:block;
    width: 134px;
    height: 27px;
    border: none;
	background: url(../images/tasti/prenota-ricerca.png) no-repeat;
	color:#fff;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding-left:7px;
}
.prenota:hover {
	background: url(../images/tasti/prenota-ricerca_over.png) no-repeat;
}

.disponibilita {
	display:block;
    width: 134px;
    height: 27px;
    border: none;
	background: url(../images/tasti/lungo_blu.png) no-repeat;
	color:#fff;
	padding-bottom:4px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-1.9px;
	font-weight:bolder;
}
.disponibilita:hover {
	background: url(../images/tasti/lungo_giallo.png) no-repeat;
	}
.titolo-tb {
    height: 20px;
    background: #B1BFC8;
    width:580px;
}

ul.titolo-tb li {
    border: solid 1px #ffffff;
    color: #fff;
    font-weight: bolder;
    padding: 4px 0px 0px 0px;
    padding-left: 0px;
    height: 15px;
}

.barred {
    text-decoration: line-through;
}

.realPrice {
}

div.testo-2{
	padding-left:130px;
	text-align:justify;
}
.stelle {
	width:150px;
}
.lente {
	position:absolute;
	margin-top:132px;
	margin-left:110px;
	
}


.offertaStruttura {
	margin-top:10px;
	width:760px;
}
.bk-1 {
	background:#DBE3E6;
}

.offertaStrutturaDettaglio {
	margin-top:4px;
	/*background:#DBE3E6;*/
	margin-bottom:16px;
	
}
.offertaStrutturaDettaglio.titolo {
	color:#FF9900;
font-size:12px;
font-weight:bold;
margin-bottom:2px;
text-align:center;
vertical-align:middle;
	}
.offertaStrutturaDettaglio h3{
	font-size:16px;
	font-weight:bolder;
	color:#FF9900;
	float:left;
	width:712px;
	}
.offertaStruttura ._1{
	width:468px;
text-align:justify;
}

.offertaStruttura ._2{
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
	width:130px;	
}

.offertaStruttura .prezzo {
	font-size:12px;
}
.offertaStruttura ._3{
	font-size:11px;
	text-align:center;
	
	}
.offertaStruttura ._1_1{
	height:66px;
font-size:10px;
padding:4px;
vertical-align:middle;
text-align:center;
width:166px;
background:#EFF3F4;
color:#049acd;
}
.offertaStruttura ._1_1 strong{
	color:#049acd;
	font-size:10px;
}
.offertaStruttura ._2_2{
	padding:4px;
font-size:12px;
vertical-align:middle;
text-align:center;
width:330px;
background:#EFF3F4;
}
.offertaStruttura ._2_2 span {
	position:relative;
	margin:0;
	padding:0;
	left:0px;
	z-index:0;
	width:100%;
	font-size:18px;
	font-weight:bolder;
	color:#FF9900;
}
.offertaStruttura ._2_2 p{
	font-size:16px;
	}
.offertaStruttura ._2_2 .dettaglio p{
	/*display:none;*/
	font-size:12px;
	text-align:justify;
	padding:4px;
}
.offertaStruttura ._3_3{
	padding:4px;
	width:140px;vertical-align:middle;
text-align:center;
	background:#EFF3F4;

}
.offerteTitolo {
	border:medium solid #FFFFFF;
	background:#ff9900;
color:#FFFFFF; 
font-size:16px;
font-weight:bold;
margin-top:20px;
padding-left:4px;
	
}

.offerteTitolo a:link, .offerteTitolo a:active, .offerteTitolo a:visited, .offerteTitolo a:hover{
	color: #FFFFFF;
	text-decoration: none;
}


.offertaStruttura ._1 p{
	padding:6px;
	font-size:11px;
	}

.offertaStrutturaClose{
	/*display:none;*/
}
div.prenotazione-1 {
	
}
table.prenotazione {
    background:none repeat scroll 0 0 #FFFFFF;
color:#FF6900;
font-family:verdana;
font-size:12px;
height:54px;
margin:20px 0 0 -10px;
text-align:center;
width:761px;
}
table.prima {
	margin-left:0;
width:760px;
	}
table.prenotazione ._1 {
    font-size: 12px;
    text-align: right;
    width: 288px;
	vertical-align:middle;
}

table.prenotazione ._2 {
    width: 40px;
	vertical-align:middle;
}

table.prenotazione ._3 {
    color: #21ADD1;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.6px;
    text-align: left;
	vertical-align:middle;
}
table.prenotazione ._4 {
	padding-left:102px;
	vertical-align:middle;
}
.richiestaOfferta {
	background:#eeeea8;
	height:30px;
margin-left:-10px;
margin-right:-10px;
padding-top:6px;
}
.offertaStruttura .introOfferta p{
	color:#FF6707;
	font-size:16px;
}
.dettaglio {

	font-size:12px;
	 background: #EEEEA8;
	color:#3f4426;
padding-left:9px;
padding-right:0px;
padding-top:10px;
-moz-border-radius:18px 18px 0px 0px;
}
.dettaglio input{
	font-size:11px;
}


.dettaglio table.dettaglioTable p {
    text-align: justify;
	padding-right:12px;

}

.dettaglio table.dettaglioTable tr .td_1 {
    vertical-align: top;
	width:572px;
}

.dettaglio table.dettaglioTable tr .td_2 {
    text-align: center;
    vertical-align: top;
    padding-top: 4px;
    width: 150px;
	border-left:1px solid #fff;
}

.offertaStruttura .dettaglioOfferta{
	display:block;
	width:128px;
	height:28px;
	background: url(../images/tasti/info_verde.png) no-repeat;
	position:relative;
	margin:auto;
}
.offertaStruttura .dettaglioOfferta div {
	width:110px;
	text-align:center;
	padding-top:10px;
	color:#fff;
	font-weight:bolder;
	
	}
.offertaStruttura .dettaglioOfferta:hover {
	background: url(../images/tasti/info_arancio.png) no-repeat;

}
.offertaStruttura hr {

}

.no-bk {
	background:none;
}
table tr td.col1 {
	padding:10px;
vertical-align:top;
width:420px;

}

table tr td.col2 {
	padding:10px;
	width:360px;
}
table tr td.col2 ul.hotel {
	width:70px;
	float:left;
	}
table tr td.col2 ul.hotel li {
	text-align:center;
}
table tr td.col2 ul.hotel li.nome {
	}
table tr td.col2 ul.hotel li.icona {
	}
table tr td.col2 ul.hotel li.prezzo {
	font-weight:bolder;
	}
table tr td.col2 ul.hotel li.didascalia {
	}
	
table tr td.col2 ul.mezzo {
	width:70px;
	float:left;
}
table tr td.col2 ul.mezzo li {
	text-align:center;
	}
table tr td.col2 ul.mezzo li.nome {
	}
table tr td.col2 ul.mezzo li.icona {
	}
table tr td.col2 ul.mezzo li.prezzo {
	font-weight:bolder;
	}
table tr td.col2 ul.mezzo li.didascalia {
	}		
	
table tr td.col1 div.testo_dsc{
	margin-bottom:10px;
	
}