@charset "UTF-8";

img, object, embed, video 	{ max-width: 100%;}
.ie6 img 					{ width:100%;}
.cleare					{ clear:both; display: block; }
.gridContainer 			{ margin-left: auto;margin-right: auto;width: 87.36%;padding-left: 1.82%;padding-right: 1.82%; }

body{
	font-size: 15px;
	line-height: 22px;
	font-family: 'Roboto', sans-serif;
	}

#w_menu{
	display: none;
	background: #fff;
	border-top: 2px solid #f00;
	position: fixed;
	width: 100%;
	top: 0;
	padding: 20px 0 0 0;
	z-index: 999;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	}

#w_sub_menu{
	display: none;
	width: 100%;
	position: fixed;
	padding: 15px;
	top: 114px;
	z-index: 900;
	background: #f00;
	}

.dentro_sub_menu{
	width: 80%;
	margin:auto;
	text-align: center;
	}

#w_sub_menu ul li{
	display: inline;
	*display: inline-block;
	zoom: 1;
	text-align: center;
	}

#w_sub_menu ul li a{
	color: #fff;
	font-size: 13px;
	letter-spacing: 1px;
	display: inline-block;
	margin: 0 2.5%;
	
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}

#w_sub_menu ul li a:hover{
	color: #000
	}

#por_sec.sub_top{
	margin-top: 17px;
	}

.para_ancla{
	position: absolute;
	width: 2px;
	height: 1px;
	top: -23%;
	z-index: 2;	
	}

#logo{
	float: left;
	width: 30%;
	}

#nav{
	width: 70%;
	float: right;
	}

#nav ul li{
	display: inline;
	*display: inline-block;
	zoom: 1;
	text-align: right;
	}

#nav ul li a{
	color: #b1b3b5;
	font-size: 12px;
	letter-spacing: 1px;
	border-bottom: 2px solid #fff;
	display: inline-block;
	padding: 30px 3px;
	
	
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}

#nav ul a:hover{
	color: #F00;
	border-bottom: 2px solid #f00;
	}
	
#nav ul a.activo{
	color: #F00;
	border-bottom: 2px solid #f00;
	}

#slide{
	margin: 0px 0 0 0;
	}

.caption{
	position: absolute;
	width: 80%;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 10;
	color: #fff;
	top: 20%;
	text-align: center;
	font-weight: 300;
	font-size: 15px;
	line-height: 25px;
	}

.btn_slide{
	color: #fff;
	display: none;
	border: 1px solid #f00;
	font-size: 11px;
	letter-spacing: 4px;
	font-weight: 300;
	width: 100px;
	margin: 10% auto 0;
	
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}

.btn_slide:hover{
	color: #fff;
	background: #f00;
	}

#flotante_bienvenido{
	float: left;
	width: 70%;
	padding: 5% 5% 0% 13%;
	color: #939597;
	height: auto;
	font-size: 18px;
	line-height: 25px;
	}

#flotante_bienvenido_{
	float: left;
	width: 70%;
	padding: 5% 5% 0% 13%;
	color: #939597;
	height: auto;
	font-size: 18px;
	line-height: 25px;
	}

#flotante_bienvenido_fin{
	float: left;
	width: 80%;
	padding: 5% 5% 0% 13%;
	color: #939597;
	height: auto;
	font-size: 18px;
	line-height: 25px;
	}

.titulo{
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 5px;
	}

#bg_rojo{
	background: url(../images/bg_rojo.png) no-repeat center right / cover;
	float: right;
	width: 100%;
	height: 140px;
	position: relative;
	}

#w_seg{
	background: url(../images/bg_serv.jpg) center bottom;
	padding: 5% 0;
	}

.flotante_seg_home{
	width: 90%;
	float: left;
	padding: 3% 0;
	height: 90px;
	position: relative;
	}

.flotante_seg_home h1{
	color: #000;
	font-size: 24px;
	letter-spacing: 4px;
	}

#seg_personal{
	background: url(../images/bg_personal.png) center / cover;
	text-align: center;
	color: #fff;
	font-size: 18px;
	letter-spacing: 3px;
	}

#linea_arriba{
	border-top: 1px solid #ccc
	}

#seg_empresarial{
	background: url(../images/bg_empresarial.png) center / cover;
	text-align: center;
	color: #fff;
	font-size: 18px;
	letter-spacing: 3px;
	}

.postura{
	position: absolute;
	width: 100%;
	height: 110px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index:2;
	}

.overlay_seg{
	background: rgba(255,0,0,0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}

.flotante_seg_home:hover .overlay_seg{
	background: rgba(255,0,0,0);
	}

#frase{
	background: url(../images/bg_frase.png) center / cover;
	padding: 10% 0;
	font-size: 28px;
	line-height: 35px;
	font-weight: 300;
	text-align: center;
	}

#frase span{
	color: #f00;
	font-weight: 700;
	}

#w_contacto_h{
	position: relative;
	height: 100%;
	background: #f7f8f8;
	overflow: hidden;
	}

#desc_contacto{
	top: 0;
	padding: 5% 5% 0 20%;
	color: #808284;
	position: relative;
	left: 0;
	height: 100%;
	top: 0;
	width: 66%;
	}

h2{
	color: #f00;
	}

#desc_contacto span{
	color: #000;
	}

#form_home{
	position: relative;
	width: 94%;
	padding: 5% 0 0 6%;
	height: 100%;
	background: #f1f1f2;
	top: 0;
	right: 0;
	}

.input{
	border: 0;
	background: #f7f8f8;
	padding: 15px 20px;
	font-size: 12px;
	letter-spacing: 2px;
	margin: 5px 0;
	width: 75%;
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}

.input:hover{
	background: #fff;
	}

#send{
	background: #000; color: #fff; width: 100px; font-size: 10px; letter-spacing: 5px;
	
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}

#send:hover{
	background: #f00;
	}

#w_maps{
	position: relative;
	height: 80vh;
	}

#w_maps iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
#w_maps iframe.clicked{
	pointer-events: auto;
}

#footer{
	display: none;
	background: #f00;
	padding: 15px 0;
	color: #9d0a0e;
	font-size: 12px;
	letter-spacing: 2px;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 999
	}

#logo_ft{
	float: left;
	width: 40%;
	}

#redes_ft{
	float: right;
	text-align: right;
	width: 40%;
	padding: 0 0 0 0;
	color: #fff;
	font-size: 14px;
	}

#redes_ft a{
	color: #fff;
	}

/*------------------------------------------------------------nosotros------------------------------------------------*/

#por_sec{
	position: relative;
	height: 130px;
	margin: 17px 0 0 0;
	}

#por_sec span{
	font-size: 12px;
	letter-spacing: 3px;
	color: #f00;
	}

#historia{
	padding: 4% 0 15% 0;
	background: #f1f1f2;
	position: relative;
	}

/*.anio{
	width: 28%;
	float: left;
	margin: 2%;
	color: #939597;
	}*/



.anio{
	margin: 2%;
	color: #939597;
	}

.anio p{
	padding: 2% 0 2% 5%;
	
	height: 150px;
	}

.float_inv{
	width: 96%;
	text-align: center;
	float: left;
	margin: 2%;
	color: #939597;
	}


.titulo_anio{
	color: #f00;
	letter-spacing: 3px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	}

#frase_int{
	position: absolute;
	width: 97%;
	background: #ccc;
	height: 40vh;
	z-index: 4;
	display: none;
	}

#frase_int_inv{
	position: relative;
	width: 97%;
	background: #ccc;
	height: 400px;
	z-index: 4;
	}

#txt_frase{
	position: absolute;
	width: 50%;
	margin: auto;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 40px;
	line-height: 47px;
	top: 45%;
	text-align: center;
	}

.w_mision{
	padding: 0% 0 0 0;
	position: relative;
	height: auto;
	}

#flotante_vis{
	float: right;
	width: 66%;
	padding: 5% 20% 0% 5%;
	color: #939597;
	height: auto;
	font-size: 18px;
	line-height:25px;
	}

#bg_vis{
	background: url(../images/bg_rojo.png) no-repeat center right / cover;
	float: left;
	width: 50%;
	height: 50vh;
	position: relative;
	}

#valores{
	background: #f7f8f8;
	padding: 8% 0;
	font-size: 20px;
	line-height: 27px;
	text-align: center;
	color: #939597;
	font-weight: 300;
	}

#valores span{
	color: #f00;
	font-weight: 700;
	}

#w_mdrt{
	padding: 5% 0;
	position: relative;
	height: 65vh;
	background: url(../images/bg_mdrt.jpg) center / cover;
	}

#logo_mdrt{
	position:absolute;
	right: 0;
	width: 50%;
	top: 30%;
	text-align: center;
	}

#txt_drt{
	position: relative;
	background: #fff;
	width: 100%;
	padding: 3%;
	bottom: 0;
	left: 0;
	color: #939597;
	}




li.dropdown {
    display: inline-block;
	position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
	left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	text-align: center;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.w_seg_cat{
	position: relative;
	height: auto;
	}

.bg_gris		{ background: #f1f1f2; }
.bg_blanco		{ background: #fff; }

.foto_seg{
	height: 230px;
    left: 0;
    width: 100%;
	position:relative;
	}

.foto_seg_r{
	position: relative;
	right: 0;
	top: 0;
	height: 100%;
	width: 40%;
	}

.info_cat_r{
	position: relative;
	right: 0;
	width: 100%;
	}

.info_cat_l{
	position: relative;
	left: 0;
	width: 100%;
	}

.content_info{
	padding: 7%;
	}

.flot_seg_cat{
	float: left;
	width: 100%;
	margin: 0 1.5%;
	color: #939597;
	}

#centro{
	padding: 5% 0;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	}

#w_inv{
	background: #f1f1f2;
	padding: 4% 0;
	}

.centro_inv{
	text-align: center;
	width: 85%;
	margin: auto;
	font-size: 18px;
	line-height: 25px;
	}

.site-wrap 					{ min-height: 100%;min-width: 100%;background-color: white; position: relative;top: 0;bottom: 100%;left: 0;z-index: 1;background-size: 200%;}

.navigation 				{ width: 260px; height: 100%;position: absolute; top: 5px; bottom: 0;left: 0;z-index: 0;background: #000;list-style: none; padding:0 0 50px 0; margin:0; display:block }
.navigation li 				{ border-bottom: 1px dotted #ccc; text-align: center; color: #ccc; }
.navigation li.float		{ padding-left: 40px }
.navigation li.float a		{ display: inline-block; zoom: 1; *display: inline; }
.navigation li a 			{ display: block;padding: 1em 0 1em 12px;color: #fff;text-align: left;font-size: 1em;text-decoration: none;transition: color 0.2s, background 0.5s;}
.navigation li a.activo		{ color: #d0b066; }

.nav-trigger 				{ position: absolute;clip: rect(0, 0, 0, 0);display: none;}
label[for="nav-trigger"] 	{ display: block; position: absolute;left: 15px; top: 15px;z-index: 3; height: 30px;width: 30px;cursor: pointer;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6' fill='red'/><rect y='24' width='15' height='6' fill='red'/><rect y='12' width='30' height='6' fill='red'/></svg>");background-size: contain;
}

/*para abrir */
.nav-trigger + label, .site-wrap 	{transition: left 0.2s;}
.nav-trigger:checked + label 		{left: 290px;}
.nav-trigger:checked ~ .site-wrap 	{left: 260px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);}

/*body								{overflow-x: hidden;}*/

#ip_logo					{ display: block; position: relative; text-align: center; width: 100%; z-index: 9; top 0; background: #fff;}

.listass li{
	list-style:outside
	}

.w_mision_inv{
	padding: 0% 0 0 0;
	position: relative;
	height: auto;
	}

#flotante_bienvenido_inv{
	float: left;
	width: 70%;
	padding: 5% 5% 0% 13%;
	color: #939597;
	height: 340px;
	font-size: 18px;
	line-height: 25px;
	}

#bg_rojo_fi {
    height: 200px;
	background: url(../images/bg_rojo.png) no-repeat center right / cover;
	float: right;
	width: 100%;
	position: relative;
}

#circulo{
	background: url(../images/circulo.png) no-repeat;
	width: 370px;
	height: 370px;
	margin: auto;
	position:relative;
	display: none;
	}

.dot{
	background: #d8d8d9 url(../images/btn_mass.png) repeat scroll -3px -3px;
    border: 5px solid #f1f1f2;
    border-radius: 16px;
    cursor: pointer;
    display: block;
    height: 19px;
    width: 19px;
	text-align:center;
	
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}

.dot:hover, .dot.agregar{ background: #F00  url(../images/btn_mass.png) repeat scroll -3px -3px; }

.txt_abc p{
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	}


#a					{ left: 97px; top: 31px; position: absolute;}
#txt_a				{ left: -368px; top: -29px; position: absolute; text-align: right; width: 360px;}
#txt_a p			{ opacity: 0; }

#b					{ left: 251px; top: 31px; position: absolute;}
#txt_b p			{ left: 372px; top: -23px; position: absolute; text-align: left; width: 360px; opacity: 0 }

#c					{ left: 326px; top: 170px; position: absolute;}
#txt_c p			{ left: 372px; top: 181px; position: absolute; text-align: left; width: 360px; opacity: 0 }

#d					{ left: 247px; top: 303px; position: absolute;}
#txt_d	p			{ left: 350px; top: 321px; position: absolute; text-align: left; width: 360px; opacity: 0 }

#e					{ left: 87px; top: 303px; position: absolute;}
#txt_e	p			{ left: -390px; top: 321px; position: absolute; text-align: right; width: 360px; opacity: 0 }

#f					{ left: 13px; top: 170px; position: absolute;}
#txt_f	p			{ left: -470px; top: 121px; position: absolute; text-align: right; width: 360px; opacity: 0 }

#txt_a p.ver, #txt_b p.ver, #txt_c p.ver, #txt_d p.ver, #txt_e p.ver, #txt_f p.ver			{ opacity: 1 }

#t_a{ position:absolute; right: -110px; }
#t_b{ position:absolute; left: 280px; top: -13px;}
#t_c{ position:absolute; left: 370px; top: 157px;}
#t_d{ position:absolute; left: 281px; top: 327px;}
#t_e{ position:absolute; left: 21px; top: 327px;}
#t_f{ position:absolute; left: -59px; top: 158px;}

#time_ip			{ display: block;}

.descargas				{ width: 100%; float:left; text-align: center; margin: 0 2%}
.alto_ip	{ height:480px }
.alto_ip	p{ color: #999}
@media only screen and (min-width: 481px) {
.gridContainer			{ width: 90.675%; padding-left: 1.1625%; padding-right: 1.1625%;}
}


@media only screen and (min-width: 769px) {
.alto_ip	{ height: auto}
.descargas			{ width: 45%; float:left; text-align: center; margin: 0 2%}
.navigation			{ display: none; }
#bg_rojo_fi 		{ height: 65vh;width: 50%;}
#flotante_bienvenido_fin{ width: 29%; height: 340px;}
.w_mision_inv		{ height: 95vh;}
.float_inv			{ width: 16%;}
.centro_inv			{ width: 35%;}
#w_sub_menu			{ display: block;}
#por_sec.sub_top	{ margin-top: 167px;}
#por_sec			{ height: 40vh;}
.flot_seg_cat		{ width: 30%;}
#flotante_vis		{ width: 20%; height: 30vh}
#frase_int			{ display: block;}
#time_ip			{ display: none;}
#circulo			{ display: block; }

#flotante_bienvenido_inv{
	float: left;
	width: 30%;
	padding: 13% 5% 6% 10%;
	height: auto;
	color: #939597;
	font-size: 16px;
	line-height: 25px;
	}

.input					{ width: 45%;}
#footer					{ display: block;}
#form_home				{ position: absolute; width: 40%; padding: 5% 0 0 10%;}
#w_contacto_h			{ height: 73vh;}
#desc_contacto			{ position: absolute;width: 25%;}
.flotante_seg_home		{ width: 30%;	height: 30vh;}
#bg_rojo				{ width: 50%; height: 50vh;}
#flotante_bienvenido	{height: 30vh;padding: 3% 5% 0 7%;width: 36%;}
#flotante_bienvenido_	{ width: 30%;padding: 15% 5% 0 10%; height: 30vh;}
#slide					{ margin: 110px 0 0 0;}
.btn_slide				{ display: block;}
.caption				{ width: 630px; font-size: 35px; line-height: 47px; font-weight: 700; top: 42% }

label[for="nav-trigger"] 	{ display: none;}
#w_menu					{ display: block;}
#ip_logo				{ display: none; }

.foto_seg_r, .foto_seg				{ width: 30%; position: absolute; height: 100%; }
.info_cat_l, .info_cat_r			{ width: 70%; position: absolute }
.w_seg_cat				{ height: 110vh;}
.w_mision				{ height: 73vh;}
#bg_rojo				{ height: 70vh;}
#w_contacto_h			{ height: 80vh;}
#form_home				{ padding: 2% 0 0 10%;}
#desc_contacto			{ padding: 2% 5% 0 20%;}
.gridContainer			{ width: 88.2%; max-width: 1232px; padding-left: 0.9%; padding-right: 0.9%; margin: auto;}
#txt_drt				{ width: 35%; left: 8%; margin-bottom: 40px; position:absolute}
}

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

#flotante_bienvenido_inv	{ font-size: 18px;}
#flotante_bienvenido	{ padding: 2% 5% 0 16%;width: 26%;height: 30vh;}
#flotante_bienvenido_	{ width: 20%;padding: 8% 5% 0% 20%;height: 30vh;}
.foto_seg_r, .foto_seg			{ width: 40%; }
.info_cat_l, .info_cat_r			{ width: 60%; }
.w_seg_cat				{ height: 80vh;}
.w_mision				{ height: 60vh;}
#bg_rojo				{ height: 63vh;}
#w_contacto_h			{ height: 73vh;}
#form_home				{ padding: 5% 0 0 10%;}
#desc_contacto			{ padding: 5% 5% 0 20%;}
#txt_drt				{ width: 20%; left: 17%;}
}