*{ 
    margin: 0px;
    padding: 0px;
}

h1{
    font: bold 20px verdana, sans-serif;
}

h2{
    font: bold 14px verdana, sans-serif;
}

header,section, footer, aside,nav,article, figure,figcaption, hgroup{
    display: block;
}

body{
    text-align: center;
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;


    font-family: "New Century Schoolbook", fantasy;
    font-size: 14px;
}
blockquote { font-size: larger }
em { font-size: 150% }
em { font-size: 1.9em }

#fondo {
/* Permalink - 
use to edit and share this gradient: 
http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100;Blue+to+Transparent */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); 
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); 
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); 
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); 
/* IE6-9 */

-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;



}
#centrado{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #FFFBCC;
  border: 1px solid #999999;
  padding: 20px;
  margin-bottom: 15px;
  -moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;
}

#borde {
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;
}


#agrupar{
    width: 960px;
    margin: 15px auto;
    text-align: left;
    background: linear-gradient(top, black, white);
}
#cabecera{
    background: #FFFBB9;
    border: 1px solid #999999;
    padding: 20px;
    -moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
    -webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
     border-radius: 15px 15px 15px 15px;   
}
#menu {
    background: #CCCCCC;
    padding: 5px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
    -webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
     border-radius: 15px 15px 15px 15px;
}
#menu li{
    display: inline-block;
    list-style: none;
    font: bold 16px verdana, sain-serif;

    margin-left: auto;
    margin-right: auto;
    background: #FFFBCC;
    border: 3px solid #999999;
    padding: 5px;
    margin-bottom: 19px;
    -moz-border-radius: 15px 15px 15px 15px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 15px 15px 15px 15px;
    /* para Opera */
    border-radius: 15px 15px 15px 15px;
}
#seccion {
    float: left;
    width: 660px;
    margin: 20px;

    box-shadow: rgb(150,150,150) 5px 5px 10px;
    -moz-transform: translateY(14px) translateX(70px)  rotate(0deg) scaleX(1.1);
    -webkit-transform: translateY(14px) translateX(70px) rotate(0deg) scaleX(1.1);
}
#columna{
    float: left;
    width: 220px;
    margin: 20px 0px;
    padding: 20px;
    background: #CCCCCC;
        
}
#pie{
    clear: both;
    text-align: center;
    padding: 20px;
    border-top: 2px solid #999999;
}
article {
    background: #FFFBCC;
    border: 1px solid #999999;
    padding: 20px;
    margin-bottom: 15px;


        
}
article footer{
    text-align: right;
}
time{
    color: #999999;
}
figcaption{
    font: italic 14px verdana,sans-serif;
}
div{
    width: 100px;
    margin: 20px;
    padding: 10px;
    border: 1px solid #000000;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -box-sizing:border-box;
}

a:focus {outline: dashed thin red;}
a:active {font-style: italic;}
a:visited {color: #6D006D;}

li a:link{text-decoration:none; font-weight: bold; color:#B22222;
 
 line-height:2.5em; display:inline-block; }


p {
font-family: 'Caesar Dressing', cursive;
}