@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900");


body {
	margin: 0px;
	padding: 0px;
	background-color: #19294B !important;
	background-image: url(elementos/fondo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
    font-family: 'Raleway', sans-serif;
	font-size: 13pt;
	font-weight: 300;
	line-height: normal;
    color: white !important;
}


select, textarea{
    color: black;
}

.contenedor{
    width: 95%;
    max-width: 2000px;
    min-width: 200px;
    margin: auto;
    padding: inherit;
}


header img{
    width: 100%;
    height: auto;
    max-width: 600px;
}


.main{
    width: 100%;
}


h1, h2 {
        font-size: 3em;
		line-height: 1.75em;
	}
h3 {
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    line-height: 1.2em;
}
h4 {
    margin: 0;
    padding: 3px;
    font-size: 1em;
    line-height: 1.2em;
}

h1 a, h2 a {
			color: inherit;
			text-decoration: none;
		}


form {
	margin: 0px;
	padding: 0px;
}
.fondo_top {
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 1000px;
}

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover, a:active {
	color: #666666;
	font-weight: 700;
}

a.titulo:link, a.titulo:visited  {
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;

}
a.titulo:hover, a.titulo:active {
	color: #000000;	
}
a.titulo2:link, a.titulo2:visited  {
	font-size: 1.4em;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}
a.titulo2:hover, a.titulo2:active {
	color: #FFFFFF;	
}
a.link1:link, a.link1:visited  {
	font-size: 0.1em;
	color: #CCCCCC;
	text-decoration: none;
}
a.link1:hover, a.link1:active {
	color: #333333;
	text-decoration: underline;
}
a.link2:link, a.link2:visited  {
	font-size: 0em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-image: url(elementos/fondo_botones.jpg);
	background-repeat:  repeat-x;
	background-position: center center;
	margin: 0px;
	padding: 0px 10px 0px 5px;
	height: 24px;
	width: 100%;
	float: left;
}
a.link2:hover, a.link2:active {
	color: #333333;
}
a.link3:link, a.link3:visited  {
	font-size:  0em;
	color: #FFCC00;
	text-decoration: none;
}
a.link3:hover, a.link3:active {
	color: #000000;
}
a.link4:link, a.link4:visited  {
	font-size:  0.1em;
	color: #666666;
	text-decoration: none;
}
a.link4:hover, a.link4:active {
	color: #666666;
}
a.link5:link, a.link5:visited  {
	font-size:  0.4em;
	color: #666666;
	text-decoration: none;
	font-weight: bold;

}
a.link5:hover, a.link5:active {
	color: #666666;
}
a.link6:link, a.link6:visited  {
	font-size:  0.6em;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
	height: 30px;
}
a.link6:hover, a.link6:active {
	color: #000000;
}


a.titulo6:link, a.titulo6:visited  {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFCC00;
	background-color: #FFCC00;
	font-weight: bold;
	background-image: url(elementos/fondo_boton.jpg);
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 400px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.titulo6:hover, a.titulo6:active {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #FFFFFF;
		font-weight: bold;
	background-image: url(elementos/fondo_boton.jpg);
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 400px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.texto01 {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
.texto02 {
	font-size: 9px;
	color: #666666;
}
.texto03 {
	font-size: 11px;
	color: #FFFFFF;
}
.texto04 {
	font-size: 10px;
	color: #FFCC00;
	font-weight: bold;
	text-transform: uppercase;
}
.texto05 {
	font-size: 11px;
	color: #FFCC00;
	font-weight: bold;
}
.texto06 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.texto07 {
	color: #999999;
}
.texto08 {
	color: #666666;
}
.titulo {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	text-transform: capitalize;
}
.titulo2 {
	font-size: 1.4em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.titulo3 {
	font-size: 1.7em;
	color: #FFFFFF;
	text-decoration: none;
}
.titulo4 {
	font-size: 1.7em;
	color: #FFCC00;
	text-decoration: none;
}
.titulo5 {
	font-size: 1.7em;
	color: #FFFFFF;
	text-decoration: none;
}
.titulo6 {
	text-align : justify;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
.titulo7 {
	font-size: 1.5em;
	color: #FFFFFF;
	text-decoration: none;
}
.titulo8 {
	font-size: 16px;
	color: #848484;
	text-decoration: none;
}
.categoria {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.pie_imagen {
	font-size: 10px;
	color: #999999;
}

.recuadro1 {
	border: 1px solid #CCCCCC;
}
.recuadro2 {
	border: 1px solid #CCCCCC;
	font-size: 120%;
	background-color: #EFEFEF;
	margin: 3px;
	padding: 3px;
}

.boton {
	color: #FFFFFF;
	background-color: #333333;
	margin: 0px;
	padding: 0px;
	border: 1px solid #333333;
	font-size: 11px;
}
.boton2 {
	color: #FFFFFF;
	background-color: #FFCC00;
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFCC00;
	font-size: 1em;
	height: 25px;
	width: 75px;
}
.boton_news {
	color: #FFFFFF;
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	border: 1px solid #666666;
	font-size: 11px;
	height: 20px;
	width: 45px;
}

.fecha {

	font-size: 9px;
	color: #FFCC00;
}
.hora {
	font-size: 10px;
	color: #666666;
}
.pie {
	background-image: url(elementos/pie.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 11px;
	width: 1000px;
}
.texto_pie {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #000000;
}
a.link_pie:link, a.link_pie:visited {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #000000;
}
a.link_pie:hover, a.link_pie:active {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #333333;
}


/* --------------- modificaciones 2016 ------------------------*/

.cuerpo{

	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    
    -webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 2rem; /* Firefox */
    column-gap: 2rem;
    
    -webkit-column-rule: 5px solid rgb(255, 255, 255, 0.77)  ; /* Chrome, Safari, Opera */
    -moz-column-rule: 5px solid rgb(255, 255, 255, 0.77)  ; /* Firefox */
    column-rule: 1px solid rgba(255, 255, 255, 0.77)  ;
    
    -webkit-column-rule: 0.5rem solid rgb(255, 255, 255, 0.77)  ; /* Chrome, Safari, Opera */
    -moz-column-rule: 0.5rem solid rgb(255, 255, 255, 0.77)  ; /* Firefox */
    column-rule: 0.1rem solid rgb(255, 255, 255, 0.77)  ;
    
    margin-top: 20px;

}

/* --------  destellos de logo --------*/
.efectos{position:relative; display: inline-block; width: 60%; padding-top: 30px; padding-bottom: 30px; box-sizing: border-box; min-width: 300px;}
.efectos .destello{position:absolute;}
.efectos .destello-01{max-width: 90px;left: 150px; top: 0px; animation: destello-efecto-01 8s infinite; -webkit-animation: destello-efecto-01 5s infinite;}
.efectos .destello-02{max-width: 60px;left: 565px; top: 31px; animation: destello-efecto-01 10s infinite; -webkit-animation: destello-efecto-01 6s infinite;}
@-webkit-keyframes destello-efecto-01 {
  0%, 50%, 100% {opacity: 0.7;}
  25%, 75% {opacity: 0.1;transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);}
}

@keyframes destello-efecto-01 {
  0%, 50%, 100% {opacity: 0.7;}
  25%, 75% {opacity: 0.1;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
}

.floating_logo {
    display: none;
    width: 60%;
	padding-top: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
    min-width: 300px;
	
}

.floating_buscador {
	display: inline-block;
	width: 39%;
	padding: 10px 10px 30px 10px;
    box-sizing: border-box;
}

.floating_pie {
    display: inline-block;
	width: 80%;
	padding: 10px;
    box-sizing: border-box;
    min-width: 400px;
                    }
.floating_fiscal {
    display: inline-block;
    text-align: right;
	width: 18%;
	padding: 5px;
    box-sizing: border-box;
                    }

#buscador_codigo {
	text-align: center;
	}
	
.cuadro_texto_home {
	width: 100%;
	margin: auto;
    padding: 20px;
    box-sizing: border-box;
	text-align: center;
}

.texto_home {
	text-align: justify;
	
}
.texto_home2 {
	display: inline-block;
	width: 230px;
	padding-top: 40px;
	text-align: center;
}

.cuadro_pie {
	width: 100%;
	margin: auto;
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: double;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	}

#cuadro_contenido{
	width: 100%;
	margin: auto;
	text-align: center;
	}

.listado_contenido_dinamico{
	display: inline-block;
	width: 270px;
	margin: auto;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	}
.menu_hojas{
	
	}

.imagen_grande{
	margin: 0;
	vertical-align: top;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	}

.imagenes_chicas{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: auto;
	padding: 5px;
	}

/* ------  buscador reservas ------ */

.reservas{
	position: relative;
	width: 60%;
	margin: auto;
	text-align: center;
    font-weight: 700;
    
}
.reservas_mobil{
	display: none;
    
}
.reservas2{
    color: #003366;
    margin: 10px;
    padding: 5px;
    position: absolute;
    border-radius: 5px;
    background:  rgba(255, 204, 0, 0.87);
}
.reservas2_interior{
    color: #003366;
    margin: 10px;
    padding: 5px;
    border-radius: 5px;
    background:  rgb(255, 204, 0);
}

.floating_reservas {
	display: inline-block;
	width: 45%;
    min-width: 320px;
	margin: 1px;
    box-sizing: border-box;
}
.floating_reservas2 {
	display: inline-block;
	width: 100px;
	margin: 1px;
    box-sizing: border-box;
}
.boton3 {
	color: #FFFFFF;
	background-color: #003366;
	margin: 2px;
	padding: 1px;
	border: 0px;
	font-size: 0.8em;
	height: 25px;
	width: 100px;
}

/* ------  Propiedades destacadas ------ */

.cuadro_destacado {
	width: 100%;
	text-align: center;
	margin: auto;
	}

.contenedor_destacado{
	background-color: rgba(85, 85, 85, 0.6);
	width: 100%;
	margin: 0px;
    box-sizing: border-box;
}

.listado_prop_destacadas{
	display: inline-block;
	width: 250px;
	margin: auto;
    padding: 2%;
    vertical-align: top;
	}
	

/* ------  Propiedades Recientes ------ */

.cuadro_recientes {
	width: 100%;
	text-align: center;
	margin: auto;
	}

.contenedor_recientes{
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	margin: 0px;
    box-sizing: border-box;
}

.listado_prop_recientes{
	display: inline-block;
	width: 250px;
	margin: auto;
    padding: 2%;
    vertical-align: top;
	}


/* ------  iconos sociales  ------ */

.social {
    margin: 0;
    padding: 0;
}

.social ul{
    text-align: center;
    margin: 0;
    padding: 0;
    
}

.social li{
    margin: auto;
    padding: 3%;
    font-size: 1.5em;
    align-content: center;
    text-shadow: 2px 2px 6px black;
    display: inline-block;
    width: 120px;    
}

.social img{
    width: 120px;
}

.social a{
    text-decoration: none;
    color: white;
}

.social a:hover{
    text-decoration: none;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #FFCC00;
    color: #fff;
    font-size: 1em;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    top: -80px;
    right: -40%; 
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}



.estaticas {
    width: 100%;
    
}



/* ------  iconos contacto  ------ */

.contacto ul{
    text-align: center;
    color: #19294B;
    padding-bottom: 70px;
    
}

.contacto li{
    margin: 5px;
    display: inline-block;
    width: 200px;
    vertical-align: top;
    background: #ff8900;
    
}

.contacto span{
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 6em;
    display: inline-block;
    width: 100%;
    background: #FFCC00;
}

.contacto .texto_contacto{
    padding: 6px;
    color: white;
    height: 80px;
}

.contacto .texto_contacto a{
    color: white;
}
.contacto .texto_contacto a:hover{
    color: #19294B;
}
.contacto a{
    text-decoration: none;
    color: #19294B;
}

.contacto a:hover{
    text-decoration: none;
    color: #ff8900;
}

.breve{margin: 20px;}


/* ------  cambio de resolucion mobil  ------ */

@media screen and (max-width: 1000px){
    
    .cuerpo{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
        }
    .floating_logo{
        display: inline-block;
    }
    .efectos{display: none;}
    
    .reservas{
    display: none;
            }
    .reservas2{
    display: none;
                }
    .floating_reservas {
	display: inline-block;
                    }
    .floating_reservas2 {
	display: none;
                    }
    .reservas_mobil{
    display: inline;
    width: 100%;
    margin: 0 auto;
    text-align: center;
	           }
    .reservas_mobil2{
    color: #003366;
    margin: 5px;
    padding: 5px;
    background:  #FFCC00;
                    }
    .floating_reservas_mobil {
	display: inline-block;
	width: 45%;
	margin: 1px;
    box-sizing: border-box;
                        }
    .floating_reservas_mobil2 {
	display: inline-block;
	width: 10%;
	margin: 1px;
    box-sizing: border-box;
                            }
    .boton3 {
	min-width: 85px;
            }
    
    .social li{
    margin: auto;
    padding: 3%;
    font-size: 1em;
    align-content: center;
    text-shadow: 2px 2px 6px black;
    display: inline-block;
    width: 80px;    
    }
    .social img{
    width: 80px;
    }
    
     .tooltip .tooltiptext {
    visibility: hidden;
    width: 130px;
    font-size: 1em;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    top: -60px;
    right: -30%; 
    z-index: 1;
}
    
}

@media screen and (max-width: 700px)
{
    .cuerpo{
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
        margin: 20px;
        
                }
    
    .imagenes{margin: 20px;}
    .contenedor{
        width: 100%;
                }
    header img{
        width: 100%;
        height: auto;
    }
    
    h1, h2 {
        font-size: 2em;
	}
    h3 {
        font-size: 1.5em;
		line-height: 1em;
    }
    h4 {
        margin: 0;
        padding: 3px;
        font-size: 0.9em;
        line-height: 1em;
    }
    
    .floating_logo {
    text-align: center;
	width: 100%;
	padding: 15px;
    box-sizing: border-box;
    max-width: none;
                    }
    .floating_buscador {
	width: 100%;
	padding: 10px;
    box-sizing: border-box;
                        }
    .floating_pie {
    display: inline-block;
	width: 80%;
	padding: 10px;
    box-sizing: border-box;
    min-width: 200px;
                    }
    
    .floating_fiscal {
    text-align: center;
    width: 100%;
	                 }
    
    .listado_prop_destacadas{
	display: inline-block;
	width: 250px;
	margin: auto;
    padding: 5px;
	}
    .social {
        margin: 0;
        padding: 0;
    }
    .social ul{
        align-content: center;
    }
    
    .social li{
    margin: auto;
    padding: 2%;
    font-size: 0.6em;
    align-content: center;
    text-shadow: 2px 2px 6px black;
    display: inline-block;
    width: 50px;
    }
    .social img{
    width: 50px;
    }
    
    .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    font-size: 1.5em;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    top: -60px;
    right: -65%; 
    z-index: 1;
}
    
    /* ------  iconos contacto  ------ */


.contacto li{
    margin: 5px;
    display: inline-block;
    width: 200px;
    vertical-align: top;
    background: #ff8900;
    
}

.contacto span{
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 6em;
    display: inline-block;
    width: 100%;
    background: #FFCC00;
}

.contacto .texto_contacto{
    padding: 6px;
    color: white;
    height: 60px;
}
    
}