.contenido {position:relative;; padding:5px; background-color:#fff; width:950px}
.contenido-interno{position:relative; width:950px;  text-align:center;  margin:0px;padding:0px; }
.contenido-interno .logo{position:absolute; top:-40px; left:0px; text-indent: 999px; width: 232px; height: 161px; overflow: hidden; background: url(/doki/images/logo.png) no-repeat left top;}
.contenido-interno .logo a{position: relative; float: left; display: inline; height: 110px; width: 170px; top:20px; left:30px;}


/* ios menu*/
.contenido-interno .menu.ios li#juegos{display:none;}
.contenido-interno .menu.ios ul{list-style: none; padding: 0 0 0 30px; overflow: hidden; height: 85px;}
.contenido-interno .menu.ios li{background: url(/doki/images/menu-iconos.png) no-repeat; margin:0 12px; text-indent: 999px; overflow: hidden; height: 85px; display: inline; position: relative; float:left;}

#pelotaios{position:absolute;  width:200px; height: 150px; left:340px; top:330px;  overflow: hidden; background: url('/doki/images/pelota.png') repeat scroll -1600px 0px; }

/* menu clomplete*/

.contenido-interno .menu{text-indent: 999; width: 464px; height: 84px;  background: url(/doki/images/menu-bck.png) no-repeat left top; position: absolute;right:5px; top:-15px;}
.contenido-interno .menu ul{list-style: none; padding: 0 0 0 17px; overflow: hidden; height: 85px;}
.contenido-interno .menu li{background: url(/doki/images/menu-iconos.png) no-repeat; margin:0 4px; text-indent: 999px; overflow: hidden; height: 85px; display: inline; position: relative; float:left;}
.contenido-interno .menu li#juegos{width: 70px;  background-position:-15px -2px;}
.contenido-interno .menu li#juegos:hover{width: 70px;  background-position:-15px -85px;}

.contenido-interno .menu li#mapas{width: 70px;  background-position:-105px -2px;}
.contenido-interno .menu li#mapas:hover{width: 70px;  background-position:-105px -85px;}

.contenido-interno .menu li#actividades{width: 95px;  background-position:-190px -2px;}
.contenido-interno .menu li#actividades:hover{width: 95px;  background-position:-190px -85px;}

.contenido-interno .menu li#imagenes{width:80px;  background-position:-295px -2px;}
.contenido-interno .menu li#imagenes:hover{width:80px;  background-position:-295px -85px;}

.contenido-interno .menu li#videos{width: 70px; background-position:-390px -2px; overflow: visible; cursor: pointer;}
.contenido-interno .menu li#videos:hover{width: 70px; background-position:-390px -85px; overflow: visible; cursor: pointer;}

.contenido-interno .menu li a{position: relative; float: left; display: inline; height: 100px;}
.sol{width:132px; height: 151px; left: 220px; top:160px; position:relative; overflow: hidden; cursor: pointer;}

#rayo{background: url('/doki/images/sol-rayos.png') repeat scroll 400px 0px; width:132px; height: 151px; left: 0px; top:0px; position:absolute; }
#sol-cara{background: url('/doki/images/sol.png') repeat scroll 400px 0px; width:132px; height: 151px; left: 0px; top:0px; position:absolute;}

#cuadro{position:absolute;  width:130px; height: 125px; right: 290px; top:190px; overflow: hidden; background: url('/doki/images/cuadro.png') repeat scroll 0px 0px;cursor: pointer; }
#mapa{ position:absolute; width:182px; height: 88px; right:4px; top:320px; overflow: hidden; background: url('/doki/images/mapa.png') repeat scroll 0px 0px; cursor: pointer;}
#pelota{position:absolute;  width:200px; height: 150px; left:340px; top:330px;  overflow: hidden; background: url('/doki/images/pelota.png') repeat scroll -1600px 0px; cursor: pointer;}
#compu{position:absolute;  width:21px; height: 27px; top: 340px;  left:105px;  overflow: hidden; background: url('/doki/images/cursor.png') repeat scroll 0px 0px; cursor: pointer;  }
#pantalla{position:absolute;  width:81px; height: 68px; top: 305px;  left:49px;  overflow: hidden; background: url('/doki/images/compu.png') repeat scroll 0px 0px; cursor: pointer; }

#actividades-flecha{position:absolute;  top:140px; left:330px; display: none;}
#imagenes-flecha{position:absolute;top:140px; left:620px;display: none;  }
#juegos-flecha{position:absolute; top:450px; left:490px;display: none; }
#mapas-flecha{position:absolute; top:390px; left:740px; display: none;}
#videos-flecha{position:absolute; top:290px; left:150px; display: none;}

.proximamente{position:absolute; top:8px; left:-140px; background: #fff; border-radius: 5px; display: none; color:#ccc; width: 150px; padding: 5px; font-size:14px; text-indent: 0px;}
.contenido-interno .menu li#videos:hover .proximamente {display: block;}

.header-home{position:relative; float:left; clear: both;  width:950px;  text-align:center; background:url(/doki/images/bck.jpg) no-repeat left top; margin:0px;padding:0px; height: 555px;}
.header-mapa{position:relative; float:left; clear: both;  width:950px;  text-align:center; background:url(/doki/images/bg_madera_gris.jpg) repeat left top; margin:0px;padding:0px; }
.contenido-mapa{position:relative; width:900px ;height: 530px; clear: both; background:url(/doki/images/mapa-plano.jpg)  left top no-repeat; border:3px solid #fff;  margin: 0px auto 10px auto;}
.contenido-mapa .pointer{position: absolute; }
.contenido-mapa #china{top:165px; left: 635px;  }
.contenido-mapa #indonesia{ top: 310px; left: 680px;  }
.contenido-mapa .pointer a{text-indent: 999px; overflow: hidden;}
.header-mapa .titular{position:relative;  clear: both;  background:url(/doki/images/top-titular.png) no-repeat left bottom; width: 906px; height: 58px; margin: 125px auto 0 auto; text-transform: uppercase;}
.header-mapa .titular p{position: relative; float: left; font-size: 35px; margin: 12px 0 0 70px; color:#009900; text-shadow:3px 3px #ddd;}
.header-mapa .bajada{position:relative;  clear: both;  background:url(/doki/images/mapa-cartel.png) no-repeat left bottom; width: 914px; height: 92px; margin: 10px auto 30px auto; text-transform: uppercase;}
.header-mapa .bajada p{position: relative;  font-size: 25px; text-align: center;  color:#0696d1; padding: 15px; letter-spacing: -1px;}

.contenido-mapa #china a{position:relative; float:left; display:inline; width:210px; height:50px;  background:url(/doki/images/china.png)  left top no-repeat;}
.contenido-mapa #indonesia a{position:relative; float:left; display:inline;  width:210px; height:50px; background:url(/doki/images/indonesia.png)  left top no-repeat;}
.contenido-mapa #china a:hover{background:url(/doki/images/china.png)  left bottom no-repeat;}
.contenido-mapa #indonesia a:hover{background:url(/doki/images/indonesia.png)  left bottom no-repeat;}

/* trivia mapa */
.header-trivia{position:relative; float:left; clear: both;  width:950px;  text-align:center; background:url(/doki/images/bg_madera_verde.jpg) repeat left top; margin:0px;padding:0px;}
.trivia-h{position:relative;  clear:both; width: 900px; border: 3px solid #fff; margin:0px auto 0px auto; overflow: hidden;}
.trivia-pic{position:relative; float:left;  margin: 0px; padding: 0px; }
.trivia-pic img{position:relative; float:left;  margin: 0px; padding: 0px; }
.trivia-h .bajadapic{position:relative;  clear: both;  background:url(/doki/images/top-titular.png) no-repeat left bottom; width: 906px; height: 58px; margin: 125px auto 0 auto; text-transform: uppercase; }
.trivia-h .bajadapic p{position: relative; float: left; font-size: 35px; margin: 12px 0 0 70px; color:#009900; text-shadow:3px 3px #ddd;}
.contenido-trivia{position:relative; float:left; width:950px;   clear: both; }
.contenido-trivia .titulo{position:relative;  clear: both; width:934px;  height: 107px; margin:30px auto 0 auto; clear: both; background:url(/doki/images/tela-top.png) repeat-x left top;}
.contenido-trivia .contenido-interno-trivia{position:relative; clear:both; width:884px; padding: 0px 10px 40px 40px; margin: -35px auto 0px auto; background:url(/doki/images/tela.png) repeat left top; overflow: auto;}
.contenido-trivia .footer{position:relative; clear:both; width:934px; margin: 0 auto 10px auto; height: 57px;  background:url(/doki/images/tela-footer.png) no-repeat left top;}

.opciones{position:relative; float:left; width: 440px; margin: 10px 10px 0 0; text-align: left;  }
.contenido-interno-trivia .titular{position:relative;  width: 410px;  color:#1a8200; font-size: 30px; text-transform: uppercase;  letter-spacing: -1px; padding: 0 0 25px 0; line-height:30px;}
.opciones .opcion{position: relative;clear: both; font-size: 22px; color:#0696d1;  text-transform: uppercase;  letter-spacing: -1px; margin: 20px 0 0 0; padding: 0 0 0 40px; background:url(/doki/images/radio-b.png) no-repeat -9px -112px; height: 49px;  cursor:pointer;}
.opciones .opcion:hover { background:url(/doki/images/radio-b.png) no-repeat -9px -10px;}
.opciones .opcion.error {color:#ff9900; background:url(/doki/images/radio-b.png) no-repeat -9px -60px;}
.opciones .opcion.error:hover {color:#ff9900; background:url(/doki/images/radio-b.png) no-repeat -9px -60px;}

.respuesta-correcta{position:relative; float:left; width: 440px; margin: 5px 10px 0 0; text-align: left; display:none;  }
.respuesta-correcta .correcto{position:relative;  width: 410px;  color:#1a8200; font-size: 50px; text-transform: uppercase;  letter-spacing: -1px; padding: 0 0 25px 0;}
.respuesta-correcta .bajadarespuesta{position: relative;clear: both; font-size: 22px; color:#0696d1;  text-transform: uppercase;  letter-spacing: -1px; margin: 20px 0 30px 0; min-height:190px;  }
.respuesta-correcta .bajadarespuesta .controles{position: relative;clear: both; float:none; margin: 5px 0 0 0; }

.respuesta-correcta .bajadarespuesta .play{position: relative;float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(/doki/images/player.png) no-repeat  0px top; cursor: pointer;}
.respuesta-correcta .bajadarespuesta .play:hover{ background: url(/doki/images/player.png) no-repeat 0px bottom ;}
.respuesta-correcta .bajadarespuesta .pause{position: relative;float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(/doki/images/player.png) no-repeat -45px top; cursor: pointer; }
.respuesta-correcta .bajadarespuesta .pause:hover{ background: url(/doki/images/player.png) no-repeat -45px bottom ;  }
.respuesta-correcta .bajadarespuesta .stop{position: relative;float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(/doki/images/player.png) no-repeat -90px top; cursor: pointer; }
.respuesta-correcta .bajadarespuesta .stop:hover{ background: url(/doki/images/player.png) no-repeat -90px bottom ;  }


.pregunta-audio-player, .controles{position: relative;float:left; margin: 0px 0 10px 0;}
.pregunta-audio-player .controles .play{position: relative;float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(/doki/images/player.png) no-repeat  0px top; cursor: pointer;}
.pregunta-audio-player .controles .play:hover{ background: url(/doki/images/player.png) no-repeat 0px bottom ;}
.pregunta-audio-player .controles .pause{position: relative;float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(/doki/images/player.png) no-repeat -45px top; cursor: pointer; }
.pregunta-audio-player .controles .pause:hover{ background: url(/doki/images/player.png) no-repeat -45px bottom ;  }
.pregunta-audio-player .controles .stop{position: relative;float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(/doki/images/player.png) no-repeat -90px top; cursor: pointer; }
.pregunta-audio-player .controles .stop:hover{ background: url(/doki/images/player.png) no-repeat -90px bottom ;  }

.respuesta-correcta .linktrivia{position: relative;clear: both; text-align:center; font-size: 26px;  text-transform: uppercase;    margin:0 -10px 0 -10px;}
.respuesta-correcta .linktrivia a{background:url(/doki/images/siguiente-trivia.png) left top no-repeat; color:#1a8200; width: 450px; height: 55px; overflow: hidden; padding:15px 0 0 0; display: block; position: relative;}
.respuesta-correcta .linktrivia a:hover{background:url(/doki/images/siguiente-trivia.png) left bottom no-repeat; }
.marco-foto{position:relative; float:left;width: 416px; min-height: 398px; }
.marco-foto .marco{position:relative; float:left; background:url(/doki/images/marco-foto.png) no-repeat left bottom; width: 416px; min-height: 398px; z-index: 2;}
.marco-foto .foto{position:absolute; top:36px; left: 8px;}

.marco-video{display:none; position:relative; float:left;width: 100%; min-height: 398px; }
.marco-video .linktrivia{position: relative;clear: both; text-align:center; font-size: 26px;  text-transform: uppercase;    margin:10px auto 0 auto; display: inline-block; zoom: 1; *display: inline;}
.marco-video .linktrivia a{background:url(/doki/images/siguiente-trivia.png) left top no-repeat; color:#1a8200; width: 450px; height: 55px; overflow: hidden; padding:15px 0 0 0; display: block; position: relative;}
.marco-video .linktrivia a:hover{background:url(/doki/images/siguiente-trivia.png) left bottom no-repeat; }
.marco-video .titulo-video{position:relative;  width: 410px;  color:#1a8200; font-size: 30px; text-transform: uppercase;  letter-spacing: -1px; padding: 0 0 10px 0; line-height:30px; margin:auto;}
.marco-video .marco-player-video{position:relative; float:none; background:url(/doki/images/marco-foto.png) no-repeat left bottom; width: 416px; min-height: 398px; z-index: 2; margin:auto;}
.marco-video .player-video{position:absolute; top:36px; left: 8px; }


/* imagenes */
.header-imagenes{position:relative; float:left; clear: both;  width:950px;  text-align:center; background:url(/doki/images/bg_madera_verde.jpg) repeat left top; margin:0px;padding:0px;}
.separador{position:relative; float:left; clear: both;  width:1000px; height:26px; margin: 0  0 0 -25px; background:url(/doki/images/separador.png) no-repeat left top; }
.contenido-imagenes{position:relative; float:left; width:950px;   clear: both; background:url(/doki/images/bg_madera_gris.jpg) repeat left top;}
.contenido-imagenes .titulo{position:relative;  clear: both; width:932px;  height: 135px; margin:30px auto 0 auto; clear: both; background:url(/doki/images/fotos.png) repeat-x left top;}
.contenido-imagenes .contenido-interno-imagenes{position:relative; clear:both; width:900px; padding:40px 0 0 40px; margin: 0 auto 0px auto; background:url(/doki/images/pizarra.png) repeat-y center top; overflow: auto;}
.contenido-imagenes .footer{position:relative; clear:both; width:932px; margin: 0 auto 10px auto; height: 43px;  background:url(/doki/images/imagenes-footer.png) no-repeat left top;}

.bajadapic{position:relative;  clear: both;  background:url(/doki/images/top-titular.png) no-repeat left bottom; width: 906px; height: 58px; margin: 125px auto 0 auto; text-transform: uppercase; }
.bajadapic p{position: relative; float: left; font-size: 35px; margin: 12px 0 0 70px; color:#009900; text-shadow:3px 3px #ddd;}
.bajadapic .volvermapa{position: absolute; right:0px; top:-5px;  margin: 0 0 0 0; }
.bajadapic .volvermapa a{position: relative; float: left; overflow: hidden; text-indent: 999px; width: 117px; height: 60px; display: inline; background: url(/doki/images/volver-al-mapa.png) top left no-repeat }
.bajadapic .volvermapa a:hover{background-position: bottom left; }




.galeria{position:relative;  clear:both; width: 900px; height: 459px; border: 3px solid #fff; margin:0px auto 40px auto; }
ul.imagenes-galeria{width:100%; overflow: hidden; height: 459px; border-top: 546; visibility: visible;top: 20px;top: 18px;}
ul.imagenes-galeria li{list-style: none; display: inline; position: relative; float:left;}


.atras{background: url(/doki/images/flecha.png) top left; position: absolute; top: 190px; left:-15px; height: 55px; width: 57px; z-index: 3; text-indent: -999px; overflow: hidden;}
.atras:hover{background: url(/doki/images/flecha.png) bottom left;}
.siguiente{background: url(/doki/images/flecha.png) top right; position: absolute; top: 190px; right:-15px; height: 55px; width: 57px; z-index: 3; text-indent: -999px; overflow: hidden;}
.siguiente:hover{background: url(/doki/images/flecha.png) bottom right;}

/* thumb imagenes */

.thumbsgalery {position:relative; background:url(/doki/images/thumbs-hover.png) left top no-repeat; float: left; overflow: hidden; font-family: 'HelveticaRoundedBlack', Arial; width: 258px; height: 156px; margin: 0 40px 10px 0; text-align: center; }
.thumbsgalery:hover { background:url(/doki/images/thumbs-hover.png) left top no-repeat;  }
.thumbsgalery .imgagethumb { position:relative; width: 230px; height: 132px; margin:13px 0 0 15px; overflow: hidden; border-radius: 5px;}
.thumbsgalery .imgagethumb img{ max-width:230px; }
.thumbsgalery:hover .imgagethumb { display:none; }

.thumbsgalery .info {  display: none;  width: 220px; padding: 0 5px; height: 132px; margin:13px 0 0 15px;   font-size: 20px; line-height: 20px; margin:13px 0 0 15px; overflow: hidden; border-radius: 5px;  }
.thumbsgalery .info a{ color: #76b543;}
.thumbsgalery:hover .info { display:block; background: #f6e201; }
.thumbsgalery .info .bajar{ position:relative; float:left; width: 100%; padding: 40px 0; min-height: 95px;}

/* thumb actividades */
.header-actividades{position:relative; float:left; clear: both;  width:950px;  text-align:center; background:url(/doki/images/bg_madera_verde.jpg) repeat left top; margin:0px;padding:0px;}
.contenido-actividades{position:relative; float:left; width:950px;   clear: both; background:url(/doki/images/bg_madera_gris.jpg) repeat left top;}
.contenido-actividades .titulo{position:relative;  clear: both; width:932px;  height: 135px; margin:30px auto 0 auto; clear: both; background:url(/doki/images/actividades.png) repeat-x left top;}
.contenido-actividades .contenido-interno-actividades{position:relative; clear:both; width:900px; padding:40px 0 0 40px; margin: 0 auto 0px auto; background:url(/doki/images/pizarra.png) repeat-y center top; overflow: auto;}
.contenido-actividades .footer{position:relative; clear:both; width:932px; margin: 0 auto 10px auto; height: 43px;  background:url(/doki/images/imagenes-footer.png) no-repeat left top;}

.banner-actividades{background: url(/doki/images/banner-juegos.jpg) top left no-repeat; height: 247px; width: 950px; margin: auto;}



/* thumb juegos */
.header-juegos{position:relative; float:left; clear: both;  width:950px;  text-align:center; background:url(/doki/images/bg_madera_verde.jpg) repeat left top; margin:0px;padding:0px;}
.contenido-juegos{position:relative; float:left; width:950px;   clear: both; background:url(/doki/images/bg_madera_gris.jpg) repeat left top;}
.contenido-juegos .titulo{position:relative;  clear: both; width:932px;  height: 135px; margin:30px auto 0 auto; clear: both; background:url(/doki/images/juegos.png) repeat-x left top;}
.contenido-juegos .contenido-interno-juegos{position:relative; clear:both; width:900px; padding:40px 0 0 40px; margin: 0 auto 0px auto; background:url(/doki/images/pizarra.png) repeat-y center top; overflow: auto;}
.contenido-juegos .footer{position:relative; clear:both; width:932px; margin: 0 auto 10px auto; height: 43px;  background:url(/doki/images/imagenes-footer.png) no-repeat left top;}

.banner-juegos{background: url(/doki/images/banner-juegos.jpg) top left no-repeat; height: 247px; width: 950px; margin: auto;}
.player{position:relative; display:inline-block; clear:both;border-radius:17px;  max-width:900px; background: url(/doki/images/transparent-white.png)top left repeat; margin:125px auto 15px auto; padding: 15px;}
.player .swf{position:relative; clear:both; margin: auto;  width:100%;}

.header-juegos .back{position:relative; clear:both; margin: 0 0 10px 0;}
.header-juegos .back a{position:relative; clear:both; text-indent: 999px; overflow: hidden; height: 70px; width: 578px; background: url(/doki/images/volver-juegos.png)top left repeat; display: block; margin: auto;}
.header-juegos .back a:hover{ background: url(/doki/images/volver-juegos.png) bottom left repeat;}



/* new clearfix OK*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */