/*
   Css Framework 
   =============
   	 - see http://www.contentwithstyle.co.uk/Articles/17/a-css-framework
   	   for more info.
*/
@import url("framework/tools.css?v=2");

/*@import url("typo.css");*/
@import url("framework/forms.css?v=2");

/* 
  Swap layout stylesheet: 
	layout-navtop-localleft.css
	layout-navtop-subright.css
	layout-navtop-3col.css
	layout-navtop-1col.css
	layout-navleft-1col.css
	layout-navleft-2col.css
*/


@import url("framework/layout-navtop-1col.css?v=2");

@import url("framework/layout.css?v=2");

@import url("common.css?v=2");

@import url(includes/gallery.css?v=2);

/*********************
  cajon de busqueda
**********************/
@import url("bigSearchBox.css?v=2");

/*********************
  Benefits
**********************/
@import url("includes/benefits.css?v=2");

/*********************
  Mail
**********************/
@import url("includes/mail.css?v=2");
@import url("scrollBar.css?v=2");
/*********************
  Fancybox
**********************/
@import url("fancybox/jquery.fancybox.css?v=2");

/***********************
		tooltips
************************/
@import url("includes/tooltips.css?v=2");

/**********************
 Tools de envio de email e imprimir
**********************/
@import url("includes/sendMailTool.css?v=2");


.error h1 {
	color:#dca42b;
}

.error {
	padding-bottom:40px;
	text-align:center;
}

.error .separacion {
	padding-bottom:40px;
	position:relative;
	top:-20px;
}


#suggest table {
	background-position:-3553px 0;
	padding-left:15px;
	_margin-left: 15px;
	*margin-left: 15px;
}

#suggest .suggestContent p.switchSuggest {
	left:700px;
	top:-7px;
}

.jquery-corner{
	margin-left: 0px;
}

div#content{
	position: relative;
	z-index: 993;
}

div#main {
	padding-top:20px;
	width:760px;
	position: relative;
}

div#sub {
	display: none;
}

/*********************
   div de separación 
 *********************/
div.separacion {
	background: url("../images/ficha/sobra_ult.jpg");
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	height: 10px;
	clear: both;
	margin-top: 25px;
}

.points-separator {
	background: transparent url(../images/ficha/separacion.gif);
	height: 6px;
}

.points-separator-blue {
	margin: 0px;
	background: transparent url(../images/ficha/barraficha.gif);
	height: 15px;
}

/*********************
  cajon de busqueda
**********************/
.searchSprite, ul#navTop li.btEmpresas{
	background-image:url(../images/bigSearchBox/bigSearchBoxResto.png);
}

#suggest #tab{
	width: 745px;
}
#suggest.close #tab {
	background-position:-511px 0;
	left:2px;
	top:0px;
}

div#search-header {
	background:transparent url(../images/imagesPortal/logoError.png) no-repeat scroll 0 21px;
	width: 386px;
	height: 71px;
}
}

div#searchBox {
	height: 100px;
	width: 100%;
	position: relative;
	z-index: 999;
	left:-26px;
}

div#search.bgBox {
	background-image:url(../images/bigSearchBox/cajonFicha.gif);
	height: 76px;
	width: 762px;
	top: 0px;
	background-position: 0px;
	background-repeat: no-repeat;
	left: 47px;
	top: -11px;
}

#suggest {
	top: 64px;
	left: 24px;
}

.seccion {
	color: #888888;
	font-size: 15px;
	padding-left: 20px;
	font-weight: normal;
	font-style: italic;
}

.resaltado {
	color: #c41405;
	font-size: 18px;
	font-weight: normal;
}

/*********************
  Info-principal
**********************/
div#info-main {
	position: relative;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #676767;
}
div#info-main .separator{
	clear: both;
	position: relative;
	background-image:url(../images/home/separacion.gif);
	background-repeat:repeat-x;
	top: -50px;
	_top: -40px;
	height: 1px;
	margin-left: 285px;
	z-index: 0;
}
/*******************
 Tooltips
********************/
div.tooltips {
	top: -15px;
	right:8px;
	.right: 6px;
}

ul.tooltip-bar {
	
}

ul.tooltip-bar li {
	list-style: none;
	float: left;
	list-style-position: inside;
	margin-left: 10px;
	font-size: 15px;
}

ul.tooltip-bar img {
	border-style: none;
}

ul.tooltip-bar a {
	height: 21px;
	width: 21px;
}

/********************
	Info-principal  -Multimedia
********************/
div#info-main-multimedia {
	position: relative;
	float: left;
	height: 307px;
	width: 265px;
	background-image: url("../images/ficha/marcofoto.gif");
	width: 265px;
	margin-right: 20px;
}

.marco{
	background-image: url("../images/ficha/marcofoto.gif");
	width: 265px;
	height: 307px;
}

div#info-main-multimedia .video {
	padding-left: 12px;
	padding-top: 19px;
	width: 240px;
	height: 182px;
}

div#info-main-multimedia a {
	position: absolute;
	right: 60px;
	bottom: 30px;
}
div#info-main-multimedia a,
div#info-main-multimedia a:link,
div#info-main-multimedia a:active,
div#info-main-multimedia a:visited{
	color: #DD0D0B;
}
div#info-main-multimedia a:hover{
	color: #A70D0F;
}

div#info-main-multimedia #camara {
	position: absolute;
	right: 10px;
	bottom: 30px;
}

/********************
	Info-principal  -Descripcion
********************/
div#comments-info {
	position: absolute;
	top: 30px;
	right: 1px;
	z-index: 3;
}

.comment-rating {
	color: #277FAF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.comment-rating em {
	font-size: 14px;
	font-weight: bold;
}

div#info-main-descripcion {
	position: relative;
	width: 475px;
	padding-top: 20px;
	height: 254px;
	margin-bottom: 20px;
	margin-left: 265px;
	_display: inline;
	*display: inline;
}

div#info-main-descripcion .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #B6993B;
}

div#info-main-descripcion .direccion {
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #dd0d0b;
	text-decoration: none;	
}

div#info-main-descripcion .direccion .calle,
div#info-main-descripcion .direccion .localidad,
div#info-main-descripcion .direccion .telefono {
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
}

div#info-main-descripcion .direccion .calle,div#info-main-descripcion .direccion .localidad
	{
	font-weight: bold;
}

div#info-main-descripcion .texto {
	color: #676767;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 1em;
}

div#info-main-descripcion .check {
	color: #525252;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	margin-top: 3em;
}

div#info-main-descripcion .check p,
div#info-main-descripcion .texto p {
	/* fix style */
	margin: 0;
	padding: 0;
}

div#info-extra {
	position: relative;
	width: 720px;
	_margin-top: -5px; /* hack for IE6 */
}

div#info-extra ul {
	padding: 0;
	position:absolute;
	top:-20px;
	left: 285px;
	z-index: 1; /* corrige la superposición de los tabs en IE */
}
div#info-extra ul li{
	padding: 7px;
}
#info-extra ul li,
#info-extra .tabHeaders li a,
#info-extra .tabHeaders li a:link,
#info-extra .tabHeaders li a:active,
#info-extra .tabHeaders li a:visited,
#info-extra .tabHeaders li a:hover{
	color: #DB3E49;
	font-size: 11px;
	text-decoration: none;
}

#info-extra ul li a.destacado,
#info-extra ul li a.destacado:link,
#info-extra ul li a.destacado:active,
#info-extra ul li a.destacado:visited,
#info-extra ul li a.destacado:hover {
	color: #BF9B47;
}

#info-extra ul li.vert-divisor{
	padding: 0;
	color: #3C77A1;
}

div#info-main-descripcion div.tip div.direccion {
	color: #A70D0F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#info-main-descripcion a {
	color: #dd0d0b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

/*********************
  Info Precios
**********************/
div#info-prices {
	position: relative;
	width: 100%;
	height: 300px;
	padding-top: 10px;
	color: #676767;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#info-prices-imagenes {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
}

div#info-prices-imagenes #imagenes {
	background: url(../images/ficha/fondohabitaciones.gif) no-repeat;
	position: relative;
	width: 270px;
	height: 270px;
}
div#info-prices-imagenes #imagenes div.gallery-image{
	width: 270px;
	height: 270px;
}
.sombra {
	position: relative;
	padding-top: 15px;
	padding-left: 15px;
}

div#info-prices-imagenes #controles{
	position: relative;
	left: 145px;
}

div#info-prices-imagenes .pager	 {
	position:absolute;
	bottom:-13px;
	_bottom:-15px; /* IE6 fix */
	left:115px;
}



/*********************
  Info Precios -TABLA
**********************/
div#info-prices-table {
	position: relative;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.price-table {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.price-table td,.price-table th {
	width: 130px;
}

.price-table td {
	height: 25px;
}

.price-table p {
	line-height: 0px;
}

.price-table-subtitle {
	color: #919191;
	font-size: 10px;
}

.price-table TBODY {
	color: #919191;
}

.price-table-first-column {
	text-align: left;
	width: 130px;
}
td.price-table-first-column {
	background:transparent url(../images/home/graydot.gif) no-repeat scroll 0 50%;
	padding-left:15px;
}
tr.ui-selected > td.price-table-first-column {
	background:transparent url(../images/home/puntoRojo.gif) no-repeat scroll 0 50%;
}

.ui-selected {
	color: red;	
}

.price-table-first-row {
	color: #277FAF;
}

.negrita-italic {
	color: #525252;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

/*********************
  Info Restaurant
**********************/
div#info-restaurant {
	position: relative;
	color: #676767;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#info-restaurant-imagenes {
	position: relative;
	float: left;
	height: 270px;
	width: 270px;
	background: transparent url(../images/ficha/fondohabitaciones.gif)
		no-repeat scroll 0 0;
	height: 270px;
	margin-right: 30px;
}

div#info-restaurant-descripcion {
	position: relative;
	padding-left: 30px;
	padding-top: 20px;
}

/*********************
  Info Servicios
**********************/
div#info-services {
	position: relative;
	width: 100%;
	height: 150px;
}

.columna-info {
	position: relative;
	float: left;
	margin-right: 0px;
	min-width: 185px;
	font-size: 12px;
	color: #535353;
}

/*********************
  Info metodos de pagos.
**********************/
div#info-payment {
	width: 100%;
	height: 120px;
}

/*********************
  Comentarios
**********************/
div#comments {
	width: 100%;
	position: relative;
	color: #6E8692;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.comment-color {
	background-color: #EBF6FD;
}

div#comment-header {
	height: 28px;
	padding-top: 8px;
	width: 349px;
	padding-left: 20px;
	color: #0289C8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 349px;
}

div#comment-body {
	position: relative;
	height: 190px;
	padding-left: 20px;
}

div#comment-body-order {
	position: relative;
}

#comment-order-selected {
	color: #4A89AA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div#comment-body-user {
	position: relative;
	float: left;
}

div#comment-body-user-info {
	text-align: left;
}

div#comment-body-user-info p {
	line-height: 0px;
}

p#comment-body-user-info-name {
	color: #BF9B47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#comment-body-text {
	position: relative;
	float: left;
	width: 392px;
	padding-left: 20px;
}

#comment-body-text-rating {
	color: #2279B0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.negrita-grande {
	color: #2279B0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#comment-body-date {
	position: absolute;
	right: 30px;
	top: 25px;
	color: #4A89AA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div#comment-footer-separator {
	padding-left: 20px;
	background: #EBF6FD url(../images/ficha/barrafinal.gif) no-repeat right;
	height: 7px;
}

div#comment-footer {
	padding-left: 20px;
	position: relative;
	color: #0289C8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 25px;
}

div#comment-footer-results {
	position: relative;
	width: 200px;
}

div#comment-footer-paginator {
	position: absolute;
	top: 0px;
	right: 30px;
	color: #949DA2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*********************
  Banner Final
**********************/
div#banner-final {
	padding-top: 50px;
	padding-left: 0px;
}

/*********************
    tabs de jquery
**********************/
#info-extra div.ui-tabs-panel {
	position: relative;
	margin-top: 1px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fbf3f1;
	width: 720px;
	border:1px solid #edb1b1;
}

#info-extra ul li.ui-tabs-selected {
	background-color: #fef7f7;
	border-left: 1px solid #edb1b1;
	border-right: 1px solid #edb1b1;
	border-top: 1px solid #edb1b1;
	padding: 7px;
	padding-bottom: 13px;
	_padding-bottom: 12px;
	z-index: 1;
}
#info-extra div.ui-tabs-hide {
	/** 
	 * Hack: en vez de poner display: none
	 * ocultamos los tabs hacia la izquierda para que
	 * se muestren bien los scrolls (ya que necesitan conocer
	 * el ancho y alto del div contenedor
     */
	position: absolute !important;
	left: -1300px !important;
}
.ui-tabs-panel div.close-button{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
}
div.ui-tabs-hide div.close-button{
	left: -1000px;
}
/******************
	tabs
*******************/
a#sucursales,
a#sucursales .close-button,
a#otrosTels,
a#otrosTels .close-button {
	/* estas 2 propieadades es para que sea cross browser */
	cursor: pointer;
	cursor: hand;
}


a#sucursales div,a#otrosTels div { /* override previous */
	cursor: auto;
}

* a .tooltip {
	position: relative;
	z-index: 3;
	/* display inline para que no se mueva de al lado del link */
	display: inline;
	padding-left: 10px;
	padding-bottom: 10px;
}

* a .tooltip div.tip {
	position: absolute;
	top: -12px;
	left: 0;
	width: 172px;
	/*height: 131px;*/
	padding-bottom: 20px;
	padding-left: 35px;
	padding-top: 40px;
	background: url(../images/ficha/globo.gif) no-repeat;
	min-height: 111px;
	max-height: 111px;
}
* ul.sucursales,* ul.otrosTels {
	padding: 0 !important;
	margin: 0 !important;
	overflow: auto;
	width: 165px;
	height: 120px;
	display: block;
}

div.tip {
	position: absolute !important;
	left: -1280px;
	width: 172px;
}

/** Fixes de common.css para ficha */
/** Fixes de common.css para ficha */
div#main ul.columna-info{
	/* Estas dos propiedades corrigen un error en IE que hace
	 * list-style-image:url(../images/home/bluedot.gif);que desaparezcan los puntos de los li cuando se usa list-style-image
	 */
	margin: 0 0 0 0; /* resetting margin */
  	padding: 0 0 0 40px; /* using padding to position ul */
} 
div#main ul.columna-info li {
	list-style-image: url(../images/home/puntoRojo.gif);
}

.pager {
	float: left;
	margin-right: 5px;
}
.hiddenGallery a,
.hiddenGallery a:link,
.hiddenGallery a:active,
.hiddenGallery a:visited,
.hiddenGallery a:hover {
	text-decoration: none;
}
.hiddenGallery .pager a,
.hiddenGallery .pager a:link,
.hiddenGallery .pager a:active,
.hiddenGallery .pager a:visited,
.hiddenGallery .pager a:hover {
	cursor: auto;
	text-decoration: none;
}
.pager a,
.pager a:link,
.pager a:active,
.pager a:visited,
.pager a:hover {
	text-decoration: none;
	color:#ed063c;
}

#controles a,#controles a:link,#controles a:active,#controles a:visited,#controles a:hover
	{
	color: #ed063c;
}

.pager>a {
	display: none;
}

.pager>a.activeSlide {
	display: block;
}

/*******
MAPA
********/
div.ficha-map {
	width: 630px;
	height: 300px;
}

fieldset {
	border:medium none;
}
#search form#searchForm fieldset #btHelp {
	background-position:-3520px -2px;
	top:-33px;
	width:16px;
	.top: -29px;
}

#suggest .suggestContent {
	background-image:url(../images/bigSearchBox/bigSearchBoxResto.png);
	background-position:-2774px 0;
	margin-left:3px;
	margin-top:1px;
	position:relative;
	width:745px;
	z-index:999;
}

#suggest.open #tab {
	background-position:-1257px -1px;
	left:-5px;
	_left:-2px;
	width:754px;
}

#localityTooltip {
	left:413px;
	top: 124px;
	_top: 120px;
	_left: 420px;	
}

/**************************************/
#suggest .suggestContent p#titleLocalidad {
	top: 10px;
	_top: 20px;
	*top: 20px;
	left:27px;
}
#suggest .suggestContent p#titleProvincia {
	top: 10px;
	_top: 20px;
	*top: 20px;
	left:192px;
}
#suggest .suggestContent p#titlePais{
	top: 10px;
	_top: 20px;
	*top: 20px;
	left: 384px;
}

#suggest .suggestContent #suggestColLocality1.suggestCol {
	left: 15px;
}
/******************
PRECIO PROMEDIO
*******************/

#preciosPromedio{
	position:relative;
	height: 50px;
	margin-top: 20px;
	size: 12px;
}

#preciosPromedio .inLineText3{
	color:#BF9B47;
}

#preciosPromedio .bold{
	font-weight: bold;
}

.sun{
	background-image: url(../images/ficha/sol.gif);
	width: 28px;
	height: 28px;
	_background-repeat: no-repeat;
}

.moon{
	background-image: url(../images/ficha/luna.gif);
	width: 21px;
	height: 21px;
	_background-repeat: no-repeat;
}

div#precioPromedioDia{
	left:125px;
	position:absolute;
	top:-5px;
	width: 65px;
	
}

div#precioPromedioNoche{
	left:190px;
	position:absolute;
	top:-1px;
	width: 65px;
}

#suggest p.desc {
	margin-bottom: 14px;
	.top: 9px;
}

fieldset{
	margin: 4em 1em 1.5em 19px;
	_margin: 3em 1em 1.5em 19px;
	*margin: 3em 1em 1.5em 19px;
}

#search form#searchForm fieldset {
	margin-top: 59px;
	.margin-top: 68px;
	.margin-left: -249px;
	width:476px;
}

#suggest p.leyend{
	margin-bottom:14px;
	top: 0px;
	.top: 9px;
}
/**sobrescritura de tooltips*/
#tooltip-mail .tooltipBusquedaBottom {
	left:101px;
	*left: 670px;
	*top: -39px;
}
#tooltip-mail .tooltipBusquedaMiddle {
	left:101px;
	top:-67px;
	*left: 670px;
	*top: -88px;
}
#tooltip-mail .tooltipBusquedaTop {
	left:101px;
	top:-73px;
	*left: 670px;
	*top: -94px;
}

/** modales*/
.mail-form-container-vertical input{
	height: 17px;
	*margin-top: -2px;
	_margin-left: -3px;
	
}
#suggest #right {
	right:18px;
	top:-8px;
	*top:8px;
	_top:8px;
	font-size: 8pt;
	font-weight: 100;
}
#suggestHelp.suggestItens {
	*background-position:5000px 0;
	_background-position:5000px 0;
}
/********* Ficha IE6**************/
#suggest #right {
	right:12px;
	top:-12px;
	*top:5px;
	_top:5px;
}
#suggest .shaddow {
	_background-position: none;
	_background-image: none;
	_height: 0px;
}

#localityTooltip .tooltipleft{
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesPortal/bg_localityTooltipLeft.png',sizingMethod='scale');
}

#localityTooltip .tooltipRight{
	_right: -1px;
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesPortal/bg_localityTooltipRight.png',sizingMethod='scale');
}

#localityTooltip .tooltipMiddle{
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesPortal/bg_localityTooltipMiddle.png',sizingMethod='scale');
}
/**Correcion de la alineacion y tamaño del pop up de mail para IE6**/	
#sendToFriendsTA{
	_width: 383px;
	_margin-left: -4px;
}
#sendToFriendsL{
	_height: 87px;
	_margin-top: 1px; 	
}
#sendToFriendsCh{
	_margin-left: -210px;
}
#sendMeCopy{
	_margin-right: 120px;
}

/*************IE6*******************/
/* corrección de posicionamiento de banners para ficha */
div#banners{
	margin-top: 67px;
	*margin-top: 27px;
}

.aContent{
	.font-weight: 100;
	.font-size: 10px;
}
.ui-tabs-panel div.close-button {
	top: 10px;
}
#alojamientos{
	height:19px;
	margin-top:-4px;
	*margin-top:-6px;
	width:240px;
}

#suggest #tab #btOpenSuggest {
	margin-left:22px;
	margin-top:4px;
}

#search form#searchForm fieldset input#keyword {
	width:210px;
}

#search form#searchForm fieldset label#labelLocality {
	left:229px;
}

.balloon {
	display:none;
	opacity:80;
	position:absolute;
	z-index:11;
}
.keywordBalloon {
	bottom:78px;
	.bottom:83px;
	display:none;
	left:47px;
	position:absolute;
	width:200px;
}
.localityBalloon {
	bottom:78px;
	.bottom:83px;
	display:none;
	position:absolute;
	right:275px;
	width:220px;
}