@font-face{
	font-family:"Whitney";
	src:url('font/WhitneyHTF-Book.woff');
	font-weight:normal;
}


body {
	background-color: #000;
	padding: 0px;
	margin: 0px;
	font-family:Whitney;
	color: #FFF;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

p{
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px;
	padding-left: 40px;
}

#contenido .bloque:nth-child(2) p{
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center right;
	padding: 5px;
	padding-right: 40px;
	padding-left: auto;
}


p.telefono{
	background-image: url(img/icon_telefono.png?v2);
}

p.trip{
	background-image: url(img/icon_trip.png?v2);
}

p.carta{
	background-image: url(img/icon_carta.png?v2);
}

p.map{
	background-image: url(img/icon_mapa.png?v2);
}

p.encuesta{
	background-image: url(img/icon_encuesta.png?v2);
}

.textos a{
	color:#FFF;
	text-decoration:none;
}

.textos a:hover{
	text-decoration:underline;
}


div {
  box-sizing: border-box;
}

.fotocover {
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

#wrapper{
	position:absolute;
	width:1092px;
	margin:auto;
	height:550px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index: 999;
}

.columna{
	position:absolute;
	width:250px;
	height:100%;
	/*background-color:red;*/
}

.columna .boton{
	position:absolute;
	width:180px;
	height:180px;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	margin:auto;
	cursor:pointer;
}

#riel{
	width:592px;
	left:250px;
	height:100%;
	position:absolute;
	overflow:hidden;
	
	width: 4px;
	left: 544px;
}

#contenido{
	width:1184px;
	left:0;
	height:100%;
	position:absolute;
	background-image:url(img/linea_divisoria.png?v2);
	background-repeat:no-repeat;
	background-position:center center;
	
	left:-590px;
}

#contenido .bloque{
	width:592px;
	height:100%;
	position:relative;
	display:inline-block;
	padding: 2px;
}

#contenido .bloque:nth-child(1){
	padding-right: 40px;
}

#contenido .bloque:nth-child(2){
	padding-left: 40px;
	text-align:right;
}

.mapa{
	height:290px;
	width:530px;
	background-color:#FFF;
	
}



#mancora.columna .boton{
	background-image:url(img/logo_filomeno.png?v2);
	background-repeat:no-repeat;
	background-position:center;

}

#tao.columna .boton{
	background-image:url(img/logo_tao.png?v2);
	background-repeat:no-repeat;
	background-position:center;
}


#mancora.columna {
	right:0px;
	right:300px;
}

#tao.columna{
	left:0px;
	left: 300px;
}

#contenido .bloque:nth-child(1) .redes p{
	text-align:right;
}

#contenido .bloque:nth-child(2) .redes p{
	text-align:left;
}

.redes a.social{
	display:inline-block;
	width:36px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:100px;
	margin: 5px;
}

.redes a.social.FB{
	background-image:url(img/icon_FB.png?v2);
}

.redes a.social.INSTA{
	background-image:url(img/icon_INSTA.png?v2);
}

#jumbotron{
	width:100%;
	height:100%;
}

#jumbotron .carrousel {
	width:100%;
	height:100%;
}

#jumbotron .carrousel .diapositiva {
	width:100%;
	height:100%;
	background-size:cover;
	
}

#jumbotron .carrousel .diapositiva:nth-child(1) {
	background-image:url(img/_DSC5321.jpg);
	background-color:yellow;
}

#jumbotron .carrousel .diapositiva:nth-child(2)  {
	background-image:url(img/_DSC5334.jpg);
}

#jumbotron .carrousel .diapositiva:nth-child(3)  {
	background-image:url(img/_DSC5340.jpg);
}

#jumbotron .carrousel .diapositiva:nth-child(4)  {
	background-image:url(img/_DSC5690.jpg);
}

#loading {
  background-color:#000;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
}

#loading > div {
  text-align: center;
  position: absolute;
  width: 256px;
  height: 256px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.textos{
  margin-top: 10px;
}


#hack_mobil{
	display:none;
}

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

	body{
		width: 100%;
		height: auto;
		overflow-y: scroll;
	}
	
	#hack_mobil{
		display:inline-block;
	}
	
	#wrapper {
		position: absolute;
		width: 100%;
		margin: auto;
		height: 100%;
		top: 0px;
		bottom: auto;
		left: 0px;
		right: 0px;
	}
	
	#tao.columna {
	  left: 0px;
	}
	#mancora.columna {
	  left: 50%;
	}
	
	.columna {
	  position: absolute;
	  width: 50%;
	  height: 100%;
	}
	
	.columna .boton {
		width: 100px;
		height: 100px;
		background-size: contain;
	}
	
	#riel {
	  width: 4px;
	  left: 50%;
	}
	
  #contenido {
    width: 200%;
    left: -50%;
  }
	
	#contenido .bloque {
		width: 50%;
		height: 100%;
		opacity:0;
	}
	
	#contenido .bloque:nth-child(1) {
		padding-right: 0px;
	}
	
	#contenido .bloque:nth-child(2) {
		padding-left: 0px;
	}
	
	.mapa {
	  width: 100%;
	}
	
	#contenido .bloque:nth-child(2){
		text-align:left;
	}
	
	#contenido .bloque:nth-child(2) p{
		margin: 0px;
		background-repeat: no-repeat;
		background-position: center left;
		padding: 5px;
		padding-right: auto;
		padding-left: 40px;
	}
	
	.textos {
	  padding: 20px;
	}
	
	#contenido .bloque:nth-child(1) .redes p,
	#contenido .bloque:nth-child(2) .redes p {
	  text-align: center;
	  padding: 0px;
	}
}



@media only screen and (min-width: 1900px){ 

	
}