body { 	background: url(../../assets/imgs/bg_actividades5.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 0 no-repeat; width: 637px; height: 668px }
.box .image { position: absolute; top: 0; right: 15px; display: block; background: url(../../assets/imgs/actividades/tori.png) 0 0 no-repeat; width: 241px; height: 633px; z-index: 2 }
.box h2 { display: block; background: url(../../assets/imgs/actividades/activitie5.png) 0 0 no-repeat; width: 286px; height: 80px; margin: 0 0 0 35px; text-indent: -9000px }
.box h3 { position: relative; display: block; background: url(../../assets/imgs/actividades/supertrivia.png) 0 0 no-repeat; width: 361px; height: 76px; margin: 0 0 0 70px; 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: 65px 60px 0; width: 335px; height: 116px; margin: -40px 0 10px; text-align: center; z-index: 1 }
.box ul { width: 520px; margin: 0 0 0 30px }
.box ul li { position: relative; width: 100%; background: url(../../assets/imgs/label.png) 0 0; margin: 0 0 1px; 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 18px/20px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; color: #0277A8; padding: 20px 90px 10px 20px; text-align: center }
.box a.opcion { display: block; background: url(../../assets/imgs/btn/respuesta.png) 0 0 no-repeat; width: 379px; height: 30px; font: bold 18px/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 0 0 30px }
.box a.active { background-position: 0 100%; color: #FFEA00 }
.box input[type="submit"] { cursor: pointer; background: url(../../assets/imgs/btn/responder.png) 0 0 no-repeat; width: 180px; height: 37px; margin: 25px 0 45px 160px; text-indent: -9000px }
.box input[type="submit"]:hover { background-position: 0 100% }

/* pager */
.pager { position: absolute; bottom: 50px; left: 180px }
.pager li { float: left; padding: 0 3px }
.pager li.space { padding: 0 17px }
.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:hover,
.pager li a.on { background-position: 0 100% }

/* ganaste */
#ganaste { display: none }
#ganaste p.txt { background: url(../../assets/imgs/actividades/trivia_ok.png) 0 0 no-repeat; font: 20px/30px 'BeautifulEveryTimeRegular',Arial,Verdana,Tahoma,'Sans-serif'; padding: 220px 70px 0; width: 312px; height: 156px; margin: 40px 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 }

/* overlay */
#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% }