body{
	counter-reset:section;
}
body li .item{
	list-style: none;
}
a{
    text-decoration: none;
}

#contenido {    
    margin:auto;
    margin-top:95px;
    max-width: 1024px;
    width: 100%; 
    text-align: center;    
}

#digital {
    width:480px;
    float:left;
    margin-right:50px;
}
#navega {
    width:480px;
    float:left;
   
}
#imagen {
    height:300px;
    width: auto;
    width:auto;
    background-image: url('../anaya_navega.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor:pointer;
}
#imagen:hover { 
    background-image: url('../anaya_navega_hover.png');
    margin-top:2%;
    opacity:0.5;
    cursor:pointer; 
}
#content {
    margin-top:20px;
}
#imagen2 {
    margin-top:5%;
    height:300px;
    width: auto;
    width:auto;
    background-image: url('../anaya_digital.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor:pointer;
}
#imagen2:hover { 
    background-image: url('../anaya_digital_hover.jpg');
    margin-top:1%; 
    opacity:0.5;
    cursor:pointer; 
}
#digital > img { width:500px; margin-top:4%; cursor:pointer; }

#digital > h2 {  
    font-size:2em;
    text-align:center;
    padding:10px;   
    border-top: 3px solid #f29400;
    border-bottom: 3px solid #f29400;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 1em; 
    border-top-left-radius:100px;
    color: #e95d0f;  
    font-weight:bold;    
}

#digital h2 img { width:25px; }
#navega h2 img {  width:25px; }

#navega > img {
    width:500px; 
    margin-top:2%;
    cursor:pointer;
    
}
#navega > img:hover {     
    background-image:url('anaya_navega_hover.png');
    cursor:pointer; }
#navega > h2 {  
    font-size:2em;
    text-align:center;
    padding:10px;   
    border-top: 3px solid #94c11f;
    border-bottom: 3px solid #94c11f;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 1em; 
    border-top-left-radius:100px;
    color: #008d3f;  
    font-weight:bold;    
}
.romper {   
    clear:both;
}
.foter {
    margin-top:2%;
    border-top: 2px solid #008AC9;
    border-bottom: 2px solid #008AC9;
    width:45%;
    padding:5px;
    margin:auto; 
    text-align:center;
    
    font-weight:bold;
}


#superior{
    max-width: 1024px;
    /*width: 90%;*/
    width: 960px;
    margin: 0 auto 2% auto;   
    overflow: hidden;
    text-align: center;
    position: relative;
  }

.videoimg{
   margin: 0 auto;
   width: 253px;
   background-image: url(../foto_vaughan.jpg);
   background-repeat: no-repeat;
   background-size: contain;
   height: 200px;
   border-radius: 25px;
    border: 5px solid #7787cd;
    margin-top: 50px;
}

.videoimg img{
    width: 300px;
    margin-top: 30px;
}

#botonera {
    width: 130px;
    height: 23px;
    background-image: url('../watch_video.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 10;
    left: 44%;
    top: 92%;
}

@media (max-width: 768px) {
#digital{      
        float:none;
        margin: 0 auto 0 auto;
        width: 400px;
    }
    #navega{      
        float:none;
        margin: 0 auto 0 auto;
        width: 400px;
    }
}
#content ul{
    /*width: 100%;*/
    width: 960px;
    margin: 0 auto;
    line-height: 50px;
}

#content ul li{
    border-radius: 3px;
    margin-bottom: 5px;
    width: 300px;
    float: left;
    height: 160px;
    border-radius: 15px;
}



#content ul a{
    font-size: 35px;
    text-decoration: none;
    display: block;
    width: 100%;
    font-weight: bold;
    color: white;
}


.up{
    margin-left: 26px;
}

#primero{
    margin-top: 40px;
    margin-left: 15%;
    background-image: url('../cubiertas/munecos1.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 50px;
}

#dos{
    margin-top: 60px;
    background-image: url('../cubiertas/munecos2.png');
    background-repeat: no-repeat;
    background-size: contain;
}