@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:"Gotham Book", Arial;}
html, body { width:100%; height:100%; overflow-x: hidden;}
a, a:hover { text-decoration:none; cursor:pointer; transition:all 1s; -webkit-transition: all 1s;  }
h1, h2, h3, h4, h5, h6, h7 { font-weight:normal; margin:0px;}
ul { margin:0px; padding:0px; list-style:none;}
input, textarea { font-size:14px; font-family:inherit;}
img { border:none;}
.clear { clear:both;}
.flt { display:inline-block;}

.rojo { color:#900a2e;}
.gris { color:#89858a;}

/* SUPER */
#completo { position:fixed; display:none; opacity:0; width:100%; height:100%; top:0; left:0; z-index:1000; background:rgba(255,255,255,0.90); transition:opacity 0.5s;}
#completo.verte { display:table; opacity:1;}
	.m_cont { display:table-cell; vertical-align:middle;}
		.m_conti { width:400px; margin:0px auto; text-align:center}
			.m_logo {}
			.m_idiom {}
				.m_idiom .flt { margin:0px 10px;}
				.m_idiom a { max-width:32px; overflow:hidden; transition:all 0.8s; font-size:14px; font-weight:bold; color:#900a2e; display:block;}
					.m_idiom a span { opacity:0;transition:all 0.8s;}
				.m_idiom a:hover { max-width:300px;}
					.m_idiom a:hover span { opacity:1;}

/* ANIMACIÓN */
#animacion { position:fixed; display:table; opacity:0; width:100%; height:100%; top:0; left:0; z-index:1000; background:#FFF; transition:opacity 0.5s;}
	#animacion.verte {  opacity:1;}
	.am_cont { display:table-cell; vertical-align:middle;}
		.am_conti { width:800px; margin:0px auto; text-align:center;}
	.am_close {  position: fixed;  z-index: 1001;  bottom: 50px;  right: 100px; cursor:pointer; font-weight:bold;}
		.am_close:hover { color:#89858a;}


#todo { width:100%; height:100%; position:relative;}
	.fondor { width:25%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:right bottom; position:absolute; top:0; left:0; z-index:1;}
	#contenedor { width:1020px; height:100%; position:relative; z-index:10; margin:0px auto;}
		.cuadrados { width:200px; height:100%; position:absolute; left:-200px; background-image:url(../img/cuadrados.png); background-repeat:repeat-y; background-position:center top;}
		#contenido { width:1020px; height:100%; background-color:#fff;}
		
header { text-align:left; /*padding-top:59px;*/ position:relative;}
	#logo { /*width:155px;*/ width:137px; vertical-align:bottom;}
		#logo img { max-height:97px;}
	nav { width:150%; vertical-align:bottom; background:#900a2e; position:relative;}
		nav #pull { display:none;}
		nav ul li { display:inline-block; z-index:10; position:relative;}
			nav li a { text-transform:uppercase; color:#FFF; font-weight:bold; font-size:14px; padding:7px 10px; display:block;}
		header .backLava { background:#89858a; z-index:5; top:-10px;}

.c_idm {width: 1020px;position: absolute;top: 0;left: 0;}
	.idm { position:absolute; right:40px; max-width:0px; overflow:hidden; transition:all 1s; height:27px; z-index:100; background:#900a2e;}
		.idm.vel { max-width:300px;}
			.idm a { color:#FFFFFF;font-weight:bold; font-size:14px;display:block;padding:7px 2px; }
			.idm a:hover { color:#89858a}
			.idm a.sel { display:none; }
	.idm2 { position:absolute; right:0;}
		.idm2 .flt {color:#FFFFFF;font-weight:bold; font-size:14px; padding:7px 2px; cursor:pointer; display:none;}
		.idm2 .sel { display:block;}
		.idm2 .sela {background:url(../img/idm.png) no-repeat; padding:7px 2px 7px 7px;background-position: 0% 52%;}
	

section { position:relative;}
#foton { width:155%; position:absolute; left:0; top:0;}
	#cabeceras ul { width: 100%; position: relative; list-style: none; margin: 0; padding: 0;}
	#cabeceras li {float: left; height:344px; background-size:cover; background-repeat:no-repeat; background-position:center 60%; background-image:url(../img/fbg.png);}
	#cabeceras.muevelas li { width:25%; height:271px;}
	#cabeceras.estaticas li { width:100%; /*height:172px;*/ height:271px;}
		#cabeceras .contenedor { width:100%; height:100%; position:relative;
			background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(0,0,0,0.50) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.50)));
			background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(0,0,0,0.50) 100%);
			background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(0,0,0,0.50) 100%);
			background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(0,0,0,0.50) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(0,0,0,0.50) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#9e000000',GradientType=0 );
		}
		#cabeceras .contenedor2 {width:1020px; position:relative; height:100%}
			#cabeceras h3, #cabeceras h4 { text-align:right; color:#FFF; font-weight:bold; position:absolute; right:0; z-index:20;}
			#cabeceras h3 {  font-size:30px; bottom:30px; text-transform:uppercase;}
			#cabeceras h4 { font-size:14px; bottom:15px; }

/* FONDOS */
#cabeceras li#cb_servicios { background-position:center 95%;}
#cabeceras li#cb_affinity { background-position:center 50%;}

#f_servicios { background-position:65% 100%;}
#f_affinity { background-position:75% 100%;}
#f_contacto {background-position:75% bottom;}



article { padding:300px 0 0 30px; font-size:14px;}
article.zonas { /*padding-top:202px;*/}
	.titular { font-weight:bold; margin-bottom:20px;}
	.texto { padding-bottom:15px;}
		.texto .flt { vertical-align:middle; max-width:800px; margin-right:5px;}
			.texto .flt.top { vertical-align:top; margin-right:50px; margin-top:20px;}
			.texto .clear { margin-bottom:10px;}
		.texto a { color:inherit; font-weight:bold;}
			.texto a:hover { color:#900a2e;}
		.texto span { color:#900a2e; font-weight:bold;}
		.texto ul { list-style: square url(../img/square.gif) inside; color:inherit; margin:5px 0 15px;}
			.texto li { margin-bottom:10px;}

/* HOME */
#clis{ width: 100%; overflow:hidden; padding-top:20px; display:none; }
	#clis.vel { display:block;}
#clis ul { width:300%; position: relative; padding: 0;}
#clis li { height: 40px; float:left; margin:0px 40px; list-style: none;}
	#clis li img {margin:0px auto; display:block;}
	#clis img { max-width:110px; max-height:40px; margin:0px 30px; }

/*INTERNATIONAL */
#mapar {position: absolute;/*top: 200px;*/ top:300px; left: 500px;}


/* CONTACTO */
#forms {  position:relative;}
	#forms .flt { vertical-align:top;text-align:left;}
#form {padding:15px 0;}
label { font-weight:bold; font-size:14px; color:#900a2e;}
input[type="text"] { border:1px solid #900a2e; width:248px; padding:2px 5px; margin-bottom:5px; margin-right:40px;}
input[type="submit"] { border:none; background:#900a2e; color:#FFF; font-size:14px; font-weight:bold; padding:2px 15px; border:1px solid #900a2e; margin: 15px 0 0 125px; cursor:pointer;}
	input[type="submit"]:hover {color: #900a2e; background:#FFF;}
textarea { width:510px; height:97px; border:1px solid #900a2e; padding:2px 5px; resize:none;}
.mensaje {position: absolute;display: none;top: 0px;width: 100%;height: 125px;background: #FFF;text-align: center;padding-top: 50px;}
.med { display:none;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background:#FFF;}


/* Nuevo contacto */
.icos { text-align:center;}
	#forma, #mapa { margin:0px 30px; cursor:pointer;}
		.icon, .tit { vertical-align:middle; margin:0px 5px;}
		.tit { text-transform:uppercase; font-size:18px; font-weight:bold;}
		.tit:hover { color:#89858a;}

#contenedores { position:fixed; display:none; width:100%; height:100%; top:0; left:0; text-align:center; background:rgba(255,255,255,0.80); z-index:1000;}
	#cent_contenedores { display:table-cell; vertical-align:middle;}
		#cnt_contenedores { width:1020px;  margin:0px auto;}
		
	.vcf { width:110px; height:20px;}
	.titcj { font-size:18px; font-weight:bold;}
		.t_fr, .t_mp { display:none;}
		.t_fr.velo, .t_mp.velo { display:block;}
	
	#forms, #mapes { background:#FFF; height:0px; overflow:hidden; }
		#forms.velo { height:auto;  border:10px solid #900a2e;}
		#mapes.velo { height:344px;  border:10px solid #900a2e;}
	.closer { text-align:right; padding:15px 15px 7px; cursor:pointer; font-weight:bold; float:right;}
		.closer .flt { vertical-align:middle;}
		.closer:hover .rojo { color:#89858a;}

#map {width:1000px !important; height:344px !important;}

/* RESPONSIVE */

@media screen and (min-height:500px) and (max-height:800px) {
	article { padding-top:290px;}
	.titular { margin-bottom:10px;}
	.texto { padding-bottom:0px;}
	.texto ul { margin-top:0px;}
	#mapar img {height: 260px;}
}
/*Tablet horizontal*/
@media screen and (min-width:769px) and (max-width:1024px) {
	#cabeceras h3, #cabeceras h4 { right:15px;}
	article {padding: 300px 30px 0 30px;}
	#mapar img {height: 260px; }
	#cnt_contenedores, .c_idm { width:980px;}
	#map { width:960px !important;}
}
/*Tablet vertical*/
@media screen and (min-width:600px) and (max-width:768px) {
	#contenedor, #contenido, #cabeceras .contenedor2 { width:760px;}
	#cabeceras h3, #cabeceras h4 { right:15px;}
	article {padding: 300px 30px 0 30px;}
	.texto .flt {max-width: 600px;}
	.texto .flt.top {   margin: 0px;  width: 350px;}
	#cnt_contenedores, .c_idm { width:750px;}
	#map { width:740px !important;}
}

/*Movil horizontal*/
@media screen and (min-width:480px) and (max-width:600px) {
	#contenedor, #contenido, #cabeceras .contenedor2 { width:460px;}
	#cabeceras h3, #cabeceras h4 { right:15px;}
	article {padding: 300px 30px 0 30px;}
	header { text-align:center;}
	.texto { padding-bottom:15px;}
	.texto .flt {max-width: 320px;}
	#mapar { display:none;}
		.backLava { display:none !important;}
	nav { position:relative; margin-bottom:0px; width:100%; padding-top:0px; text-align:left; left:0;}
     nav ul { margin-bottom:14px; display:none;position: absolute;z-index:2000; background:#FFF; padding:5px 0px 10px; background:#900a2e;}
		nav li { display:block; margin:0px; width:100%; text-align:center; padding:3px 0px;} 
		nav li:hover { background:#89858a;}
     nav a#pull {display: block;	padding:7px 15px;	color:#FFF; background:#7a7a7a; width:100%; font-weight:bold;}
				nav a#pull:after {	content:"";	background: url('../img/nav-icon.png') no-repeat;	width: 30px;height: 40px;display: inline-block;	position: absolute;	right: 15px;}
	input[type="text"] { width:170px; margin-right:10px;}
	textarea { width:170px;}
	.mod { display:none;}
	#form { padding:15px;}
	.form { width:412px;}
	input[type="submit"] {margin:15px auto;}
	.med {  display:block;}
	#forma, #mapa { margin: 0px; }
	#cnt_contenedores { width:460px;}
	#map { width:440px !important;}
	#mapes.velo { height:250px;}
	
	#animacion { display:none !important;}
}
/*Movil vertical*/
@media screen and (max-width:479px) {
	#contenedor, #contenido, #cabeceras .contenedor2 { width:300px;}
	#cabeceras h3, #cabeceras h4 { right:15px;}
	#cabeceras h3 { bottom:40px;}
	header { text-align:center;}
	article {padding: 300px 30px 0 30px; text-align:center;}
	.texto { padding-bottom:15px;}
		.texto ul { text-align:left; margin-top:20px; margin-bottom:0}
	.texto .flt {max-width: 300px; margin-right:0px;}
	
	#mapar { display:none;}
		.backLava { display:none !important;}
	nav { position:relative; margin-bottom:0px; width:100%; padding-top:0px; text-align:left; left:0;}
     nav ul { margin-bottom:14px; display:none;position: absolute;z-index:2000; background:#FFF; padding:5px 0px 10px; background:#900a2e;}
		nav li { display:block; margin:0px; width:100%; text-align:center; padding:3px 0px;} 
		nav li:hover { background:#89858a;}
     nav a#pull {display: block;	padding:7px 15px;	color:#FFF; background:#7a7a7a; width:100%; font-weight:bold;}
				nav a#pull:after {	content:"";	background: url('../img/nav-icon.png') no-repeat;	width: 30px;height: 40px;display: inline-block;	position: absolute;	right: 15px;}
	input[type="text"] { width:260px; margin-right:0px;}
	textarea { width:260px;}
	.mod { display:none;}
	.form { width:262px;}
	input[type="submit"] {margin:15px auto;}
	.med {  display:block;}
	
	#forma, #mapa { text-align:center; white-space: pre-line;}
	#cnt_contenedores { width:300px;}
	#map { width:300px !important;}
	#clis ul { width:400%;}
	#clis li { height: 40px; float:left; margin:0px 20px; list-style: none;}
	
	#animacion { display:none !important;}
}