@charset "UTF-8";
/* CSS Document */
/*_________________________________________________________________________________________________*/
/*Estilos Generales*/
body{ height:100%; overflow-x:hidden; line-height:1; background-repeat:repeat; background-position:top center; background-image:url(../images/fondo_textura_madera.jpg);}
::selection { background-color: #9b3a45; color:#FFF; transition:all 0.5s ease;}
::-moz-selection {background-color:#9b3a45; color:#FFF;  transition:all 0.5s ease;}
img, object, embed, video { max-width:100%;}
#efecto_parallax{ background-attachment: fixed;}
.efecto_parallax{ background-attachment: fixed;}
/*End Estilos Generales*/
#anuncio-navegador{ visibility:hidden; position:absolute; width:0px; height:0px; overflow:hidden; }
/*_________________________________________________________________________________________________*/
/*Tipograficas*/
@font-face {font-family: 'Conv_BebasNeue';src: url('fonts/BebasNeue.eot');src: local('☺'), url('fonts/BebasNeue.woff') format('woff'), url('fonts/BebasNeue.ttf') format('truetype'), url('fonts/BebasNeue.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanscondensed_light';src: url('fonts/opensans-condlight-webfont.eot'); src: url('fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/opensans-condlight-webfont.woff') format('woff'),url('fonts/opensans-condlight-webfont.ttf') format('truetype'),url('fonts/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Conv_Comfortaa-Light';src: url('fonts/Comfortaa-Light.eot');src: local('☺'), url('fonts/Comfortaa-Light.woff') format('woff'), url('fonts/Comfortaa-Light.ttf') format('truetype'), url('fonts/Comfortaa-Light.svg') format('svg');font-weight: normal;	font-style: normal;}
@font-face {font-family: 'exoregular';src: url('fonts/exo-regular-webfont.eot');src: url('fonts/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/exo-regular-webfont.woff') format('woff'),url('fonts/exo-regular-webfont.ttf') format('truetype'),url('fonts/exo-regular-webfont.svg#exoregular') format('svg');font-weight: normal;font-style: normal;}

.bebas{ font-family: 'Conv_BebasNeue'; text-decoration:none; letter-spacing:2px;}
.bebas-title{font-family: 'Conv_BebasNeue'; text-decoration:none; font-size:100px;}
.open_sans_light{ font-family: 'open_sanscondensed_light';  text-decoration:none;}
.open_sans_light-texto{ font-family: 'open_sanscondensed_light'; font-size:30px;  text-decoration:none;}
.conforta{ font-family: 'Conv_Comfortaa-Light';  text-decoration:none;}
.exo-regular{ font-family: 'exoregular';  text-decoration:none;}
.OpenSans-CondLight_16, .OpenSans-CondLight_18, .OpenSans-CondLight_20{ font-family: 'open_sanscondensed_light';  text-decoration:none;}


#gris_claro{ color:#808080;}
#gris_oscuro{color:#666666;}
#gris_black{color:#333333;}
#blanco{ 	 color:#FFFFFF;}
#blanco_sombra{color:#FFFFFF; text-shadow:3px 3px 8px #333333;}
#negro{ 	 color:#000000;}
#naranja{ 	 color:#ff6700;}
#azul{ 		 color:#0797e9;}
#azul_oscuro{color:#180f46;}
#verde{ 	 color:#87c13f;}
#rojo{ 	     color:#9b3a45;}

/*_________________________________________________________________________________________________*/
/*Botonera*/
.logo{ width:160px; height:160px; float:left; display:block; border:0px none; border-radius:0px 0px 5px 5px; box-shadow:3px 3px 6px rgba(0,0,0,0.6); margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#FFF; text-align:center;}
.logo a{ text-decoration:none; border:0px none;}

#nav{ width:600px; height:150px; position:relative; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
#nav li{ width:150px; height:150px; position:relative; display:block; float:left; list-style:none; text-align:center; font-family: 'open_sanscondensed_light'; font-size:18px;  transition:all 0.5s ease;}
#nav li a{  text-decoration:none; transition:all ease-in-out 0.8s;}

.btn_1{ background-image:url(../images/botonera/btn_1_c.png); background-position:center; background-repeat:no-repeat; background-color:#FFF; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_1_a{ background-image:url(../images/botonera/btn_1_b.png); background-position:center; background-repeat:no-repeat; background-color:#0797e9; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_1:hover, .btn_1_a:hover{  background-image:url(../images/botonera/btn_1_b.png); background-color:#0797e9; width:100px; height:100px; margin:20px auto 5px auto; transform:rotate(720deg);}
.btn_2{ background-image:url(../images/botonera/btn_2_c.png); background-position:center; background-repeat:no-repeat; background-color:#FFF; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_2_a{ background-image:url(../images/botonera/btn_2_b.png); background-position:center; background-repeat:no-repeat; background-color:#ff5000; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_2:hover, .btn_2_a:hover{ background-image:url(../images/botonera/btn_2_b.png); background-color:#ff5000; width:100px; height:100px; margin:20px auto 5px auto; transform:rotate(720deg);}
.btn_3{ background-image:url(../images/botonera/btn_3_c.png); background-position:center; background-repeat:no-repeat; background-color:#FFF; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_3_a{ background-image:url(../images/botonera/btn_3_b.png); background-position:center; background-repeat:no-repeat; background-color:#87c13f; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_3:hover, .btn_3_a:hover{ background-image:url(../images/botonera/btn_3_b.png); background-color:#87c13f; width:100px; height:100px; margin:20px auto 5px auto; transform:rotate(720deg);}
.btn_4{ background-image:url(../images/botonera/btn_4_c.png); background-position:center; background-repeat:no-repeat; background-color:#FFF; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_4_a{ background-image:url(../images/botonera/btn_4_b.png); background-position:center; background-repeat:no-repeat; background-color:#9b3a45; background-size:contain; width:85px; height:85px; position:relative; display:block; margin:30px auto 10px auto; border-radius:290px;}
.btn_4:hover, .btn_4_a:hover{ background-image:url(../images/botonera/btn_4_b.png); background-color:#9b3a45; width:100px; height:100px; margin:20px auto 5px auto; transform:rotate(720deg);}
.btn_2-1{ color:#fff;}

#nav > li {	float:left; transition:all 0.5s ease;}
#nav li ul {display:none; margin:-3px 0px 0px -25px; padding:0px 0px 0px 0px; position:absolute; width:220px; background-color:#180f46; z-index:999; transition:all 0.5s ease;}
#nav li ul li {height:auto; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px; width:220px; transition:all 0.5s ease; text-align:left;}
#nav li ul li:hover { background-color:#160c77; transition:all 0.5s ease;}
#nav li:hover > ul {display:block; transition:all 0.5s ease;}
#nav li ul li ul {top:3px;left:245px; transition:all 0.5s ease;}

#botonera{height:150px; position:fixed; display:block; margin:0px 0px 0px 0px; top:0px; background-color:#333333; background-image:url(../images/patron_b_1.png); background-position:center; background-repeat:repeat; z-index:999;}
#menu_responsve{ background-image:url(../images/botonera/Negenex_logo_responsive.png);background-repeat:no-repeat; background-position:left; background-size:contain; opacity:0; visibility:hidden; position: absolute;}
/*_________________________________________________________________________________________________*/
/*Box*/
#box-1{ width:155px; height:155px; position:relative; display:block; margin:0px auto 0px auto; padding:30px 0px 0px 20px; background-image: url(../images/quienes_somos/icono.png); background-position:center; background-repeat:no-repeat; background-size:contain; text-align:center;}
#box-2{ width:130px; height:130px; position:relative; display:block; margin:5px 15px 0px 0px; padding:0px 0px 0px 0px; float:left;}
#box-2_1{ width:375px; height:130px; position:relative; display:block; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition:all ease 1s;}
#box-2_1:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);}
#box-2 a{ width:150px; height:150px; position:absolute; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); text-align:center; transition:all ease 1s;}
#box-2 a:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);}
#box-3{ width:325px; height:520px; position:relative; display:block; margin:70px auto 0px auto; }
#box-4{ width:160px; height:80px;  position:relative; display:block; margin:20px 0px 20px 55px;}
#box-5{ width:290px; height:380px; position:relative; display:block; margin:20px auto 0px auto; }
#box-6{ width:975px; height:325px; position:relative; display:block; margin:0px auto 0px auto; padding:0px 0px 0px 0px; background-image:url(../images/productos-servicios/mapa_b.png); background-position: left; background-repeat:no-repeat; transition:all 0.5s ease; }

#box-7{ width:740px; height:400px; position:relative; display:block; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
#box-8{ width:220px; height:260px; position:relative; display:block; margin:40px 40px 0px 0px; padding:0px 0px 0px 0px; float:left;}
#box-8-last{ width:220px; height:260px; position:relative; display:block; margin:40px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;}
#box-7e{ width:975px; height:325px; position:relative; display:block; margin:0px auto 0px auto; padding:0px 0px 0px 0px; background-image:url(../images/productos-servicios/mapa_b.png); background-position: left; background-repeat:no-repeat; transition:all 0.5s ease; }
#box-7_c{ width:960px; height:600px; position:relative; display:block; margin:40px auto 0px auto; padding:0px 0px 0px 0px;}
#box-7_d{ width:550px; height:500px; position:relative; display:block; margin:50px auto 0px auto; padding:0px 0px 0px 0px;}
#box-8_c{ width:150px; height:190px; position:relative; display:block; margin:40px 40px 0px 0px; padding:0px 0px 0px 0px; float:left;}
#box-8-last_c{ width:150px; height:190px; position:relative; display:block; margin:40px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;}
#box-9{ width:150px; height:150px; position:relative; display:block; margin:0px auto 10px auto; padding:0px 0px 0px 0px; border-bottom:#180f46 1px solid; box-shadow:0px 0px 0px #fff; transition:all ease 0.5s;}
#box-9:hover{ box-shadow:-3px -3px 8px #ccc;}
#box-11{ width:150px; height:170px; position:relative; display:block; margin:20px 0px 20px 20px; padding:0px 0px 0px 0px; text-align:center; float:left;}
#box-11-l{ width:150px; height:170px; position:relative; display:block; margin:20px 0px 20px 10px; padding:0px 0px 0px 10px; text-align:center; float:left;}
#box-12{ width:150px; height:133px; position:relative; display:block; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:center; border:5px solid #c8c8c8; background-color:#FFF;}

/*_________________________________________________________________________________________________*/
/*Layaout*/
#layaout_1{ width:100%; height:auto;background-color:#ff5000; background-image:url(../images/patron_b.png); background-position:left; background-repeat:repeat; z-index:500; overflow:hidden; padding:40px 0px 0px 0px; margin-top:0px;}
#layaout_2{width:100%; height:11px; position:relative; display:block; margin:20px auto 0px auto; background-image:url(../images/home/patron_2.png); background-position:left top; background-repeat:repeat-x; top:1px;}
#layaout_3{height:auto; width:100%; position:relative; display:block; clear:both; margin:105px auto 0px auto; padding:120px 0px 80px 0px; background-image:url(../images/quienes_somos/fondo.jpg); background-position:center; background-repeat:no-repeat; text-align:center;}
#layaout_4{ height:485px; position:relative; display:block; margin:105px auto 0px auto; background-image:url(../images/productos-servicios/fondo_1.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;}
#layaout_5{ width:100%; height:450px; position:relative; display:block; margin:0px auto 0px auto; background-color:#180f46; background-image:url(../images/patron_b.png); background-position:left; background-repeat:repeat; z-index:500;}

/*_________________________________________________________________________________________________*/
/*Article*/
#article_1{ width:725px; height:310px; position:relative; display:block; margin:0px  auto 0px auto; clear:both; top:10px;}
/*_________________________________________________________________________________________________*/
/*Section*/
#section_1{ width:545px; height:565px; position:relative; display:block; margin:0px 0px 0px 0px; text-align:justify; float:left; background-image:url(../images/home/maps.png); background-position:center; background-repeat:no-repeat;}
#section_2{ top:-101px; text-align: left; background-color:rgba(0,0,0,0.7); padding:10px 0px 0px 30px; background-image: url(../images/home/logos.png); background-position:right; background-repeat:no-repeat;}
#section_3{ float:left; background-image:url(../images/contacto/postal.png); background-position:center bottom; background-size:contain; background-repeat:no-repeat;}
#section_4{ padding:20px 0px 20px 0px; float:right; border-radius:5px 5px 5px 5px; border:1px solid #ccc; box-shadow:1px 1px 10px #ccc; overflow:hidden; }
#section_5{ width:210px; height:210px; position:absolute; display:block; text-align:center; float:left; transition:all 0.5s ease; cursor:pointer;}
#section_5-l{ width:175px; height:175px; position:absolute; display:block; text-align:center; float:left; transition:all 0.5s ease; cursor:pointer;}
#section_5 img, #section_5-l img{ transition:all 1s ease;}
#section_5 img:hover, #section_5-l img:hover{ transform:rotate(720deg);}

/*_________________________________________________________________________________________________*/
/*Aside*/
/*_________________________________________________________________________________________________*/
/*figure*/
#figure_1{ width:320px; height:290px; background-image:url(../images/home/personas.png); background-position:center bottom; background-repeat:no-repeat; background-size:contain; top:12px; margin:0px auto 0px auto; position:relative; }
#figure_2{ width:190px; height:190px; background-image:url(../images/home/icono_trabajo.png); background-repeat:no-repeat; background-position:center; background-size:cover;  position:relative; display:block; margin:120px 0px; left:-25px;}
#figure_3{ width:45px; height:34px; position:relative; display:block; margin:0px 0px 0px -15px; padding:0px 0px 0px 0px; float:left;}

/*_________________________________________________________________________________________________*/
/*Inicio*/
#galeria{ margin-top:105px;	}
.slide_1{ background-image:url(../images/home/galeria/1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:420px;}
.slide_2{ background-image:url(../images/home/galeria/2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:420px;}
.slide_3{ background-image:url(../images/home/galeria/3.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:420px;}
.slide_4{ background-image:url(../images/home/galeria/4.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:420px;}
#accion_social{width:320px; height:34px; position:relative; left:0px; display:block; float:left; margin:0px 0px 0px 0px; transition:all ease 0.5s;}
#accion_social:hover, #accion_social:active{ left:-160px;}
#icono_social{ width:45px; height:34px; position:relative; display:block; float:left; margin:0px 0px 20px 0px;}
#content_social{ width:160px; height:34px; position:relative; display:block; float:left; margin:0px 0px 20px 0px; display:block; overflow:hidden; cursor:pointer;}
#texto_social{width:160px; height:34px; position:relative; display:block; float:left; display:block;}
#boton_social{width:160px; height:30px; position:relative; display:block; float:left; display:block; padding:5px 0px 0px 0px;}
#maps_index{ width:210px; height:328px; position:absolute; margin:107px 0px 0px 70px; overflow:hidden; transform:rotate(-14deg);}
#title-empresa{width:330px; height:75px; position:absolute; margin:10px 30% 0px 30%; top:-39px; background-color:#ffffff; overflow:hidden; border-radius:10px 10px 0px 0px; background-image:url(../images/home/negenex-tipografia.png); background-position:center bottom; background-repeat:no-repeat; z-index:1;}

/*_________________________________________________________________________________________________*/
/*Quienes somos*/
.anima_icono{
	-webkit-animation-name: anima-icono-somos;
    -webkit-animation-duration: 8s;
    -webkit-animation-delay: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -webkit-animation-direction: normal;
	-moz-animation-name: anima-icono-somos;
    -moz-animation-duration: 8s;
    -moz-animation-delay: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
    -moz-animation-direction: normal;
	}
/*_________________________________________________________________________________________________*/
/*Servicios*/
.icono_1{ background-image: url(../images/productos-servicios/icono_servicios/icono_1.png); background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; margin:120px 0px 0px 10px;}
.icono_2{ background-image: url(../images/productos-servicios/icono_servicios/icono_2.png); background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; margin:10px 0px 0px 160px;}
.icono_3{ background-image: url(../images/productos-servicios/icono_servicios/icono_3.png); background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; margin:120px 0px 0px 345px;}
.icono_4{ background-image: url(../images/productos-servicios/icono_servicios/icono_4.png); background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; margin:10px 0px 0px 495px;}
#marca-1, #marca-2, #marca-3, #marca-4{ width:110px; height:110px; position:absolute; border-radius:290px; background-color:#FFF; transition:all ease 0.5s; text-align:center; overflow:hidden; transition:all 0.5s ease; padding:10px;}
#marca-1:hover, #marca-2:hover, #marca-3:hover, #marca-4:hover{ transform:rotate(360deg);}
#marca-1:active, #marca-2:active, #marca-3:active, #marca-4:active{ transform:rotate(360deg);}

#marca-1{ margin:80px 0px 0px 200px;}
#marca-2{ margin:200px 0px 0px 340px;}
#marca-3{ margin:150px 0px 0px 500px;}
#marca-4{ margin:220px 0px 0px 655px;}
/*_________________________________________________________________________________________________*/
/*Contacto*/

.text_box, .text_select { background-color:transparent !important; border:none  !important; box-shadow: none  !important; border-bottom: 1px dashed #9B3A45 !important; font-family: 'open_sanscondensed_light' !important; font-size:16px !important; color: #000 !important; text-transform:capitalize; margin: 0  !important; padding: 1.5rem !important; margin: 1rem;}
.text_area{  height:90px ;background-color:#FFF !important; border:none  !important; box-shadow: none  !important; border-bottom: 1px dashed #9B3A45 !important; font-family: 'open_sanscondensed_light' !important; font-size:16px !important; color: #000 !important; text-transform:capitalize; margin: 0  !important; padding: 1.5rem !important; margin: 1rem;}
.g-recaptcha{padding: 1.5rem 0 1.5rem 0;}
.form_button{ background-color: #9B3A45; width:100%; font-size: 18px; border:none; color: #fff; padding: .5rem; font-family: 'open_sanscondensed_light';}
.alert-box{margin-bottom: 0 !important;}
.destruye{display: none}
/*_________________________________________________________________________________________________*/
/*Categorias*/
#brochure_abi{ margin:-10px 0; position: relative; width: 100% !important; height: 81% !important; min-width: 1024px !important; min-height: 750px !important;}
#texto_servicios{margin-top:200px;}
.categoria{ text-align:center}
#espaciador{ width:100%; height:100px; clear:both; position:relative;}

.zoom {display:inline-block;}
.zoom img {display: block;position: static;}
.zoom img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }
#box-producto{ width:60px; height:60px;  position:relative; display:block; margin:-5px 15px 0px 0px; padding:0px 0px 0px 0px; background-color:#FFF; float:left; box-shadow:2px -2px 8px #ccc; transition:all ease 1s;}
#box-producto img{ width:100%; height:100%;}
#box-producto:hover, #box-producto:active{ transform:rotate(360deg)}
#box-volver{ width:auto; height:auto;  position:relative; clear:both; margin:35px 17px 0px 0px; padding:5px 10px 5px 10px; background-color:#9a3a45; float: left; text-decoration:none; text-align:center; color:#FFF; transition:all ease 1s; border-radius:5px;}
#box-volver:hover{  box-shadow:2px 2px 8px #ccc; color:#9a3a45; background-color:#D40307;}
/*_________________________________________________________________________________________________*/
/*Productos*/
/*_________________________________________________________________________________________________*/
/*Footer*/
footer{ width:100%; height:auto; position:relative; display:block; bottom:0px; background-color:#333333; font-family: 'open_sanscondensed_light';  color:#fff; text-align:center; margin:100px auto 0px auto; clear:both;}
footer a{ color:#fff; text-decoration:none; transition:all ease 0.5s;}
footer a:hover{ color:#aa1928; text-shadow:1px 1px 3px #aa1928;}
#logo_footer{ width:120px; height:120px; position:relative; margin:0px auto -80px auto; top:-90px; background-color:#FFF; border-radius:290px; text-align:center; transition:all ease 1s;}
#logo_footer:hover{ transform:rotate(720deg)}
.senal_abajo{ width:80px; height:60px; position:fixed; display:block; clear:both; bottom:10px; right:10px; z-index:999; transition:all 0.8s ease; cursor:pointer;}
.flecha_abajo{ width:80px; height:30px;display:block; position:absolute; clear:both; background-image:url(../images/flecha_ab.png); background-position:center; background-repeat:no-repeat;margin:20px auto 0px auto; transition:all 0.8s ease;cursor:pointer;
	-webkit-animation-name: anima-flecha;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -webkit-animation-direction: normal;
	-moz-animation-name: anima-flecha;
    -moz-animation-duration: 0.3s;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
    -moz-animation-direction: normal;
}
.flecha_oculta{ visibility:hidden;}

.senal_arriba{ width:80px; height:60px; position:fixed; display:block; clear:both; top:160px; z-index:999; right:10px; transition:all 0.8s ease; cursor:pointer;}
.flecha_arriba{ width:80px; height:30px;display:block; clear:both; background-image:url(../images/flecha_ar.png); background-position:center; background-repeat:no-repeat;margin:20px auto 0px auto; transition:all 0.8s ease;cursor:pointer;
	-webkit-animation-name: anima-flecha;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -webkit-animation-direction: normal;
	-moz-animation-name: anima-flecha;
    -moz-animation-duration: 0.3s;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
    -moz-animation-direction: normal;
}

/*_________________________________________________________________________________________________*/
/*Responsive*/
@media only screen and (min-width: 761px) and (max-width: 1000px){
#figure_1{ width:240px; height:357px; top:0px;}
#figure_2{ width:150px; height:150px; margin:200px 0px;}
#box-6{ width:750px; height:325px; }
#box-7_c{ width:100%;padding:0px 5% 0px 5%;}
#brochure_abi{ margin:0; height: 100%;  min-width: 100% !important; min-height: 100% !important;}
}
@media only screen and (min-width: 641px) and (max-width: 760px){
	#botonera{ width:0px; height:0px; position:absolute; overflow:hidden; opacity:0; visibility:hidden;}
	#layaout_3{margin:0px auto 0px auto; }
	#galeria{ margin-top:0px;}
	#contacto{ margin-top:100px}
	#menu_responsve{ opacity:1; visibility: visible; position: relative;}
	#figure_1{ width:0px; height:0px;}
	#figure_2{ width:130px; height:130px; margin:260px 0px;}
	#title-empresa{width:330px; height:75px; position:relative; margin:10px 20% 0px 20%; top:-123px; }
	#section_2{ top:-55px; text-align:center; height:80px; padding:10px 0px 0px 30px; background-position: center bottom; }
	#section_1{ background-image:url(../images/home/maps_responsive.png);}
	.senal_abajo, .senal_arriba{ width:0px; height:0px; position:absolute; overflow:hidden; opacity:0; visibility:hidden;}
	#box-6{ width:100%; height:325px; background-image:none;}
	#layaout_4{margin:0px auto 0px auto; background-position:right;}
	#marca-1, #marca-2, #marca-3, #marca-4{ width:130px; height:130px; position:relative; float:left; margin:40px 0px 0px 60px;}
	#section_5{ width:175px; height:175px; position: relative; margin:0px 0px 0px 0px;}
	#section_5-l{ width:150px; height:150px; position: relative; margin:20px 0px 0px 0px;}
	#article_1{ width:100%;}
	#texto_servicios{margin-top:50px;}
	#box-7_c{ width:100%;padding:0px 10% 0px 10%;}
    #brochure_abi{ margin:0; height: 100%;   min-width: 100% !important; min-height: 100% !important;}


}
@media only screen and (min-width: 450px) and (max-width: 640px){
	#botonera{ width:0px; height:0px; position:absolute; overflow:hidden; opacity:0; visibility:hidden;}
	#galeria{ margin-top:0px;}
	#contacto{ margin-top:100px}
	#layaout_3{margin:0px auto 0px auto; }
	#menu_responsve{ opacity:1; visibility: visible; position: relative;}
	#figure_1{ width:400px; height:300px;}
	#figure_2{ width:380px; height:380px; margin:10px auto 10px auto;}
	#title-empresa{width:330px; height:75px; position:relative; margin:10px 5% 0px 5%; top:-123px; }
	#section_2{ top:-55px; text-align:center; height:80px; padding:10px 0px 0px 30px; background-position: center bottom; }
	#section_1{ background-image:url(../images/home/maps.png);}
	#content_maps{ overflow:hidden;}
	.senal_abajo, .senal_arriba{ width:0px; height:0px; position:absolute; overflow:hidden; opacity:0; visibility:hidden;}
	#box-6{ width:100%; height:325px; background-image:none;}
	#layaout_4{margin:0px auto 0px auto; background-position:right;}
	#marca-1, #marca-2, #marca-3, #marca-4{ width:130px; height:130px; position:relative; float:left; margin:40px 0px 0px 60px;}
	#section_5{ width:175px; height:175px; position: relative; margin:0px 0px 0px 0px;}
	#section_5-l{ width:150px; height:150px; position: relative; margin:20px 0px 0px 0px;}
	#article_1{ width:100%;}
	#texto_servicios{margin-top:50px;}
	#box-7_d{ width:100%; height:auto; padding:20px 0px 20px 0px;}
	#box-7_c{ width:100%;padding:0px 10% 0px 10%;}
    #brochure_abi{ margin:0; height: 100%;   min-width: 100% !important; min-height: 100% !important;}

}
@media only screen and (min-width: 50px) and (max-width: 449px){
	#botonera{ width:0px; height:0px; position:absolute; overflow:hidden; opacity:0; visibility:hidden;}
	#section_3{ background-image: none;}
	#galeria{ margin-top:0px;}
	#contacto{ margin-top:100px}
	#layaout_3{margin:0px auto 0px auto; }
	#menu_responsve{ opacity:1; visibility: visible; position: relative;}
	#figure_1{ width:250px; height:200px;}
	#figure_2{ width:200px; height:200px; margin:10px auto 10px auto;}
	#title-empresa{width:330px; height:75px; position:relative; margin:10px 5% 0px 5%; top:-123px; }
	#section_2{ top:-0px; text-align:center; height:80px; padding:10px 0px 0px 30px; background-position: right bottom; }
	#section_1{ background-image:url(../images/home/maps.png);}
	#content_maps{ overflow:hidden;}
	.senal_abajo, .senal_arriba{ width:0px; height:0px; position:absolute; overflow:hidden; opacity:0; visibility:hidden;}
	#box-6{ width:100%; height:auto; padding:20px 0px 20px 0px; background-image:none;}
	#layaout_4{margin:0px auto 0px auto; height:auto; padding:0px 0px 50px 0px; background-position:right;}
	#marca-1, #marca-2, #marca-3, #marca-4{ width:130px; height:130px; position:relative; float:left; margin:20px 0px 20px 20px;}
	#section_5{ width:175px; height:175px; position: relative; margin:0px 0px 0px 0px;}
	#section_5-l{ width:150px; height:150px; position: relative; margin:20px 0px 0px 0px;}
	#article_1{ width:100%;}
	#texto_servicios{margin-top:50px;}
	#box-7_d{ width:100%; height:auto; padding:20px 0px 20px 0px;}
	#box-7_c{ width:100%; padding:0px 10% 0px 10%;}
    #brochure_abi{ margin:0; height: 100%;   min-width: 100% !important; min-height: 100% !important;}

}
/*_________________________________________________________________________________________________*/
/*Animaciones*/
@keyframes anima-icono-somos{
0% 		{ transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
2%		{ transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
15% 	{ transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px); }
40% 	{ transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
100% 	{ transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}

@keyframes catalogo{
0% 	{ transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
20% { transform: rotate(720deg) scale(1.2) skew(0deg) translate(0px); }
40% { transform: rotate(720deg) scale(1.2) skew(0deg) translate(0px); }
80% { transform: rotate(0deg)   scale(1) skew(0deg) translate(0px); }
100% { transform: rotate(0deg)   scale(1) skew(0deg) translate(0px); }
}

@-moz-keyframes anima-icono-somos{
0% 		{ -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
2%		{ -moz-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
15% 	{ -moz-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px); }
40% 	{ -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
100% 	{ -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}

@-moz-keyframes catalogo{
0% 	{ -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
20% { -moz-transform: rotate(720deg) scale(1.2) skew(0deg) translate(0px); }
40% { -moz-transform: rotate(720deg) scale(1.2) skew(0deg) translate(0px); }
80% { -moz-transform: rotate(0deg)   scale(1) skew(0deg) translate(0px); }
100% { -moz-transform: rotate(0deg)   scale(1) skew(0deg) translate(0px); }
}

@-webkit-keyframes anima-icono-somos{
0% 	{ -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
2%		{ -webkit-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
15% 	{ -webkit-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px); }
40% 	{ -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
100% 	{ -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}

@-webkit-keyframes catalogo{
0% 	{ -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
20% { -webkit-transform: rotate(720deg) scale(1.2) skew(0deg) translate(0px); }
40% { -webkit-transform: rotate(720deg) scale(1.2) skew(0deg) translate(0px); }
80% { -webkit-transform: rotate(0deg)   scale(1) skew(0deg) translate(0px); }
100% { -webkit-transform: rotate(0deg)   scale(1) skew(0deg) translate(0px); }
}

@keyframes anima-flecha{
0%		{  margin:25px auto 0px auto}
25%		{  margin:18px auto 0px auto}
50% 	{  margin:25px auto 0px auto}
75% 	{  margin:23px auto 0px auto}
100%	{  margin:25px auto 0px auto}

}
/*End_Animaciones*/