* {
	margin: 0px;
	padding: 0px;
}
body{	
	font-family: Helvetica,Arial,Verdana, sans-serif;	
	font-size: 18px;
	line-height: 130%;
	height: 100%;	
	}
.clear { clear: both; } 
h1{				
	font-size: 24px;
	margin-bottom: 20px;	
	/*color: #1c88cd;	
	color: #172c3e; */ 
	color: #a8d397;
	line-height: 120%;	
	}
#principal{  color: #172c3e;  }
h2{				
	font-size: 16px;
	margin-bottom: 10px;
	color: #444;	
	}
h3{	
	font-size: 20px;
	margin-bottom: 10px;
	color: #a8d397;
	font-weight: 500;
	}	
h4{	
	font-size: 17px;	
	color: #a8d397;
	font-weight: lighter;	
	}
h5{				
	font-size: 15px;	
	color: #444;	
	}
h6{				
	font-size: 20px;	
	color: #a8d397;
	margin-bottom: 5px;	
	}
.encabezado{				
	font-size: 24px;
	margin-bottom: 20px;
	color: #1c88cd;
	font-weight: bold;	
	}
.va{				
	font-size: 24px;
	margin-bottom: 20px;
	color: #CCC;	
	text-decoration: none;	
	}	
.va:hover{ color: #99cc67;}
.txts{				
	font-size: 17px;	
	color: #99cc67;
	margin-top: -13px;	
	}	
.txts2{				
	font-size: 18px;	
	color: #8AB85D;		
	}
.udestaaqui{
	font-size: 9px;	
	color: #99cc67;
	display: block;
	margin-bottom: 3px;			
	}	
#container {
    max-width: 1024px;
    margin: 0 auto;
    background: #FFF;    
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;        
}
.lineas li{ margin-top: 10px; }
.special { font-size: 11px; line-height: 13px; }	
.header #baner{
    width: 100%;        
    display: inline-block;
    vertical-align: middle;
    /*font: 0 serif;*/
    text-shadow: none;
    color: transparent;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.header #baner .inner {
    padding-top: 25.6%; /* height/width of image */
    display: block;
    height: 0;
}
.header #baner { background-image: url("../imgs/header.png"); }			
#content {        
	width: 90%;
	margin: 0 auto;
	padding: 25px 25px;
}
.img100{ display: block; width: 100%; }
.platicas {	margin: 35px 0 35px 0; }
.platicas p{ margin-top: 10px; }
.imgplaticas{	float: left; margin-right: 20px; width: 20%; }
.etastb { width: 100%; margin-bottom: 10px;  border-collapse: collapse; }
.etastb th{ background-color: #2c8641; height: 25px; color: white; border-right: solid 1px white; padding: 5px 5px; }
.etastb td{
	background-color: #EEE;
	padding: 5px 5px;
	min-width: 10px;
	max-width: 230px;
	vertical-align: super;	 	
	border: solid 1px white;	
	}
#hor{ background: #60a6e5; }				
#footer {
  position: relative; 	   	
   width: 100%;
   height: 120px;    
   background-color: #1A3256;      
   margin-top: 2px;
    background-repeat: no-repeat; 
}
#gris{ background:#AAA; }
#patrocinadores{ 	display: flex;
	justify-content: space-evenly; align-items:center; }
ol, ul{ list-style-position:inside; }
.date {
	width: 40px; height: 36px; 
	background: #fdd346;  	
	float: left;	
	margin-bottom: 5px;
	margin-right: 5px;	
}
.date p {	text-align: center; color: #555; font-size: 14px; }
.date p span {
	background: #fCC200; 
	color: #444; text-transform: uppercase; 	
	display: block;	
}
.avi2{
	display: block;
	width: 98.5%;	 	
	height: 20px;	
	background-color: #C9C9C9;
	font-size: 17px;	
	padding-top: 1%;
	padding-left: 1%;										
	 }
.avisospres{	
	width: 98.3%;
	height: auto;
	min-height: 200px;			
	max-height: 500px;			
 	border: solid 2px #CCC; 	
 	overflow-y: auto;
	overflow-x: hidden; 
}	
.avisospres ul { list-style: inside; margin-top: 5px; }
.avisospres ul li {
	padding-left: 5px;	
	line-height: 20px;
	list-style-type: none;
	overflow: auto;
	margin-top: 5px;	
	}
	
.avisospres::-webkit-scrollbar {
  	width: 12px;
}
.avisospres::-webkit-scrollbar-track {
    border-left: 1px solid #C9C9C9;    
}
.avisospres::-webkit-scrollbar-thumb {
    background-color: #ADADAD;
}
.avisospres:hover::-webkit-scrollbar-thumb{
	background-color: #ADADAD;
}
.concurso h1{ text-align: center; }
.concurso h2{ text-align: center; }
.concurso h3{ text-align: center; color: black; font-weight: bold; }
.concurso span{ text-align: center; display: block; }
.concurso li{ padding-bottom: 1em; }
.abc{ list-style-type: lower-alpha; margin-left: 2em; }
.indent{ margin-left: 2em; }
.dos{ float: left; width: 59%; }
.tres{ float: left; width: 39%; margin-left: 2%; }
/********************************/
/* MEDIA SCREEN RESPONSIVE WEB */
/********************************/

@media screen and (max-width:768px){     
 #container{ width: 100%;     
    margin: 0 auto;     
    background: #FFF; 
  }    
.header #baner { background-image: url("../imgs/bannerm.jpg"); }
#nav{ width: 100%; }
#nav ul{
width:99%;
margin:0 auto;
font-size: 12px; 
}
#nav ul li{
	display: block;
	float: left;
	width: 18%;
	text-align: center;
	margin-left: 1px;				
}
#nav ul li a{
	text-decoration: none;
	color: white;		
}	
#content{ max-width: 100%; }
.etastb { max-width: 100%; font-size: 85%; }
.etastb th{ background-color: #1478b8; 
	min-width: 10px;	
 }
.etastb td {
	min-width: 1px;
	max-width: 80px;	          
	 }
#ubicacion { max-width: 100%; }    
} 


@media screen and (max-width:480px){    
 #container{ width: 100%; } 
 .header #baner { background-image: url("../imgs/bannerlw.jpg"); }
 #nav{ width: 100%; height: auto; padding-top: 1px; }
 #nav ul{ width: 100%; }
 #nav ul li {
    float: none;
    display: block;
    width: 100%;
    max-width:480px;    
    padding: 5px 0px;
    margin: 0 auto;
    text-align: center;    
    border-bottom: 1px solid white;
  }
  #nav ul li a {
  	display: block;
    width: 100%;               
  }         
  #nav ul li.last > a,
  #nav ul li:last-child {
    border-bottom: 1px solid #1c88cd;
  }   
 #content{ width: 90%; } 
 #banerpie{width: 35%;}
 #uaslp {width: 25%; }
 #fac {width: 25%; }      
.etastb { max-width: 100%; font-size: 75%; line-height: 125%; }
.etastb th{ background-color: #1478b8;	min-width: 10px; }
.etastb td { 
	min-width: 1px;
	max-width: 50px;
	 }
#ubicacion { width: 100%; }  
}