* {
	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;		
	line-height: 120%;	
	}
.correo{ font-size: 24px; color: #717171; font-weight: bold; }
#principal{  color: #172c3e;  }
h2{				
	font-size: 16px;
	margin-bottom: 10px;
	color: #444;	
	}
h3{	
	font-size: 20px;
	margin-bottom: 10px;
	color: #2ca429;
	font-weight: 500;
	}	
.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;		
	}
.activo{ color: rgb(248, 116, 204) !important; }
.udestaaqui{
	font-size: 9px;	
	color: #99cc67;
	display: block;
	margin-bottom: 3px;			
	}	
#container {
    max-width: 1320px;
    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;        
}
.linea{ padding-right: 15px; }
.izq{ border-left: solid 2px gray; padding-left: 25px; }
.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: 23.8%; /* height/width of image */
    display: block;
    height: 0;
}
.imagen{ width: 50%; }
.header #baner { background-image: url("../imgs/simposium_nanociencas.jpg"); }			
#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: 17%; }
.platicah{ padding: 0; margin: 0; }
.grid2{ display: grid; grid-template-columns: 1fr 1fr; }
.grid2 img{ display: block; width: 70%; object-fit:fill; }
.etastb { width: 100%; margin-bottom: 10px;  border-collapse: collapse; }
.etastb th{ background-color: #3ab657; height: 25px; color: white; border-right: solid 1px white; padding: 5px 5px; }
.etastb td{
	background-color: #EEE;
	padding: 5px 5px;
	min-width: 110px;	
	vertical-align: super;	 	
	border: solid 1px white;	
	}
#hor{ background: #60a6e5; }				
#footer {
  position: relative; 	   	
   width: 100%;
   height: auto;    
   background-color: #951b80;               
   margin-top: 2px;
   background-repeat: no-repeat; 
   text-align: center;
}
#patrocinadores2{ background-color: white; }
#gris{ background:#AAA; }
ol, ul{ list-style-position:inside; }
.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; }
.rescartel{ margin: 0; padding: 0; }
.galeria{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 5px; }
.galeria img{ display: block; width: 100%; }
.videos{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 5px; }
/********************************/
/* MEDIA SCREEN RESPONSIVE WEB */
/********************************/

@media screen and (max-width:768px){     
 #container{ width: 100%;     
    margin: 0 auto;     
    background: #FFF; 
  }    
.header #baner { background-image: url("../imgs/simposium_nanociencas.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: #3ab657; 
	min-width: 10px;	
 }
.etastb td {
	min-width: 1px;
	max-width: 80px;	          
	 }
#footer div{ width: 100%; }	 
#footer div img{ display:block; width: 100%; object-fit: contain; }	 
#ubicacion { max-width: 100%; }    
.grid2{ grid-template-columns: 1fr; }
.grid2 iframe{ width: 100%; }
.grid2 img{ width: 100%; }
.izq{ border: none; margin-top: 30px; padding: 0; }
} 


@media screen and (max-width:480px){    
 #container{ width: 100%; } 
 .header #baner { background-image: url("../imgs/simposium_nanociencas.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: #3ab657;	min-width: 10px; }
.etastb td { 
	min-width: 1px;
	max-width: 50px;
	 }
#ubicacion { width: 100%; }  
.galeria{ display: grid; grid-template-columns: 1fr 1fr 1fr;  }
.videos{ display: grid; grid-template-columns: 1fr 1fr 1fr;  }
}