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

*{
	margin:0px;
	padding:0;} 

@font-face {
	src: url(DINPro-CondMedium.otf);
	font-family:DINPro-CondMedium;}

@font-face {
	src:url(DINPro-Cond.otf);
	font-family:DINPro-Cond;}

@font-face {
	src:url(DINPro-CondLight.otf);
	font-family:DINPro-CondLight;}

@font-face {
	src: url(Eurostile);
	font-family:Eurostile;}

@font-face {
	src:url(eurostile1.otf);
	font-family:eurostile1;}

@font-face {
	src:url(Calibri.ttf);
	font-family:Calibri;}


body {
	background-image:url(../images/fondo4.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 100%;}

header {
	width: 100%;
	height: 125px;
	position: fixed;
	z-index: 7;
	background:rgba(255,255,255,1.00);
	-webkit-box-shadow: inset 0px 0px 20px -2px rgba(0,0,0,0.30);
	-moz-box-shadow: inset 0px 0px 20px -2px rgba(0,0,0,0.30);
	box-shadow: inset 0px 0px 20px -2px rgba(0,0,0,0.30);
}

h1 {
	width: 410px;
	font-family:DINPro-Cond;
	font-size: 19px;
	color:rgba(135,135,135,0.50);
	text-align: right;
	float: right;
	margin-right: 40px;
	margin-top: 15px;
}

span {
	font-family:DINPro-Cond;
	colorcolor:rgba(135,135,135,1.00);
	font-size: 17px;}

p {
	font-family:Calibri;
	font-size: 17px;
	color: #414141;
	text-align: justify;}

#subtituloH3 {
	font-family:DINPro-CondMedium;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	color: #414141;
	display: block;}

#logoINMEYS {
	width: 166px;
	height: 69px;
	margin: 30px 0 0 58px;
	position: fixed;
	clear: both;
	z-index: 10;
}

#navPrincipal {
	top:50px;
	right:0;
	position:fixed;
	width:690px;
	height:49px; 
	background-color: rgba(255,255,255,0.50);
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color:#CBCBCB;
	z-index:9;
}

#navPrincipal ul {
	text-align:right;
	padding:15px 27px;
}

#navPrincipal ul li {
	display:inline-block;
	font-family:DINPro-Cond;
	padding:0 7px;
} 

#navPrincipal ul li a {
	width:10%;
	color:#414141;
	font-size:18px;
	text-decoration:none;
	padding:3px 5px 6.5px;
}

#navPrincipal ul li a:hover {
	color:#CBCBCB;
}

#navPrincipal ul li a img:hover {
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.4);
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
	
 #nav-mobile {
        display: none;
        background: url(../images/menu.png);
		background-size:cover;
        float: right;
        width: 35px;
        height: 26px;
	    position: absolute;
        right: 15px;
        top:-10px;
		opacity: 400;	
		z-index:400;
    }   
        #nav-mobile.nav-active{
            opacity: 1;
        }

#content {
	width:100%;
	height: 100%;
	display: block;
	text-align:center;
	margin: 72px 0 0 0;
	padding: 0;
	position: absolute;
	z-index: 6;
}



/* SOMOS*/


#somos {
	width: 50%;
	margin: 0 auto;
	}

#somos h2 {
	clear: both;
	font-family:DINPro-CondMedium;
	font-size: 28px;
	color: #414141;
	text-align: center;
	margin-top: 60px;
	}

#somos h3 {
	font-family:DINPro-CondMedium;
	font-size: 23px;
	color: #414141;
	text-align: center;
	clear: both;
	padding: 20px;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	
	}

#somos h4 {
	font-family:Calibri;
	font-size: 18px;
	color:rgba(0,86,179,1.00);
	text-align: center;
	font-style: bold;
	padding-top: 5px;
	clear: both;
	}

#somos ul {
	text-align:left;
	color: #414141;
	font-family:DINPro-Cond;	
}

#somos ul li {
	list-style:disc;
	font-family:Calibri;
	margin-left:100px;}

.inmeys {
	font-family:Eurostile;
	font-size: 17px;
	color: #414141;
	}



 /* SERVICIOS y LABORATORIO*/


#servicios, #laboratorio  {
	width: 100%;
	height: 100%;
}

#servicios h2, #laboratorio h2 {
	width: 100%;
	color: rgba(65,65,65,1.00);
	background-color: rgba(255,255,255,0.50);
	font-family: DINPro-CondMedium;
	font-size: 30px;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	margin-top: 53px;
}

#servicios img, #laboratorio img {
	width: 60%;
}

#espacioVacio {
	clear: both;
	display: block;
	background-color:rgba(255,255,255,1.00);
	width: 100%;
	height: 100px;
	margin: 0 auto;
}

#listaServicios {
	
	width: 60%;
	display: block;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	padding: 50px 0;
}

#servicios .textoServicios, #laboratorio .textoServicios {
	width: 80%;
	float: left;
	padding:8px 10%;
	background-color: rgba(255,255,255,1.00);
}

#servicios a, #laboratorio a {
	font-family: DINPro-CondMedium;
	font-size: 19px;
	text-align: left;
	color: rgba(65,65,65,1.00);
	padding-bottom: 15px;
	text-decoration: none;
	padding: 0 4%;
	clear: both;
	background-color: rgba(255,255,255,1.00);
}

#servicios a:hover, #laboratorio a:hover {
	color:rgba(166,166,166,1.00);
}

#servicios p, #laboratorio p {
	font-family: Calibri;
	font-size: 17px;
	text-align: left;
}

#texto10, #texto11, #texto12, #texto13, #texto14, #texto15, #texto16, #texto17, #texto18, #texto19, #texto20, #texto21, #texto22, #texto23, #texto24, #texto25, #texto26, #texto27 {
	height: auto;
	padding: 7% 10%;
}

#servicios .cp_oculta, #laboratorio .cp_oculta {
	clear: both;
	float: left;
	width: 80%;
	left:0;
	background: -moz-linear-gradient(left, rgba(67,137,216,0) 1%, rgba(67,137,216,0) 9%, rgba(105,173,227,0) 52%, rgba(137,204,236,0) 89%, rgba(137,204,236,0) 100%);
	background: -webkit-linear-gradient(left, rgba(67,137,216,0) 1%,rgba(67,137,216,0) 9%,rgba(105,173,227,0) 52%,rgba(137,204,236,0) 89%,rgba(137,204,236,0) 100%);
	background: linear-gradient(to right, rgba(67,137,216,0) 1%,rgba(67,137,216,0) 9%,rgba(105,173,227,0) 52%,rgba(137,204,236,0) 89%,rgba(137,204,236,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004389d8', endColorstr='#0089ccec',GradientType=1 );
	background-color:rgba(220,220,220,1);
	text-align: left;}


 /* CAPACITACIÓN */

#capacitacion {
	width: 80%;
	left:0;
}

#capacitacion h2 {
	width: 100%;
	color: rgba(65,65,65,1.00);
	background-color: rgba(255,255,255,0.50);
	font-family: DINPro-CondMedium;
	font-size: 30px;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	margin-top: 53px;
}

#navCapacitacion {
	width:100%;
	border-bottom: solid 01px rgba(205,205,205,1.00);
	border-top: solid 01px rgba(205,205,205,1.00);
	margin: 0 auto;
	background-color: rgba(255,255,255,0.50)
	}

#navCapacitacion ul {
	text-align:center;
	padding:10px 0;}

#navCapacitacion ul li {
	display:block;
	font-family:DINPro-Cond;
	text-decoration:none;
	padding:10px;
	}

#navCapacitacion ul li a {
	width:10%;color:#414141;
	
	font-size:21px;
	text-decoration: none;
	}

#navCapacitacion ul li a:hover {
	color:rgba(65,65,65,0.60);
	background-color:rgba(255,255,255,0.40);
}


#capacitacion table {
	float: left;
	width: 70%;
	margin: 0 15%;
	padding-top: 80px
}

#capacitacion table td {
	border-width:1px;
	border-style: solid;
	border-color:#CBCBCB;
	padding: 5%;
	}

#capacitacion table p {
	text-align: justify;
	}

#capacitacion h3 {
	width: 90%;
	color: rgba(65,65,65,1.00);
	background-color: rgba(255,255,255,0.50);
	font-family: DINPro-CondMedium;
	font-size: 23px;
	text-align: center;
	padding: 25px 5%;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	margin-top: 53px;
}

#capacitacion h4 {
	text-align: left;
	color: rgba(65,65,65,1.00);
	font-family: DINPro-CondMedium;
	font-size: 20px;
	}
	
#menuBtnUno, #menuBtnDos, #menuBtnTres, #menuBtnCuatro, #menuBtnCinco  {
	display:block;
	clear: both;
	margin:0 auto;
	font-family:Calibri;
	font-size: 17px;
	color: rgba(147,29,47,1.00);
	text-decoration:none;}

#menuBtnUno:hover, #menuBtnDos:hover, #menuBtnTres:hover, #menuBtnCuatro:hover, #menuBtnCinco:hover {
	color:rgba(135,135,135,1.00);
	}

/*form label input form*/


#contactoCapacitacion {
	width: 20%;
	height: 100%;
	background-color: rgba(65,65,65,0.10);
	position: fixed;
	right: 0;
	top: 25px;
	padding: 80px 0 0 0;-webkit-box-shadow: inset 0px 0px 20px -2px rgba(0,0,0,0.30);
	-moz-box-shadow: inset 0px 0px 20px -2px rgba(0,0,0,0.30);
	box-shadow: inset 0px 0px 20px -2px rgba(0,0,0,0.30);
	color: rgba(135,135,135,1.00);
	font-family: DINPro-CondMedium;
	font-size: 14px;
	}

#contactoCapacitacion h2 {
	font-family:DINPro-CondMedium;
	font-size: 20px;
	color: #414141;
	text-align: center;
	border: none;
	padding: 0px;
	background-color:rgba(255,255,255,0.00);}

#contactoCapacitacion form {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 75%;
	top:13px;
	}

#contactoCapacitacion label {
	display: block;
	font-size:16px;
	color: rgba(133,133,133,1.00);
	font-family: DINPro-CondMedium;
	padding: 5px 0;
	text-align: center;
}

#contactoCapacitacion textarea {
	height: 80px;
	display: block;
	font-size:16px;
	color:rgba(51,51,51,1.00);
	font-family: calibri;
	padding:5px;
	text-align: left;
	width: 98%;
	background-color: rgba(255,255,255,0.6);
}

#contactoCapacitacion input {
	background-color: rgba(255,255,255,0.6);
	border: 1px solid rgba(153,153,153,1);
	font-size:16px;
	color:rgba(51,51,51,1.00);
	width:98%;
	font-family: calibri;
	padding:5px;
}

select {
	width: 103%;
	height: 30px;
	font-size:16px;
	font-family: DINPro-CondMedium;
	color: rgba(133,133,133,1.00);
	text-align: center;
	background-color: rgba(255,255,255,0.6);
}



 /* EQUIPOS */


#navEquiposSubpagina {
	width:100%;
	border-bottom: solid 01px rgba(205,205,205,1.00);
	border-top: solid 01px rgba(205,205,205,1.00);
	margin: 0 auto;
	background-color: rgba(255,255,255,0.50)
	}

#navEquiposSubpagina ul {
	text-align:center;
	padding:10px 0;}

#navEquiposSubpagina ul li {
	display:block;
	font-family:DINPro-Cond;
	text-decoration:none;
	padding:10px;
	}

#navEquiposSubpagina ul li a {
	width:10%;
	color:#414141;
	font-size:21px;
	text-decoration: none;
	}

#navEquiposSubpagina ul li a:hover {
	color:rgba(65,65,65,0.60);
	background-color:rgba(255,255,255,0.40);
}

#tribometro, #perfilometro, #pruebaRasgado, #pruebaDesgaste, #equipoErosion, #pulidora, #medidorAdherencia, #durometro {
	width: 70%;
	margin: 0 auto;
	background-color: rgba(0,86,179,0.3);
}

#tribometro h2, #perfilometro h2, #pruebaRasgado h2, #pruebaDesgaste h2, #equipoErosion h2, #pulidora h2, #medidorAdherencia h2, #durometro h2 {
	width: 100%;
	color: rgba(65,65,65,1.00);
	background-color: rgba(255,255,255,0.70);
	font-family: DINPro-CondMedium;
	font-size: 28px;
	text-align: center;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	padding: 40px 0;
	margin-top: 70px;}

#tribometro p, #perfilometro p, #pruebaRasgado p, #pruebaDesgaste p, #equipoErosion p, #pulidora p, #medidorAdherencia p, #durometro p {padding: 0 0 0 8%;}

#tribometroTabla, #perfilometroTabla, #pruebaRasgadoTabla, #pruebaDesgasteTabla, #equipoErosionTabla, #pulidoraTabla, #medidorAdherenciaTabla, #durometroTabla {
	width: 100%;
	text-align: center;
	padding: 50px;
}

#tribometroTabla ul, #perfilometroTabla ul, #pruebaRasgadoTabla ul, #pruebaDesgasteTabla ul, #equipoErosionTabla ul, #pulidoraTabla ul, #medidorAdherencia ul, #durometro ul {
	text-align: justify;
	color: #414141;
	font-family:DINPro-Cond;	
	padding: 0 0 0 8%;
	max-width: 380px;
}

#tribometroTabla ul li,  #perfilometroTabla ul li, #pruebaRasgadoTabla ul li, #pruebaDesgasteTabla ul li, #equipoErosionTabla ul li, #pulidora ul li, #medidorAdherencia ul li, #durometro ul li {
list-style:disc;
font-family:Calibri;
}

#tribometroTabla a, #perfilometroTabla a, #pruebaRasgadoTabla a, #pruebaDesgasteTabla a, #equipoErosionTabla a, #pulidoraTabla a, #medidorAdherenciaTabla a, #durometroTabla a  {
	width: 180px;
	display: inline;
	float:left;
	font-family:Calibri;
	font-size: 17px;
	color:rgba(255,255,255,1.00);
	text-align: center;
	background-color: rgba(0,86,179,1.00);
	padding:10px 0;
	margin: 15px 5px 0 20px;
	text-decoration: none;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}

#tribometroTabla a:hover, #perfilometroTabla a:hover, #pruebaRasgadoTabla a:hover, #pruebaDesgasteTabla a:hover, #equipoErosionTabla a:hover, #pulidora a:hover, #medidorAdherenciaTabla a:hover, #durometroTabla a:hover {
	background-color: rgba(0,86,179,0.50);
}


#tribometroTabla1, #perfilometroTabla1, #pruebaRasgadoTabla1, #pruebaDesgasteTabla1, #equipoErosionTabla1, #pulidoraTabla1, #medidorAdherenciaTabla1, #durometroTabla1 {
	display:none;
}


#sobreRtec {
	width: 80%;
	padding: 0 10%;
	background: -moz-linear-gradient(left, rgba(67,137,216,0) 1%, rgba(67,137,216,0.16) 9%, rgba(105,173,227,1) 52%, rgba(137,204,236,0.23) 89%, rgba(137,204,236,0) 100%);
background: -webkit-linear-gradient(left, rgba(67,137,216,0) 1%,rgba(67,137,216,0.16) 9%,rgba(105,173,227,1) 52%,rgba(137,204,236,0.23) 89%,rgba(137,204,236,0) 100%);
background: linear-gradient(to right, rgba(67,137,216,0) 1%,rgba(67,137,216,0.16) 9%,rgba(105,173,227,1) 52%,rgba(137,204,236,0.23) 89%,rgba(137,204,236,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004389d8', endColorstr='#0089ccec',GradientType=1 );
}
	

.cp_oculta {
	height: 100%;
background: -moz-linear-gradient(left, rgba(67,137,216,0) 1%, rgba(67,137,216,0.16) 9%, rgba(105,173,227,0.3) 52%, rgba(137,204,236,0.3) 89%, rgba(137,204,236,0) 100%);
background: -webkit-linear-gradient(left, rgba(67,137,216,0) 1%,rgba(67,137,216,0.16) 9%,rgba(105,173,227,0.3) 52%,rgba(137,204,236,0.3) 89%,rgba(137,204,236,0) 100%);
background: linear-gradient(to right, rgba(67,137,216,0) 1%,rgba(67,137,216,0.16) 9%,rgba(105,173,227,0.3) 52%,rgba(137,204,236,0.3) 89%,rgba(137,204,236,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004389d8', endColorstr='#0089ccec',GradientType=1 );}


/* LIBROS */
 
#libros {
	width: 80%;
	left:0;
}

#libros h2 {
	width: 100%;
	color: rgba(65,65,65,1.00);
	background-color: rgba(255,255,255,0.50);
	font-family: DINPro-CondMedium;
	font-size: 30px;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	margin-top: 53px;
}

#libros h3 {
	width: 90%;
	color: rgba(65,65,65,1.00);
	background-color: rgba(255,255,255,0.50);
	font-family: DINPro-CondMedium;
	font-size: 23px;
	text-align: center;
	padding: 25px 5%;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
}

#libros p {
	text-align: justify;
	padding:0 6%;
}


#comportamientoBtn, #factografiaBtn, #reparacionBtn {
	margin: 40px auto;
	width: 70%;
	border-width: 1px;
	border-style: solid;
	border-color:#CBCBCB;
	max-width: 1000px;
	background-color: rgba(0,86,179,0.04);
}

#comportamientoBtn img, #factografiaBtn img, #reparacionBtn img {
	clear:both;
	padding:40px 0 ;
}

#comportamientoBtn a, #factografiaBtn a, #reparacionBtn a {
	display: block;
	clear: both;
	font-family:Calibri;
	font-size: 17px;
	color: rgba(135,135,135,1.00);
	text-align: center;
	padding: 30px 0 20px 0;
}

#comportamientoBtn a:hover, #factografiaBtn a:hover, #reparacionBtn a:hover {
	color: rgba(65,65,65,1.00);
}

#contenidoComportamiento, #contenidoFactografia, #contenidoReparacion {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#texto1, #texto2, #texto3 {
	padding: 30px 0;
}

#texto1 ul, #texto2 ul, #texto3 ul {
	width: 70%;
	font-family:DINPro-Cond;	
	font-family:Calibri;
	font-size: 17px;
	color: #414141;
	list-style:none;
	margin: 20px 80px;
	text-align: left;
}

.cp_oculta {
	height: 100%;
}


/* CONTACTO */

#contacto {
	margin: 0 auto;
	display: block;
	width: 100%;
}

#contacto h2 {
	width: 100%;
	color: rgba(65,65,65,1.00);
	background-color: rgba(255,255,255,0.50);
	font-family: DINPro-CondMedium;
	font-size: 30px;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	margin-top: 53px;
}

#contacto table {
	width: 59%;
	margin: 0 auto;
}

#contacto table th  {
	border: 1px solid rgba(135,135,135,0.30);
	
	}

#contacto table h3 {
	color: rgba(135,135,135,1.00);
	background-color: rgba(255,255,255,0.50);
	font-family: DINPro-CondMedium;
	font-size: 19px;
	text-align: center;
	padding: 20px;
}

#contacto table p {
	font-family:Calibri;
	font-size: 17px;
	color: #414141;
	text-align: center;
	padding: 20px;
}

#contacto form {
	width:60%;
	margin: 0 auto;
	text-align: left;
	font-family: DINPro-CondMedium;
	}

#contacto label {
	display: block;
	font-size:18px;
	color: rgba(133,133,133,1.00);
	font-family: DINPro-CondMedium;
	padding: 10px;
	text-align: left;
}

#contacto textarea {
	width:98%;
	height: 200px;
	display: block;
	font-size:18px;
	color:rgba(51,51,51,1.00);
	font-family: DINPro-CondMedium;
	padding: 1%;
	text-align: left;
}

#contacto input {
	background-color: rgba(255,255,255,0.6);
	border: 1px solid rgba(153,153,153,1);
	padding:1%;
	font-size:17px;
	color:rgba(51,51,51,1.00);
	width:98%;
	font-family: DINPro-CondMedium;
}

#contacto a {
	font-family:Calibri;
	font-size: 17px;
	color: #414141;
	text-align: justify;
}

#contacto a:hover {
	color: rgba(135,135,135,1.00);}



/* CONFIRMA */


#confirma {
	background-image:url(../images/fondo4.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 100%;
}

#cuadroConfirmacion {
	position:relative;
	text-align: center;
	margin: 0 auto;
	background-color:rgba(255,255,255,0.80);
	width: 36%;
	height: 160px;
	min-width: 400px;
	top:-20px;
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 0 0 20px 20px;	
}

#cuadroConfirmacion p {
	padding: 30px 0;
	color: rgba(135,135,135,1.00);
	font-family: DINPro-CondMedium;
	font-size: 19px;
	text-align: center;
	
}

#cuadroConfirmacion a {
	text-decoration: none;
	font-family: Calibri;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid rgba(153,153,153,1);
	padding:10px;
	font-size:19px;
	color:rgba(133,133,133,1.00);
}

#cuadroConfirmacion a:hover {
	color:rgba(26,26,26,1.00);
}


 /* FOOTER */

#pie {
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0px;
	background-color:#414141;
	background-image:url(../images/patternObscuro.png);
	background-repeat: repeat;
	background-size: 15px;
z-index: 6;}

#pie ul {
	text-align: right;
	position: relative;
	right:39px;
	bottom:-15px;
	float:right;}

#pie ul li {
	display:inline-block;
	padding: 0 1px;}

#pie ul li a img:hover {
	-webkit-box-shadow: 0 0 12px 3px rgba(0,0,0,0.4);
	box-shadow: 0 0 12px 3px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;}

footer {
	background-color:#878787;
	width: 130px;
	font-family:DINPro-CondLight;
	font-size: 18px;
	color: #D9D9D9;
	text-align: center;
	padding: 9px 10px 30px 10px;
	position: relative;
	margin: 0 auto;
}

#allrights {
	font-family:DINPro-CondLight;
	font-size: 16px;
	color: #D9D9D9;
	text-align: center;
}

#privacidad a {
	position: fixed;
	font-family:DINPro-CondLight;
	font-size: 18px;
	color: rgba(135,135,135,1.00);
	text-align: left;
	bottom: 20px;
	left: 58px;
	z-index: 200px;
}

#privacidad a:hover {
	color: rgba(255,255,255,0.60);
}



/*aviso de privacidad*/



#avisoPrivacidad a {
	position: fixed;
	font-family:DINPro-CondLight;
	font-size: 18px;
	color: rgba(135,135,135,1.00);
	text-align: left;
	bottom: 20px;
	left: 58px;
	z-index: 10;
}

#avisoPrivacidad a:hover {
	color: rgba(255,255,255,0.60);
}

.ventana {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color:rgba(204,204,204,0.90);
	top: 125px;
	left:0;
	display: none;
	overflow-y:scroll;
	z-index:11;
}

#avisoPrivacidad .cerrar a {
	
	height: 39px;
	float: right;
	font-family:Calibri;
	font-size: 30px;
	color:rgba(245,51,63,1.00);
	background-color: rgba(255,255,255,1.00);
	position: fixed;
	text-decoration: none;
	top:140px;
	left:20px;
	padding: 0px 13px;
	border-radius: 10px;
}

#avisoPrivacidad .cerrar a:hover {
	color:rgba(51,51,51,1.00);
}


.contenidoAviso {
	padding: 60px;
	background-color:rgba(115,115,115,1.00);
	margin: 5% 10% 30% 10%;
	position:absolute;
	border-radius: 40px;
	z-index:15;
}

.contenidoAviso h4 {
	text-align:justify;
	color:rgba(255,255,255,1.00);
	font-size:20px;
	font-family:Calibri; 	
}
.contenidoAviso p {
	text-align:justify;
	color:rgba(255,255,255,1.00);
	font-size:14px;
	font-family:Calibri; 	
}

.tabulacion {
	margin-left: 25px;
}

.tabulacionDoble {
	margin-left: 50px;
}





/*---------------------------------------RESPONSIVE-------------------------------------------*/

@media only screen and (min-width: 737px) and (max-width: 1280px) {

	
	
	
}



/*---------------------------------------RESPONSIVE-------------------------------------------*/


@media only screen and (min-width: 320px) and (max-width: 736px) {

body {background-image:url(../images/pattern2.png); background-attachment: fixed;background-repeat:repeat;background-size:auto;}
header {position:absolute; height: 80px;margin-top: 0px;margin-left: 0px;background:rgba(255,255,255,1.00);-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.30);-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.30);box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.30);z-index: 7;}
h1 {display:none;}
span {font-size: 16px;}
#logoINMEYS {width: 100px; height: 41px;margin: 20px 0 0 5%;position: absolute;z-index: 10;}
p {font-size: 16px;}
#nav-mobile{display: block;}
#navPrincipal li:last-child{ border-bottom: 0;}
#navPrincipal ul.open-menu{max-height: 400px;-webkit-transition: max-height .4s;-moz-transition: max-height .4s;-ms-transition: max-height .4s;-o-transition: max-height .4s;transition: max-height .4s;}
#navPrincipal{top: 30px;width: 100%; height:60px;float: none;padding-top: 0; background-color:transparent;z-index: 20;border-width:0;border-style: none;border-color:none;}	
#navPrincipal ul{width: 100%; list-style: none;text-align:center;max-height: 0;overflow: hidden; background-color:rgba(255,255,255,1.00);height: 100vh;margin-top: 50px;margin-right: 10%;padding:0;}
#navPrincipal ul li{width: 80%;display: block;float: none;padding:9px 0;margin:0 10% ;border-right:none;border-bottom:rgba(51,51,51,1.00) 1px solid;z-index:100;}
#navPrincipal ul li a{font-size: 18px; padding: 0;height: auto;}
#navPrincipal ul li a:hover{}	
#content {height: 100%;margin: 0;}

/* SOMOS*/

#somos {width: 70%;}
#somos h2 {font-size: 28px;}
#somos ul li {margin-left:40px;}
.inmeys {font-size: 16px;}

 /* SERVICIOS y LABORATORIO*/

#servicios, #laboratorio  {width: 100%;}
#servicios h2, #laboratorio h2 {width: 100%;font-size: 28px;margin-top: 80px;padding: 20px 0;}
#servicios img, #laboratorio img {width: 70%;}
#listaServicios {width: 70%;padding: 40px 0;}
#servicios .textoServicios, #laboratorio .textoServicios {width: 80%;padding:8px 10%;}
#servicios a, #laboratorio a {font-size: 18px;}
#servicios p, #laboratorio p {font-size: 16px;}
#texto10, #texto11, #texto12, #texto13, #texto14, #texto15, #texto16, #texto17, #texto18, #texto19, #texto20, #texto21, #texto22, #texto23, #texto24, #texto25, #texto26, #texto27 {padding:8%;}

 /* CAPACITACIÓN */

#capacitacion {width: 100%;}
#navCapacitacion ul li {padding:8px;}
#navCapacitacion ul li a {width:80%;font-size:18px;}
#capacitacion h2 {width: 100%;font-size: 28px;margin-top: 80px;padding: 20px 0;}
#capacitacion table {width: 80%;margin: 0 10%;padding-top: 0px}
#capacitacion table td {padding: 8%;}
#menuBtnUno, #menuBtnDos, #menuBtnTres, #menuBtnCuatro, #menuBtnCinco  {margin: 0 auto;font-size: 16px;padding-top: 5px;}
#capacitacion h3 {font-size: 20px;padding: 20px 5%;}
	
/*form label input form*/

#contactoCapacitacion {width: 100%;position: relative;top: 0;padding: 20px 0 0 0;font-size: 16px;}
#contactoCapacitacion h2 {font-size: 23px;text-align: left;padding-left: 10%;}
#contactoCapacitacion form {width: 80%;top:0px;}
#contactoCapacitacion label {font-size:18px;padding: 10px 0;text-align: left;}

 /* EQUIPOS */

#navEquiposSubpagina ul li {padding:8px;}
#navEquiposSubpagina ul li a {width:80%;font-size:18px;}
#tribometro, #perfilometro, #pruebaRasgado, #pruebaDesgaste, #equipoErosion, #pulidora, #medidorAdherencia, #durometro {width: 80%;margin: 0 auto;background-color: rgba(0,86,179,0.3);}
#tribometro h2, #perfilometro h2, #pruebaRasgado h2, #pruebaDesgaste h2, #equipoErosion h2, #pulidora h2, #medidorAdherencia h2, #durometro h2 {font-size: 23px;text-align: center;padding: 30px 0; margin-top: 70px;}
#tribometro p, #perfilometro p, #pruebaRasgado p, #pruebaDesgaste p, #equipoErosion p, #pulidora p, #medidorAdherencia p, #durometro p {padding: 0 0 0 0;}
#tribometroTabla, #perfilometroTabla, #pruebaRasgadoTabla, #pruebaDesgasteTabla, #equipoErosionTabla, #pulidoraTabla, #medidorAdherenciaTabla, #durometroTabla {display: none;}
#tribometroTabla1, #perfilometroTabla1, #pruebaRasgadoTabla1, #pruebaDesgasteTabla1, #equipoErosionTabla1, #pulidoraTabla1, #medidorAdherenciaTabla1, #durometroTabla1 {display:block;width: 84%;padding: 8%;}
#tribometroTabla1 ul, #perfilometroTabla1 ul, #pruebaRasgadoTabla1 ul, #pruebaDesgasteTabla1 ul, #equipoErosionTabla1 ul, #pulidora1 ul, #medidorAdherenciaTabla1 ul, #durometroTabla1 ul {text-align: left;color: #414141;font-family:DINPro-Cond;	padding: 0 0 0 8%;	}
#tribometroTabla1 ul li,  #perfilometroTabla1 ul li, #pruebaRasgadoTabla1 ul li, #pruebaDesgasteTabla1 ul li, #equipoErosionTabla1 ul li, #pulidoraTabla1 ul li, #medidorAdherenciaTabla1 ul li, #durometroTabla1 ul li {list-style:disc;font-family:Calibri;}
#tribometroTabla1 a, #perfilometroTabla1 a, #pruebaRasgadoTabla1 a, #pruebaDesgasteTabla1 a, #equipoErosionTabla1 a, #pulidoraTabla1 a, #medidorAdherenciaTabla1 a, #durometroTabla1 a  {width: 80%;display: inline;font-family:Calibri;font-size: 17px;color:rgba(255,255,255,1.00);text-align: center;background-color: rgba(0,86,179,1.00);padding:10px 20px;margin: 5px;text-decoration: none;-webkit-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;}
#tribometroTabla1 a:hover, #perfilometroTabla1 a:hover, #pruebaRasgadoTabla1 a:hover, #pruebaDesgasteTabla1 a:hover, #equipoErosionTabla1 a:hover, #pulidoraTabla1 a:hover, #medidorAdherenciaTabla1 a:hover, #durometroTabla1 a:hover {background-color: rgba(0,86,179,0.50);}

/* LIBROS */
 
#libros {width: 100%;}
#libros h2 {width: 100%;font-size: 28px;margin-top: 80px;padding: 20px 0;}
#libros h3 {font-size: 20px;padding: 20px 5%;}
#libros p {padding:0 10%; font-size: 16px;}
#comportamientoBtn, #factografiaBtn, #reparacionBtn {width: 80%;}
#comportamientoBtn a, #factografiaBtn a, #reparacionBtn a {font-size: 16px;}
#texto1 ul, #texto2 ul, #texto3 ul {width: 80%;font-size: 16px;margin: 20px 10%;}

/* CONTACTO */

#contacto h2 {width: 100%;font-size: 28px;margin-top: 80px;padding: 20px 0;}
#contacto table {width: 74%;}
#contacto table h3 {font-size: 18px;}
#contacto table p {font-size: 16px;padding: 20px;}
#contacto form {width:76%;}
#contacto textarea {font-size:17px;}
#contacto a {font-size: 16px;}

/* footer*/	
	
#pie {height: 60px;}
#pie ul {right:15px;bottom:-7px;}
#pie ul li {padding: 0 2px;}
#pie ul li a img {height:27px;width: 27px;}
footer {font-size: 17px;padding: 10px 10px ;margin: 0 0 0 20px;}
#allrights {font-size: 16px;}

/*aviso de privacidad*/

#avisoPrivacidad a {font-size: 16.5px;bottom: 4px;right: 20px;text-align: right;}
.ventana {top: 81px;}
#avisoPrivacidad .cerrar a {width: 15px; height: 35px;font-size: 28px;padding: 0px 10px;border-radius: 8px;left:5px; top:105px;}
.contenidoAviso {padding: 30px;border-radius: 20px;}

	
}