a:link {color:#ffffff;}      
body { 
	background-color: #004791;
	color: #ffffff;
	width:80%;
	margin:auto;}
 h1 {
 font-family: "Comic Sans MS", Georgia, Serif;
 font-size: 2.3em; 
 text-align: center; 
 font-weight:bold;
 }
 
 h2 {font-family: "Comic Sans MS", Georgia, Serif;
 font-size: 1.6em; 
 text-align: left; 
 font-weight:bold;
 }
 
img.suelta {
max-width:100%;
height:auto;
float: left;
margin-left:5px;
margin-right:5px;
}

 p, ul { 
 font-family: "Comic Sans MS", Georgia, Serif;
 text-align:justify; 
 font-size:1em; 
 line-height:1.4;
}
p.center {text-align:center; 
}
p.negrita {
font-weight:bold;
}
p.right {text-align:right; 
}

p.left {text-align:left; 
}

p.peque {font-size:0.8em;  
}

ul { 
list-style-type: none;
}

@media screen and (max-width: 960px) {
body {
width:90%;
margin:auto;
font-size:1em;
}

h1 {
 font-size: 2.1em; 
 font-weight:bold;
}
 
h2 {
font-size: 1.4em; 
}

p , ul { 
 font-size:1em; 
 line-height:1.3;
}
}

@media screen and (max-width: 768px) {
body {
width:95%;
margin:auto;
font-size:1em;
}

h1 {
 font-size: 2em; 
 }
 
 h2 {
 font-size: 1.3em; 
  }
  
  p , ul{ 
 font-size:1em; 
 line-height:1.2;
}
}

@media screen and (max-width: 480px) {
body {
width:100%;
margin:auto;
font-size:1em;
}

h1 {
 font-size: 1.8em; 
  }
 
 h2 {
 font-size: 1.2em; 
  }
  
  p , ul{ 
 font-size:1em; 
 line-height:1.1;
}
}