@import url(normalize.css);
@import url(icons/icons.css);
@import url(base.css);
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
body {
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}
.contenedor {
	background-color:transparent;
	width:1200px;
}
.contcab{
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	margin:0 auto;
	height: auto;
	min-height:120px;
	overflow: auto;
	position: absolute;
	z-index: 999;
	top:0;
	left:0;
	right: 0;
}
.cabecera{
	width:1200px;
	min-height:120px;
	padding: 0% 0% 2% 0%;
}
.logo img{
	width: 100%;
	height: auto;
}
#navigation {
	width:100%;
	background-color: rgba(0,0,0,0.7);
	padding: 0% 0%;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin:0 auto;
	z-index: 999;
}
#main-menu {
	width: 1200px;
	text-align: left;
	padding-left: 15px;
}
#main-menu > li {
  margin:0px 2px;
}
#main-menu > li:first-child {
  margin:0px 2px 0px 0px;
}
#main-menu > li:last-child {
  margin:0px 0px 0px 2px;
}
#main-menu > li > a {
	font-size: 16px;
	color: #ffffff;
	padding: 5px 10px;
  font-family: 'Lato', sans-serif;
	font-weight: 300;
  letter-spacing: 1px;
	font-style: normal;
    -webkit-transition:background-color 0.1s linear;
    -moz-transition:background-color 0.1s linear;
    -o-transition:background-color 0.1s linear;
    transition:background-color 0.1s linear;
}
#main-menu > li:hover > a,
#main-menu > li.current > a {
	color: #ffffff;
	background-color: #d52d16;
}
.pie-pagina {
	width:1200px;
	min-height:100px;
}
.contpie{
	padding-top: 20px;
	width: 100%;
	height: auto;
	overflow: auto;
	background-image: url(../img/bpie.jpg);
}
section#anvi_mex{
	min-height: 350px;
}
div.bloqanvi{
	text-align: center;
	padding: 1% 2%;
}
.textbloq{
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	color: #211915;
	line-height: 18px;
	text-align: justify;
}
ul.textbloq{
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	color: #211915;
	line-height: 18px;
	margin:0px 0px 0px 15px;
	padding:0px 0px;
	text-align: left;
}
ul.textbloq li{
	margin-bottom: 10px;

}
section#ma_primas{
	min-height: 600px;
	background-image: url(../img/m_primas.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
section#ingenieria{
	min-height: 600px;
	background-image: url(../img/ingenieria.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
section#laboratorio{
	min-height: 600px;
	background-image: url(../img/laboratorio.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
section#laboratorio div.contenedor,
section#ingenieria div.contenedor,
section#ma_primas div.contenedor{
	margin-top: 0;
	min-height: 600px;
}

div.infomp{
	float: right;
	margin-top: 0;
	padding: 4% 4%;
	text-align: center;
	min-height: 600px;
	background-color: rgba(255,255,255,0.5);
}
.titnegro{
	font-family: 'PT Sans', sans-serif;
	font-size: 48px;
	font-weight: 700;
	color: #000000;
}
.txtnegrog{
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight:700;
	color: #000000;
	padding: 0% 4%;
}
.txtnegrom{
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight:400;
	color: #000000;
	text-align: left;
	padding: 0% 4%;
	margin:0% 0%;
}
.txtnegro{
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight:400;
	color: #000000;
	text-align: justify;
	padding: 2% 4%;
}
ul.txtnegrom{
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight:400;
	color: #000000;
	text-align: left;
	margin:1% 30px;
}
div.copyright{
	text-align: center;
	margin-top: 0;
	background-color: transparent;

}
.copyright .eko{
	text-align: center;
	color: #333333;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
}
.copyright .eko a{
	color: #333333;
}
.copyright .eko a:hover{
	color: #000000;
}
.farriba{
	color: #d52d16;
	font-size: 24px;
	display: block;
	margin-bottom: 40px;
}
.txtfot{
	color: #333333;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
}
.txtfot a{
	color: #333333;	
}
.txtfot a:hover{
	color: #d52d16;	
}
.titulorojo{
	color: #d52d16;
	font-size: 70px;
	line-height: 70px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	margin:2% 1% 0%;
	padding: 0;
}
#calidad,
#productos{
	padding: 5% 0%;
}
#calidad .txtnegrom,
#productos .txtnegrom{
	text-align: justify;
}

div.prod img{
	width: 100%;
	height: auto;
}
div.prod h5{
	font-size: 14px;
	line-height: 20px;
	padding:10px 80px 10px 10px;
	margin:0;
	min-height: 60px;
	color: #ffffff;
	background-color: #333333;
}
div.prod h5:after{
	font-family: 'FontAwesome';
	content: "\f0a9";
	color: #666666;
	font-size: 18px;
	right: 19px;
	bottom: 19px;
	position: absolute;
}
div.prod:hover h5{
	background-color: #d52d16;
}
div.prod:hover h5:after{
	color: #ffffff;
}
#mapa{
	text-align: center;
	padding: 4% 0%;
}
#mapa .titulorojo{
	margin-top: 0;
	padding-top: 0;
	text-align: left;
}
.menuprod{
	background-color: #cccccc;
	list-style: none;
	margin:20px auto 0;
	display: block;
	padding: 0 0px;
	text-align: center;
}
.menuprod li{
	display: inline-block;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    margin:8px 0;
    padding: 0;
	vertical-align: middle;
	border-right: 1px solid #282828
}
.menuprod li:last-child{border-right: none;}
.menuprod li a{
	vertical-align: middle;
  font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 10px;
	line-height: 19px;
	color: #282828;
	display: inline-block;
	padding: 0px 8px 0px 4px;
}
.menuprod li.current a,
.menuprod li:hover a{
	color: #d52d16;
}
.titprod{
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #d52d16;
	margin:0;
	padding: 0;
}
.textprod{
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	margin:5px 0 10px;
	padding: 0;
	text-align: justify;
}
.menucab{
	display: block;
	position: relative;
	list-style: none;
	margin:9px 0px;
	width: 100%;
	text-align: right;
	padding: 0px 0;
}
.menucab li{
	display: inline-block;
	position: relative;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
	font-size: 16px;
	line-height: 16px;
	color: #ffffff;
	margin:0;
	padding: 0 8px 0 3px;
	border-right: 1px solid #ffffff;
}
.menucab li:last-child{
	border-right: none;
}
.menucab li a{
  font-family: 'Lato', sans-serif;
  font-weight: 300;
    font-size: 14px;
    color: #ffffff;
	margin:0;
	padding: 0;
}
.menucab li a:hover{
    color: #C2C2C2;
}
.btnidioma{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #C2C2C2;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    margin:0px 5px;
    border:1px solid #C2C2C2;
}
.btnidioma.active,
.btnidioma:hover{
	color: #ffffff;
    border:1px solid #ffffff;
}
#menucab{
	text-align: left;
	padding-top: 8px;
}
.paginacion{
	float: none;
	margin:0 auto;
	text-align: center;
	padding: 0px 5px;
}
.paginacion a{
    font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	padding: 0px 10px;
	vertical-align: middle;
	background-color: #d0d0d0;
	color: #666666;
	text-decoration: none;
	text-align: center;
	height:auto;
	position:relative;
	display: inline-block;
	margin:2% 0% 0% 0%;
	overflow: auto;
}
.paginacion a:hover{
	background-color: #d52d16;
	color: #ffffff;
}

.paginacion .siguiente,
.paginacion .anterior{
	background-color: #d0d0d0;
	color: #666666;

}
.paginacion .siguiente:hover,
.paginacion .anterior:hover{
	background-color: #d52d16;
	color: #ffffff;

}
.paginacion .activo{
	background-color: #d52d16;
	color: #ffffff;
    font-family: 'Roboto', sans-serif;
}
.formulario {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	margin: 0px 0px 3px 0px;
	padding:9px 5px;
	width:100%;
	resize: none;
	border:none;
	background-color: #d0d0d0;
}
.formulario:focus {outline:1px solid #c9c9c9;}
.titmed{
	font-size: 24px;
	color: #333333;
	padding: 0px;
	margin:5px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
}
.titmedg{
	font-size: 24px;
	color: #333333;
	padding: 0px;
	margin:5px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
}
.boton{
	background-color: #d52d16;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	border:none;
	padding: 10px 15px;
	display: inline-block;
}
.boton:hover{
	background-color: #333333;
}
.owl-home{
	height: 600px;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-size: 2px 100%;
	margin-left: 0px;
  	margin-right: 0px;
}
.owl-home.owl-carousel .item {
	height: 600px;
	padding: 0px 0px;
	margin:0px 0px !important;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.owl-home.owl-carousel .item .contenedor{
	background-color: transparent;
	height: 100%;
	overflow: visible;
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	z-index: 999;
	top: 0;
}
.owl-home.owl-theme .owl-nav{
	background-color: transparent;
	margin:0px auto;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	height: 1px;
	overflow: visible;
}
.owl-home.owl-theme .owl-nav [class*=owl-]{
	background-color: transparent;
	color: #d52d16;
	font-size: 25px;
}
.owl-home.owl-theme .owl-dots{
	position: absolute;
	bottom: 4px;
	margin:0px auto;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}
.owl-home.owl-theme .owl-nav .owl-prev{float: left;}
.owl-home.owl-theme .owl-nav .owl-next{float: right;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #d52d16 !important;
}
.owl-home.owl-carousel  .owl-item img.imgslide {
	width: auto !important;
	float: right;
	max-height:100%;
	margin-top: 5%;
}
.owl-home.owl-carousel .item .infoslide{
	position: absolute;
	top:200px;
	left: 20px;
	padding: 15px 20px;
	background-color: rgba(0,0,0,0.7);
}
.owl-home.owl-carousel .item  div.tslide{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #ffffff;
	padding: 0px 0px;
	margin:0px 0px 10px;


}
.owl-home.owl-carousel .item  div.txtslide{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 23px;
	color: #ffffff;
	padding: 0px 0px;
}
.owl-home.owl-carousel .item  .boton.slide{
	position: absolute;
	top: 300px;
	left: 10px;
	background-color: #0c83e7;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-khtml-border-radius:12px;
	padding: 8px 20px;
}
.divcenter{
	margin:0 auto !important;
	float:none !important;
}
.vtel{
	text-align: left;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	padding-left: 25px;
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-transform: uppercase;
    min-width: 121px;
}
.msg_ok{
    background: #d52d16;
}
.msg_error{
    background: none;
}
.obligatorio{
	color: #F00;
}