body { 	background: url(../../assets/imgs/bg_actividades_home.jpg) center -55px #002596 no-repeat; }

section { display: block; float: left; width: 660px }
aside { display: block; float: right; width: 340px }


.container section { position: relative; display: block; background: url(../../assets/imgs/actividades/home.png) 0 0 no-repeat; width: 630px; height: 880px; padding: 0 0 0 7px }
.container section h2 { display: block; width: 100%; height: 90px; text-indent: -9000px; z-index: 2 }
.container section ul li a { position: relative; display: block; width: 604px; height: 178px; margin: -5px auto 0; text-indent: -9000px }
.container section ul li a.bnr01 { background: url(../../assets/imgs/actividades/banner01.png) 0 100% no-repeat; height: 185px }
.container section ul li a.bnr02 { background: url(../../assets/imgs/actividades/banner02.png) 0 100% no-repeat; margin-top: -17px  }
.container section ul li a.bnr03 { background: url(../../assets/imgs/actividades/banner03.png) 0 100% no-repeat }
.container section ul li a.bnr04 { background: url(../../assets/imgs/actividades/banner04.png) 0 100% no-repeat }
.container section ul li a:hover { background-position: 0 0 !important }


.bases { position: absolute; bottom: 3px; left: 45px; font-size: 11px; color: #002596 }


/* overlay */
.overlay { display:none; z-index:10000; background: url(../../assets/imgs/actividades/actividad1_ok.png) 0 0; width: 654px; height: 386px; text-align: left }
.overlay a.close { display: none }
.overlay p { display: block; font: 24px/24px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; padding: 125px 0 10px; width: 360px; margin: 0 auto;  text-align: center }
.overlay p strong { font-weight: normal; color: #E81E75; font-size: 30px }
.overlay small { display: block; font: 16px/20px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; padding: 0 0 5px; width: 360px; margin: 0 auto;  text-align: center }
.overlay .volver { display: block; background: url(../../assets/imgs/btn/volver.png) 0 0 no-repeat; width: 115px; height: 25px; margin: 0 auto; text-indent: -9000px }
.overlay .volver:hover { background-position: 0 100% } 
.overlay .cerrar,
.overlay #cerrar { position: absolute; right: 120px; top: 28px; display:block; background: url(../../assets/imgs/cerrar.png) 0 0 no-repeat; width: 23px; height: 23px; text-indent: -9000px }