/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* SOCIAL MEDIA BUTTONS */

.sm_button{
	border:	#000 solid 2px;
	padding: 20px;
	margin: 10px 0 70px;
	display:inline-block;
	/*anti ios*/
	-webkit-appearance: none !important;
	-webkit-border-radius:0px;	
	border-radius: 0;
	}

/* EMPRESAS */

#empresas{
	/*padding-top:			70px;*/
	text-align:				center;
	position:				relative;
	top:					60px;
	opacity:				0;
	}

/* LOGO */

#main_logo{
	margin:					90px auto 30px;
	display:				block;
	}
	
/* VIDEO */	

#sp_video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
  	/*
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	*/
	}	
	
/* ELEMENTS PROPERTIES */

h1{  
	font-size:				3.3em;
    font-weight: 			100;
    line-height: 			1em;
	}

h2{
	font-family:			'Open Sans', sans-serif;
    font-size:				6.5em;
    font-weight:			100;
    line-height:			0.95em;
	margin:					10px 0 0 0;
	}
	
h3{
	/*font-family:			'Open Sans', sans-serif;*/
    font-size:				4.5em;
    font-weight:			100;
	line-height:			2em;
	text-align:				center;
	}

p{
    font-family: 			'Montserrat', sans-serif;
    color: 					#000;
    line-height:			2.8;
    font-size:				1.1em;
	}

.spec{
	font-size:				0.8em;	
	margin:					10px 0;
	}
	
.important{
	color:					#903;
	font-weight:			100;
	}
	
/* NO SCRIPT */

#noscript{text-align:		center;}
#noscript a{display:		block;}
#noscript p{margin-top:		20px;}
	
/* BODY */

body{
	background-color:		#FFF;	
	margin:					0;
	padding:				0;
    font-family:			'Montserrat', sans-serif;
	font-weight:			100;
	font-size:				1em;
	}
	
/* INTRO */	

#intro_box{
	background-image: url("../img/intro_background.jpg");	
    box-sizing: border-box;
    width: 100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;	
	}
	
#bckground_over_intro	{
    width: 100%;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-45deg, rgba(0, 51, 153, 0.85), rgba(255, 102, 204, 0.85)); /* Standard syntax */
	}	
	
#intro_wrapper{
	color:					#FFF;
	text-align:				center;
	}

#pin1, #pin2, #pin3 { position:relative; margin-top: 30px;}

/* MENU */

#menu_3_lines {
	display: 				inline-block;
	cursor: 				pointer;
	margin-bottom:			24px;
	opacity:				0.8;
	}

.bar{
	width: 					56px;
	height: 				2px;
	border-radius:			1px;
	-webkit-border-radius:	1px;
	-moz-border-radius:		1px;
	background-color:		#fff;
	margin: 				11px 0;
	}
	
a:link, a:visited{
	color:					inherit;
	text-decoration:		inherit;
	}	
	
.overlay {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.89);
    overflow: hidden;
	}

#overlay_content {
    position: relative;
    text-align: center;
	color: #FFF;
	}
	
#overlay_content>a{	
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 2.8em;
    /* font-weight: 100; */
    line-height: 1.6em;
    LETTER-SPACING: 0.1EM;
	}

#close_cross{
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
	}
	
/* LLAMANOS! */

#call_wrapper{
	padding:				60px 0;
	color:					#000;
	text-align:				center;
	position:				relative;
	top:					150px;
	opacity:				0.1;
	}
	

/* FOOTER */

.single_pictures {
    display: table;
    width: 100%;
    color: #fff;
	position:	absolute;
	margin-bottom: 70px;
	}
	
.single_pictures .single_pictures_col{
    width: 33.33333%;
    display: table-cell;
    vertical-align: top;
    position: relative;
	height: 350px;
	}
	
.single_pictures .single_pictures_col .bckground_img {
    position: relative;
    box-sizing: border-box;
    min-height: 100px;
    width: 100%;
    position: absolute;
    z-index: 10;
    height: 350px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;	
	}
	
.bckground_over	{
    background: linear-gradient(rgba(0, 51, 153, 0.65), rgba(255, 102, 204, 0.65)); /* Standard syntax */
    width: 100%;
    height: 350px;	
	}

/* FOOTER (CRAZY) */

.crazy_box{
	background-color:		#D51D02;
	position:				relative;
	text-align:				center;
	}

/* WRAPPER SUPER CLASS */

.wrapper{
	margin:					auto;
	width:					1100px;
	text-align:				center;
	}

/* REDES COLUMNAS */

.redes_col{
    width: 310px;
    display: inline-block;
	}

/* EL AVIÓN */

#container {display: table;}

#container img{
	max-width:634px;
	width:100%;
	min-width:400px;
	}

.row{display: table-row;}

.left, .right, .middle {
	display: table-cell;
	vertical-align:middle;
	padding: 20px;
	width: 50%;
	}

h4{line-height: 3em;}
.left>p, .right>p {line-height: 2em;}
.left{text-align:right}
.right{text-align:left}
#mail_to{line-height: 2em; font-size: 1.8em;}

#empresas table td{
	width:50%;
	vertical-align:middle;
	} 

/* h1 3.3 / h2 6.5 / h3 4.5 / p 1.1*/

@media screen and (max-width: 1158px){
	.wrapper{width:	95%}
	}

@media screen and (max-width: 900px) {
#empresas table td p {
    line-height: 1.6;
    padding: 10px 0px;
	} 
#container img{min-width:250px}
.row{display:inline-block}
.left, .right, .middle {
    width: 90%;
	display:inline-block;
	text-align:center;
	}
#spec p{
    line-height:			2;
	padding:				10px;
	}
	}

@media screen and (max-width: 757px){
	#main_logo{width: 80%}
	h4{line-height: 2.6em}
	}

@media screen and (max-width: 610px){
	h1{/*font-size: 2.5em;*/}
	h2{font-size: 4em;}
	h3{font-size: 2.8em;}
	p{font-size: 0.85em;}
	a{font-size: 0.85em;}
	#overlay_content>a{font-size: 2.2em;}
	#mail_to{font-size: 1.3em;}
	}
	
@media screen and (max-width: 410px){
	h1{font-size: 2.5em;}
	h2{font-size: 3em;}
	h3{font-size: 2.5em;}
	p{/*no reducir más*/}
	#overlay_content>a{font-size: 1.8em;}
	}
	
@media screen and (max-width: 380px){
	.sm_button{width:80%;font-size:0.8em}
	}