*{  
  margin: 0px;
  padding: 0px;
 }
 h1 {
  font: bold 1.4em verdana, sans-serif; 
}
h2 {
  font: bold 1.2em verdana, sans-serif;
  text-align: center;
}
header, section, footer, aside, nav, article, figure, figcaption, hgroup {
  display: block; 
}
 body{
     text-align: center; 
    font: 1.1em verdana, helvetica, sans-serif;
   
	background-color:#909DB3;
	
	text-shadow: 1px 1px 0 rgba(0,0,0,.3);
 }
 p{
     font-size: 1.3em;
 }
 #caja_principal { 
  width: 70%; 
  max-width: 1100px;
  margin: 2em auto; 
  text-align: left;
}
 #area_principal { 
  text-align: left;
  width: 100%; 
  margin: 2em auto; 
} 
#cajatres{
    float:none;
    width: 71%;
    max-width: 800px;
    height: auto;
    color: #000190;
    border: 0pt #aaadb3 solid;
    border-radius: 5px;
    margin: 2em auto;
    text-align: left;
    box-shadow: rgb(150,150,150) 2px 2px 5px;
    
}
#noflo{
    float:none;
}
#fijo{
    display:table;
    float:none;
    width: 50%;
    max-width: 620px;
}
.imagedes{
     border: 1pt #909db3 solid;
     border-radius: 5px;
     box-shadow: rgb(150,150,150) 2px 2px 5px;
     margin: 0px 10px;

}
article {
  background: #909DB3; 
  border: 1px solid #999999; 
  padding: 0.5em; 
  margin-bottom: 1em;
  height: auto;
  width: 100%
}
#area_principal article img, #caja_tres img{
   margin: 0.2em 0.4em;
   float: left;
   
}

 #cabecera {
  padding: 20px;
  text-align: center;
}

div.pieimader{
  display:table;
  float: right;
}
div.pieimaizq{
  display:table;
  float: left;
}
div.pieimader img, div.pieimaizq img{
 margin:0;
 padding:0;
}
div.pieimader span, div.pieimaizq span{
 line-height:normal;
 font-size:0.7em;
 display:table-caption;
 margin: 4px;
 background:#646464;
 color:white;
 font-style:italic;
 text-align:center;
}
#pie {
  clear: both;
  text-align: center;
  padding: 3px;
  border-top: 2px solid #999999;
    font-size: 0.7em;
}
#pie img{
    float: right;
}

.desmejora{
    font-size: 0.9em;
    padding: 0px 15px 0px 30px;
}