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

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


.box { position: relative; background: url(../../assets/imgs/actividades/box.png) 0 10px no-repeat; width: 637px; height: 668px; padding: 10px 0 0 }
.box h2 { position: relative; display: block; background: url(../../assets/imgs/actividades/activitie2.png) 0 0 no-repeat; width: 416px; height: 74px; margin: -15px auto 0; text-indent: -9000px; z-index: 2 }
.box p.txt { position: relative; display: block; background: url(../../assets/imgs/actividades/nube.png) 0 0 no-repeat; font: 18px/20px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; padding: 52px 60px 0; width: 335px; height: 129px; margin: -40px auto 10px; text-align: center; z-index: 1 }
.box .video { position: relative; display: block; background: url(../../assets/imgs/actividades/video.png) 0 0 no-repeat; width: 579px; height: 300px; padding: 0; margin: -75px 0 0 35px; overflow: hidden; z-index: 999 }
.box .video div { position: absolute; display: block; left: 154px; top: 23px; width: 272px; height: 235px; z-index: 999 }
.box ul { position: relative; width: 520px; margin: -10px auto 0 }
.box ul li { position: relative; width: 100%; background: url(../../assets/imgs/label.png) 0 0; margin: 0 0 1px; text-align: center; padding: 3px 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; behavior: url(../../assets/styles/PIE.htc) }
.box h4 { display: block; font: bold 16px/18px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #0277A8; padding: 10px 0 0 }
.box a.opcion { display: block; background: url(../../assets/imgs/btn/respuesta.png) 0 0 no-repeat; width: 379px; height: 30px; font: bold 13px/36px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #fff; text-align: center; text-shadow: 2px 2px 0 #0786B3, -1px -1px 0 #0786B3, 1px -1px 0 #0786B3, -1px 1px 0 #0786B3, 2px 2px 0 #0786B3; margin: 0 auto }
.box a.active { background-position: 0 100%; color: #FFEA00 }

/* pager */
.pager { margin: 8px 0 0 230px }
.pager li { float: left; padding: 0 3px }
.pager li a { display: block; background: url(../../assets/imgs/actividades/pager.png) 0 0 no-repeat; width: 28px; height: 28px; font: 20px/34px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #fff; text-align: center }
.pager li a.on { background-position: 0 100% }

/* ganaste */
#ganaste { position: relative; display: none; top: -145px }
#ganaste p.txt { display: block; float: left; background: url(../../assets/imgs/actividades/trivia_ok2.png) 0 0 no-repeat; font: 24px/30px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; padding: 150px 230px 0 140px; width: 268px; height: 498px; margin: 65px 0 0 30px; text-align: center; z-index: 3 }
#ganaste p.txt strong { color: #E81E75 }

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

/* puntos */
#actividades01 { display:none; z-index:99999999999999999999999999999 !important; background: url(../../assets/imgs/actividades/actividad1_ok.png) 0 0; width: 654px; height: 386px; text-align: left }
#actividades01 a.close { display: none }
#actividades01 p { display: block; font: 17px/20px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; padding: 110px 0 10px; width: 340px; margin: 0 auto;  text-align: center }
#actividades01 p strong { font-weight: normal; color: #E81E75 }
#actividades01 small { display: block; font: 14px/18px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #000; padding: 0 0 20px; width: 360px; margin: 0 auto;  text-align: center }
#actividades01 .volver { display: block; background: url(../../assets/imgs/btn/volver.png) 0 0 no-repeat; width: 115px; height: 25px; margin: 0 auto; text-indent: -9000px }
#actividades01 .volver:hover { background-position: 0 100% }