@charset "utf-8";
/*etiquetas de comportamiento*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress,section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
a img { border:none;}

/* ============================= alineacion izquierda derecha ====================== */
.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
/* ============================= web ====================== */

body{
	border:0;
	font:16px Arial, Helvetica, sans-serif;/*14px*/
	color:#ffffff;/*#7f7f7f*/
	line-height:25px;
	min-width:1100px;
	background-size: 100%;
	background-attachment: fixed;
	background-color: #000;
	background-image: url(../images/planta1.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}
.titulo {
	font-family: 'Abel', sans-serif;
	font-size: 53px; /*51px*/
	color: #FFF;
	padding-top: 20px;
}
h1{ 
	padding:35px 0 0 0px;
	overflow:hidden;
	float:left;
}
h3 {
	font-family: 'Abel', sans-serif;
	font-size: 26px;/*24px*/
}
.borde {
	border: 5px solid #FFF;
}
#clear {
	clear: both;
	padding-bottom: 50px;
}


/* ============================= fondo paginas ====================== */
.bg1{/*fondo de menu*/
	background-image: url(../images/bg_menu.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.main {	margin: 0 auto;	width: 1100px; }/*ancho de las paginas*/

/* ============================= header ====================== */
header{ height:205px;/*205px*/}

/* Esto oculta el btn que servirá para desplegar el menú en versión mobile*/
.menu_bar {display:none;}

#menu { width:100%; overflow:hidden; background:url(../images/menu_line.png) 0 0 no-repeat}
#menu > li { float:left; padding-right:2px; background:url(../images/menu_line.png) right 0 no-repeat}
#menu > li > a{ display:block; width:135px; font-family: 'Abel', sans-serif; font-weight: bold; font-size:22px; color:#eef3f6; text-decoration:none; text-align:center; height:60px; line-height:60px; letter-spacing:-1px;}
#menu > li > a:hover, #menu > .active > a{ background:url(../images/menu_active2.gif) top repeat-x; color:#000}
.cabecera {
	overflow:hidden;
}
.boxsuperior{
	display: inline-block;
	width: auto;
	float: right;
	margin:1em 1em 0 1em;
}

#logo{
	display:block;
	text-indent:-9999px;
	width:273px;
	height:86px;
	background-image: url(../images/logocortijo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
}
.unnamed {
	float: right;
	margin-right: 10px;
	display:block;
	margin-top: 20px;
}
.traductor {
	height: 30px;
	width: 160px;
	float: right;
	margin-right: 13px;
	margin-top: 20px;
	/*margin-top: 10px;*/
}
.redes3 {
    display: none;
 }
#redes2 {
	float: right;
	display: block;
}

/* ============================= contenedor pag ====================== */

.box{background:url(../images/bg_content2.png) repeat; padding:20px 46px 50px 46px; overflow:hidden}/*cambia el fondo de las pag*/
#page1 .box{ padding-top:34px;}
#content{ padding-bottom:18px;}
#page2 #content{ padding-bottom:50px;}
#page5 #content{ padding-bottom:40px;}/*el contenido de las paginas en la parte de abajo!!!!*/

/* ============================= contenido index ====================== */
.boxindex {
	/*margin: 0 10px 0 10px;*/
}
.boxTripadvisor{
	overflow: hidden;
	text-align: center;
	width: 100%;
	background-color: rgba(7,166,79,0.7);
    background-repeat: no-repeat;
    padding: 1.6em 0;
}
.logoTripadvisor{
	margin: 0 auto;
    display: block;
    width: 20em;
}
/* Esta es una solución para controlar la ventana del slide ya que no puedo hacerla que se adapte en ancho */
.marco-slide {
	display: block;
	width: 1100px;
	height: auto;
	border: 1px solid #fff;
}

/* ============================= contenido cortijo ====================== */
.video {
	/*height: 315px;*/
	margin-top: 50px;/*65px*/
	text-align: center;
}
.textocortijo {
	margin-top: 50px;
	width: 100%;
	/*float: right;*/
	height: auto;
	
}
/* ============================= contenido habitaciones ====================== */
#galery {
	height: auto;
	width: 100%;
	text-align: center;
	padding-top: 10px;
 }
#galery li{
	display: inline;
}
#galery img {
	border: 5px solid #FFF;
	cursor:pointer;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px;
}
#galery img:hover{
	border: 5px solid #BBB;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}

/* ============================= contenido entorno ====================== */
.imgpag {
	/*float: left;*/
	width: 100%;
	padding-top: 50px;
	margin-top: 20px;
}
/*
.textopag {
	width: 400px;
	float: right;
	height: 420px;
	overflow: auto;
	margin-top: 20px;
}

.scroll-pane {
	height: 375px;
	overflow: auto;
	width: 420px;
	float: right;
	margin-top: 20px;
}*/
.margen {
	/*padding-right: 20px;*/
	margin-top: 50px;
	width: 100%;
	/*float: right;*/
	height: auto;
}
/* ============================= contenido actividades ====================== */
.infactiv {
	padding-top: 50px;
	padding-bottom: 10px;
}
.activ {
	padding-top: 20px;
	padding-bottom: 5px;
}
.imgactiv {
	float: left;
	height: 278px;
	width: 450px;
	margin-bottom: 2em;
}
.activtexto {
	width: 525px;
	float: right;
}
.activtexto a{
	color:#fff;
	text-decoration:underline
}
.activtexto a:hover{
	color:orange;
	text-decoration:none;
}
.activ a{
	color:#fff;
	text-decoration:underline;
}
.activ a:hover{ text-decoration:underline
}
.btnreservar{
	color:orange;
	text-decoration:underline;
}

/* ============================= contenido tarifas ====================== */
#imagtarifas {
	
	/*border: 1px solid #FFF;*/
	margin-top: 50px;
}
#textotarifa {
	float: left;
	width: 100%;
	padding-top: 50px;
	font-size: 16px;
}

#textoprecios {
	padding-top: 50px;
	width: 140px;
	float: right;
	font-size: 18px;
}
.letra {
	color: #999;
	font-style: italic;
}
.letratitulo {
	font-size: 18px;
}
.precios{
	font-size: 1.5em;
	color: orange;
}
.pax{
	font-size: 1.1em;
	color: orange;
}

/* ============================= contenido contacto ============================= */
/*------------------------------------------formulario----------------------------------------------*/
#ContactForm{
	padding-top:50px;
	width:100%;
	overflow:hidden;
}
#ContactForm .wrapper{ min-height:35px;}
#ContactForm .textarea_box{ min-height:264px;}
#ContactForm  span{ float:left; width:120px; line-height:30px;}
#ContactForm .button{ margin-right:5px; float:right; font-size:1.3em; color:#000; text-decoration:none; letter-spacing:-2px; padding:0 13px; line-height:26px; height:31px; background:#fff; position: relative; margin-bottom:5px; cursor:pointer;}
#ContactForm .button:hover{ background: url(../images/menu_active.gif) top repeat-x; color:orange;}
#ContactForm .input { margin:0;width:360px; height:16px; background:#fff; padding:7px 10px;color:#474747; font:1.3em Arial, Helvetica, sans-serif; margin:0}
#ContactForm textarea { overflow: auto; margin:0;width:720px; height:230px; background:#fff; padding:7px 10px;color:#474747; font:1em Arial, Helvetica, sans-serif;}
.ocupacion{
	width:auto;
	display:block;
	margin-top:2em;
	color:darkslategrey;
	background-color:orange;
	padding:1em;
	text-decoration:none;
	text-align:center;
	font-weight: bold;

}
.ocupacion:hover{
	color: grey;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
#calendario a {
	color: #FFF;
}
#calendario1  {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
}

#mapa {
	height: auto;
}
/* ============================= aside ====================== */

aside {
	height:170px;
	color:#fff;
	margin-top: 50px;
	background-repeat: repeat;
	padding:40px;
}
aside a{ color:#fff; text-decoration:none}
aside a:hover{color:#f4bd51; text-decoration:none}
aside li {
	list-style-type: disc;
}
aside ul {
	margin-top: 5px;
	margin-left: 25px;
}
.inf1 {
	height: 100px;
	width: 350px;
	float: left;
	background-image: url(../images/bg_content2.png);
	background-repeat: repeat;
	padding: 20px;
}
.inf2 {
	height: 100px;
	width: 350px;
	float: right;
	background-image: url(../images/bg_content2.png);
	background-repeat: repeat;
	padding: 20px;
}
/* ============================= footer ====================== */
footer {
	background-image: url(../images/bg_content.png);
	background-repeat: repeat;
	background-position: 0px;
	height: auto;
	width: 100%;
}
#copy {
	width: 100%;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 0.5em;
}
#redes {
	width: 100%;
	padding-bottom: 2em;
	text-align: center;
}
.contador{
	display: block;
	height: 100px;
	overflow: hidden;
}
.contador a{
	display: block;
	text-align: center;
}
.publi {
	
	margin-right: 30px;
}
.publi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}
.publi a:hover {text-decoration:underline}