*{margin : 0;padding: 0;}

@font-face{
    font-family: noteworthy;
    src: url(Noteworthy-Bold.otf);
}

ul{list-style:none;}
img, a{border:none;}
.content{background:url('../img/libro.png') no-repeat center;}
.center{width:1000px;margin:0 auto;}
/** BANNER **/
.banner{height : 103px;background:url('../img/logo.png') no-repeat left center;}
/** TOP MENU **/
.menu{z-index:9999;width:100%;height:52px;background:#f2f2f2;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.menu ul{width:100%;min-height:100%;}
.menu ul .first{position:relative;float:left;width:16.5%;height:100%;text-align:center;line-height:3.3;border-left:1px solid #888;}
.menu ul .first:last-child{border-right:1px solid #888;}
.menu ul .first:hover ul li a{color:#2798d4;}
.menu ul .first a{text-decoration:none;font:16px 'Arial';font-weight:bold;color:#3d7cb4;text-transform:uppercase;}
.menu ul .first:hover, .menu ul .activo{background:#8cc02c;}
.menu ul .first:hover a, .menu ul .activo a{color:#fff;}
.menu ul .first .sub{margin:0 0 0 -1px;display:none;position:absolute;z-index:1000;}
.menu ul .first .sub li{width:100%;height:44px;border:1px solid #888;background:#f2f2f2;}
.menu ul .first .sub li a{font:15px 'Arial';font-weight:normal;text-transform:none;}
.menu ul .first:hover .sub li:hover{background:#2798d4;}
.menu ul .first:hover .sub li:hover a{color:#fff;}
/** CUERPO **/
.cuerpo{min-height:550px;}
/** FOOTER **/
.footer{position:relative;margin-top:20px;padding-top:40px; }
.footer .linea{
position:absolute;
top:0;
right : 0;
width:700px;
height:1px;
background:#bfd8e3;
}
.footer .logo{float:right;margin-left:30px;}
.footer .dos{width:49px;height:32px;background:url('../img/mep.png') no-repeat center;}
.footer .uno{width:123px;height:41px;background:url('../img/crusa.png') no-repeat center;}
.footer .fod{font:11px 'Myriad Pro'; color: #888; position:absolute;margin-left:300px;margin-top:10px; font-weight: lighter;}

/****************************************/
/****************************************/
/****************************************/


/** PANTALLA INICIO */
.cuerpo .div{
padding-top : 30px;
position : relative;
}
.cuerpo p{
font : 15px 'Arial';
line-height : 1.4;
width : 559px;
margin-bottom : 15px;
}
.cuerpo p b{
padding : 0px 5px;
background : #2798d4;
border-radius : 50%;
margin-right : 10px;
font : 10px 'Arial';
color : #2798d4;
}
.cuerpo .div p.titulo{
font : 27px 'noteworthy';
color : #86a251;
}
.cuerpo .ninos{
position : absolute;
top : 50px;
right : 0;
width : 313px;
height : 443px;
background : url('../img/ninos.png') no-repeat center;
}


/** JUEGO DIGITAL **/
.cuerpo #juego{
margin-top : 20px;
width : 100%;
height : 550px;
background : #eee;
}
/** REVISTA **/
.list{
width : 600px;
height : 500px;
margin : 0 auto;
}
.list li{
width : 240px;
height : 310px;
border : 3px solid #666;
cursor : pointer;
}
.list li img{
width : 100%;
height : 100%;
}

/** PRESENTACIONES **/
.slider{
margin : 90px auto;
}
#slider{
width : 700px;
height:100px;
}
#slider .item{
  margin: 3px;
  cursor : pointer;
}
#slider .item img{
  display: block;
  width: 100%;
  height: 100%;
}

/** INFOGRAFICOS **/
.infograficos{
padding-top : 50px;
}
.infograficos a img{
width : 400px;
margin-left : 55px;
}