@charset "UTF-8";
*,
*:before,
*:after{box-sizing:border-box}

body,html{margin:0;padding:0}

body{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:100%;
line-height:normal;
background-color:#FFF;
color:#666}


#cont_gen {
	width:100%;
	height:auto;
	margin:0px auto;	
	background-color:#000;
	}
	
#boton_menu {
	 width:12%;
	 height:auto;
	}

.enlaces {
	display:block;
	color:#666;
	width:220px;
	height:40px;
	background-color:rgba(255,255,255,1);
	text-align:center;
	line-height:40px;
	border-radius:10px;
	border: solid 2px #666666;
	text-decoration:none;
	transition: all 500ms ease;
	}

.enlaces:hover {
	color:#000;
	font-size:1.1em;
	background-color:rgba(204,204,204,1);
	font-weight:bold;
	border: solid 2px #666666;
	transition: all 500ms ease;
	}


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

	.logos {
		display:block;
		float:left;
		margin-right:10px;
	}

	.caja_enlace {
		width:100%;
		height:40px;
		}

	.enlaces_pequeño {
		color:#666;
		text-decoration:none;
		width:95%;
		height:100%;
		overflow:auto;
		background-color:rgba(255,255,255,1);
		border: solid 2px #666666;
		margin:0 auto;
		text-align:center;
		line-height:40px;
		border-radius:10px;
		}

	.enlaces_pequeño:hover {
		color:#000;
		font-size:1.1em;
		background-color:rgba(204,204,204,1);
		font-weight:bold;
		border: solid 2px #666666;
		transition: all 500ms ease;
		}

	#cabecera {
		width:100%;
		height:700px;
		background-image:url(../fotos/portada.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:left top;
		}
	#menu_nav_peq {
		background-color:rgba(153,153,153,0.9);
		padding-left:2%;
		padding-top:1%;
		padding-bottom:0px;
		width:100%;
		position:fixed;
		z-index:900;
		margin:0px;
		}
	#menu_peq {
		width:200px;
		height:250px;
		padding:0px;
		margin:0px;
		list-style:none;
		background-color:rgba(153,153,153,0.9);
		position:fixed;
		margin-left:-240px;
		z-index:900;
		}
	#menu_peq a {
		display:block;
		width:200px;
		height:50px;
		text-align:center;
		line-height:50px;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		}
	#menu_peq a:hover {
		border-bottom: 2px solid #fff;
		background-color:rgb(153,153,153);
		}

	#menu_nav {
		display: none;
		}
	#logotipo {
		width:90%;
		height:200px;
		background-image:url(../fotos/logotipo.png);
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
		top:300px;
		left:10px;
		}
	#claim {
		width:100%;
		height:200px;
		padding:30px;
		
		background-color:rgba(0,0,0,1);
		margin-top:-200px;
		}
	#claim h1 {
		color:#FF6600;
		font-weight:bold;
		font-size:2em;
		margin:0px;
		padding:0px;
		}
	#claim p {
		color:rgba(255,255,255,1);
		font-size:1.2em;
		margin:0px;
		padding:0px;
		}
	#empresa {
		width:100%;
		height:auto;
		background-image:url(../fotos/degradado.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		}
	#titulo_emp {
		width:90%;
		height:100px;
		background-color:#FF6600;
		margin:0px auto;
		}
	#titulo_emp h1 {
		color:#FFF;
		line-height:100px;
		margin:0px;
		padding:0px;
		text-align:center;
		}
	#texto_emp {
		width:90%;
		height:auto;
		margin:0px auto;
		}
	#texto_emp h2 {
		text-align:center;
		color:rgba(0,0,0,1);
		}
	#texto_emp p {
		color:rgba(0,0,0,1);
		}
	#visual1 {
		width:100%;
		height:150px;
		background-image:url(../fotos/visual1.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top right;
		}
	#trabajos {
		width:100%;
		height:720px;
		background-image:url(../fotos/degradado2.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		padding-top:5px;
		margin-top:-50px;
		overflow:auto;
		}
	#titulo_trab {
		width:80%;
		height:100px;
		margin-left:30px;
		margin-bottom:-50px;
		}
	#titulo_trab h1 {
		color:#FF6600;
		font-weight:bold;
		}
	#btn {
		width:100%;
		height:80px;
		margin:0px auto;
		padding-top:15px;
		}
	#botones {
		width:98%;
		height:8%;
		text-align:center;
		list-style:none;
		margin:0px auto;
		padding:0px;
		}
	#botones li {
		overflow:auto;
		width:20px;
		height:20px;
		background-color:#999;
		border-radius:20px;
		float:left;
		cursor:pointer;
		}
	#faborit {
		width:60%;
		height:450px;
		background-image:url(../fotos/faborit.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:block;
		}
	#texto_fab {
		display:none;
		}
	#bidi_fab {
		display:none;
		}
	#sorteos {
		width:60%;
		height:450px;
		background-image:url(../fotos/sorteos.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_sor {
		display:none;
		}
	#veconsa {
		width:100%;
		height:450px;
		background-image:url(../fotos/veconsa.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_vec {
		display:none;
		}
	#boxcontroller {
		width:60%;
		height:450px;
		background-image:url(../fotos/boxcontroller.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:block;
		}
	#texto_box {
		display:none;
		}
	#lomasmejor {
		width:60%;
		height:450px;
		background-image:url(../fotos/lomasmejor.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_lmm {
		display:none;
		}
	#todorisas {
		width:60%;
		height:450px;
		background-image:url(../fotos/todorisas.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_tr {
		display:none;
		}
	#horoscopo {
		width:60%;
		height:450px;
		background-image:url(../fotos/horoscopo.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_hc {
		display:none;
		}
	#zodiaco {
		width:60%;
		height:450px;
		background-image:url(../fotos/zodiaco.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_zd {
		display:none;
		}
	#naturalbeauty {
		width:60%;
		height:450px;
		background-image:url(../fotos/naturalbeauty.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_nb {
		display:none;
		}
	#mobilebox {
		width:60%;
		height:450px;
		background-image:url(../fotos/mobilebox.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_mb {
		display:none;
		}
	#juegin {
		width:60%;
		height:450px;
		background-image:url(../fotos/juegin.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_jg {
		display:none;
		}
	#vinoteca {
		width:60%;
		height:450px;
		background-image:url(../fotos/vinoteca.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
	}
	#texto_vt {
		display:none;
	}
	#por_adultos {
		width:60%;
		height:450px;
		background-image:url(../fotos/por_adulto.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_pa {
		display:none;
		}
	#servicios {
		width:100%;
		height:auto;
		background-color:#FF6600;
		color:#FFF;
		padding-bottom:20px;
		padding-top:20px;
		margin-top:-22px;
		overflow:auto;
		}
	#titulo_ser {
		width:90%;
		font-size:1em;
		margin:0px auto;
		}
	#modalidades_ser {
		display:block;
		width:95%;
		height:auto;
		margin:0px auto;
		
		}
	#mod1_ser {
		width:33%;
		height:auto;
		}
	#mod2_ser {
		width:33%;
		height:auto;
		}
	#mod3_ser {
		width:33%;
		height:auto;
		}
	#mod4_ser {
		width:33%;
		height:auto;
		}
	#mod5_ser {
		width:33%;
		height:auto;
		}
	#modalidades_ser img {
		display:block;
		margin:0px auto;
		width:20%;
		height:auto;
		}
	#modalidades_ser p {
		font-size:0.8em;
		text-align:center;
		font-weight:bold;
		}
	.float_mod1 {
		float:left;
		}
	.clear_mod1 {
		clear:both;
		}
	#clientes {
		width:100%;
		height:auto;
		background-color:#000;
		color:#FFF;
		padding-bottom:20px;
		overflow:auto;
		}
	#titulo_cli {
		width:100%;
		height:auto;
		text-align:center;
		color:#FFF;
		}
	#logo_cli {
		display:block;
		width:100%;
		margin:0px auto;
		}
	.lista_logo_cli {
		margin:0px 8px;
		padding:0px;
		list-style:none;
		width:20%;
		height:auto;
		border-radius:100px;
		}
	.lista_logo_cli img {
		width:100%;
		height:auto;
		border:2px #999999 solid;
		border-radius:100px;
		}
	.lista_logo_cli img:hover {
		border:2px #FF6600 solid;
		border-radius:100px;
		}
	#contactar {
		width:100%;
		height:auto;
		background-color:#FFF;
		color:#000;
		padding-bottom:10px;
		
		}
	#titulo_cont {
		width:90%;
		margin:0px auto;
		padding-top:10px;
		}
	#info_cont {
		width:90%;
		display:block;
		margin-left:5%;
		}
	#map {
		clear:both;
		height:200px;
		margin-top:20px;
		}
	#pie{
		width:100%;
		//height:200px;
		//background-image:url(../fotos/pie.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top right;
		}
	
	
	#texto_pie{
		padding:1rem;
		width:80%;
		height:auto;
		margin-left:20px;
		padding-top:0px;
		color:#FFF;
		font-size:.9em;
		}
	#texto_pie h1 {
		margin:0px;
		padding:0px;
		font-size:1.5em;
		}
	#texto_pie a {
		//display:block;
		color:#FFF;
		font-weight:bold;
		margin-top:20px;
		font-size:0.9em;
		}
	#texto_pie a:hover {
		color:#ff6600;
		}
}


@media screen and (min-width:601px) and (max-width:992px){

	.logos {
		display:block;
		float:left;
		margin-right:5px;
	}

	.quitar_enlaces_trabajos {
		visibility:hidden;
		}

	#cabecera {
		width:100%;
		height:700px;
		background-image:url(../fotos/portada.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:right top;
		}
	#menu_nav_peq {
		display:none;
		}
	#menu_peq {
		display:none;
		}
	#menu_nav {
		width:100%;
		height:50px;
		
		position:fixed;
		}
	#menu {
		width:100%;
		height:50px;
		padding:0px;
		list-style:none;
		background-color:rgba(153,153,153,0.9);
		}
	#menu a {
		display:block;
		width:20%;
		height:50px;
		list-style:none;
		text-align:center;
		line-height:50px;
		text-decoration:none;
		color:#FFF;
		float:right;
		}
	#menu a:hover {
		border-bottom: 2px solid #fff;
		background-color:rgb(153,153,153);
		}
	#logotipo {
		width:100%;
		height:400px;
		background-image:url(../fotos/logotipo.png);
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
		top:180px;
		right:0px;
		left:0px;
		
		}
	#claim {
		width:100%;
		height:200px;
		padding:40px;
		
		background-color:rgba(0,0,0,1);
		margin-top:-200px;
		}
	#claim h1 {
		color:#FF6600;
		font-weight:bold;
		font-size:2.6em;
		margin:0px;
		padding:0px;
		}
	#claim p {
		color:rgba(255,255,255,1);
		font-size:1.3em;
		margin:0px;
		padding:0px;
		}
	#empresa {
		width:100%;
		height:auto;
		background-image:url(../fotos/degradado.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		}
	#titulo_emp {
		width:60%;
		height:100px;
		background-color:#FF6600;
		margin:0px auto;
		}
	#titulo_emp h1 {
		color:#FFF;
		line-height:100px;
		margin:0px;
		padding:0px;
		text-align:center;
		}
	#texto_emp {
		width:90%;
		height:auto;
		margin:0px auto;
		}
	#texto_emp h2 {
		text-align:center;
		color:rgba(0,0,0,1);
		}
	#texto_emp p {
		color:rgba(0,0,0,1);
		}
	#visual1 {
		width:100%;
		height:300px;
		background-image:url(../fotos/visual1.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top right;
		}
	#trabajos {
		width:100%;
		height:800px;
		background-image:url(../fotos/degradado2.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		padding-top:5px;
		margin-top:-50px;
		}
	#titulo_trab {
		width:80%;
		height:100px;
		margin-left:30px;
		margin-bottom:-50px;
		}
	#titulo_trab h1 {
		color:#FF6600;
		font-weight:bold;
		}
	#btn {
		width:90%;
		height:80px;
		margin:0px auto;
		padding-top:15px;
		}
	#botones {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	#botones li {
		width:20px;
		height:20px;
		background-color:#999;
		border-radius:20px;
		float:left;
		margin-right:3%;
		cursor:pointer;
		}
	#faborit {
		width:60%;
		height:450px;
		background-image:url(../fotos/faborit.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:block;
		float:left;
		}
	#texto_fab {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#sorteos {
		width:60%;
		height:450px;
		background-image:url(../fotos/sorteos.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
		}
	#texto_sor {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#veconsa {
		width:90%;
		height:550px;
		background-image:url(../fotos/veconsa.gif);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center bottom;
		margin-left:30px;
		display:none;
		}
	#texto_vec {
		display:block;
		width:90%;
		margin:0px auto;
		}
	#boxcontroller {
		width:60%;
		height:450px;
		background-image:url(../fotos/boxcontroller.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:block;
		float:left;
		}
	#texto_box {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#lomasmejor {
		width:60%;
		height:450px;
		background-image:url(../fotos/lomasmejor.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
		}
	#texto_lmm {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#todorisas {
		width:60%;
		height:450px;
		background-image:url(../fotos/todorisas.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
		}
	#texto_tr {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#horoscopo {
		width:60%;
		height:450px;
		background-image:url(../fotos/horoscopo.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
		}
	#texto_hc {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#zodiaco {
		width:60%;
		height:450px;
		background-image:url(../fotos/zodiaco.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
		}
	#texto_zd {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#naturalbeauty {
		width:60%;
		height:450px;
		background-image:url(../fotos/naturalbeauty.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left:
		}
	#texto_nb {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#mobilebox {
		width:60%;
		height:450px;
		background-image:url(../fotos/mobilebox.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left:
		}
	#texto_mb {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#juegin {
		width:60%;
		height:450px;
		background-image:url(../fotos/juegin.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
		}
	#texto_jg {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#vinoteca {
		width:60%;
		height:450px;
		background-image:url(../fotos/vinoteca.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
	}
	#texto_vt {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
	}
	#por_adultos {
		width:60%;
		height:450px;
		background-image:url(../fotos/por_adulto.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:10%;
		display:none;
		float:left;
		}
	#texto_pa {
		display:block;
		float:left;
		width:50%;
		margin-left:70%;
		}
	#servicios {
		width:100%;
		height:auto;
		background-color:#FF6600;
		color:#FFF;
		padding-top:20px;
		padding-bottom:40px;
		margin-top:-22px;
		overflow:auto;
		}
	#titulo_ser {
		width:90%;
		font-size:1em;
		margin:0px auto;
		}
	#modalidades_ser {
		display:block;
		width:100%;
		height:auto;
		}
	#mod1_ser {
		width:33%;
		height:auto;
		}
	#mod2_ser {
		width:33%;
		height:auto;
		}
	#mod3_ser {
		width:33%;
		height:auto;
		}
	#mod4_ser {
		width:33%;
		height:auto;
		}
	#mod5_ser {
		width:33%;
		height:auto;
		}
	#modalidades_ser img {
		display:block;
		margin:0px auto;
		width:20%;
		height:auto;
		}
	#modalidades_ser p {
		font-size:1.2em;
		text-align:center;
		font-weight:bold;
		}
	.float_mod1 {
		float:left;
		}
	.clear_mod1 {
		clear:both;
		}
	#clientes {
		width:100%;
		height:auto;
		background-color:#000;
		color:#FFF;
		overflow:auto;
		padding-bottom:30px;
		}
	#titulo_cli {
		width:100%;
		height:auto;
		text-align:center;
		color:#FFF;
		}
	#logo_cli {
		display:block;
		width:90%;
		margin:0px auto;
		}
	.lista_logo_cli {
		margin:0px 10px;
		padding:0px;
		list-style:none;
		width:20%;
		height:auto;
		border-radius:100px;
		}
	.lista_logo_cli img {
		width:100%;
		height:auto;
		border:2px #999999 solid;
		border-radius:100px;
		}
	.lista_logo_cli img:hover {
		border:2px #FF6600 solid;
		border-radius:100px;
		}
	#contactar {
		width:100%;
		height:auto;
		background-color:#FFF;
		color:#000;
		padding-bottom:10px;
		}
	#titulo_cont {
		width:90%;
		margin:0px auto;
		padding-top:10px;
		}
	#info_cont {
		width:90%;
		display:block;
		margin-left:5%;
		}
	#map {
		clear:both;
		height:300px;
		margin-top:20px;
		}
	#pie {
		width:100%;
		//height:200px;
		//background-image:url(../fotos/pie.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top right;
		}
	#texto_pie {
		padding:1rem;
		width:80%;
		height:auto;
		margin-left:20px;
		padding-top:0px;
		color:#FFF;
		}
	#texto_pie h1 {
		margin:0px;
		padding:0px;
		font-size:1.5em;
		}
	#texto_pie a {
		//display:block;
		color:#FFF;
		font-weight:bold;
		margin-top:20px;
		}
	#texto_pie a:hover {
		color:#ff6600;
		}
}

@media screen and (min-width:993px) and (max-width:1200px){

	.logos {
		display:block;
		float:left;
		margin-right:5px;
	}

	.bajar_logito_contacto {
		margin-top:12px;
		}

	.izq {
		width:45%;
		height:400px;
		float:left;
		}

	.dch {
		width:45%;
		height:400px;
		float:left;
		margin-left:60px;
		}

	.izq_contacto {
		width:50%;
		height:200px;
		float:left;
		}

	.dch_contacto {
		width:40%;
		height:200px;
		float:left;
		margin-left:50px;
		}

	.quitar_enlaces_trabajos {
		visibility:hidden;
		}

	#cabecera {
		width:100%;
		height:700px;
		background-image:url(../fotos/portada.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:right top;
		}
	#menu_nav_peq {
		display:none;
		}
	#menu_peq {
		display:none;
		}
	#menu_nav {
		width:100%;
		height:50px;
		
		position:fixed;
		}
	#menu {
		width:100%;
		height:50px;
		padding:0px;
		list-style:none;
		background-color:rgba(153,153,153,0.9);
		}
	#menu a {
		display:block;
		width:20%;
		height:50px;
		list-style:none;
		text-align:center;
		line-height:50px;
		text-decoration:none;
		color:#FFF;
		float:right;
		}
	#menu a:hover {
		border-bottom: 2px solid #fff;
		background-color:rgb(153,153,153);
		}
	#logotipo {
		width:100%;
		height:400px;
		background-image:url(../fotos/logotipo.png);
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
		top:180px;
		right:0px;
		left:0px;
		}
	#claim {
		width:100%;
		height:200px;
		padding:50px;
		
		background-color:rgba(0,0,0,1);
		margin-top:-100px;
		}
	#claim h1 {
		color:#FF6600;
		font-weight:bold;
		font-size:2.8em;
		margin:0px;
		padding:0px;
		}
	#claim p {
		color:rgba(255,255,255,1);
		font-size:1.5em;
		margin:0px;
		padding:0px;
		}
	#empresa {
		width:100%;
		height:auto;
		background-image:url(../fotos/degradado.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		}
	#titulo_emp {
		width:40%;
		height:100px;
		background-color:#FF6600;
		margin:0px auto;
		}
	#titulo_emp h1 {
		color:#FFF;
		line-height:100px;
		margin:0px;
		padding:0px;
		text-align:center;
		}
	#texto_emp {
		width:70%;
		height:auto;
		margin:0px auto;
		overflow:auto;
		}
	#texto_emp h2 {
		text-align:center;
		color:rgba(0,0,0,1);
		}
	#texto_emp p {
		color:rgba(0,0,0,1);
		}
	#visual1 {
		width:100%;
		height:300px;
		background-image:url(../fotos/visual1.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		}
	#trabajos {
		width:100%;
		height:650px;
		background-image:url(../fotos/degradado2.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		padding-top:5px;
		margin-top:-50px;
		}
	#titulo_trab {
		width:80%;
		height:100px;
		margin-left:30px;
		margin-bottom:-50px;
		}
	#titulo_trab h1 {
		color:#FF6600;
		font-weight:bold;
		}
	#btn {
		width:80%;
		height:80px;
		margin-left:30px;
		}
	#botones {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	#botones li {
		width:20px;
		height:20px;
		background-color:#999;
		border-radius:20px;
		float:left;
		margin-right:3%;
		cursor:pointer;
		}
	#faborit {
		width:70%;
		height:450px;
		background-image:url(../fotos/faborit.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:block;
		}
	#texto_fab {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#bidi_fab {
		width:40%;
		height:70px;
		}
	#bidi_fab img {
		width:60%;
		height:auto;
		margin-left:300px;
		}
	#sorteos {
		width:70%;
		height:450px;
		background-image:url(../fotos/sorteos.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_sor {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#veconsa {
		width:50%;
		height:450px;
		background-image:url(../fotos/veconsa.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:20px;
		display:none;
		}
	#texto_vec {
		width:70%;
		height:auto;
		margin-left:550px;
		}
	#boxcontroller {
		width:70%;
		height:450px;
		background-image:url(../fotos/boxcontroller.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:block;
		}
	#texto_box {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#lomasmejor {
		width:70%;
		height:450px;
		background-image:url(../fotos/lomasmejor.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_lmm {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#todorisas {
		width:70%;
		height:450px;
		background-image:url(../fotos/todorisas.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_tr {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#horoscopo {
		width:70%;
		height:450px;
		background-image:url(../fotos/horoscopo.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_hc {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#zodiaco {
		width:70%;
		height:450px;
		background-image:url(../fotos/zodiaco.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_zd {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#naturalbeauty {
		width:70%;
		height:450px;
		background-image:url(../fotos/naturalbeauty.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_nb {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#mobilebox {
		width:70%;
		height:450px;
		background-image:url(../fotos/mobilebox.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_mb {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#juegin {
		width:70%;
		height:450px;
		background-image:url(../fotos/juegin.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_jg {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#vinoteca {
		width:70%;
		height:450px;
		background-image:url(../fotos/vinoteca.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
	}
	#texto_vt {
		width:90%;
		height:auto;
		margin-left:300px;
	}
	#por_adultos {
		width:70%;
		height:450px;
		background-image:url(../fotos/por_adulto.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:60px;
		display:none;
		}
	#texto_pa {
		width:90%;
		height:auto;
		margin-left:300px;
		}
	#servicios {
		width:100%;
		height:auto;
		background-color:#FF6600;
		color:#FFF;
		padding-top:20px;
		padding-bottom:40px;
		margin-top:-22px;
		overflow:auto;
		}
	#titulo_ser {
		width:70%;
		font-size:1em;
		margin:0px auto;
		}
	#modalidades_ser {
		display:block;
		width:70%;
		height:auto;
		margin:0px auto;
		}
	#mod1_ser {
		width:33%;
		height:auto;
		}
	#mod2_ser {
		width:33%;
		height:auto;
		}
	#mod3_ser {
		width:33%;
		height:auto;
		}
	#mod4_ser {
		width:33%;
		height:auto;
		}
	#mod5_ser {
		width:33%;
		height:auto;
		}
	#modalidades_ser img {
		display:block;
		margin:0px auto;
		width:20%;
		height:auto;
		}
	#modalidades_ser p {
		font-size:1.2em;
		text-align:center;
		font-weight:bold;
		}
	.float_mod1 {
		float:left;
		}
	.clear_mod1 {
		clear:both;
		}
	#clientes {
		width:100%;
		height:auto;
		background-color:#000;
		color:#FFF;
		overflow:auto;
		padding-bottom:30px;
		}
	#titulo_cli {
		width:100%;
		height:auto;
		text-align:center;
		color:#FFF;
		}
	#logo_cli {
		display:block;
		width:80%;
		margin:0px auto;
		}
	.lista_logo_cli {
		margin:0px 15px;
		padding:0px;
		list-style:none;
		width:20%;
		height:auto;
		border-radius:100px;
		}
	.lista_logo_cli img {
		width:100%;
		height:auto;
		border:2px #999999 solid;
		border-radius:100px;
		}
	.lista_logo_cli img:hover {
		border:2px #FF6600 solid;
		border-radius:100px;
		}
	#contactar {
		width:100%;
		height:auto;
		background-color:#FFF;
		color:#000;
		overflow:auto;
		}
	#titulo_cont {
		width:30%;
		text-align:left;
		padding-top:10px;
		margin-left:5%;
		}
	#info_cont {
		width:90%;
		display:block;
		margin:0px auto;
		}
	#map {
		clear:both;
		height:350px;
		margin-top:20px;
		margin-bottom:0px;
		}
	#pie {
		width:100%;
		//height:200px;
		//background-image:url(../fotos/pie.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top left;
		margin-top:0px;
		}
	#texto_pie {
		padding:1rem;
		width:80%;
		height:auto;
		margin-left:20px;
		padding-top:0px;
		color:#FFF;
		}
	#texto_pie h1 {
		margin:0px;
		padding:0px;
		font-size:1.5em;
		}
	#texto_pie a {
		//display:block;
		color:#FFF;
		font-weight:bold;
		margin-top:20px;
		}
	#texto_pie a:hover {
		color:#ff6600;
		}
}

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

	.logos {
		display:block;
		float:left;
		margin-right:5px;
	}

	.bajar_logito_contacto {
		margin-top:12px;
		}

	.izq {
		width:45%;
		height:400px;
		float:left;
		}

	.dch {
		width:45%;
		height:400px;
		float:left;
		margin-left:70px;
		}

	.izq_contacto {
		width:45%;
		height:200px;
		float:left;
		}

	.dch_contacto {
		width:45%;
		height:200px;
		float:left;
		margin-left:70px;
		}

	.quitar_enlaces_trabajos {
		visibility:hidden;
		}

	#cabecera {
		width:100%;
		height:700px;
		background-image:url(../fotos/portada.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:right top;
		}
	#menu_nav_peq {
		display:none;
		}
	#menu_peq {
		display:none;
		}
	#menu_nav {
		width:100%;
		height:50px;	
		position:fixed;
		background-image:none;
		z-index:900;
		}
	#menu {
		width:100%;
		height:50px;
		padding:0px;
		list-style:none;
		background-color:rgba(153,153,153,0.9);
		}
	#menu a {
		display:block;
		width:20%;
		height:50px;
		list-style:none;
		text-align:center;
		line-height:50px;
		text-decoration:none;
		color:#FFF;
		float:right;
		}
	#menu a:hover {
		border-bottom: 2px solid #fff;
		background-color:rgb(153,153,153);
		}
	#logotipo {
		width:100%;
		height:400px;
		background-image:url(../fotos/logotipo.png);
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
		top:180px;
		right:0px;
		left:0px;
		}
	#claim {
		width:100%;
		height:200px;
		padding:50px;
		background-color:rgba(0,0,0,1);
		margin-top:-100px;
		}
	#claim h1 {
		color:#FF6600;
		font-weight:bold;
		font-size:3em;
		margin:0px;
		padding:0px;
		}
	#claim p {
		color:rgba(255,255,255,1);
		font-size:1.7em;
		margin:0px;
		padding:0px;
		}
	#empresa {
		width:100%;
		height:auto;
		background-image:url(../fotos/degradado.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		}
	#titulo_emp {
		width:20%;
		height:100px;
		background-color:#FF6600;
		margin:0px auto;
		}
	#titulo_emp h1 {
		color:#FFF;
		line-height:100px;
		margin:0px;
		padding:0px;
		text-align:center;
		}
	#texto_emp {
		width:75%;
		height:auto;
		margin:0px auto;
		overflow:auto;
		}
	#texto_emp h2 {
		text-align:center;
		color:rgba(0,0,0,1);
		}
	#texto_emp p {
		color:rgba(0,0,0,1);
		}
	#visual1 {
		width:100%;
		height:300px;
		background-image:url(../fotos/visual1.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		}
	#trabajos {
		width:100%;
		height:660px;
		background-image:url(../fotos/degradado2.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:cover;
		padding-bottom:20px;
		padding-top:5px;
		margin-top:-50px;
		}
	#titulo_trab {
		width:80%;
		height:100px;
		margin-left:150px;
		margin-bottom:-50px;
		}
	#titulo_trab h1 {
		color:#FF6600;
		font-weight:bold;
		}
	#btn {
		width:80%;
		height:80px;
		margin-left:150px;
		}
	#botones {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	#botones li {
		width:20px;
		height:20px;
		background-color:#999;
		border-radius:20px;
		float:left;
		margin-right:3%;
		cursor:pointer;
		}
	#faborit {
		width:50%;
		height:450px;
		background-image:url(../fotos/faborit.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:block;
		}
	#texto_fab {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#bidi_fab {
		width:40%;
		height:70px;
		}
	#bidi_fab img {
		width:30%;
		height:auto;
		margin-left:300px;
		}
	#sorteos {
		width:50%;
		height:450px;
		background-image:url(../fotos/sorteos.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_sor {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#lomasmejor {
		width:50%;
		height:450px;
		background-image:url(../fotos/lomasmejor.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_lmm {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#todorisas {
		width:50%;
		height:450px;
		background-image:url(../fotos/todorisas.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_tr {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#horoscopo {
		width:50%;
		height:450px;
		background-image:url(../fotos/horoscopo.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_hc {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#zodiaco {
		width:50%;
		height:450px;
		background-image:url(../fotos/zodiaco.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_zd {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#naturalbeauty {
		width:50%;
		height:450px;
		background-image:url(../fotos/naturalbeauty.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_nb {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#mobilebox {
		width:50%;
		height:450px;
		background-image:url(../fotos/mobilebox.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_mb {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#juegin {
		width:50%;
		height:450px;
		background-image:url(../fotos/juegin.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_jg {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#vinoteca {
		width:50%;
		height:450px;
		background-image:url(../fotos/vinoteca.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
	}
	#texto_vt {
		width:50%;
		height:auto;
		margin-left:300px;
	}
	#por_adultos {
		width:50%;
		height:450px;
		background-image:url(../fotos/por_adulto.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:none;
		}
	#texto_pa {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#veconsa {
		width:50%;
		height:450px;
		background-image:url(../fotos/veconsa.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:90px;
		display:none;
		}
	#texto_vec {
		width:70%;
		height:auto;
		margin-left:100%;
		}
	#boxcontroller {
		width:50%;
		height:450px;
		background-image:url(../fotos/boxcontroller.gif);
		background-repeat:no-repeat;
		background-size:contain;
		margin:0px auto;
		display:block;
		}
	#texto_box {
		width:50%;
		height:auto;
		margin-left:300px;
		}
	#servicios {
		width:100%;
		height:auto;
		background-color:#FF6600;
		color:#FFF;
		padding-top:20px;
		padding-bottom:20px;
		margin-top:-22px;
		overflow:auto;
		}
	#titulo_ser {
		width:70%;
		font-size:1em;
		margin:0px auto;
		padding-bottom:40px;
		}
	#modalidades_ser {
		display:block;
		width:80%;
		height:auto;
		margin:0px auto;
		}
	#mod1_ser {
		width:33%;
		height:auto;
		}
	#mod2_ser {
		width:33%;
		height:auto;
		}
	#mod3_ser {
		width:33%;
		height:auto;
		}
	#mod4_ser {
		width:33%;
		height:auto;
		}
	#mod5_ser {
		width:33%;
		height:auto;
		}
	#modalidades_ser img {
		display:block;
		margin:0px auto;
		width:20%;
		height:auto;
		}
	#modalidades_ser p {
		font-size:1.5em;
		text-align:center;
		font-weight:bold;
		}
	.float_mod1 {
		float:left;
		}
	.clear_mod1 {
		clear:both;
		}
	#clientes {
		width:100%;
		height:auto;
		background-color:#000;
		color:#FFF;
		overflow:auto;
		padding-bottom:30px;
		}
	#titulo_cli {
		width:93%;
		height:auto;
		text-align:center;
		color:#FFF;
		}
	#logo_cli {
		display:block;
		width:80%;
		margin:0px auto;
		}
	.lista_logo_cli {
		margin:0px 20px;
		padding:0px;
		list-style:none;
		width:20%;
		height:auto;
		border-radius:200px;
		}
	.lista_logo_cli img {
		width:70%;
		height:auto;
		border:2px #999999 solid;
		border-radius:200px;
		}
	.lista_logo_cli img:hover {
		border:2px #FF6600 solid;
		border-radius:200px;
		}
	#contactar {
		width:100%;
		height:auto;
		background-color:#FFF;
		color:#000;
		}
	#titulo_cont {
		width:50%;
		margin:0px auto;
		padding-top:10px;
		margin-left:13%;
		}
	#info_cont {
		width:73%;
		display:block;
		margin:0px auto;
		}
	#map {
		clear:both;
		height:400px;
		margin-top:20px;
		}
	#pie {
		width:100%;
		//height:200px;
		//background-image:url(../fotos/pie.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top left;
		margin-top:0px;
		}
	#texto_pie {
		padding:1rem;
		width:80%;
		height:auto;
		margin-left:20px;
		padding-top:0px;
		color:#FFF;
		}
	#texto_pie h1 {
		margin:0px;
		padding:0px;
		font-size:1.5em;
		}
	#texto_pie a {
		//display:block;
		color:#FFF;
		font-weight:bold;
		margin-top:20px;
		}
	#texto_pie a:hover {
		color:#ff6600;
		}
}

/* Barra Cookies */
.barraaceptacion_modal{position:fixed; top:0; left:0; z-index:940; width:100%; height:100%; background:rgba(0,0,0,.7); outline:0; overflow-x:hidden; overflow-y:auto}
#barraaceptacion{background-color:rgba(0,0,0.7);color:#FFF;position:fixed;bottom:0;right:0;left:0;padding:2rem 1rem;z-index:950}
.inner{width:90%; margin:auto; display:flex; justify-content:space-between;line-height:1.2}
.inner a{color:#FF6600; text-decoration:none; font-weight:bold}
.inner a:hover{color:#FF6600; text-decoration:underline}
.inner_izq{width:75%}
.inner_der{width:24%; text-align:center}
.btncookie,.btncookie_config{border:none;cursor:pointer; width:90%; padding:.8rem 0}
.btncookie{background-color:#FF6600;color:#FFF;margin-top:10px;font-weight:bold}
.btncookie:hover{background-color:#46a049}
.btncookie_config{background-color:#FFF;color:#000}
.btncookie_config:hover{background-color:rgba(255,255,255,.5); color:#FFF}

@media only screen and (max-width:750px){
#barraaceptacion{padding:1rem}
.inner{flex-direction:column}
.inner_izq,.inner_der{width:100%}
.inner_der{margin-top:1rem}
}
/* FIN de Barra Cookies */

/* Modal */
.modal_cookies{display:none; position:fixed; padding-top:7rem; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4);z-index:1000}
.modal_cookies-contenedor{background-color:#FFF; margin:auto; padding:1rem; max-width:1000px; width:95%}
.modal_cookies-cierre{text-align:right; background-color:#09C; padding:0; margin:0}
.modal_cookies-header{display:flex;justify-content:space-between}
.modal_cookies-header div{padding:0}
.modal_cookies-header h2{margin:0;padding:0; vertical-align:middle}
.modal_cookies-body{padding:2rem 1rem}
.modal_cookies-header,.modal_cookies-footer{padding:1rem}
.modal_cookies-body,.modal_cookies-footer{display:flex; justify-content:space-between}
.cerrar{color:#CCC;font-size:1.75rem; font-weight:bold}
.cerrar:hover,.cerrar:focus{color:#666; text-decoration:none; cursor:pointer}
.tab{border:1px solid #CCC; width:30%; padding:1rem}
.tabcontent{padding:1rem; border:1px solid #CCC; border-left:none; width:70%}
.tab button{display:block;background-color:inherit;color:black;padding:1.375rem 1rem;width:100%;border:none;outline:none;text-align:left;cursor:pointer;transition:0.3s;font-size:1rem}
.tab button:hover{background-color:#DDD}
.tab button.active{background-color:#CCC} 
.btn1,.btn2{background-color:inherit; border:1px solid #CCC; padding:.5rem; cursor:pointer; display:inline-block; width:30%}
.btn1:hover{background:#CCC}
.btn2:hover{background:#F60; color:#FFF}
@media only screen and (max-width:750px){
.modal_cookies-contenedor{background-color:#FFF; padding:0}
.modal_cookies{padding-top:1rem}
.tab,.tabcontent{width:100%}
.tabcontent{border:1px solid #CCC; border-top:none}
.modal_cookies-body,.modal_cookies-footer{flex-direction:column}
.btn1,.btn2{width:100%; margin:.6rem auto}
}
/* FIN de Modal */