body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	/*background-color: #59bc95;*/
	color:#463f3a;
	/*background-color:#F1F1F1;*/
	/*
	background-image:url(../imagenes/back_body12.jpg);
	background-repeat:repeat-x;
	*/
}


.linea {
	color: #7C99A7;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #7C99A7;
	border-bottom-width: 1px;
	border-bottom-color: #7C99A7;
}
.linea2 {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #D8D8D8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.titulo_n {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	font-weight: bold;
}
.titulo_n2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight: bold;
}

.enlace1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0077AB;
	text-decoration: underline;
	cursor:pointer;
}
.menu {
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #B8C8CF;
}
.borde1 {
	border: 1px solid #7C99A7;
}


.texto_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.enlace_th {
	border: 1px solid #CCCCCC;
	padding: 4px;
}


.enlace2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0077AB;
	text-decoration: underline;
}
a.enlace2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	text-decoration: underline;
	}
.enlaceMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.enlaceMenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0077AB;
	text-decoration: underline;
	}.fondo_publi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F2F0EA;
}
.tit_destacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-decoration:none;
}
a.tit_destacado:hover{
text-decoration:underline;
}

.pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	background-color: #EFEFEF;
}

.enlaceNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	cursor:pointer;
}
.texto_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a.texto_blanco:link {	
	color: #FFFFFF;
	text-decoration:none;
}
a.texto_blanco:visited {	
	color: #FFFFFF;
	text-decoration:none;
}
a.texto_blanco:hover {	
	color: #62D8FF;
	text-decoration:none;
}

.cajitas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #30728B;	
	border: 1px solid #A6A6A6;
}
.textoerror {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.linea3 {
	color: #000000;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #7C99A7;
	border-bottom-width: 1px;
	border-bottom-color: #7C99A7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* --- PAGINACION ESTILOS ---*/
.paginate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.current {
    border: 1px solid #CCCCCC;
	font: bold 10px Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	color: #FFF;
	text-decoration: none;
	background-color: #990000;
}
a.paginate {
    border: 1px solid #CCCCCC;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #000000;
}
a.paginate:hover {
    background-color: #999999;
    color: #FFF;
    text-decoration: underline;
}
a.current {
	border: 1px solid #CCCCCC;
	font: bold 10px Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	color: #FFF;
	text-decoration: none;
	background-color: #990000;
}
span.inactive {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}
/* --- FIN PAGINACION ESTILOS ---*/.mensajeok {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FBE7A2;
	padding: 5px;
}
.mensajeNo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 5px;
}
.back1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #EDEECA;
}
.back2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F4F4F4;
}
.enlace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0077AB;
	text-decoration:none;
	cursor:pointer;
}
.bordeFotos {
	border: 1px solid #CCCCCC;
	padding: 3px;
}
.bordeFotos2 {
	border: 1px solid #333333;	
}
.cajitas2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #30728B;	
	border: 1px solid #A6A6A6;
}
.fondo_blanco {
	background-color: #FFFFFF;
}

.tit_destacadoMas {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	text-decoration:none;
}
.texto_verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
}
.cuadrito_paises {
	background-image: url(../imagenes/fondito.gif);
	background-repeat: no-repeat;
}
.separados {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	word-spacing: .3em; 
	line-height:15pt;
}
.linea_ver {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #B8CAD4;
}
.fondo_blanco_borde {
	background-color: #FFFFFF;
	border: 1px solid #A9BFC7;
}


.h11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #0077AB;
	text-decoration: none;
}

a.h11:link{
    text-decoration: none;
}

.h22 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #a7bed3;
	text-decoration: none;
}
a.h22:link{
    text-decoration: none;
}


/* buscador */
#searchContainer {
	margin:10px;
	width:285px;

}

/* Style the search input field. */
#field {
	float:left;
	width:200px;
	height:20px;
	padding-left:5px;
	font-size:12px;
	color:#999999;
	background: #fff;
	border:solid 1px #d9d9d9;
	border-top:solid 1px #c0c0c0;
	border-right:none;
}

/* Style the "X" text button next to the search input field */
#delete {
	float:left;
	width:10px;
	height:22px;
	line-height:27px;
	margin-right:10px;
	font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
	font-size:18px;
	background: #fff;
	border:solid 1px #d9d9d9;
	border-top:solid 1px #c0c0c0;
	border-left:none;
}
/* Set default state of "X" and hide it */
#delete #x {
	color:#A1B9ED;
	cursor:pointer;
	display:none;
}
/* Set the hover state of "X" */
#delete #x:hover {
	color:#36c;
}
/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#b_busca {
	cursor:pointer;
	width:54px;
	height: 24px;
	line-height:0;
	font-size:0;
	text-indent:-999px;
	color: transparent;
	background: url(../imagenes/buscar2.jpg) no-repeat #4d90fe center;
	border: 1px solid #3079ED;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
/* Style the search button hover state */
#b_busca:hover {
	background: url(../imagenes/buscar2.jpg) no-repeat center #357AE8;
	border: 1px solid #2F5BB7;
}

.active{ color:#333333}

.orange{ background-image:url(../imagenes/backboton.jpg); background-repeat:repeat-x; padding:6px; border: 1px solid #993300; padding-left:13px; padding-right:13px}


/*----------------------------------------------------------------------*/
#preview{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:5px;

	display:none;

	color:#fff;

	}


.image-wrapper {
	position: relative;
	width: 120px;
}
.image-wrapper p {
	position: absolute;
	left: 2px;
	top: -5px;
	padding: 0px;
	background-image:url(../imagenes/filtro.png);
	background-repeat:no-repeat;
	height:30px;	 
	width: 147px;
	color: #fff;
	font-weight:bold;
	margin: 0x;
	text-shadow: 2px 2px #333;

}
.image-wrapper2 {
	position: relative;
	width: 120px;
}
.image-wrapper2 p {
	position: absolute;
	left: 56px;
	top: -10px;
	background-image:url(../imagenes/des_corner.png);
	background-repeat:no-repeat;
	height:49px;	 
	width: 55px;
	color: #fff;
	font-weight:bold;
	margin: 0x;
	text-shadow: 2px 2px #333;
	text-align:right;

}
.image-wrapper3 {
	position: relative;
	width: 120px;
}
.image-wrapper3 p {
	position: absolute;
	left: 143px;
	top: -15px;
	background-image:url(../imagenes/des_corner2.png);
	background-repeat:no-repeat;
	height:70px;
	font-size:16px;	 
	width: 80px;
	color: #fff;
	font-weight:bold;
	margin: 0x;
	text-shadow: 2px 2px #333;
	text-align:right;

}
.regalito{
	position:absolute; padding:6px; background-color:#999; margin:3px;border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.regalito_mini{
	position:relative; text-align:left; padding-left:15px; height:20px;
}

.precio_antes{text-decoration:line-through; color:#666666}
.precio_descuento{ font-weight:bold}

#divisorio{
border:#ccc;
border-style: dotted;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px; 
}

.funkystyling {
    background: white url(../imagenes/calendarIcon.gif) right no-repeat;
	border: 1px solid #999;
    padding-right: 17px;
	cursor:pointer
}
#login{
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:4px 4px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

#b_azul{
    width:50%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#006699;
	color:#FFFFFF;
    font-weight:bold;
    padding:4px 4px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}
/*iconos*/

.icon_eliminar{ width:30px; height:30px; background-color:#CCCCCC}


.alert-box {
		color:#555;
		border-radius:10px;
		font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
		padding:10px 36px;
		margin:10px;
	}
	.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	.error {
		background:#ffecec url('../imagenes/error.png') no-repeat 10px 50%;
		border:1px solid #f5aca6;
	}
	.success {
		background:#e9ffd9 url('../imagenes/success.png') no-repeat 10px 50%;
		border:1px solid #a6ca8a;
	}
	.warning {
		background:#fff8c4 url('../imagenes/warning.png') no-repeat 10px 50%;
		border:1px solid #f2c779;
	}
	.notice {
		background:#e3f7fc url('../imagenes/notice.png') no-repeat 10px 50%;
		border:1px solid #8ed9f6;
	}
	.warning_info {
		background:#fff8c4 url('../imagenes/notice.png') no-repeat 10px 50%;
		border:1px solid #8ed9f6;
	}
	
	.btn_ui{ text-align:center; width:90px; font-weight:bold;  -webkit-border-radius: 8px;
border-radius: 8px}
	
	
	.btn_ui a{ display: block;
    width: 100%;
    height: 34px;
    background-color:#F5F5F5; color:#333333; border:#CCCCCC 1px solid;
    text-align: center; padding-top:5px; -webkit-border-radius: 8px;
border-radius: 8px; 
    }
	.btn_ui a:hover{ background-color:#3085D6; color:#FFFFFF; }

	
	
	.rojo{ background-color:#AA1100; color:#FFFFFF}
	.azul{ background-color:#3085D6; color:#FFFFFF}
	.amarillo{ background-color:#006699; color:#000000}
	.verde{ background-color:#32B512; color:#FFFFFF}
	.gris{ background-color:#F5F5F5; color:#000}


/*--------------------------------------RESERVACIONES-----------------------------------------------------*/

.top{ height:110px; text-align:center; margin-bottom:10px}

/*---------modificaciones JONNY--------*/

#hotel_mod_form{

border-radius: 0px 0px 10px 10px;
border: 1px solid #bcb8b1;
	background-color: #B2AA8E;
	color:#fff;
	margin-bottom: 80px;
}

#verprecios {
    display: inline-block;
    padding: 14px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	background: #3498db;
	text-decoration:none;
	color:#FFFFFF;
}
#verprecios.btn2:hover{ background:#006699;color:#FFFFFF;}

h1,.h1,h3,h2{
/*
color:#bcb8b1!important;
background-color: #8a817c;
*/
color:#8a817c !important;
background-color:#ccc;
border-radius: 0px 4px 4px 0px ;

/*margin-top:-22px;
margin-right: -38px;*/
height: 50px;
padding:5px;
}

img{

	border-radius: 4px;
	margin-top: 0px;
	margin-bottom: 0px !important;
	vertical-align: bottom !important;
}


.reserva{background-color: #df543f;
border: 0;
padding: 5px;
color: white;
transition: 0.3s;
}

.reserva:hover {
  background-color: #3e8e41;
  color: white;
}

.borde1 {
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #ff6300;
}

.back2 {
     color: white;
    background-color: gray;
    border-radius: 20px;}
    
 .puntuacion{

    	background-color: white;
    	color:#ff6300;
    }

 table{

 	border-collapse: inherit;
 	padding:10px;
 }


 .h22{
 	color: #b2aa8e;   
 }

 p{

 	margin-top: 20px;
 }

 tbody{

 	font-size: 15px;
 }

tr { padding:15px; }

.col {
    margin-top: 20px;
    margin-left: -7px;
}
.top{height: 0px;
    text-align: center;
    background-color: transparent;
   /* border-bottom: 1px solid #666;*/
    margin-bottom: 10px;
    margin-left: 900px;
    margin-top: 0px;
    z-index: 1800;
}
}

@media only screen and (max-width: 594px) {

		h1, .h1, h3,h2{
			/*
			color:white;
			background-color: #59bc95;
		border-radius: 0px 0px 5px 5px ;
		padding-left: 20px;
		margin-top:-22px;
		margin-right: -38px;
		height: 80px;
		padding-top: 11px;
*/
			background-color: red,
		}
}

@media only screen and (max-width: 600px) {
  h1, .h1, h3,h2{
    	color:white;
		background-color: #ccc;
		border-radius: 0px;
		padding-left: 20px;
		margin-top:-22px;
		margin-right: -38px;
		height: 50px;
		padding-top: 2px;
  }
  .top{margin-left: 0px;}

  #cuadro1_iz{margin-top: 80px;}
}

.iconitos{margin-top: 0px; margin-bottom: 10px;margin-right: 8px;}
.cuadro_redondo_container{box-shadow: 0 0px 100px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .2);box-sizing: border-box;}
.datosInfo{box-shadow: 0 0px 100px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .2);box-sizing: border-box;margin-left: 15px;}