h1 { font-size:2.5vw; margin: 10px;}
   h2 { font-size:2vw; margin: 5px;}
   h3 { font-size:2vw; margin: 2px; font-weight: bold}
  	p	{font-size:1vw}
  	a {text-decoration: none; color: #455BBF}	
		body 
		{
			background-image: url('images/starbg.png');
			background-color:#000;
			padding: 15px;
		}
		#cuerpo 
			{
				background-color: #FFF;
				color: #1A1A1A;	
				
				width: 100%;		
			}
		#cabecera
			{
				min-height: 140px;
			}
		#cabecera h1 { color: #FFF; }
		#pie {
				min-height: 130px;		
		}		
		
		#spie {
				width: 100%;
				margin: 3px;
				background-color:#191471;		
				color: #FFF;
				min-height: 80px;
				padding: 5px;
		}
		
		#spie a { 
				color: #DC9711;
				text-decoration: none		
		}
		.publi
		{
			max-height: 120px;		
		}
		
		.tlista
		{
			display:block; 
			width: 300px; 
			background-image: linear-gradient(blue, white);;
			color: #000; 
			text-decoration:none; 
			text-align: center; 
			border-radius: 5px
		}		
		.tlista:hover
		{
			background-image: linear-gradient(white, blue);;
		}			
		.ttema {
			display: inline-block;
			width: 30%;
			text-align: center;			
			background-image: linear-gradient(grey, white);
			color: #000;	
			border-radius:5px;		
		}		
		
		.ttema:hover {
			background-image: linear-gradient(white, grey);
			color: #000;

		}	

.mxcenter {
  				display: block;
  				margin-left: auto;
  				margin-right: auto;
				width: 90%;			
			}			
			
.VideoWrapper {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.VideoWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


<!--- Codigo para la política de cookies-->
 
 
<style type="text/css">
 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{
	color: #333;	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #333;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */

@media only screen and (max-width: 1020px)
{
			.publi { max-height: 120px;}
			h1 { font-size:6vw; margin: 10px;}
   		h2 { font-size:5vw; margin: 5px;}
   		h3 { font-size:4vw; margin: 2px; font-weight: bold}
  			p	{font-size:3vw}			
}	
 
@media only screen and (max-width: 769px)
{
			.publi { max-height: 120px;}
			h1 { font-size:6vw; margin: 10px;}
   		h2 { font-size:5vw; margin: 5px;}
   		h3 { font-size:4vw; margin: 2px; font-weight: bold}
  			p	{font-size:4vw}			
}