a{color:#0000ee}
input{box-sizing:border-box}
.center{text-align:center}
.round{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.round10{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}

.round10_top{-moz-border-top-right-radius:12px;-webkit-border-top-right-radius:12px;border-top-right-radius:12px;
-moz-border-top-left-radius:12px;-webkit-border-top-left-radius:12px;border-top-left-radius:12px;}
.round10_bottom{-moz-border-bottom-right-radius:12px;-webkit-border-bottom-right-radius:12px;border-bottom-right-radius:12px;
-moz-border-bottom-left-radius:12px;-webkit-border-bottom-left-radius:12px;border-bottom-left-radius:12px;}

.round30{-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px}
.round50{-moz-border-radius:26px;-webkit-border-radius:26px;border-radius:26px}
.round80{-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}

.tag{display:inline-block;  margin:0 10px 0 0; background:#2a74d9; color:#FFF; padding:2px 10px}
.tag2{background: #fce6ff; padding:2px 6px;color:#376ee3;font-weight: bold; display:inline-block; margin:3px 4px 3px 0; font-size:11px;}
.tag3{    display: inline-block;
    margin: 5px 12px 5px 0;
    padding: 2px 11px;
    background: #f1faff;
    position: relative;
    color: #0093e7;
    font-size: 14px;}
	
	
.company{color:#9b4900}

.sombra{-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.39);
box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.39);}

.stroke {
    text-shadow: 1px 0 black,
    0 -2px black,
    -1px 0 black,
    0 1px black;
}
.oscurecer{filter:grayscale(1);background-color:rgba(0, 0, 0, 0.1)}



.box_descr{position:absolute;z-index:99999999999;background: #d8bdff;
    padding: 8px 13px;
    line-height: 20px;
    font-size: 14px;
    border:3px solid #59209e;
    max-width: 230px;
	min-width:120px;
    color: #3f083b}
.box_descr b{font-size:16px; display:block; border-bottom:1px solid #59209e; margin:0 0 12px 0}




.box{padding:10px;overflow:hidden;font-size:17px;background:#efedcf;margin:0 20px 60px 20px;line-height:36px;color:#383838;border:1px solid #e3e3e3}
.box p{margin:0 0 30px 0}
.box .title{font-size:28px;color:#753d83;line-height:32px}
.box .icono{display:block;height:80px;border:1px solid #d6db87}
.box i{font-size:15px}
.box .body{padding-top:10px}






video::-webkit-media-controls-play-button{
  background-color:#f00;
  border-radius:50%;
}
video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-timeline,video::-webkit-media-controls-mute-button, video::-webkit-media-controls-volume-slider,video::-webkit-media-controls-toggle-closed-captions-button,video::-webkit-media-controls-time-remaining-display,video::-webkit-media-controls-current-time-display{
display:none;
}



.green{font-size:14px;color:#217404; font-style:oblique;}
.red{font-size:14px;color:#9A0407; font-style:oblique;}



.voto_ok,.voto_ko,.full_screen,.warning,.confirmar,.recents,.nofav,.fav,.gameplay,.b_share,.b_code,.icon_coment,.add_game{width:0;padding:0 0 0 40px;overflow:hidden;height:42px;display:block;cursor:pointer;margin:0; border:1px solid #959595}

.menu_del_user .fav, .menu_del_user .recents{height:40px}

.boton:hover,.boton.sel{color:#00ffff !important;border-bottom:3px solid #510783;background:#59209e}

.fire{width:22px;background-position:0 -40px}
.minifire{width:18px;background-position:-22px -40px}
.fire,.minifire{height:26px;display:block;margin:0 0 0 10px}
.new_icon{height: 24px;
    width: 46px;
    position: absolute;
    top: 12px;
    left: -10px;
    background-position: -221px -274px;
    z-index: 997;}
.premium{    height: 24px;
    width: 76px;
    position: absolute;
    top: 12px;
    left: -10px;
    background-position: -221px -299px;
    z-index: 999;}
.confirmar{background-position:-220px -48px;height:30px; padding:0 0 0 30px}
.gameplay{background-position:-100px -218px;padding:0 0 0 54px}
.icon_coment{background-position:-154px -218px;padding:0 0 0 66px}
.add_game{background-position:-90px -108px}
.recents{background-position:-130px -108px}
.nofav{background-position:0 -68px}
.fav{background-position:0 -108px}
.voto_ok{background-position:-250px -108px;display:inline}
.voto_ko{background-position:-210px -108px;display:inline}

.minivot_ok,.minivot_ko{background-position:-290px -134px;display:block;width:13px;height:14px;position:absolute;left:0;top:3px}
.minivot_ko{background-position:-303px -134px}

.vot_ok,.vot_ko{display:inline-block; font-size:14px; color:#05550B;position:relative;padding:0 10px 2px 16px}
.vot_ko{color:#6C0F10}
.vot_max{font-weight:bold; font-size:16px}

.full_screen{background-position:-40px -108px; padding:0 0 0 50px;}
.warning{background-position:-170px -108px}
.b_share{background-position:-175px -258px}
.b_code{    padding: 0 0 0 70px;
    background-position: -100px -258px;
    float: right;
    margin: 0px 0 15px 40px;}

.refresh_big{width:0;padding:0 46px 0 0;display:block;overflow:hidden;height:43px;background-position:0 -272px;position:absolute; left:12px;top:12px}

.boton_more_games{font-size:46px;text-decoration:none;display:block;text-align:center;margin:60px auto 120px auto;padding:25px 60px;position:relative}

.arrow_right{
 display: block;
    position: absolute;
    
    top:16px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #3ee3d4;
    border-right: 2px solid #4c8ff3;
    transform: rotate(45deg);
}
.ul_menu a:hover .arrow_right{border-color:#1d37ff}
.arrow{border:solid #28344b;border-width:0 3px 3px 0;display:block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); position:absolute;right:11px;top:19px}
.cate:hover{
        background-color: #d55a16;
    border-color: #814915;}
.cate:hover .arrow{border-color:#FF9698}









.flex_faqs{margin:30px 0 0 0}
.faq{width:31%; margin:0 1%;min-width:240px; margin-bottom:30px}
.faq .title{font-size:18px;
    color: #065900;
    line-height:24px;
    margin-bottom:12px;
    display: block}
.faq a{font-size:17px; color:#4700cd}
.faq li{list-style: disc;
    padding: 3px 5px;
    margin: 0 0 0 15px}


#iframe_game{width:100%;height:100%;overflow:hidden;overflow-x:hidden;overflow-y:hidden;border:none;position:relative; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; margin:0; padding:0;}
#game_play{height:100%;width:100%;display:block;margin:0 auto;position:relative;z-index:987654321;visibility:hidden;opacity:0;top:0}
#is_game.game_in_full_screen{position:fixed !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;z-index:99999999999999 !important;visibility:visible !important;opacity:1 !important; background:#eee; height:100%; width:100%; min-width:100%; max-width:100%; border:0; padding:0; margin:0;zoom:1.0;}
.close_full_screen{position:absolute;top:5px; left:-5px;z-index:99999999999999 !important;padding:5px 15px;font-size:24px; color:#333333; font-weight:bold; background:#F73B3E; border:3px solid #FFD4D5; cursor:pointer}
.close_full_screen:hover{font-size:36px; padding:8px 18px}









#youtube{width:100%;padding:30px 0 0 0}
.videos_youtube{height:240px;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;margin:0 20px;}
.youtube{display:inline-block;margin:0 10px;position:relative}
.youtube .pic{display:block;border:none;width:100%;max-width:280px;height:210px}
.youtube .title{display:block;padding:3px;text-decoration:none;font-size:15px;color:#E1E1E1;text-align:left;text-overflow:ellipsis;content:'';overflow:hidden;white-space:nowrap;position:absolute;right:0;left:0;bottom:0;width:100%;z-index:2;background-color:rgba(0, 0, 0, 0.3)}
.youtube:hover{box-shadow:0px 4px 6px rgba(0,0,0,0.5)}
.youtube:hover .title,.youtube:focus .title{background-color:rgba(0, 0, 0, 0.6); font-weight:bold; font-size:20px;text-overflow:inherit;overflow:visible;white-space:normal;color:#FFF;z-index:3; display:block;text-shadow: 1px 0px #EF7241, 0.54px 0.84px #EF7241, -0.41px 0.9px #EF7241, -0.98px 0.14px #EF7241, -0.65px -0.75px #EF7241, 0.28px -0.95px #EF7241, 0.96px -0.27px #EF7241;}








.close,.delete{position:absolute;right:5px;top:5px;width:0;height:26px;padding:0 0 0 26px;overflow:hidden;background-position:-290px -108px; z-index:5}
.bigclose{position:absolute;right:10px;top:10px;width:0;height:40px;padding:0 0 0 40px;overflow:hidden;background-position:-280px -258px; z-index:5}
.close:hover,.delete:hover,.pointer,.bigclose:hover{cursor:pointer}



.arrowup{padding:0 0 0 100px;display:block;width:0;height:100px;background-position:0 -173px;overflow:hidden;border:none;
margin:200px auto 60px auto;cursor:pointer}

.footer{padding-top:40px;border-top:8px solid #f7d1ff}
.footer li{display:inline-block;margin:0 18px 12px 0;float:left}
.footer b{color:#ffcfcf}
.footer a, .footer a b{color:#00ffff}

.secure{padding:0 0 0 67px;display:block;width:0;height:82px;background-position:-220px -173px;overflow:hidden; border:none;float:left; margin:0 20px 10px 0}


.redes{display:block;margin:0 7px 10px 40px;float:right; max-width:220px;}
.redes a{display:block; float:left; width:48px; height:48px; margin:10px 7px 0 0}
.colaboracion{background:url(/colaboraciones.png) no-repeat}
.colaboracion.viasite{display:block;padding:0 0 0 220px;overflow:hidden;height:70px;width:0;background-position:0 0; margin:10px 0 10px 0}
.colaboracion.unicef{display:block;padding:0 0 0 220px;overflow:hidden;height:130px;width:0;background-position:0 -70px; margin:10px 0 10px 0}


.langs .bandera{float:left; margin:0 6px 0 0}
.langs li{padding:5px 5px 5px 0;position:relative;display:inline-block}
.bandera{width:0;height:25px;padding:0 0 0 32px;overflow:hidden;display:block}
.es{background-position:0 -148px}
.en{background-position:-32px -148px}
.fr{background-position:-64px -148px}
.it{background-position:-96px -148px}
.pt{background-position:-128px -148px}
.de{background-position:-160px -148px}
.zh-Hans,.cn,.zh{background-position:-192px -148px}
.cs{background-position:-224px -148px}
.tr{background-position:-256px -148px}
.ru{background-position:-288px -148px}
.ar{background-position:-288px -173px}
.hi{background-position:-288px -198px}
.ja{background-position:-288px -222px}
.ca{background-position:-124px -298px}
.nl{background-position:-156px -298px}
.da{background-position:-188px -298px}



.modal{z-index:9999999999;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.7)}
.modal_in{overflow-y:auto;overflow-x:hidden;background-color:#fefefe;margin:30px auto auto auto;padding:20px;border:1px solid #333;width:80%;max-height:90%;position:relative;min-width:300px;z-index:9999999999;font-size:16px}
.modal_in .close{position:sticky;top:-10px;right:-10px;z-index:9999}
.modal_in h3{font-size:22px}
.modal_in::-webkit-scrollbar{width:14px}
.modal_in::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:9999px;background-color:#AAAAAA}





.screenshots{width:240px; text-align:center; font-size:16px; color:#555555}
.screenshots .icono{display:block; width:200px; height:133px; margin:0 auto 10px auto}
.screenshots b{font-size: 22px; color:#265207}

a,.boton,button,select,option{cursor:pointer}

.bt-idioma{    background: #2c64f9;
    border: 1px solid #76a0fb;
    display: inline-block;
    position: relative;
    padding: 5px 10px 5px 45px;
    height: 32px;
    margin: 10px 20px 15px 0;
    color: #FFF;}
.bt-idioma:hover{background:#254db9}
.bt-idioma span{ display:block; position:absolute; top:3px; left:3px}
.los_idiomas{padding:20px; background:#9464d7; display:none}


.boxsearchlist{background:#474ea7;color:#e5ffff;padding:10px; border-bottom:10px solid #b491dd;position:relative;}
.buscador_search{margin:10px auto 20px auto}
.cates_search{margin:10px auto}
.games_search a{display:block;width:280px; max-width:340px;text-decoration:none;padding:10px; margin:0 auto 10px auto;flex:auto;font-size:16px;color:#edeeff}
.games_search a:hover{background-color:rgba(195, 195, 195, 0.4);color:#FFF}	
.games_search .pic{float:left;width:90px;margin:0 10px 0 0;display:block;height:60px;border:2px solid #0d1258}
.games_search .tag{ font-size:12px; margin:5px 0 0 0; position:relative}
.games_search .premium{ bottom:-2px; right:-28px;}

.pagination{margin:40px 0 10px 0}
.pagination .boton{margin:0 5px; font-size:22px; font-weight:normal}

.title_pagination{text-align:center; margin:0 auto 20px auto; font-size:14px; color:#c8ed55; display:block}
.title_pagination span{color:#F2FF28; font-size:18px;}






.ver_youtube_lateral{
	    display: block;
    
    margin: 0 0 10px 0;
    padding: 5px;
    background: #ddd7ff;
	height:92px;
	cursor:pointer  	
}
.ver_youtube_lateral .pic{
	width:120px;
	float:left; margin:0 14px 0 0; border:1px solid #333
}
.ver_youtube_lateral .title{
	color: #570781;
	font-size: 18px;
}
.ver_youtube_lateral:hover{ background:#efd5e5}





.remove_fav_game{
position: absolute;
margin:-2px 0 0 -1px;
z-index: 9999;
}


@media only screen and (max-width:480px){
.premium{ bottom:auto;right:-6px}
.menu_game{border-bottom:none}
.btab{border-radius:6px}

}
@media only screen and (max-width:520px){


}
@media only screen and (max-width:680px){
	.boton_more_games{font-size:28px;margin:60px 20px 60px 20px;}
	.box{font-size:16px}
	.btab{margin:5px 5px 0 0}
}


@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 10%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
}



.loader {
margin:10px auto;
  width: fit-content;
  font-size: 17px;
  font-family: monospace;
  line-height: 1.4;
  font-weight: bold;
  padding: 30px 2px 50px;
  background: linear-gradient(#000 0 0) 0 0/100% 100% content-box padding-box no-repeat; 
  position: relative;
  overflow: hidden;
  animation: l10-0 2s infinite cubic-bezier(1,175,.5,175);
}
.loader::before {
  content:"Loading";
  display:inline-block;
  animation: l10-2 2s infinite;
}
.loader::after{
  content:"";
  position: absolute;
  width: 34px;
  height: 28px;
  top: 110%;
  left: calc(50% - 16px);
  background:
    linear-gradient(90deg,#0000 12px,#f92033 0 22px,#0000 0 26px,#fdc98d 0 32px,#0000) bottom 26px left 50%,
    linear-gradient(90deg,#0000 10px,#f92033 0 28px,#fdc98d 0 32px,#0000 0) bottom 24px  left 50%,
    linear-gradient(90deg,#0000 10px,#643700 0 16px,#fdc98d 0 20px,#000 0 22px,#fdc98d 0 24px,#000 0 26px,#f92033 0 32px,#0000 0) bottom 22px left 50%,
    linear-gradient(90deg,#0000 8px,#643700 0 10px,#fdc98d 0 12px,#643700 0 14px,#fdc98d 0 20px,#000 0 22px,#fdc98d 0 28px,#f92033 0 32px,#0000 0) bottom 20px left 50%,
    linear-gradient(90deg,#0000 8px,#643700 0 10px,#fdc98d 0 12px,#643700 0 16px,#fdc98d 0 22px,#000 0 24px,#fdc98d 0 30px,#f92033 0 32px,#0000 0) bottom 18px left 50%,
    linear-gradient(90deg,#0000 8px,#643700 0 12px,#fdc98d 0 20px,#000 0 28px,#f92033 0 30px,#0000 0) bottom 16px left 50%,
    linear-gradient(90deg,#0000 12px,#fdc98d 0 26px,#f92033 0 30px,#0000 0) bottom 14px left 50%,
    linear-gradient(90deg,#fdc98d 6px,#f92033 0 14px,#222a87 0 16px,#f92033 0 22px,#222a87 0 24px,#f92033 0 28px,#0000 0 32px,#643700 0) bottom 12px left 50%,
    linear-gradient(90deg,#fdc98d 6px,#f92033 0 16px,#222a87 0 18px,#f92033 0 24px,#f92033 0 26px,#0000 0 30px,#643700 0) bottom 10px left 50%,
    linear-gradient(90deg,#0000 10px,#f92033 0 16px,#222a87 0 24px,#feee49 0 26px,#222a87 0 30px, #643700 0) bottom 8px left 50%,
    linear-gradient(90deg,#0000 12px,#222a87 0 18px,#feee49 0 20px,#222a87 0 30px,#643700 0) bottom 6px left 50%,
    linear-gradient(90deg,#0000 8px,#643700 0 12px,#222a87 0 30px,#643700 0) bottom 4px left 50%,
    linear-gradient(90deg,#0000 6px,#643700 0 14px,#222a87 0 26px,#0000 0) bottom 2px left 50%,
    linear-gradient(90deg,#0000 6px,#643700 0 10px,#0000 0 ) bottom 0px left 50%;
  background-size: 34px 2px;
  background-repeat: no-repeat;
  animation: inherit;
  animation-name: l10-1;
}
@keyframes l10-0{
  0%,30%   { background-position: 0 0px }
  50%,100% { background-position: 0 -0.1px }
}
@keyframes l10-1{
  50%,100% { top:109.5%;}
}
@keyframes l10-2{
  0%,30%   { transform:translateY(0); }
  80%,100% { transform:translateY(-260%); }
}