/*------------------------------------*\
	#GENERAL
\*------------------------------------*/

* {
	padding: 0;
	margin:	0 auto;
	line-height: 1em;
	font-size: 1em;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

body {	
	background: #FFF;
}

h1, h2, h3 {
    color: #0F3F84;
    font-size: 2em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

.container {
	margin: 0 auto;
	min-width: 960px;
	position: relative;
	max-width: 1200px;
}

.clear {
	clear: both;
}

.oculto {
	display: none;
}

.invisible {
	visibility: hidden;
}

.desactivado {
   cursor: default;
}

.no_borde {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.celda {
	padding: .8em;
	margin-bottom: 1.5em;
}

.error404 {
	width: 700px;
	margin: 8px auto;
	padding: 1em;
	border-radius: 5px;
	background: #FFF6DF;
	border: 1px solid #FED870;
}

.error404 p {
	color: #68A317!important;
	font-size: .9em;
	font-weight: 600;
}

.error404 h1 {
	color: #68A317!important;
	margin: .5em 0;
	font-size: 3em;
	font-weight: 600;
}

/*------------------------------------*\
	#INDICE GENERAL alojamiento
\*------------------------------------*/

.index {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.index h1 {
	color: #89B4C5;
	font-weight: 400;
	text-align: center;
	margin-bottom: 1em;
}

h1.indexH {
	color: #003075;
	font-size: 1.3em;
	font-weight: 500;
    text-align: left;
	margin-bottom: .5em;
	padding-left: 0.5em;
}


.index h2 {
	color: #89B4C5;
	font-weight: 400;
	text-align: center;
	margin-bottom: 1.5em;
}

.index h2.indice {
	color: #003075;
    font-size: 1.4em;
    margin-bottom: .25em;
	font-weight: bold;
	text-align: left;
}

p.indexA {
	color: #003075;
	font-size: 1.3em;
    text-align: left;
	margin-bottom: .5em;
	padding-left: 0.5em;
}

.index .celda img {
	width: 60%;
}

.index .celda .descripcion {
	padding: 0 .8em;
}

.index .celda .descripcion h3 {
	color: #6D8F9C;
	font-size: 1.6em;
	font-weight: 400;
	margin-bottom: .8em;
}


.index .celda .descripcion p {
	color: #6D8F9C;
	font-size: .95em;
	font-weight: 400;
	text-align: justify;
}

/*------------------------------------*\
	#ENLACES A MAPA
\*------------------------------------*/

.enlace a:link, a:visited {
    color: #371fee;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-top: .5em;
}

/*------------------------------------*\
	#INDICE GENERAL turismo
\*------------------------------------*/

.indexTur h1 {
	color: #0F3F84;
	font-weight: 400;
	text-align: left;
	margin-left: .5em;
}

.p1 {
	color: #003075;
	font-size: 1.3em;
    text-align: left;
	margin-bottom: .2em;
}

.p3 {
    color: #003075;
    font-size: 1em;
	font-weight: 400;
    text-align: left;
	margin-bottom: 8px;
}

.p4 {
	color: #003075;
	font-weight: normal;
	margin-bottom: 8px;
}

.p5 {
	color: #68A317;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.p6 {
    color: #003075;
    font-size: 1em;
    font-weight: 600;
    text-align: left;
    margin-bottom: 8px;
    margin-top: .3em;
}

.pIndice {
	color: #89B4C5;
	font-size: 1.3em;
    text-align: center;
	margin-bottom: .2em;
}
/*------------------------------------*\
	#FORMULARIOS
\*------------------------------------*/

*:focus {
    outline: none;
}

form span {
	display: block;
	margin-bottom: .3em;
}

form input {	
	border: 0;
	width: 100%;
	height: 2em;
	font-size: .9em;
	background: #FFF;
	padding: 0 1em;
	margin-bottom: 1em;
	border: 1px solid #7497A5;	
}

form select {
	height: 2em;
	font-size: .9em;
	border: 1px solid #7497A5;	
}

form textarea {
	width: 100%;
	height: 9.5em;
	resize: none;
}

form .upload {
	border: 0;
	height: 2em;
	background: #FFF;
	margin-top: .3em;
	margin-bottom: 1.5em;
	border: 1px solid #DB6623;	
}

form .upload span {
	padding: 0;
	font-size: .9em;
	line-height: 2em;
}

form .upload input {
	cursor: pointer;
    height: 2em !important;
}

form input[type="submit"], button {
	margin: 0;
	width: 100%;
	color: #FFF;
	height: 3em;
	cursor: pointer;
	font-size: .9em;
	background: #F09841;
	text-transform: uppercase;
	border: 1px solid #DB6623;
}

form input[type="submit"]:hover {
	background: #0F3F84;
	border: 1px solid #007bac;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
	width: 1.2em;
	height: 1.2em;
    float: left;
    cursor:pointer;
    margin: 0 .3em 0 0;
	display: inherit;
	vertical-align:middle;
	background: url(../images/checkbox_2.png) no-repeat scroll 0px -32px transparent;
	
}


input[type="checkbox"]:checked + label {
	background: url(../images/checkbox_2.png) no-repeat scroll -1.2em 0px transparent;
	
}

.upload {
    overflow: hidden;
	text-align: center;
	position: relative;
	background: #f0f0f0;
	border: 1px solid #DB6623;
}

.upload span {
	text-transform: uppercase;
}

.upload input {
	top: 0;
	position: absolute;
    display: block !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

textarea {
	border: 1px solid #7497A5;	
}

/*------------------------------------*\
	#EMERGENTE
\*------------------------------------*/

.emergente {
	top: 60px;
	right: 0;
	margin: 1.5em;
	z-index: 99999;
	color: #0F3F84;
	display: none;
	background: #FFF;
	position: absolute;
	line-height: initial;
	box-shadow: 0px 0px 1.5em rgba(0,0,0,0.4);
}

.emergente form {	
	margin-bottom: 1.5em;
}

.emergente form div {
	text-align: right;
}

.emergente form input[type="submit"] {
	width: 150px;
}

.emergente.grande {
	width: 500px;	
}

.emergente.mediano {
	width: 400px;	
}

.emergente.pequeno {
	width: 300px;	
}

.emergente::before {
	top: -10px;
    width: 0px;
    height: 0px;
    left: 50%;
    content: "";
    display: block;
    margin-left: -10px;
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #0F3F84;
}

.emergente h3 {
	color: #FFF!important;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 4em;
	text-align: left;
	padding: 0 32px;
	margin-bottom: 1.5em;
	background: #0F3F84;
	text-transform: uppercase;
}

.emergente h4 {	
	color: #89B4C5;
	font-size: .9em;
	font-weight: 400;
	padding: 0 1.5em;
	text-align: left;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.emergente p {
    color: #0F3F84;
    font-size: .9em;
    font-weight: 400;
    line-height: 1.4em;
    padding: 0 1.5em;
    text-align: left;
    margin-bottom: 1.5em;
}

.emergente span p {	
	color: #FFF!important;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 4em;
	text-align: left;
	padding: 0 32px;
	margin-bottom: 1.5em;
	background: #0F3F84;
	text-transform: uppercase;
}

p.emergP{
	color: #89B4C5;
	font-size: .9em;
	font-weight: 400;
	padding: 0 1.5em;
	text-align: left;
	text-transform: uppercase;
}
.emergente form {
	width: 60%;
	padding: 0 1.5em;
	text-align: left;
}

.emergente .panel_usuario {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #89B4C5;
}

.emergente .panel_usuario .panel {
	color: #FFF;
	margin: 0 .5em;
	text-align: center;
	cursor: pointer;
	line-height: 3em;
	background: #89B4C5;
	margin-bottom: -1px;
	border: 1px solid #89B4C5;
	border-bottom: 0;
}

.emergente .panel_usuario .activo, .emergente .panel_usuario .panel:hover {
	color: #0f3f84;
	background: #FFF;
}

.cerrar_emergente {
    top: 0;
    right: 32px;
    color: #FFF;
    z-index: 101;
	font-weight: 300;
	font-size: 1.5em;
    cursor: pointer;
    position: absolute;
    line-height: 60px;
    text-align: center;
	text-transform: uppercase;
}

/*------------------------------------*\
	#GRID
\*------------------------------------*/

.grid-2 > .col-1 {
	float: left;
	width: 50%;
}

.grid-2Mov {
	float: center;
	width: 95%;
}

.grid-2MovTur {
	float: center;
	width: 95%;
	min-height: 90px;
}

.grid-3 > .col-1 {
	float: left;
	width: 33.3%;
}

.grid-3 > .col-2 {
	float: left;
	width: 66.6%;
}

.grid-4 > .col-1 {
	float: left;
	width: 25%;
}

.grid-4 > .col-2 {
	float: left;
	width: 50%;
}

.grid-4 > .col-3 {
	float: left;
	width: 75%;
}

.grid-5 > .col-1 {
	float: left;
	width: 20%;
}

.grid-5 > .col-2 {
	float: left;
	width: 40%;
}

.grid-5 > .col-3 {
	float: left;
	width: 60%;
}

.grid-5 > .col-4 {
	float: left;
	width: 80%;
}

.grid-5 > .col-4Mov {
	float: right;
	width: 50%;
}


.grid-6 > .col-1 {
	float: left;
	width: 16.6%;
}

.grid-6 > .col-2 {
	float: left;
	width: 33.2%;
}

.grid-6 > .col-3 {
	float: left;
	width: 50%;
}

.grid-6 > .col-4 {
	float: left;
	width: 66.8%;
}

.grid-6 > .col-5 {
	float: left;
	width: 83.4%;
}

.grid-7 > .col-1 {
	float: left;
	width: 14.28%;
}

.grid-7 > .col-2 {
	float: left;
	width: 28.56%;
}

.grid-7 > .col-3 {
	float: left;
	width: 42.84%;
}

.grid-7 > .col-4 {
	float: left;
	width: 57.16%;
}

.grid-7 > .col-5 {
	float: left;
	width: 71.44%;
}

.grid-7 > .col-6 {
	float: left;
	width: 85.72%;
}

.col-1, .col-2, .col-3, 
.col-4, .col-5, .col-6 {
	min-height: 1px;
	padding: 0 .5em;
}

.col-1:first-child, .col-2:first-child, 
.col-3:first-child, .col-4:first-child,
.col-5:first-child, .col-6:first-child {
	padding-left: 0;
}

.col-1:last-child, .col-2:last-child, 
.col-3:last-child, .col-4:last-child,
.col-5:last-child, .col-6:last-child {
	padding-right: 0;
}

.grid-2:after, .grid-3:after, 
.grid-4:after, .grid-5:after,
.grid-6:after, .grid-7:after {
	content: '';
	clear: both;
	display: table;
}	

/*------------------------------------*\
	#HEADER
\*------------------------------------*/

header {
	z-index: 1;
	min-width: 955px;
	background-color: #fff;
}

header a.logo {
	float: left;
	width: 200px;
	height: 60px;
	background: url(../images/tgtravel.jpg) no-repeat center;
}

header ul.menu {
	float: right;
	list-style: none;	
}

header ul.menu>li,
header ul.menu>li a {
	float: left;
	padding: 0 1em;
	font-size: .95em;
	color: #628d96;
	line-height: 60px;
	text-align: center;
}

header ul.menu>li {
	border-right: 1px solid #ccc;
}

header ul.menu>li:last-child {
	border: 0;
}

header ul.menu>li:hover {
	background: #eee;
}

header ul.menu>li a {
	color: #628d96;
	text-decoration: none;
}

li .emergente .alta_usuario {
	display: none;
}

li>form>input[type="submit"] {
	height: 2em;
	margin-top: .9em;
}

/*------------------------------------*\
	#LARGE-IMAGE
\*------------------------------------*/

.cabecera {
	width: 100%;
	overflow: hidden;
	min-width: 955px;
	background-size: cover;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/1.jpg);
}

.cabecera.mini {
	height: 100px;
}

.menu-social {
	top: 1em;
	right: 32px;
	position: absolute;
}

.menu-social span { 
	color: #fff;
	line-height: 32px;
	font-weight: 600;
	vertical-align: top;
}

/*------------------------------------*\
	#BUSCADOR
\*------------------------------------*/

.buscador {
	width: 544px;
	position: relative;
	margin: 4em auto;
}

.buscador_lateral {
	width: auto;
	margin: 0 auto;
	margin-bottom: 32px;
}

.buscador .cuadro {
    color: #003075;
    padding: .5em;
    font-size: .9em;
	font-weight: 400;
	position: relative;
    background: #f09841;
    border: 1px solid #db6623;	
}

.buscador h3 {
    font-size: 22px;
    font-weight: 400;
	display: inline;
	vertical-align: top;
}

p.buscador {
	font-size: 22px;
    font-weight: 400;
    display: inline;
    vertical-align: top;
}

.buscador h4 {
    font-weight: 400;
	margin-bottom: .5em;
}

.buscador input {
}

img.dentro_campo {
	height: 1.4em;
	margin-top: 5px;
	position: absolute;
	margin-left: -1.5em;
}

.buscador .destino {
    width: 100%;
    height: 3.5em;
    padding: 0 8px;
    margin: .3em 0;
    border: 1px solid #db6623;
}

.buscador_lateral .destino {
	width: 100%;
}

.buscador .fechaEntrada, .buscador .fechaSalida {
    height: 28px;
    margin: 2px 0;
	width: 140px;
    padding: 0 8px;
    border: 1px solid #db6623;
}

.buscador .num_personas {
	height: 28px;
	margin: 2px 0;
	border: 1px solid #db6623;
}

.buscador .buscar {
    color: #fff;
	cursor: pointer;
    font-size: 1.4em;
    font-weight: 600;
    background: #0F3F84;
	margin-top: 110px;
	border: 1px solid #003075;
}
p.buscador .buscar {
    color: #fff;
	cursor: pointer;
    font-size: 1.4em;
    font-weight: 600;
    background: #0F3F84;
	margin-top: 110px;
	border: 1px solid #003075;
}

.buscador_lateral .buscar {
	right: 0;
	width: 129px;
	position: relative;
	margin-top: 1em;
}

.buscador .buscar:hover {
	background: #89b4c5;
}

/*------------------------------------*\
	#FILTROS
\*------------------------------------*/

.filtros h3 {
    color: #fff;
    padding: 8px;
    background: #3698a3;
}

.check {
    float: left;
    width: 100%;
	margin-top: .3em;
    color: #0F3F84;
    font-size: .9em;
}

.checkFil {
    float: left;
    width: 100%;
    margin-top: .3em;
    color: #0F3F84;
    font-size: .9em;
    margin-bottom: .5em;
    margin-left: 1em;
}

.check span {
	font-weight: 400;
}

div.filtros_lateral {
	background: #FFF;
}

div.filtros_lateral h3 {
	color: #FFF;
	font-size: 1em;
	padding: .5em 8px;
	background: #89B4C5;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

div.filtros_lateral2 p.p1 {
	color: #FFF;
	font-size: 1em;
	padding: .5em 8px;
	background: #89B4C5;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

div.grid-2MovTur p.p1 {
	color: #FFF;
	font-size: 36px;
	text-decoration: underline;
	padding: .5em 8px;
	background: #89B4C5;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}


div.filtros_lateral form h4 {
	color: #0F3F84;
	margin: 8px 0;
}

div.filtros_lateral form {
	border: 1px solid #89B4C5;
	border-top: 0;
	padding: 8px 1em;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div.filtros_lateral2 form {
	border: 1px solid #89B4C5;
	border-top: 0;
	padding: 8px 1em;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

div.filtros_lateral input[type="checkbox"] + label {
	margin-left: .8em;
	margin-right: .3em;
}

div.filtros_lateral .check {
	padding: .3em 0;
}

div.filtros_lateral .check:hover {
	color: #FFF;
	background: #89B4C5;
}

div.filtros_lateral .check.activo {
	color: #FFF;
	background: #68A317;
}

div.filtros_lateral .check.activo:hover {
	background: red;
}

/*------------------------------------*\
	#AUTO-COMPLETE
\*------------------------------------*/

.ui-autocomplete {
	padding: 8px 0;
	text-align: left;
	overflow: hidden;
	background: #fefefe;
	float: left;
}

.ui-menu-item {
	line-height: 30px;
	font-size: 1.1em;
	padding: 0 .5em;
	cursor: pointer;
}

.ui-menu-item:hover {	
	background: #ddd;
}

/*Mensajes de busqueda*/

.ui-helper-hidden-accessible {
	display: none;
}

/*------------------------------------*\
	#DATE-PICKER
\*------------------------------------*/

.ui-datepicker {
	position: absolute;
	border: 1px solid #bababa;
	box-shadow: 0 0 1px rgba(0,0,0,0.3);
}

.ui-datepicker .ui-datepicker-header {
	background: #ddd;
	padding: .7em .5em;
	position: relative;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
	color: #666;
	cursor: pointer;
	position: absolute;
}
.ui-datepicker .ui-datepicker-header .ui-state-disabled span{
	color: #ccc;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{
	left: 1em;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next span{
	right: 1em;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	margin-top: 30px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title span, .ui-datepicker .ui-datepicker-header .ui-datepicker-title  select{
	color: #666;
	font-size: 1.5em;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
	border: 0;
	background: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {

}

.ui-datepicker  .ui-datepicker-calendar {
	background: #fff;
	padding: .7em .5em;
}

.ui-datepicker  .ui-datepicker-calendar thead tr th span{
	color: #999;
}

.ui-datepicker  .ui-datepicker-calendar tbody {
	font-size: 1.4em;
}

.ui-datepicker  .ui-datepicker-calendar tbody span, .ui-datepicker  .ui-datepicker-calendar tbody a {
	padding: .5em;
}

.ui-datepicker  .ui-datepicker-calendar tbody .ui-state-default {
	color: #4c798e;
	text-decoration: none;
}

.ui-datepicker  .ui-datepicker-calendar tbody .ui-state-disabled span{
	color: #ddd;
	text-decoration: line-through;
}

.ui-datepicker  .ui-datepicker-calendar tbody  .ui-datepicker-other-month {
	text-decoration: none;
}

.ui-datepicker  .ui-datepicker-calendar tbody .ui-datepicker-today {

}

/*------------------------------------*\
	#INFO
\*------------------------------------*/

.info {
	width: 70%;
	background: #fff;
	padding-top: 1em;
	padding-bottom: 3.5em;
	position: relative;
	margin-bottom: 3em;
}

.info .container::before {
	bottom: -3.5em;
	left: 0;
	width: 100%;
	content: '';
	z-index: 1;
	height: 3px;
	background: #4c798e;
	position: absolute;
}

.info .linea {
	margin-top: 3.3em;
	border-bottom: 1px solid #89b4c5;
}

.info h2 {
	text-align: center;
	margin-top: -1em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.info h2 span {
	color: #89b4c5;
	font-size: 1.6em;
	padding: 0 32px;
	background: #FFF;
}

.info__celda h3 {
	line-height: 1.4em;
	color: #003075;
	font-size: 1.1em;
	padding-left: 40px;
	background: url(../images/tick.png) left no-repeat;
}

.info__celdaIndice h2 {
	line-height: 1.4em;
	color: #003075;
	font-weight: 600;
	text-align: left;
	padding-left: 40px;
	background: url(../images/tick.png) left no-repeat;
}

.info__celdaIndice p {
	color: #003075;
	font-size: .9em;
	/*padding: 0 24px;*/
	margin-top: .8em;
	font-weight: 400;
}

.info__celda span p {
	line-height: 1.5em;
	color: #003075;
	font-size: 1.1em;
	font-weight: 600;
	padding-left: 40px;
	background: url(../images/tick.png) left no-repeat;
}

.info__celda p {
	color: #003075;
	font-size: .8em;
	/*padding: 0 24px;*/
	margin-top: .8em;
	font-weight: 400;
}

p.info__casilla {
	color: #003075;
	font-size: .8em;
	padding: 0 24px;
	font-weight: 400;
}

p.inf_aloj {
	color: #68A317;
    font-size: 1.5em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
p.valorar {
	color: #003075;
	font-size: .9em;
	padding: 0 24px;
	margin-top: .8em;
	font-weight: 400;
}

/*------------------------------------*\
	#Alojamiento indice general
\*------------------------------------*/


.alojamientos {
	margin-bottom: .5em;
}

.alojamientos h3 {
	padding: .8em;
	color: #0F3F84;
	font-size: 30px;
	font-weight: 400;
	margin: 0 .8em;
	position: relative;	
	padding-left: 1.4em;
	margin-bottom: .8em;
	border-bottom: 1px solid #ccc;
}

.alojamientos h3::before {
	bottom: -1px;
	left: 0;
	width: 30%;
	content: '';
	z-index: 1;
	height: 3px;
	background: #ff6e1f;
	position: absolute;
}


.alojamientos .mas_consultados h3 {
	background: url(../images/pointer.png) left no-repeat;
}

.alojamientos .mas_puntuados h3 {
	background: url(../images/me_gusta.png) left no-repeat;
}

.alojamientos .mas_consultados h3::before {
	background: #3496a1;
}

.alojamientos .mas_puntuados h3::before {
	background: #ff6e1f;
}

.alojamientos ul {
}

.alojamientos .mas_consultados{
	background: #f2f4f8;
}

.alojamientos .mas_puntuados{
	background: #FFF6DF;
}

.alojamientos .alojamiento {
	padding: .5em;
	position: relative;
	border-bottom: 1px dashed #ccc;
}

.alojamientos .alojamiento:last-child {
	border: 0;
}

.alojamientos .alojamiento:hover {
	background: rgba(200,200,200,.2);
}

.alojamientos .alojamiento .imagen {
	/* padding: 0 .5em; */
}

.alojamientos .alojamiento .imagen img {
	width: 100%;
}

.alojamientos .alojamiento .informacion {	
	color: #89B4C5;
	font-size: .8em;
}

.alojamientos .alojamiento .informacion h4 {
	color: #003075;
	font-size: 1.4em;
	font-weight: 500;
	margin-bottom: .25em;
}

.alojamientos .alojamiento .informacion span {
	font-size: 1em;
}

.alojamientos .alojamiento .informacion .descripcion {
	color: #0F3F84;
	font-size: 1.2em;
}

.alojamientos .alojamiento .informacion_extra {
	text-align: right;
	color: #89B4C5;
	font-size: .9em;
	font-style: oblique;
}

.alojamientos .alojamiento .informacion_extra .puntuacion {
	font-size: 1em;
}

.alojamientos .alojamiento .informacion_extra span {
	font-size: .9em;
	font-weight: 600;
}

.alojamientos .alojamiento .informacion_extra .tipo {
	font-size: 1em;
	font-weight: 500;
}

.alojamientos .alojamiento .informacion_extra .precio {
	color: #68A317;
	font-size: 1.6em;
}


/*------------------------------------*\
	#TURISMO
\*------------------------------------*/
.turismo {
	margin-top: 1em;
}

.turismo h2 {    
	color: #89B4C5;
    text-align: center;
    font-weight: 400;
    font-size: 35px;
    margin-bottom: 1em;
}
/*
.turismo h3 {
	margin: 0 .5em;
	margin-top: -1em;
	color: #68A317;
	font-size: 30px;
	font-weight: 400;
	/* padding-bottom: .3em; 
	line-height: 2.5;
	padding-left: 41px;
	background: url(../images/info.png) left no-repeat;
}
*/
/**Sino hay conflicto con h3 de infoBox*/
p.turismo {
	margin: 0 .5em;
	margin-top: -1em;
	color: #68A317;
	font-size: 30px;
	font-weight: 400;
	/* padding-bottom: .3em; */
	line-height: 2.5;
	padding-left: 41px;
	background: url(../images/info.png) left no-repeat;
}

.menu-turismo {
}

.menu-turismo ul {	
	padding: .5em;
	list-style: none;
}

.menu-turismo ul  li {
	margin: 2px 0;
}

.menu-turismo .categoria {
	background: #F9F9F9;
	margin-bottom: 1em;
	border: 1px solid #ccc;
}

.menu-turismo h4 {
	color: #003075;
	padding: .5em;
	font-weight: 400;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
}

.menu-turismo p {
	color: #003075;
	padding: .5em;
	font-weight: 400;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
}

.menu-turismo .titulo {
	color: #003075;
	font-size: 1em;
	font-weight: 400;
}

.menu-turismo a {
	color: #0F3F84;
	font-size: .9em;
	padding-left: .9em;
	text-decoration: none;
}

.menu-turismo a:hover {
	color: #89B4C5;
	text-decoration: none;
}

.info-turismo {
	vertical-align: top;
}

.info-turismo .cuadro {	
	padding-bottom: 1em;
	position: relative;
}

.info-turismo .cuadro .imagen {
	width: 100%;
	height: 310px;
	position: relative;
	border: 1px solid #ccc;
	background-size: cover;
	background-position: center;
}

.info-turismo .cuadro .informacion {
	bottom: 0;
	width: 100%;
	position: absolute;
	color: #FFF !important;
	background: rgba(0,0,0,.4);
}

.info-turismo .cuadro .informacion h4 {
	padding: .5em 8px;
	margin-bottom: .5em;
	font-weight: 400;
	font-size: 1.2em;
	position: relative;
}

.info-turismo .cuadro .informacion h4::before {
	content: '';
	width: 20%;
	left: .8em;
	bottom: 0;
	height: 1px;
	display: block;
	position: absolute;
	background: #FFF;
}

/*********/

.info-turismo .cuadro .informacion h3 {
	padding: .5em 8px;
	margin-bottom: .5em;
	font-weight: 400;
	font-size: 1.2em;
	position: relative;
}

.info-turismo .cuadro .informacion h3::before {
	content: '';
	width: 20%;
	left: .8em;
	bottom: 0;
	height: 1px;
	display: block;
	position: absolute;
	background: #FFF;
}

.infoBox h3 {
	margin: 0 .5em;
	color: white;
	font-size: 30px;
	font-weight: 400;
	padding-left: 41px;	
}

/********/

.info-turismo .cuadro .informacion .loc {
	display: block;
	padding: 0 8px;
	margin-bottom: .5em;
}

.info-turismo .cuadro .informacion .descripcion {
	padding: 0 8px;
	font-size: 1em;
	display: none;
	text-align: justify;
	margin-bottom: .5em;
}

.info-turismo .cuadro:hover .informacion .descripcion {
	display: block;
}

/*------------------------------------*\
	#PROPIETARIO
\*------------------------------------*/

.propietario {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.propietario h1 {
	color: #89B4C5;
	font-weight: 400;
	text-align: center;
}

.propietario h2 {
	color: #89B4C5;
	font-weight: 400;
	text-align: center;
	margin-bottom: 1.5em;
}

.propietario .celda img {
	width: 60%;
}

.propietario .celda .descripcion {
	padding: 0 .8em;
}

.propietario .celda .descripcion h3 {
	color: #003075;
	font-size: 1.6em;
	font-weight: 400;
	margin-bottom: .8em;
}

.propietario .celda .descripcion h4 {
	color: #003075;
	font-size: 1.6em;
	font-weight: 400;
	margin-bottom: .8em;
}

.propietario .celda .descripcion p {
	color: #6D8F9C;
	font-size: .95em;
	font-weight: 400;
	text-align: justify;
}

/*------------------------------------*\
	#CUERPO
\*------------------------------------*/

.cuerpo {
	color: #003075;
	font-size: .9em;
}

.cuerpo .navegacion {
	margin: 1.5em 0;
}

.cuerpo .navegacion a {
	color: #FFF;
	font-size: .8em;
	padding: .8em 1.5em;
	line-height: 2em;
	background: #89B4C5;
	position: relative;
	margin-right: .5em; 
	text-transform: uppercase;
}

.cuerpo .navegacion a::before {
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	display: block;
	position: absolute;
    border-top: 1.4em solid transparent;
    border-bottom: 1.4em solid transparent;
    
	border-left: 1em solid #F9F9F9;
}

.cuerpo .navegacion a:last-child {
	background: #68A317;
}

.cuerpo .navegacion a:first-child {
	background: #3F68A3;
}

.cuerpo .navegacion a:first-child::before {
	border: 0;
}

.cuerpo .navegacion a::after {
	top: 0;
	right: -.9em;
	width: 0;
	height: 0;
	content: '';
	z-index: 1;
	display: block;
	position: absolute;
    
	border-top: 1.4em solid transparent;
    
	border-bottom: 1.4em solid transparent;
    
	border-left: 1em solid #89B4C5;
}

.cuerpo .navegacion a:last-child::after {
    border-left: 1em solid #68A317;
}


.cuerpo .navegacion a:first-child::after {
    border-left: 1em solid #3F68A3;
}

.cuerpo .navegacion a:hover {
	background: #003075;
}

.cuerpo .navegacion a:hover::after {
    border-left: 10px solid #003075;
}

.cuerpo .info__celda {
	padding: 0;
	margin-top: 1.5em;
}

.cuerpo .info__celda h3 {
	color: #0F3F84;
}

.cuerpo .info__celda p {
	color: #0F3F84;
}

.cuerpo h4 span {
	float: right;
	width: 18px;
	font-size: 9px;
	padding-top: 2px;
	text-align: center;
	height: 21px;
	background: url(../images/bocadillo.png);
}

.nube p span {
	float: right;
	width: 18px;
	font-size: 9px;
	padding-top: 2px;
	text-align: center;
	height: 21px;
	background: url(../images/bocadillo.png);
}

p.nube {
	color: #003086;
    font-weight: bold;
    text-align: left;
	margin-top: 1em;
	
}

p.mostrar_it_aleat {
	padding: .5em 8px;
    margin-bottom: .5em;
    font-weight: 400;
    font-size: 1.2em;
    position: relative;
}

p.mostrar_it_aleat::before {
    content: '';
    width: 20%;
    left: .8em;
    bottom: 0;
    height: 1px;
    display: block;
    position: absolute;
    background: #FFF;
}

.cuerpo .estrella {
	width: 12%;
	cursor: pointer;
	margin-right: 5%;
}

.cuerpo .comentario {
	margin: .8em 0;
}

.cuerpo .comentario img {
	width: 60px;
}

.cuerpo .comentario .usuario {
	color: #0F3F84;
	text-transform: uppercase;
	font-size: .9em;
}

.cuerpo .comentario .fecha {
	color: #89B4C5;
	font-size: 10px;
}

.cuerpo .comentario .texto {
	color: #003075;
	font-size: .9em;
	padding: .8em;
	margin: .5em 0;
	position: relative;
	background: #FFF;
	border: 1px solid #CCC;
}

.cuerpo .comentario .texto::before {
	top: -10px;
    width: 0px;
    height: 0px;
    left: 1.4em;
    content: "";
    display: block;
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}

.cuerpo .comentario .valoracion {
	color: #0F3F84;
	text-align: right;
	font-size: .8em;
}

/*------------------------------------*\
	#MAPA
\*------------------------------------*/

.mapa {
	padding: 8px;
	color: #003075;
	margin: 1em 0;
	text-align: center;
	background: #E3E8EF;
	text-transform: uppercase;
	border-radius: 3px;
}

.mapa_turismo {
	padding: 8px;
	color: #003075;
	margin: 1em 0;
	margin-top: 58px;
	text-align: center;
	background: #E3E8EF;
	text-transform: uppercase;
	border-radius: 3px;
}


.mapa img {
	width: 100%;
}

.mapa .mapa_jquery, .mapa_turismo .mapa_jquery {
	height: 300px;
}

.mapa_ampliado {
	top: 0;
	left: 0;
	z-index: 100;
	padding: .8em;
	position: absolute;
}	

.mapa_ampliado .cerrar_emergente {
	right: 0;
	top: 0;
}

.mapa_ampliado .mapa_jquery {
	background: #FFF;
	border: 8px solid rgba(0,0,0,.4);
	border-radius: 8px;
}

/*------------------------------------*\
	#LISTA_ALOJAMIENTOS
\*------------------------------------*/

.num-alojamientos {
	margin: 8px;
	color: #003075;
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 1em;
	font-weight: 400;
}

p.num-alojamientos {
	margin: 8px;
	color: #003075;
	font-size: 1.3em;
	margin-top: 0;
	margin-bottom: .5em;
	font-weight: 400;
}


.ordenar {
	height: 22px;
	margin: 0px 8px;
	font-size: .9em;
	background: #ffeec0;
	margin-bottom: 1em;
	border: 1px solid #f09841;
	
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ordenar span {
	width: 100px;
	color: #003580;
	padding: 0 8px;
	line-height: 22px;
	float: left;
	background: #f09841;
}

.ordenar a {
	font-weight: 600;
	padding: 0 1em;
	line-height: 22px;
	position: relative;
	padding-right: 1.5em;
	text-decoration: none;
	float: left;
	border-right: 1px solid #f09841;
}

.ordenar .arrow {
	top: 50%;
	right: .3em;
	width: 1em;
	height: 1em;
	position: absolute;
	margin-top: -8px;
}

.ordenar .precio .arrow {
	background: url(../images/flecha_abajo.png) center no-repeat;
}

.ordenar .valoracion .arrow {
	background: url(../images/flecha_arriba.png) center no-repeat;
}

.ordenar a.activo {
	color: #fff;
	background-color: #68A317;
}

.aviso {
	margin: 8px 0;
	padding: .3em .9em;
	border-radius: 5px;
	background: #FFF6DF;
	border: 1px solid #FED870;
}

.aviso img {
	height: 28px;
	float: left;
	margin-right: 8px;
}

.aviso p {
	color: #68A317!important;
	font-size: .9em;
	font-weight: 600;
	line-height: 28px;
}

.aviso_2 {
	top: 0;
	right: 0;
	color: #FFF;
	width: 300px;
	z-index: 100;
	margin: 1.5em;
	margin-top: 6.5em;
	padding: 1em 0;
	position: fixed;
	background: #68A317;
	border-radius: 3px;
}

.aviso_2 p {
	padding: 0 1em;
	font-size: 1em;
	line-height: 1.2em;
}

.aviso_2  ul {
	margin-top: .5em;
}

.aviso_2 li {
	margin-left: 1em;
}

.aviso_2 li p {
	font-size: .9em;
	line-height: 22px;
}

.aviso_2 a {
	color: #FFF;
	font-size: 1em;
	font-weight: 600;
}

.resultados_busqueda .alojamiento:last-child {
	border-bottom: 1px dashed #CCC;
}

.paginas {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 3em;
}

.paginas .num {
	margin: 0;
	color: #0F3F84;
	font-weight: 400;
	background: #FFF;
	text-align: center;
	padding: .5em .8em;
	text-decoration: none;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.paginas .num:first-child {
	border-left: 1px solid #CCC;
}

.paginas .num.activo {
	color: #FFF;
	background: #c5d4e9;
}

/*------------------------------------*\
	#PASOS_RESERVA
\*------------------------------------*/

.pasos_reserva {
	background: #f2f5f9;
	border: 1px solid #89b4c5;
	margin: 8px;
	margin-bottom: 1.5em;
	
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pasos_reserva li {
	float: left;
	width: 33.3%;
}

.pasos_reserva li .paso {
	color: #003075;
	padding: 8px;
	font-size: .8em;
	line-height: 2em;
	text-align: center;
	text-transform:uppercase;
	border-right: 1px solid #89b4c5;
}

.pasos_reserva li .paso.activo {
	color: #68A317;
	background: #FFF;
	font-weight: 600;
}

.pasos_reserva li:last-child  .paso{
	border: 0;
}

/*------------------------------------*\
	#ALOJAMIENTO
\*------------------------------------*/

.alojamiento h2 {
	font-weight: 400;
}

.alojamiento h1, .alojamiento h3 {
    color: #0F3F84;
    font-size: 1.3em;
	font-weight: 400;
	text-align: left;
	margin: 1em 0;
}

.alojamiento .titulo{
	color: #0F3F84;
    font-size: 1.2em;
	font-weight: 400;
	text-align: left;
	margin: 1em 0;
}

.alojamiento .puntuacion {
	text-align: right;
	color: #003075;
	font-weight: 600;
	font-size: 1.2em;
	font-style: oblique;
	margin-top: -.3em;
}

.alojamiento .volver input{
	float: right;
	width: 170px;
	padding: 0 42px 0 1.4em;
	font-weight: 600;
	background: url("../images/volver.png") no-repeat scroll right center #FB9935;
}

.alojamiento .volver input:hover {
	background: #0F3F84 url(../images/volver.png) no-repeat right;
}

.alojamiento .loc , .alojamiento p{
    color: #003075;
    font-size: 1.1em;
	text-align: justify;
}

.alojamiento .descripcion {
    color: #003075;
    font-size: 1em;
    margin: 1em 0;
}

.alojamiento .propietario h2{
    color: #0F3F84;
    font-size: 1.5em;
	margin-bottom: 8px;
}

.alojamiento form input {
	height: 32px;
}

.alojamiento form input.reserva.inactivo {
	background: #89B4C5;
	border: 1px solid #0F3F84;
}

.alojamiento form input.reserva.inactivo:hover {
	background: #89B4C5;
	border: 1px solid #0F3F84;
}

.alojamiento form.disponibilidad {
	color: #001055;
    font-size: .9em;	
	padding: 1em 0;
    background: #f2f5f9; 
	border-top: 1px solid #89b4c5;
	border-bottom: 1px solid #89b4c5;
}

.alojamiento form.disponibilidad .fechas {
	padding: 8px 0;
	text-align: center;
	background: #E6EDF6;
}

.alojamiento form.disponibilidad .fechas input {
	width: 145px;
}

.alojamiento form.disponibilidad .fechas input[type="submit"] {
	width: 90%;
	margin-top: 1em;
}

.alojamiento form.disponibilidad .fechas img.dentro_campo {
	margin-top: 9px;
	margin-left: -30px;
}

.alojamiento form.disponibilidad .rangos_fechas {
	padding: 1em;
}

.alojamiento form.disponibilidad h4 {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	text-transform: capitalize;
}

.alojamiento form.disponibilidad h4 p {
	display: inline;
	padding: .5em 40px;
	border-bottom: 2px solid #0F3F84;
}

.alojamiento form.disponibilidad p,
.alojamiento form.disponibilidad p a {
	margin: 1em 0;
	font-weight: 600;
	line-height: 1.4em;
}

.alojamiento form.disponibilidad a {
	color: #0F3F84;
}

.alojamiento form.disponibilidad p  {
	color: #89B4C5;
}
.alojamiento form.disponibilidad p.no_disponible {
	text-decoration:line-through;
}

.alojamiento form.disponibilidad span {
	display: inline;
}

.alojamiento form.disponibilidad span.precio {
	float: right;
	line-height: 1.4em;
}

.alojamiento form.disponibilidad a span.precio {
	color: #f2f5f9;
	padding: 0 8px;
	background: #89B4C5;
}

.alojamiento form.disponibilidad .sig, .alojamiento form.disponibilidad .ant {
	margin: 8px 1em;
	font-weight: 500;
}

.alojamiento form.disponibilidad .sig:hover, .alojamiento form.disponibilidad .ant:hover {
	color: #89B4C5;
}

.alojamiento form.disponibilidad .sig {
	float: right;
}

.alojamiento form.disponibilidad .ant {
	float: left;
}

.alojamiento .reservas table{
	width: 100%;
	font-size: .9em;
	margin: 1.5em 0;
	border-bottom: 1px solid #89B4C5;
}

.alojamiento .reservas tr th {
	color: #fff;
	background: #5984A5;
	border-radius: 0;
	line-height: 1.5em;
	-moz-border-radius: 0;
}

.alojamiento .reservas tr td {
	color: #003075;
	padding: 8px 1em;    
	vertical-align: top;
	border-left: 1px solid #89B4C5;
}

.alojamiento .reservas tr td span {
	display: inline;
}

.alojamiento .reservas tr td:first-child {
	border: none;
	font-weight: bold;
}

.alojamiento .reservas tr td.precio {
	color: #68A317;
	font-weight: 600;
	text-align: center;
}

.alojamiento .reservas tr td select {
}

.alojamiento .reservas .total {
	font-size: 13px;
	margin-bottom: 8px;
}

.alojamiento .reservas .total span {
	color: #0896FF;
	font-size: 1.5em;
	font-weight: 600;
}

.alojamiento .reservas .servicios_habitacion {
	border: none;
	font-size: 11px;
}

.alojamiento .reservas .servicios_habitacion img {
	height: 2em;
}

.alojamiento .formularioReserva {
	padding: 1em;
	margin-top: 1.5em;
	border: 1px solid #89B4C5;
}

.alojamiento .formularioReserva p {
	font-size: 1em;
}

.alojamiento .formularioReserva .fecha {
	font-size: 1.2em;
	text-align: center;
	font-weight: 500;
	margin-bottom: 8px;
	margin-bottom: 1em;
}

.alojamiento .formularioReserva input[type="submit"] {
	width: 200px;
}

.alojamiento .servicios {
	margin-top: 1.5em;
}

.alojamiento .servicios h2{
    color: #0F3F84;
    font-size: 1.5em;
	margin-bottom: 8px;
}

.alojamiento .servicios ul {
	margin: 0;
    background: #f2f5f9; 
	border-top: 1px solid #89b4c5;
	border-bottom: 1px solid #89b4c5;
}

.alojamiento .servicios ul li {
    font-size: .9em;
    color: #001055;
    border-bottom: 1px solid #89b4c5;
}

.alojamiento .servicios ul li:last-child {
	border: none;
}

.alojamiento .servicios ul li span {
    width: 150px;
    color: #5984a5;
	padding: 8px;
    float: left;
}

.alojamiento .servicios ul li p {
	padding: 8px 0;
	padding-left: 5em;
	padding-right: 8px;
}

.extra {
	margin-top: 64px;
}

.extra h3 {
	color: #68A317;
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}

.extra .info-turismo .cuadro {
	padding-left: 0;
}

/*------------------------------------*\
	#INFORMACION_TURISMO
\*------------------------------------*/

.lista_informacion {
	padding: 0 1em;
	margin-top: -1em;
}

.lista_informacion p {
	padding: 8px 0;
	font-size: 1em;
	font-weight: 400;
}

.lista_informacion ul {
	margin: 1em 0;
}

.lista_informacion ul li {
	padding: 1em 0;
	color: #415779;  
	font-size: 1em;
	font-weight: bold;  
	margin-bottom: 2px;
	margin-top: 5px;
	border-bottom: 1px dashed #CCC;
}

.lista_informacion ul li img {
	float: left;
	width: 200px;
}

.lista_informacion ul li .descripcion {
	padding-left: 216px;
}

.lista_informacion ul li .descripcion h4 {
	color: #68A317;
	margin-top: .3em;
	font-weight: 400;
}

p.descripcionTur {
	color: #68A317;
	margin-top: .3em;
	font-weight: 400;
}

table.provincias {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

table.provincias td{
  font-size: 10px;
  font-weight: normal;
  color: #5A8F12;
}

h2.titular {
	font-size: .9em;
	font-weight: 400;
	padding: 0 1em;
	color: #5A8F12;
	padding-bottom: 5px;
	margin-bottom: 2px;
	margin-top: 5px;
	border-bottom-style: none;
}

p.titular {
	font-size: .9em;
	font-weight: 400;
	padding: 0 1em;
	color: #5A8F12;
	padding-bottom: 5px;
	margin-bottom: 2px;
	margin-top: 5px;
	border-bottom-style: none;
}

.lista_informacion .Estilo3, 
.lista_informacion h3 {
	color: #415779;  
	font-size: 1.1em;
	font-weight: bold;  
	padding-bottom: 5px;
	margin-bottom: 2px;
	margin-top: 5px;
}

.lista_informacion .Estilo4,
.lista_informacion h4 {
	font-size: 1em;
	font-weight: normal;
	color: #5A8F12;
}

.lista_informacion td {
  font-size: .8em;
  font-weight: normal;
  color: #5A8F12;
}

.lista_informacion .mas_info {
	color: #003075;
	font-size: .9em;
}

.lista_informacion li:hover .mas_info {
	color: #68A317;
}

.informacion_turismo {
	padding: 0 .8em;
}

.informacion_turismo h1 {
    color: #0F3F84;
    font-size: 1.3em;
    font-weight: 400;
    text-align: left;
	margin-top: 1em;
	margin-bottom: .3em;
}

.informacion_turismo h2 {
	color: #003075;
	font-size: 1em;
	margin: 1em 0px;
}

.informacion_turismo h3 {
    color: #003075;
    font-size: .9em;
    text-align: justify;
	margin-bottom: 8px;
}

.informacion_turismo p {
	color: #003075;
	font-size: .9em;
	margin: 0.8em 0px;
    text-align: justify;
}

.informacion_turismo img {
	width: 100%;
}

.informacion_turismo .col-1:first-child p {
	padding-right: 1em;
}

.informacion_turismo .col-1:last-child p {
	padding-left: 1em;
}

.informacion_turismo .comentarios {
	margin-top: 32px;
}

.informacion_turismo .comentarios .num {
	font-size: 1em;
	margin-bottom: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
}
.informacion_turismo .comentarios .num span {
	font-size: 22px;
}

.informacion_turismo .comentarios form {
}

.informacion_turismo .comentarios form:after {
	content: '';
	display: table;
	clear: both;
}

.informacion_turismo .comentarios .acceso h4 {
	color: #999;
	padding: 8px;
	margin: 1em 0;
	text-transform: uppercase;
	border-bottom: 3px solid #CCC;
}

.informacion_turismo .comentarios .acceso form input {
	height: 40px;
	border: 1px solid #CCC;
}

.informacion_turismo .comentarios .acceso form textarea {
	border: 1px solid #CCC;
}

.informacion_turismo .comentarios form input[type="submit"] {
	height: 2em;
	width: 100px;
	float: right;
	margin-top: 8px;
}

.informacion_turismo .comentarios .acceso form input[type="submit"] {
	background: #999; 
	border: 1px solid #CCC;
}


.informacion_turismo .comentarios form input.borrar {
	border: 0;
	width: 5.3em;
	color: #0F3F84;
	background: none;
	text-transform: lowercase;
}

.informacion_turismo .comentario {
	position: relative;
	background: #FFF;
	margin-left: 72px;
	padding: 8px 1em;
	border-bottom: 1px dashed #CCC;
}

.informacion_turismo .comentario:after {
	top: 0;
	left: 0;
	width: 0; 
	height: 0;
	content: '';
	display: block;
	margin-left: -10px;
	position: absolute;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent; 	
	border-top:10px solid #FFF; 
}

.informacion_turismo .comentario img {
	top: 0;
	left: -72px;
	position: absolute;
}

.informacion_turismo .comentario p {
	margin: 0;
	color: #999;
	font-size: .8em;
	margin-top: 8px;
}

.informacion_turismo .comentario span {
	font-size: .9em;
	font-weight: 500;
}

.alojamientos_turismo h4 {
	color: #68A317;
	text-align: center;
	margin-top: 32px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.alojamientos_turismo .alojamiento {
	padding: 0;
	position: relative;
	margin-bottom: 32px;
}

.alojamientos_turismo .alojamiento .nombre {
	padding: .3em .8em;
	padding-top: 8px;
	background: #f2f4f6;
	text-align: left;
	font-size: 1em;
	border-radius: 0;
}

.alojamientos_turismo .alojamiento .loc {
	padding: 0 .8em;
	padding-bottom: 8px;
	background: #f2f4f6;
	text-align: left;
	font-size: .8em;
	border-radius: 0;
}

.alojamientos_turismo .alojamiento img {
	width: 100%;
	border-radius: 0;
}

.alojamientos_turismo .alojamiento .precio {
	right: 0;
	/* bottom: 5px; */
	margin-top: -33px;
	color: #FFF;
	background: rgba(0,0,0,.5);
	padding: 8px 1em;
	position: absolute;
	border-radius: 0;
}

/*------------------------------------*\
	#RESERVA
\*------------------------------------*/

.reserva h1 {
	font-size: 1em;
}

.reserva h3 {
	font-size: 1em;
	background: #89b4c5;
	color: #FFF;
	line-height: 2em;
	padding: 0 .8em;
}

.reserva .loc, .reserva p  {
    color: #003075;
    font-size: .9em;	
}

.reserva p span {
	font-size: 22px;
	font-weight: 600;
}

.reserva .inciar_sesion {
	margin: 3px;
	color: #FFF;
	font-size: 1em;
	float: right;
	font-weight: 300;
	padding: .3em 8px;
	background-color: #0F3F84;
}

.reserva .inciar_sesion a {
	color: #FFF;
	font-weight: 600;
}

.reserva .aviso {
	float: right;
	margin-top: 2px;
	margin-right: 8px;
	min-width: 300px;
}

.reserva .aviso img {
	height: 1.4em;
}

.reserva .aviso p {
	line-height: 19px;
}

.reserva form {
	padding: 1em;
	background: #f2f5f9;
	border: 1px solid #89b4c5;
}

 .reserva form span { 
    color: #003075;
	font-weight: 600;
}

.reserva form p {
	display: inline;
	margin-left: 1em;
}

.reserva form input[type="text"], .reserva form input[type="password"] {
	height: 32px;
	margin-bottom: 8px;
	
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.reserva form input[type="submit"] {
}

.condiciones {
    margin-top: 32px;
	margin-bottom: 32px;
}

.condiciones h3 {
    text-align: center;	
    font-size: 1.3em;
}

.condiciones h4 {
    margin-top: 1em;	
    margin-bottom: .3em;
}

.condiciones ul {
    padding-left: 1em;
}

.condiciones ul, .condiciones li {
    list-style: circle;	
} 

.condiciones h3, h4, p, li {
	line-height: 1.2rem;
}

/*------------------------------------*\
	#VIAJERO
\*------------------------------------*/

.viajero {
	padding: 1em;
	background: #f2f5f9;
	border: 1px solid #89b4c5;
	border-radius: 3px;
	margin-bottom: 1em;
}

.viajero form input {
	height: 2em;
}

.viajero form input[type="submit"] {
	width: initial!important;
}

.viajero form span { 
    color: #003075;
    font-size: .9em;	
	font-weight: 600;
	margin-top: 8px;
	margin-bottom: .3em;
}

/*------------------------------------*\
	#RESUMEN_RESERVA
\*------------------------------------*/

.resumen_reserva  .cargos{
	background: #f2f5f9;
	color: #003075;
	font-size: .8em;
	border: 1px solid #89b4c5;
	border-radius: 3px;
	padding: 1em;
}

.resumen_reserva ul li:after,
.resumen_reserva ul li:before {
	display: table;
	content: '';
	clear: both;
}

.resumen_reserva .cargos span {	
	float: right;
	font-weight: 600;
}

.resumen_reserva .total_reserva {
	color: #FFF;
	padding: 1em;
	margin-top: 1em;
	font-size: .9em;
	font-weight: 600;
	background: #0F3F84;
	border-radius: 3px;	
	line-height: 1.2em;
}

.resumen_reserva .total_reserva span {
	float: right;
	font-size: 1.2em;
	margin-bottom: .3em;
}

/*------------------------------------*\
	#RESUMEN_PAGO
\*------------------------------------*/

.resumen_pago {
	color: #003075;
}

.resumen_pago h3 {
	font-size: 1em;
	margin-bottom: 8px;
}

.resumen_pago .cuadro {
	color: #003075;
	font-size: .8em;
	margin-bottom: 1em;
}

/*------------------------------------*\
	#RESERVADO
\*------------------------------------*/

.reservado {
    border: 3px solid #89b4c5;
    border-radius: 5px;
    padding: 1.5em;
    font-size: 2em;
    color: #0F3F84;
	margin-top: 6.3em;
	margin-bottom: 128px;
}

.reservado h1 {
    color: #003075;
	margin-bottom: 1.5em;
    font-size: 42px;
    text-transform: uppercase;
}

.reservado a {
    text-decoration: none;

    background: #003075;
    color: #fff;
    width: 200px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    border-radius: 5px;
    margin-top: 32px;
}

/*------------------------------------*\
	#FOTOS_ENTORNO 
\*------------------------------------*/

table.fotos_entorno {
	width: 100%;
}

table.fotos_entorno th {
	color: #fff;
	background: #5984a5;
}

table.fotos_entorno td {
	padding: 8px;
	text-align: center;
	border-top: 1px solid #89b4c5;
}

table.fotos_entorno tr:nth-child(2n) td {
	background: #f2f5f9;
}

table.fotos_entorno tr:last-child td {
	border-bottom: 1px solid #89b4c5;
}

table.fotos_entorno input {
	width: 100%;
}

table.fotos_entorno a {
	text-decoration: none;
}

/*------------------------------------*\
	#DESCRIPCION_PROPIETARIO
\*------------------------------------*/

.descripcion_propietario {
	margin-top: 1.5em;
}

.descripcion_propietario h2{
	color: #5984a5;
	margin-bottom: 1em;
}

.descripcion_propietario input[type="submit"] {
	margin-top: 1em;
}

/*------------------------------------*\
	#TABLA_RESERVAS
\*------------------------------------*/

table.tabla_reservas {
	width: 100%;
	background: #fff;
	margin-top: 32px;
	/* box-shadow: 0 0 5px #999; */
	border: 1px solid #ddd;
}

table.tabla_reservas th {
	border-bottom: 1px solid #ccc;
	padding: 8px .3em;
	font-size: .9em;
	color: #666;
	width: 1.5em;
}

table.tabla_reservas th:first-child {
	border-right: 1px solid #ccc;
	color: #000;
	font-size: 22px;
}

table.tabla_reservas td {
	padding: .3em;
	border-right: 1px solid #ddd;
}

table.tabla_reservas td.titulo {
	font-size: 1em;
	padding: 8px 1em;
	font-weight: 600;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ddd; 
}

table.tabla_reservas .fecha_reservada {
	position: relative;
    cursor:default;
}

table.tabla_reservas .fecha_reservada .caja{
	padding: 8px;
	text-align: center;
	background: #CDDDF4;
	/* border: 1px solid #FDB56B; */
	border-left: .3em solid #0f3f84;
	border-right: .3em solid #0f3f84;
}

table.tabla_reservas .fecha_reservada .info {
	top: 0;
	z-index: 1;
	display: none;
	margin-top: -130px;
	width: 200px;
	height: 100px;
	position: absolute;
	border: 1px solid;
}

table.tabla_reservas .fecha_reservada:hover .info {
	display: block;
}

/*------------------------------------*\
	#FOOTER
\*------------------------------------*/

footer {
	margin-top: 1em;
	background: #FFF6DF;
	border-top: 1px solid #ccc;
}

.footer__container {
	color: #7fb2b3;
	margin: 0 1em;
	font-weight: 400;
	padding: 1em .5em;
	text-align: center;
	border-top: 3px solid #4c798e;
}

.footer__container a {
	color: #00596b;
	font-size: .9em;
	font-weight: 400;
	text-decoration: none;
}

.footer__container #textoCopyright {
	margin-top: 1em;
}

.footer__container #enlaces_footer {
	margin-bottom: 32px;
}

#enlaces_footer .menu-social {
	position: relative;
}

#enlaces_footer .menu-social span { 
	color: #7fb2b3;
}

/*------------------------------------*\
	#FOOTER
\*------------------------------------*/

#avisoLegal {
	margin: 1.5em 0;
}

#avisoLegal h1 {
	font-size: 1.4em;
	padding: 1.4em 0;
	margin-bottom: .8em;
}

#avisoLegal h2 {
	font-size: 1.2em;
	font-style: italic;
	margin-top: 1.5em;
	margin-bottom: .8em;
}

#avisoLegal ul {
	padding-left: 1.4em;
	margin-bottom: 1.5em;
}

#avisoLegal ul, #avisoLegal li {
	list-style: circle;
	margin: .5em 0;
}

#avisoLegal p, #avisoLegal li {
	font-size: .8em;
}

table.mostrar_reservas {
	background: #f2f5f9;
	border: 1px solid #89b4c5;
	border-radius: 3px;
	margin-bottom: 1em;
}

table.mostrar_reservas th {
	color: #5984A5;
	text-align: left;
	font-size: 1em;
	padding: .3em 1em;
	border-bottom: 1px solid #89b4c5;
	border-radius: 0;
}

table.mostrar_reservas td {
	color: #003075;
	padding: .3em 1em;
}

.md_change {
	color: #373737;
	display: block;
	text-align: center;
	font-size: 2rem;
	line-height: 2em;
	border: 1px solid #CCC;
	margin: 1rem;
}

.contacto {
	color: #003075;
}

.contacto h1 {
	color: #FFF;
	padding: 16px;
	font-size: 48px;
	font-weight: 300;
	border-radius: 0;
	background: rgba(0,30,75,.8);
	text-align: center;
}

.contacto h4, .contacto p {
	padding: 16px;
	border-radius: 0;
	background: rgba(240,240,240,.9);
}

.contacto h4 {
	color: #0f3f84;
	font-size: 24px;
	padding-bottom: 0;
	font-weight: 400;
}

.contacto p {
	color: #666;
}

.contacto form {
	padding: 24px;
	background: #fff;
	border-radius: 0;
}

.contacto span {
	color: #003075;
}