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

@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');


/*
body::-webkit-scrollbar {
    width: 10px;
}
 
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(247,3,0,1);
  border-radius:5px;
  
}
 
body::-webkit-scrollbar-thumb {
  background-color:rgba(247,3,0,1);
  outline: 1px solid slategrey;
}

body::-webkit-scrollbar-thumb:hover {
  background-color:rgba(247,3,0,1);
}

body::-webkit-scrollbar-thumb:active {
  background-color:rgba(247,3,0,1);
}
*/





body
{
	margin:0;
}

*
{
	box-sizing:border-box;	
}

a
{
	text-decoration:none;
}


#menu_movil
{
	display:none;
}

#menu_tablet
{
	display:none;	
}



.apagar_pc
{
	display:none;
}


.cont1
{
	width:100%;
	height:auto;	
}

.cont2
{
	width:50%;
	height:auto;	
}

.cont3
{
	width:33.33%;
	height:auto;	
}

.cont4
{
	width:25%;
	height:auto;	
}

.cont6
{
	width:16.66%;
	height:auto;	
}

.cont66
{
	width:66.66%;
	height:auto;	
}

.cont75
{
	width:75%;
	height:auto;	
}

.centrar
{
	display:flex;
	align-items:center;
	justify-content:center;	
}

.div_centrado
{
	width:100%;
	max-width:1190px;
	height:auto;	
}

.light
{
	font-weight: 300;
}

.bold
{
	font-weight: 700;
}

.rojo
{
	color: #F70300;	
	/* background-color: rgba(247,3,0,1.00) */
	
}

.azul
{
	color: #112082;	
}

.roboto
{
	font-family: 'Roboto', sans-serif;	
}

.parallax
{
	background-attachment:fixed;
	background-repeat: no-repeat;
}

.texto
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #666;	
	font-weight: 300;
	line-height: 21px;
}

.titulo1
{
	font-family: 'Roboto', sans-serif;
	font-size: 46px;
	color: #333;	
	font-weight: 300;
}

.titulo2
{
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	color: #333;	
}

.titulo3
{
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #333;	
}

.boton_fantasma
{
	width:200px;
	height: auto;
	display:block;
	text-align:center;
	border: 1px solid #e1271d;	
	padding-left: 15px;
	padding-right: 15px;
	padding-top:15px;
	padding-bottom:15px;
	color: #e1271d;
	font-size:16px;
	font-family: 'Roboto', sans-serif;

	cursor: pointer;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.boton_fantasma:hover
{
    background-color: #e1271d;
	color: #fff;
	outline:none;
}

.boton_fantasma_rojo
{
	width:200px;
	height: auto;
	display:block;
	text-align:center;
	border: 1px solid #000;	
	padding-left: 15px;
	padding-right: 15px;
	padding-top:15px;
	padding-bottom:15px;
	color: #fff;
	background-color: #e1271d;
	font-family: 'Roboto', sans-serif;

	cursor: pointer;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.boton_fantasma_rojo:hover
{
    background-color: #b40900;
	color: #fff;
	outline:none;
}

.vinculo_menu
{
	width:auto;
	height:70px;
	padding-left:20px;
	padding-right:20px;
	color: #fff;
	
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	cursor: pointer;
	font-weight: 300;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.vinculo_menu:hover
{
	background-color: #990204;
}

.sub_vinculo
{
	display:block; 
	cursor:pointer;	
	text-align: center;
	background-color: #e1271d;
	padding:10px;
	color: #fff;
	transition:all .2s ease;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
}

.sub_vinculo:hover
{
	background-color: #b40900;
}

.altura_slider
{
	width:100%;
	height:400px;
	min-height:400px;
	max-height:400px;	
}

.separador
{
	display:block; 
	width:70px; 
	height:5px; 
	background-color: #F70300; 
	margin:0 auto;	
	margin-top: 20px;
}

.separador100
{
	display:block; 
	width:100%; 
	height:5px; 
	background-color: #F70300; 
	margin:0 auto;	
	margin-top: 20px;
}

.padding
{
	padding-left: 90px;
	padding-right: 90px;	
}

.acerca_padding
{
	margin-left:120px;	
}

.flex_column
{
	flex-direction: row;	
}

.texto_slider
{
	padding-top:100px; 
	padding-bottom:100px; 
	padding-left:200px;
	padding-right:200px	
}

.texto_slider1
{
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 55px;
	color: #333;	
}

.texto_slider2
{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 200;
	color: #333;	
}

.div_estadisticas
{
	height:auto;
	min-height:300px; 
	margin-top: 60px; 
	margin-bottom:80px;	
	
	background: linear-gradient(rgba(0,0,0,0.50), rgba(0,0,0,0.50)),url(../images/estadisticas.jpg); 
	background-size:cover; 
	background-repeat:no-repeat; 
	background-position:center;
	background-attachment:fixed;
}

.estadistica
{
	border-right: 1px solid #fff; 
	color:#fff; 
	flex-direction:column;
}	

.index_contacto
{
	background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)) ,url(../images/index_contacto.jpg); 	background-size: cover; 
	background-repeat:no-repeat; 
	background-position:center;	
	background-attachment: fixed;
}

.div_catalogo
{
	flex-direction:column; 
	margin-top: 60px; 
	padding-left:40px; 
	padding-right:40px;	
}

.div_proyecto
{
	width:360px;
	height:430px;
	display:flex;
	align-content:center;
	justify-content:center;
	flex-direction:column; 
	margin-top: 60px; 
	margin-left:20px; 
	margin-right:20px;	
	padding: 30px;
	
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	
}

.div_proyecto:hover .proyecto
{
	border: 1px solid #fff;
	background-color: rgba(0,0,0,0.4);
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}

.div_proyecto:hover .desc_proyecto
{
	display:block;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}


.proyecto
{
	color: #fff;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	padding:20px;
	
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}

.desc_proyecto
{
	color: #fff;
	margin-top:20px; 
	display:none; 
	text-align:center;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}



.textbox_contacto
{
  width:100%; 
  height: auto;
	
  border: 1px solid #fff;
  font-size: 16px;
  font-weight:300;
  padding:10px;
  color: #fff;
  background-repeat:no-repeat;
  background-color: transparent;
  box-sizing:border-box;
  resize: none;
font-family: 'Roboto', sans-serif;	
  
  background-position: left center;
  
}

.textbox_contacto::placeholder 
{ 
 	color: #fff;
}

.textbox_contacto:hover
{
  color: #FFB0B1;
  outline:0px;
}

.textbox_contacto:focus
{
  color: #D0C9F9;
  outline:none;
  outline:0px;
}

.div_texto_acerca
{
	align-items:stretch; 
	margin-left:25px;
	margin-bottom:70px;
}

.texto_acerca
{
	margin-left:25px;  
	display:flex; 
	align-items:flex-start; 
	justify-content:center; 
	flex-direction:column;	
}





/* EFECTOS */

.pulse 
{
	
}

.pulse:hover
{
	animation-name: pulse_animation;
	animation-duration: 1500ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes pulse_animation {
	0% { transform: scale(1);  }
	/*30% { transform: scale(1.08);  }
	40% { transform: scale(1.15); }*/
	50% { transform: scale(1.20);  }
	/*60% { transform: scale(1.15); }
	70% { transform: scale(1.08); }*/
	90% { transform: scale(0.9); }
	100% { transform: scale(1);}
}


.div_valor
{
	margin-right: 85px;	
}


/* /EFECTO */



.texto_valores
{
	padding-top:90px; 
	padding-bottom:100px; 
	padding-right:90px; 
	padding-left:100px; 
	flex-direction:column;	
}

.fondo_seccion_empresa
{
	height: 400px;	
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/empresa_fondo.jpg);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:right; 
	position:relative;
}

.fondo_seccion_servicios
{
	height: 400px;	
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/servicios_fondo.jpg);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center; 
	position:relative;
}

.fondo_seccion_catalogo
{
	height: 400px;	
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/seccion_catalogo_fondo.jpg);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center; 
	position:relative;
}

.fondo_seccion_portafolio
{
	height: 400px;	
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/portafolio_fondo.jpg);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center; 
	position:relative;
}

.fondo_seccion_galeria
{
	height: 400px;	
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/galeria_fondo.jpg);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center; 
	position:relative;
}

.titulo_seccion
{
	width:350px;
	height: 70px;	
}

.div_galeria
{
	position:relative;
	overflow:hidden;
	max-width:340px;
	margin: 10px;
}

.div_galeria:hover .img_galeria
{
	transform:scale(1.2);
}

.color_galeria
{
	width:100%; 
	height:385px; 
	background-color: rgba(17,32,130, 0.3); 
	position:absolute; 
	z-index:2;
	bottom:-700px;	
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

.div_galeria:hover .color_galeria
{
	bottom:0px;
}

.lupa
{
	font-size:28px; 
	position:absolute; 
	z-index:3; 
	color:#fff;	
}

.texto_galeria
{
	position:absolute; 
	z-index:3; 
	color:#fff;	
	bottom: 100px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}


.img_galeria
{
	width:100%;
	height:385px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

/* ======== 	/PC 	=========== */







	

















/* ======== 	TABLET 	=========== */


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

#menu_tablet
{
	display:flex;	
}

#menu_pc
{
	display:none;	
}

#menu_movil
{
	display:none;	
}

.cont2
{
	width:100%;
	height:auto;	
}

.cont3
{
	width:50%;
	height:auto;	
}

.cont4
{
	width:50%;
	height:auto;	
}

.cont6
{
	width:100%;
	height:auto;	
}

.cont66
{
	width:100%;
	height:auto;	
}

.padding
{
	padding-left: 40px;
	padding-right: 40px;	
}

.acerca_padding
{
	margin-left:0px;	
	margin-top:50px;
}

.flex_column
{
	flex-direction: column;	
}

.div_estadisticas
{
	padding-top: 80px;
	padding-bottom: 80px;
}
	
	
.estadistica
{
	border:none; 
	border-bottom: 1px solid #fff;
	margin-bottom:25px; 
	color:#fff; 
	flex-direction:column;
}		
	
.div_catalogo
{
	flex-direction:column; 
	margin-top: 60px; 
	padding-left:0px; 
	padding-right:0px;	
}

.div_texto_acerca
{
	align-items:center;
	justify-content:center; 
	flex-direction:column;
	margin-bottom:70px;
}

.texto_acerca
{
	margin-left:0px;  
	display:flex; 
	align-items:flex-start; 
	justify-content:center; 
	flex-direction:column;	
}

.div_valor
{
	margin-right: 0px;
	margin-bottom: 65px;	
}

.foto_valores
{
	width:100%;
	height:500px;	
}
	
.texto_valores
{
	padding-top:90px; 
	padding-bottom:100px; 
	padding-right:40px; 
	padding-left:40px;
	flex-direction:column;	
}

.desc_proyecto
{
	display:block;	
}

.proyecto
{
	border: 1px solid #fff;	
}
	
	
.apagar_tablet
{
	display:none;
}	
	
.apagar_movil
{
	display:none;
}

.color_galeria
{
	bottom:0px;	
}

	
	
}



/* ======== 	/TABLET 	=========== */


















/* ======== 	MOVIL 	=========== */


@media only screen and (max-width:750px)
{
	
#menu_tablet
{
	display:none;	
}
	
#menu_pc
{
	display: none;
}

#menu_movil
{
	display:block;
}


.cont2
{
	width:100%;
	height:auto;	
}

.cont3
{
	width:100%;
	height:auto;	
}

.cont4
{
	width:100%;
	height:auto;	
}

.cont6
{
	width:100%;
	height:auto;	
}	

.cont66
{
	width:100%;
	height:auto;	
}


.titulo1
{
	font-size: 38px;
}


.vinculo_menu
{
	width:100%;
	height:auto;
	display:block;
	color: #fff;
	margin-left:0px;
	margin-right: 0px;
	padding:20px;
	
	
	text-align:left;
}

.padding
{
	padding-left: 20px;
	padding-right: 20px;	
}

.acerca_padding
{
	margin-left:0px;	
}

.altura_slider
{
	width:100%;
	height:300px;
	min-height:300px;
	max-height:300px;	
}

.texto_slider
{
	padding-top:50px; 
	padding-bottom:50px; 
	padding-left:50px;	
	padding-right:50px	
}

.texto_slider1
{
	font-size: 30px;
	color: #333;	
}

.texto_slider2
{
	font-size: 14px;
	color: #333;	
}

.div_estadisticas
{
	height:auto;
	min-height:300px; 
	margin-top: 60px; 
	margin-bottom:80px;	
	
	background: linear-gradient(rgba(0,0,0,0.50), rgba(0,0,0,0.50)),url(../images/estadisticas.jpg); 
	background-size:cover; 
	background-repeat:no-repeat; 
	background-position:center;
	background-attachment:fixed;
}

.estadistica
{
	border:none; 
	border-bottom: 1px solid #fff;
	margin-bottom:25px; 
	color:#fff; 
	flex-direction:column;
}	

.div_catalogo
{
	flex-direction:column; 
	margin-top: 60px; 
	padding-left:0px; 
	padding-right:0px;	
}

.div_texto_acerca
{
	align-items:center;
	justify-content:center; 
	flex-direction:column;
	margin-bottom:70px;
}

.texto_acerca
{
	margin-left:0px;  
	display:flex; 
	align-items:flex-start; 
	justify-content:center; 
	flex-direction:column;	
}

.div_valor
{
	margin-right: 0px;
	margin-bottom: 65px;	
}

.foto_valores
{
	width:100%;
	height:300px;	
}

.texto_valores
{
	padding-top:90px; 
	padding-bottom:100px; 
	padding-right:20px; 
	padding-left:20px;
	flex-direction:column;	
}

.desc_proyecto
{
	display:block;	
}

.proyecto
{
	border: 1px solid #fff;	
}
	
.pie_contacto
{
	margin-top:30px;
}

.pie_logo
{
	margin-top: 50px;	
}

#contenedor_de_vinculos
{
	left:-1000px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

#contenedor_de_vinculos.abrir_menu
{
	left: 0px;
}

.boton_fantasma
{
	width:120px;	
}

.boton_fantasma_rojo
{
	width:120px;
}

.titulo_seccion
{
	width:250px;	
}

.fondo_seccion_empresa
{
	height: 400px;	
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/empresa_fondo_movil.jpg);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:right; 
	position:relative;
}

.fondo_seccion_servicios
{
	height: 400px;	
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/servicios_fondo_movil.jpg);
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center; 
	position:relative;
}


.apagar_tablet
{
	display:none;
}	
	
.apagar_movil
{
	display:none;
}

.fondo_seccion_galeria
{
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/galeria_fondo_movil.jpg);
	background-position:right;
}

.color_galeria
{
	bottom:0px;	
}


}


/* ======== 	/MOVIL 	=========== */