

body {
    height: 100%;
    min-width: 480px;
}


#headerUniversidad .logo {		
	/*border-style: solid;
  	border-width: 1px 1px 1px 1px;*/
	padding:0em 1em 0em 0;		

}



#headerUniversidad .logo img {
	max-height:107px;
	max-width: 120px;
	border-style: solid;
  	/*border-width: 1px 1px 1px 1px;
	padding:0em 0 0em 0;*/
}

#headerUniversidad .logo_centro {
	max-height:7em;
	overflow:hidden;
	float:right;
	/*margin-top:2px;*/
	padding:0 0em 0 0
}


#headerUniversidad .logo_centro a {
	display:block
}
#headerUniversidad .logo_centro img {
	max-height:107px;
	max-width: 140px;

}

#headerUniversidad .cabecera{			
	/*border-style: solid;*/
  	/*border-width: 1px 1px 1px 1px;*/
	padding:-3em 0 0em 0em;
	max-width: 600px;
	/*display:block;*/
}


#headerUniversidad .canales{			
	/*border-style: solid;
  	border-width: 1px 1px 1px 1px;*/
	padding:0em 0 0em 0 em;
	max-width: 480px;
}

#headerUniversidad .canales nav {
	/*margin-right:130px;*/


	display:block;
	max-height:1.6em;
	overflow:hidden;
	float:right;
	font-size:.9em
}

#headerUniversidad .canales .buscador {
	margin-right:135px;
	margin-top:-50px;
	overflow:hidden;
	float:right
}

/* Resoluciones menores de 480 píxeles de ancho. */

@media screen and (max-width: 800px) {

	#headerUniversidad{
		min-width:479px;
	}

	#headerUniversidad .logo img{
		/*max-width:70px;*/
		max-height:70px;
	}

	#headerUniversidad .cabecera{
		max-width: 260px;
		margin-top:-30px;
		/*border-style: solid;
  		border-width: 1px 1px 1px 1px;
		padding:0em 0 0em 0;*/
	}

       #headerUniversidad .canales  {		
	 	max-width: 260px;
	}

	#headerUniversidad .logo_centro {
		overflow:hidden;
		display:none;
	}

	#headerUniversidad .canales .buscador {
		overflow:hidden;
		display:none;
	}

	#headerUniversidad .cabecera h1 .fontMax,#headerUniversidad .cabecera p .fontMax{
		font-size:0.8em;
		
	}

	#headerUniversidad .canales nav {
		font-size:0.8em;
		margin-right:-70px;
		margin-top:0px;
		border-style: solid;
  		border-width: 1px 1px 1px 1px;
		border-color:#CCCCCC;
		/*
		overflow:hidden;
		display:none;*/
	} 

	.img-carousel{
		background-size: 400px 140px;
		width:400px;
	  	height:140px; 
	}

	.txt-carousel{
		position: absolute; 
	  	height:45px; 
		top: 10;
		left: 10;
		margin:85px 20px 20px 4px; 
		/*padding:10px 20px 20px 20px; */
		
	}

	.txt-carousel H2{		
		margin:10px 20px 20px 2px; 
		padding:12px 20px 20px 20px; 
	}




}


/* esto funcionará si la resolución de pantalla está entre 480 y 800 pixeles de ancho */
/* @media screen (max-width: 960px) and (min-width: 480px) {*/

@media screen and (max-width: 960px) and (min-width: 800px)   {

	#headerUniversidad .logo img {		
		max-height:90px;
	}
     
	#headerUniversidad .cabecera{
		padding:-3em 0 -1em 0em;	
  		width: 300px;
	}

	#headerUniversidad .canales  {		
	 	width: 360px;
		/*
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color:#FFC0C0;*/
	}

	#headerUniversidad .cabecera h1,#headerUniversidad .cabecera p {
		font-size:1.3em;
	}

	#headerUniversidad .canales nav {
		
		font-size:.8em;
  		

	}


	#headerUniversidad .logo_centro img {
		max-width: 110px;
	}

	/*
	#headerUniversidad .canales .buscador {
		overflow:hidden;
		display:none;
		float:right;
		margin-top:.8em;
		max-width:18em
	}*/

	#headerUniversidad .canales .buscador {
		font-size:0.8em;
		margin-right:135px;
		margin-top:-50px;
		overflow:hidden;
		float:right;
		max-width:120 px;
	}

}






/* esto funcionará si la resolución de pantalla está entre 1200px y 960px de ancho 
   -cabecera ancho máximo de 600px 
   -cabecera letra de 1.3 em
   -canales 400px
   -canales letra de 1 em

*/


@media screen and (min-width: 1200px)  {

	#headerUniversidad .logo img{
		max-height: 107px;
	}

	#headerUniversidad .cabecera{
		padding:-3em 0 0em 0em;
		max-width: 390px;
	}

	#headerUniversidad .canales  {
	 	max-width: 380px;
	}

	#headerUniversidad .cabecera h1,#headerUniversidad .cabecera p {			
		font-size:1.3em

	}

	#headerUniversidad .canales nav {
		font-size:.8em;
		border-style: solid;
  		border-width: 1px 1px 1px 1px;
		border-color:#C0FFC0;
	}

	#headerUniversidad .canales .buscador {
		font-size:0.8em;
		margin-right:135px;
		margin-top:-50px;
		overflow:hidden;
		float:right;
		max-width:120 px;
	}

	#headerUniversidad .canales .buscador form {
		float:right;
		font-size:0.8em;
	}

	#headerUniversidad .logo_centro img {
		max-width: 120px;
	}


}


/* esto funcionará si la resolución de pantalla está entre 960 px y 800 px de ancho 
   -cabecera máximo ancho 480px (provoca salto de linea)
   -cabecera letra de 1.3 em
   -canales 380px
   -canales letra de 0.8 em

*/

/* Estilos para avisos blinking y resaltado */

.text-red {
  color: #12192c
}

.blink-hard {
  animation: blinker 1s step-end infinite;
}

.blink-soft {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



/* PRUEBAS HASTA AQUI*/

/*=========== DESTACADOS =============*/

.texto_destacado{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color:#333333; margin-bottom:1em;}
.texto_soslayado{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; color:#AE9C84;  }
.texto_anotacion{font-family:Verdana, Arial, Helvetica, sans-serif; color:#481709;}


.bloque_destacado_azul{ padding:0.8em; background-color:#DCF3FA; border:1px solid #006699;  display:block; margin:0.2em; text-decoration:none;}
.bloque_destacado_verde{ padding:0.8em; background-color:#EBECB3; border:1px solid #B1B52D;  display:block;  margin:0.2em; text-decoration:none;}
a.destacado:hover{ padding:0.8em; background-color:#B3E6F4; border:1px solid #006699; float:left; clear:left; display:block; width:20em; margin:0.2em; text-decoration:none;}


/*======== TABLAS ========*/

.tabla_verde { background-color:#F4FAEF; padding:0.4em; margin:1em; margin-top:0;font-size:0.9em;}
.tabla_verde caption{ text-align:left; margin-left:1em;margin-top:1em;margin-right:1em; background-color:#EBEBEB; padding:0.4em; border-bottom:1px solid #B3BF88; }
.tabla_verde td{ border-top:1px solid #D1D9B7; padding:0.2em; }
.tabla_verde a{ color:#566B29;}

.tabla_verde_cuadricula {background-color:#F4FAEF; padding:0.4em; margin:1em; margin-top:0; font-size:0.9em; border-collapse:collapse; border:1px solid #B3BF88;}
.tabla_verde_cuadricula caption{ text-align:left; margin:1em 1em 0em 1em; background-color:#EBEBEB;padding:0.4em; border:1px solid #B3BF88; }
.tabla_verde_cuadricula th{ padding:0.2em; }
.tabla_verde_cuadricula td{ border:1px solid #B3BF88; padding:0.2em; }
.tabla_verde_cuadricula a{ color:#566B29;}



.tabla_azul{ background-color:#ECFAFB; padding:0.4em; margin:1em; margin-top:0;font-size:0.9em; }
.tabla_azul caption{ text-align:left; margin:1em 1em 0em 1em; background-color:#EBEBEB;padding:0.4em; border-bottom:1px solid #B3BF88; }
.tabla_azul th{ padding:0.2em; }
.tabla_azul td{ border-top:1px solid #239FA9; padding:0.2em; }
.tabla_azul a{ color:#3333CC;}

.tabla_azul_cuadricula{ background-color:#ECFAFB; padding:0.4em; margin:1em; margin-top:0;font-size:0.9em; border-collapse:collapse; border:1px solid #239FA9;}
.tabla_azul_cuadricula caption{ text-align:left; margin:1em 1em 0em 1em; background-color:#EBEBEB;padding:0.4em; border:1px solid #239FA9; }
.tabla_azul th{ padding:0.2em; }
.tabla_azul_cuadricula td{ border:1px solid #239FA9; padding:0.2em; }
.tabla_azul_cuadricula a{ color:#3333CC;}


.tabla_marron{ background-color:#FEF3C6; padding:0.4em; margin:1em; margin-top:0;font-size:0.9em;}
.tabla_marron caption{ text-align:left; margin-left:1em;margin-top:1em;margin-right:1em; background-color:#E6B660;padding:0.4em; border-bottom:1px solid #936636; }
.tabla_marron td{ border-top:1px solid #936636; padding:0.2em; }
.tabla_marron a{ color:#BC3E00;}

.tabla_marron_cuadricula{ background-color:#FEF3C6; padding:0.4em; margin:1em; margin-top:0;font-size:0.9em; border-collapse:collapse; border:1px solid #BC6000;}
.tabla_marron_cuadricula caption{ text-align:left; margin:1em 1em 0em 1em; background-color:#E6B660;padding:0.4em; border:1px solid #BC6000; }
.tabla_marron_cuadricula th{ padding:0.2em; }
.tabla_marron_cuadricula td{ border:1px solid #936636; padding:0.2em; margin:1em}
.tabla_marron_cuadricula a{ color:#BC3E00;}

.tabla_marron_marco{ background-color:#FEF3C6; padding:0.4em; margin:1em; margin-top:0;font-size:0.9em; border:1px solid #BC6000;}
.tabla_marron_marco caption{ text-align:left; margin:1em 1em 0em 1em; background-color:#E6B660;padding:0.4em; border:1px solid #BC6000; }
.tabla_marron_marco td{ border:1px solid #936636; padding:0.2em; margin:1em}
.tabla_marron_marco a{ color:#BC3E00;}
