@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(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%;}

html {height: 100%;}



/* INICIO*/

header {
width: 100%;
margin-top:56px;
text-align: center;
float: left;
}

h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family:DINPro-Cond;
	font-size: 18px;
	color: rgba(65,65,65,0.60);
	padding: 10px;
	background-color: rgba(255,255,255,0.80);
	border-style:solid;
	border-color: rgba(205,205,205,1.00);
	border-width:01px;
	}

h4 {
	color:rgba(255,255,255,1.00);
	font-size:30px;
	font-family:DINPro-Cond;
	margin-bottom: 5px;
	}

#logoINMEYS {
	margin: 0 auto;
	display: block;
	width:167px; 
	height: 69px;
	}

aside {
	position: absolute;
	clear: both;
	top: 0;
	right: 0px;
	background-color: rgba(255,255,255,0.80);
	width: 440px;}

aside ul {
	text-align:right;
	padding:10px 28px; }

aside ul li {
	display:inline-block;
	font-family:DINPro-Cond;
	padding:0 10px;}

aside ul li a {
	width:10%;
	color:rgba(65,65,65,0.40);
	font-size:18px;
	text-decoration:none; }

aside ul li a:hover {
	color:#878787;}

/*#buscar {
	border-style:dotted;
	border-color:#CBCBCB;
	border-width:2px;
	padding: 2px;
	font-size: 14px;  }*/

#content {
	margin: 0 auto;
	width: 60%;
	margin-top: 0;
	clear: both;
	max-width: 789px;
}

#navHome {
	margin: 0 auto;
	width: 60%;

	clear: both;
	max-width: 789px;

} 

#navHome ul{
	width: 100%;
	text-align: center;
}

#navHome ul li {
	display:inline-block;
	text-align: center;
	position: relative;
	font-size:20px;
	font-family:DINPro-CondMedium;
	border-style:solid;
	border-color: rgba(205,205,205,1.00);
	border-width:01px;
	width: 19.3%;
	padding:10px 0px;
	background-color: rgba(255,255,255,0.30);
}

#navHome a {
	text-decoration: none;
	color:#414141;
	
} 

#navHome a:hover {
	color: rgba(135,135,135,0.50);
	}




#nav-mobile {
        display: none;
        background: url(../images/menu.png);
		background-size:cover;
        float: right;
        width: 40px;
        height: 29px;
        position: absolute;
        right: 25px;
        top: 15px;
		opacity: 1;
		
    }   
        Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado 
        #nav-mobile.nav-active{
            opacity: 1;
        }

#navPresentacion {
	clear: both;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.50);
}

#navPresentacion ul{
	text-align:center;
	padding: 15px 10px 0px 10px;
	font-family:DINPro-Cond;
	font-size: 20px;
	color: rgba(65,65,65,1.00);
	font-weight: bold;
}

#navPresentacion ul li {
	display:inline-block;
	}

#navPresentacion ul li a {
	font-family:DINPro-Cond;
	font-size: 20px;
	color: rgba(65,65,65,1.00);
	padding: 0 5px;
} 

#navPresentacion ul li a:hover{
	color: rgba(171,171,171,1.00);
}





.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
	margin: 0 auto;
	
	
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 98.5%;
  border: 0;
	padding: 0.6%;
	border-style:solid;
	border-color: rgba(205,205,205,1.00);
	border-width:01px;
	background-color: rgba(255,255,255,0.30);
  }

 

 /* 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 {
	float: left;
	height:30px;
	width: 30px;}

#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;
}



/*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: 200;
}

#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: 0;
	left:0;
	display: none;
	overflow-y:scroll;
	z-index: 201;
}

#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:20px;
	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% 20% 10%;
	position:absolute;
	border-radius: 40px;
}

.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;
}









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

header {margin-top:30px;}
h1 {font-size: 17px;padding: 9px;margin-top: 15px;margin-bottom: 15px;}
h4 {font-size:25px;}
#logoINMEYS {width:125px; height: 52px;}
aside {width: 240px;}
aside ul {padding:8px 28px; }
aside ul li {padding:0 8px;}
aside ul li a {font-size:17px;}
#navHome ul li {font-size:17px;width: 18.8%;padding:8px 0px;}
#navPresentacion ul{font-size: 18px;}
#navPresentacion ul li a {font-size: 18px;padding: 0 4px;} 
#pie {width: 100%;height: 48px;}
#pie ul {right:39px;bottom:-11px;}
#pie ul li a img {height:25px;width: 25px;}		
footer {width: 120px;font-size: 16px;padding: 5px 10px 30px 10px;}
#allrights {font-size: 15px;}
#avisoPrivacidad a {font-size: 17px;bottom: 14px;}
#avisoPrivacidad .cerrar a {height: 32px;font-size: 25px;top:15px;left:15px;padding: 0px 10px;border-radius: 8px;}
.contenidoAviso {padding: 45px;margin: 6% 10% 8% 10%;border-radius: 30px;}

}



@media only screen and (min-width: 320px) and (max-width: 740px) {
	
header {margin-top:70px;}
h1 {margin-top: 20px;margin-bottom: 20px;font-size: 15px;padding: 10px 20px;}
h4 {font-size:23px;}
#logoINMEYS {width:125px; height:52px;}
aside {width: 70%;}
aside ul {padding:12px 15px; }
aside ul li {padding:0 5px;}
#content {width: 100%}
#nav-mobile{display: block;}
#navHome li:last-child{ border-bottom: 0;}
#navHome 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;}
#navHome{clear:both; width: 100%;}
#navHome ul{max-height: 0;overflow: hidden;}
#navHome ul li{width: 100%;display: block;padding:15px 0;border-right:none;border-left:none;border-top:none;font-size: 19px;background-color: rgba(255,255,255,0.30);}
#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;}
#avisoPrivacidad a {font-size: 16.5px;bottom: 4px;right: 20px;text-align: right;}
	
#avisoPrivacidad .cerrar a {height: 35px;font-size: 28px;padding: 0px 11px;border-radius: 8px;}
.contenidoAviso {padding: 40px;margin: 5% 10%;border-radius: 20px;}

	
}