/* CSS Document */


body {
	padding: 0px;
	margin: 0px;
	background: #fff;

}

@font-face {
	font-family: 'AGENCYB';
	src: url('./AGENCYB.eot');
	src: local('AGENCYB'), url('./AGENCYB.woff') format('woff'), url('./AGENCYB.ttf') format('truetype');
}

.verif{ 
    display: none; 
    color: #666666;
    
}


@font-face {

    font-family: 'abril_fatfaceregular';

    src: url('fonts/abrilfatface-regular-webfont.woff2') format('woff2'),
url('fonts/abrilfatface-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

 */@font-face {
	font-family:'FontAwesome';
	src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');
	src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(http://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(http://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(http://fonts.gstatic.com/s/raleway/v11/STBOO2waD2LpX45SXYjQBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(http://fonts.gstatic.com/s/raleway/v11/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

header{

	z-index:1;
	padding:0;
	top:0;
	margin:0 auto;
	width:auto;
}



.wrapper{
		padding:2%;
}

@media screen and (min-width:1366px) {
.wrapper{
	max-width: 1280px;
	margin:0px auto;}
.empresa1{
	width: 1280px;
	margin:0px auto; }
}
.col1 {
	min-width:50%;
	align:left;
	float:left;
 	padding:0;
 	margin:0;
	font-family: 'AGENCYB' !important;
	color: #000000;
	font-size: 1.4rem;
z-index:1;

}

 .col2 {
	float:left;
	min-width:50%;
	display: inline-block;
	font-family: 'AGENCYB' !important;
	color: #000000;
z-index:1;
}

 .col2 ul{
	min-width:100%;
	float:right;
	margin:0;
	padding: 0;
	list-style:none;
	display: block;
}

 .col2 ul li{
	display: inline-block;
	text-align: center;
	min-width:24%;
 	padding:30px 0 20px 0;
	font-family: 'AGENCYB' !important;
	font-size: 1.1rem;
	float:right;

}

 .col2 ul li a {
	text-decoration: none;
	position: relative;
	outline: none;
color:#000000;
text-transform:uppercase;
border-bottom:4px solid #ffffff;
}


 .col2 ul li a:hover, .col2 ul li .active { 
border-bottom:4px solid #fdd42b;
-moz-transition:all linear 0.5s 0s; 
 -webkit-transition:all linear 0.5s 0s;
 transition:all ease 0.5s 0s;
}

.active { 
border-bottom:4px solid #fdd42b;
-moz-transition:all linear 0.5s 0s; 
 -webkit-transition:all linear 0.5s 0s;
 transition:all ease 0.5s 0s;
}
.
prod{

	background-color:#203570;
	min-width:80%;
	margin:0 auto;
	overflow: hidden;

	border: none;
	display: block;
	padding: 0;

}


@-webkit-keyframes movimiento-aparicion {
   from {opacity: 0;
 	filter:  alpha(opacity=0);}   
   to {opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@keyframes movimiento-aparicion {
   from {opacity: 0;
 	filter:  alpha(opacity=0);}   
   to {opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@-moz-keyframes movimiento-aparicion {
   from {opacity: 0;
 	filter:  alpha(opacity=0);}   
   to {opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@-o-keyframes movimiento-aparicion {
   from {opacity: 0;
 	filter:  alpha(opacity=0);}   
   to {opacity: 1;
 	filter:  alpha(opacity=100);}
 }
.contenedor {
 	margin:0 auto;
	background-color:#203570;
	padding: 0;

	width:100%;
	overflow: hidden;

	border: none;
	display: block;
	height:auto;
-webkit-animation-name: movimiento-aparicion;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: normal;
  -webkit-animation-direction: alternate;

animation-name: movimiento-aparicion;
   animation-duration: 2s;
   animation-iteration-count: normal;
  animation-direction: alternate;

-moz-animation-name: movimiento-aparicion;
   -moz-animation-duration: 2s;
   -moz-animation-iteration-count: normal;
  -moz-animation-direction: alternate;

-o-animation-name: movimiento-aparicion;
   -o-animation-duration: 2s;
   -o-animation-iteration-count: normal;
  -o-animation-direction: alternate;

}


.carrusel img{
 	width:auto;
	float:left;
	display: block;
text-align:center;
}

@media screen and (max-width:1280px) {
.carrusel img{
	width: 320px;
	}

}

@media screen and (max-width:1020px) {
.carrusel img{
	width: 300px;
	}
}

@media screen and (max-width:920px) {
.carrusel img{
	width: 250px;
	}
.col1 img {
	width:214px;
	}
.col1 {
	font-size: 1.2rem;
	}

}

@media screen and (max-width:765px) {
.carrusel img{
	width: 190px;
	}
.col1 img {
	width:190px;
	}
.col1 {
	font-size: 1.06rem;
	}
 .col2 ul li{
	font-size: .9rem;
	}
}

@media screen and (max-width:500px) {
.carrusel img{
	width: 320px;
	}
.col1 img {
	width:290px;
	}
.col1 {
	font-size: 1.6rem;
	min-width:100%;
	margin:0, auto;
	}
.col2 {
	width:0;
	height:0;
	display:none;
	}
 .col2 ul li{
	font-size: .8rem;
	}
}
.titleprod{
	width:100%;
	text-align:center;
	margin:0 auto;
	font-family:'abril_fatfaceregular', sans-serif;
	font-size:2.5em;
	color:#ffffff;	
 	height:50px;
	position:relative;
display:block;
}

.carrusel>div{
	
	width:324px;
	text-align: center;
	float:left;
}


@media screen and (max-width:1280px) {
.carrusel>div{
	width: 333px;
	}

}

@media screen and (max-width:1020px) {
.carrusel>div{
	width: 300px;
	}
}

@media screen and (max-width:920px) {
.carrusel>div{
	width: 250px;
	}
}

@media screen and (max-width:765px) {
.carrusel>div{
	width: 190px;
	}
}

@media screen and (max-width:500px) {
.carrusel>div{
	width: 330px;
	margin:0 auto;
	}
.pie .menu ul li a{
	margin-left: 10px;
	font-size: 1rem;
}
  
    
}
.carrusel>div a{

	text-decoration: none;
	position: relative;
	outline: none;
	color:#ffffff;
}


.carrusel>div a .nombre{
	padding:35px 0 0 0;
	outline: none;
	text-align: center;
    	position: relative;
	font-family:'Raleway', sans-serif;
	font-size:1.2em;
	margin:10px 0 0 0;

}


.carrusel>div a .nombre span{


	margin:0 0 0 0;
}


.visible{
	border-bottom:5px solid #fdd42b;
	-moz-transition:all linear .5s 0s; 
 	-webkit-transition:all linear .5s 0s;
 	transition:all ease .5s 0s;


}


.carrusel>div a:hover .nombre span{

	border-bottom:5px solid #fdd42b;
	-moz-transition:all linear .5s 0s; 
 	-webkit-transition:all linear .5s 0s;
 	transition:all ease .5s 0s;
}



@media screen and (min-width:1366px) {
.fichas{
	max-width: 1280px;
	margin:0px auto;}

}

.fichas{
	min-width:100%;
	overflow: auto;

	padding: 0;

	height: Auto;

	font-family: 'Raleway', sans-serif;

	font-size: .9em;

	background-color: #fff;
	display: block;
} 

.fichascont{
max-width: 1280px;
height: auto;
overflow: visible;
	margin:10px auto;
}
.fichas h1{
	text-align: left;
	margin:0;
}
.fichas h2{
	text-align: center;
	font-size: 1em;

}

.fichas hr{ height:2px;
	background-color:#ccc;
	margin:0;
	border: 0;
} 

.fichas .fcont{
	max-width:25%;

	margin:0px -1px 1px -1px;
	float:left;
	display: inline-block;
border:#CCCCCC 1px solid;
} 

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

.fichas .fcont{
	max-width:33.33%;
	}
}

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

.fichas .fcont{
	max-width:50%;
	}
}

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

.fichas .fcont{
	min-width:100%;
	}
}



.fichas .fcont .fcol{
	margin:5px 10px;
	float:left;
	display: inline-block;
	text-align: justify;
} 

.fcol img{
	margin:0 auto;
	max-width:130px;
	float:center;
display:block;
} 

#boton{	width:160px;
	height:25px;
	background-color:#1c4899;
	margin: 0 auto;
	text-align:center;
} 

#boton a{ 	
	 line-height: 25px;
	text-decoration: none;
	outline: none;
	color:#ffffff;
	font-size: .9em;
	display:block;
	text-shadow: 0.05em 0.05em #333;
}

#boton a:hover{ 	
	background-color:#2d66a8;
	font-weight:600;
}

#boton1{	width:200px;
	height:35px;
	background-color:#fdd42b;
	margin: 0 auto;
	text-align:center;
} 

#boton1 a{ 	
	 line-height: 35px;
	text-decoration: none;
	outline: none;
	color:#000;
	font-size: 1.2em;
	display:block;
	text-shadow: 0.05em 0.05em #fff;
}

#boton1 a:hover{ 	
	background-color:#ffe720;
	font-weight:600;
}

footer {min-width:100%;
padding:0;
margin:0px;
} 
.pie{min-width:96%;
	display:block;
	overflow: auto;

	margin:50px 0 -50px 0;

	padding:0;
	min-height: 120px;
	background-color:#191919;
	position: relative;
}

.pie .menu{
	background-color:#191919;
	min-width:50%;
	float: left;
	display: inline-block;
	font-family: 'AGENCYB' !important;
	color: #ffffff;
	margin:0;
	padding: 0;
}


.pie .menu ul {
	min-width:100%;
	display: inline-block;	
	float: left;
	margin:0;
	padding: 0;
	list-style:none;
}
.pie .menu ul li{
	text-align: center;
	min-width:24%;
	display: inline-block;
 	padding:50px 0 0 0;
	text-align: center;	
	font-family: 'AGENCYB' !important;
	font-size: 1.1rem;
}

.pie .menu ul li a:hover{
	color:#cccccc;
}

.pie .menu ul li a{
	text-decoration: none;
	position: relative;
	outline: none;
	color:#ffffff;
	text-transform:uppercase;
}
.pie .datos{
	background-color:#191919;
	min-width:50%;
	float: left;
	font-family: 'AGENCYB' !important;
	color: #ffffff;
}

.contem {
 	margin:0;
	background-color:#203570;
	padding: 0 0 0 0;

	min-width:100%;
	overflow: hidden;

	border: none;
	display: block;
	max-height:400px;

}

.contem .colem1{
	background-color:#203570;
	padding: 0 0 0 3%;

	min-width:38%;
	overflow: hidden;

	border: none;
	display: inline-block;

}

.contem .colem2{
	background-color:#203570;
	padding: 0px 0 0 0;

	max-width:58%;
	overflow: hidden;

	border: none;
	display: inline-block;
	float:right;
}
@-webkit-keyframes movimiento-vertical {
   0%, 50% { margin-top: 100%;}
   100% {margin-top: 0%;}
}   
@keyframes movimiento-vertical {
   0%, 50% { margin-top: 100%;}
   100% {margin-top: 0%;}
}  
@-moz-keyframes movimiento-vertical {
   0%, 50% { margin-top: 100%;}
   100% {margin-top: 0%;}
}  
@-o-keyframes movimiento-vertical {
   0%, 50% { margin-top: 100%;}
   100% {margin-top: 0%;}
}  

.contem .colem2 img{
	align:right;
	float:right;
	width:100%;
	height: auto;
-webkit-animation-name: movimiento-vertical;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: normal;
   -webkit-animation-direction: alternate;

animation-name: movimiento-vertical;
   animation-duration: 2s;
   animation-iteration-count: normal;
   animation-direction: alternate;

-moz-animation-name: movimiento-vertical;
   -moz-animation-duration: 2s;
   -moz-animation-iteration-count: normal;
   -moz-animation-direction: alternate;

-o-animation-name: movimiento-vertical;
   -o-animation-duration: 2s;
   -o-animation-iteration-count: normal;
   -o-animation-direction: alternate;

}
@-webkit-keyframes movimiento-diagonal {
  0%, 50% {left: -400px;} 
   100% {left: 0px;}
}   
@keyframes movimiento-diagonal {
  0%, 50% {left: -400px;} 
   100% {left: 0px;}
}   
@-moz-keyframes movimiento-diagonal {
  0%, 50% {left: -400px;} 
   100% {left: 0px;}
}   
@-o-keyframes movimiento-diagonal {
  0%, 50% {left: -400px;} 
   100% {left: 0px;}
}   



@-webkit-keyframes movimiento-diagonal2 {
   0%, 50% {left: 800px; }
   100% {left: 0px;}
}   
@keyframes movimiento-diagonal2 {
   0%, 50% {left: 800px; }
   100% {left: 0px;}
}   
@-moz-keyframes movimiento-diagonal2 {
   0%, 50% {left: 800px; }
   100% {left: 0px;}
}   
@-o-keyframes movimiento-diagonal2 {
   0%, 50% {left: 800px; }
   100% {left: 0px;}
}   



.contcolem1 {
 	margin:0;
	padding: 0 0 0 0;

	min-width:100%;
	border: none;
	display: block;
	max-height:400px;
	position: absolute;
	z-index:1000;

}

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

.contcolem1 {
	min-width:1280px;
	max-width: 1280px;
	margin:0 auto;
	position: relative;

 }
}

.colem1_1 {
 	margin:0 3%;

	padding: 0 0 0 0;

	max-width:38%;
	overflow: hidden;

	border: none;
	display: block;
	max-height:400px;
	position: relative;
	z-index:1005;

}
.colem1_1 .soluciones{
	margin: 19% auto 2% auto;

	font-family: 'Raleway', sans-serif;

	font-size: 3.5em;
	font-weight:800;
	text-align:left;
	color: #fff;
   width: 100%;
   -webkit-animation-name: movimiento-diagonal;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: normal;
   -webkit-animation-direction: alternate;

   animation-name: movimiento-diagonal;
   animation-duration: 2s;
   animation-iteration-count: normal;
   animation-direction: alternate;

   -moz-animation-name: movimiento-diagonal;
   -moz-animation-duration: 2s;
   -moz-animation-iteration-count: normal;
   -moz-animation-direction: alternate;

   -o-animation-name: movimiento-diagonal;
   -o-animation-duration: 2s;
   -o-animation-iteration-count: normal;
   -o-animation-direction: alternate;



   position: relative;


}


.colem1_1 .industriales{
	margin: -15% 2% 2% auto;

	font-family: 'Raleway', sans-serif;

	font-size: 3.5em;
	font-weight:800;
	text-align:right;
	color: #fff;
	border-bottom:12px solid #fdd42b;
	line-height:3;
  	width: 100%;
 -webkit-animation-name: movimiento-diagonal2;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: normal;
   -webkit-animation-direction: alternate;

 animation-name: movimiento-diagonal2;
   animation-duration: 2s;
   animation-iteration-count: normal;
   animation-direction: alternate;

 -moz-animation-name: movimiento-diagonal2;
   -moz-animation-duration: 2s;
   -moz-animation-iteration-count: normal;
   -moz-animation-direction: alternate;

 -o-animation-name: movimiento-diagonal2;
   -o-animation-duration: 2s;
   -o-animation-iteration-count: normal;
   -o-animation-direction: alternate;


   position: relative;
}

.safety {
 	margin:0;
	background-color:#ffffff;
	padding: 0 0 0 0;

	min-width:100%;
	overflow: hidden;

	border: none;
	display: block;
	min-height:130px;
	font-family: 'abril_fatfaceregular',serif;
	font-weight:400;
	font-size: 3.5em;
	text-align:center;
	top:0px;
	position:relative;
	line-height:1;
}

.empresa {
 	margin:0;
	padding: 0 0 0 0;

	min-width:100%;
	overflow: hidden;

	border: none;
	display: block;
	background:url(images/plant.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
		min-height:400px;
}

.empresa1 {
 	margin:0;
	padding: 0 0 0 0;

	min-width:100%;
	overflow: hidden;

	border: none;
	min-height:400px;
	font-family: 'Raleway', sans-serif;

	font-size: 1.1em;
	font-weight:400;
	text-align:justify;
	color:#ffffff;
	z-index:100;
}

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

.empresa1 {
	min-width:1280px;
	max-width: 1280px;
	margin:0 auto;

 }
}

.empresa1 h1{
	text-align:center;
	font-size: 1.5em;
}
.empresa1 .em {
 	margin:2%;
	padding: 0 0 0 0;

	border: none;
	position:relative;
}


.empresa1 .mision{
	padding: 0;

	max-width:46%;
	overflow: hidden;

	border: none;
	display: inline-block;
	font-family: 'Raleway', sans-serif;

	font-size: 1.1em;
	font-weight:400;
	text-align:justify;
	color:#ffffff;
	float:left;
	margin:2%;
}

.empresa1 .vision{
	padding: 0;

	max-width:46%;
	overflow: hidden;

	border: none;
	display: inline-block;
	font-family: 'Raleway', sans-serif;

	font-size: 1.1em;
	font-weight:400;
	text-align:justify;
	color:#ffffff;
	float:right;
	margin:2%;
}

.servicios {
 	margin:0;
	background-color:#ffffff;
	padding: 0 0 0 0;

	min-width:100%;
	overflow: hidden;

	border: none;
	display: block;
	max-height:90px;
	font-family: 'abril_fatfaceregular',serif;
	font-weight:400;
	font-size: 3em;
	text-align:center;
	top:0px;
	position:relative;
	line-height:1;
}

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

.servicios {
	min-width:1280px;
	max-width:1280px;
	margin:0 auto;

 }

}


@media screen and (min-width:1366px) {
.contserv {
	min-width:1280px;
	max-width:1280px;
	margin:20px auto;

 }

}

.contserv {
	max-width:96%;
	height:250px;
	margin:2%;
	display: block;
	overflow: hidden;

}

.serv{
	min-width:100%;
	display: block;
	overflow: hidden;

	position:relative;
}
.contserv .serv .icons{
	margin:0 auto;
	min-width:25%;
	display: inline-block;
	overflow: hidden;

	position:relative;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size: 1.2em;
	text-align:center;
	float:left;
}



.contserv .serv .icons  img{
	border: none;
}
.contserv .serv .icons .nom {
	margin:30px;
	display: block;
	min-width:25%;
}
.contserv .serv .icons .nom span{

	border: none;
	position:relative;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size: 1.5em;
	text-align:justify;

}

#cotiza{min-width:100%;
	height:35px;
	display: block;
	text-align:center;
} 

#cotiza .boton{width:220px;
	height:35px;
	background-color:#fdd42b;
text-transform:uppercase;
	margin: 0 auto;
	text-align:center;
} 

#cotiza .boton a{ 	
	 line-height: 35px;
	text-decoration: none;
	outline: none;
	color:#000;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: 600;
   font-size: 1em;
	display:block;

}

#cotiza .boton a:hover{ 	
	box-shadow: 0 0 10px 5px #fdbb2b inset; 
	font-weight:600;



}

.marcas {
 	margin:0;
	background-color:#ffffff;
	padding: 0 0 0 0;

	min-width:100%;
	overflow: hidden;

	border: none;
	display: block;
	max-height:80px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size: 2em;
	text-align:center;
	top:0px;
	position:relative;
	line-height:1;
}
.contmar {
 	margin:2%;
	padding: 0 0 0 0;

	min-width:96%;
	overflow: hidden;

	border: none;
	display: block;
	min-height:80px;
	position:relative;
	line-height:1;
}

.contmar .log{
	margin:0;
	min-width:16%;
	display: inline-block;
	overflow: hidden;

	position:relative;
	float:left;
	text-align:center;
}

.contmar .log img{
	align:center;
	display: inline-block;
}

.contacto{
 	margin:2%;
	padding: 0 0 0 0;

	min-width:96%;
	overflow: hidden;

	border: none;
	display: block;
	position:relative;
}




@media screen and (max-width:500px) {
		img {
			max-width:350px;
		
		}
		header {
		margin:20px auto 50px auto;
		text-align:center;
		}
		.movil {
			max-height:50px;
		}
		.movil1 {
			max-height:20px;
		}
		.tex {background-color:#333333;
			font-size:16px;
		}
		.tex1 {
			font-size:14px;
		}