/*	Index of styles for juegosyonkis.com by Marcio Barrios ~ marciobarrios.com
--------------------------------------------------------------------------
	- General (titles, generic links, preformatting, some classes)
	- Layout
		- Header
		- Sidebar
		- Main
		- Second
		- Footer
	- Forms
*/

/*	General
--------------------------------------------------------------------------*/
:link,:visited {text-decoration:none}
li {list-style:none}
table {border-collapse:collapse}
h1,h2,h3,h4,h5,h6,pre,code,input,select,textarea {font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset {margin:0; padding:0}
fieldset,a img,:link img,:visited img {border:0}

/*@font-face {font-family: 'Titulos';src: url('http://www.pepijuegos.com/fonts/titulos.eot');src: local('☺'), url('http://www.pepijuegos.com/fonts/titulos.ttf') format('truetype');} */


body {font:75%/1.5em arial, sans-serif; /* 12px/18px */color:#666; text-align:center; background:url(../img/bg.jpg) repeat-x;}
/*a:active {position:relative; top:1px;}*/
a:link, a:visited {color:#F68721; text-decoration:none;}
a:hover, a:active {color:#F68721; text-decoration:underline;}
a {outline:none;}
p {margin-bottom:1em;}
.hidden, hr {display:none !important;}

h2 {clear:both; margin-bottom:10px; margin-top:30px; font: 24px 'Lobster',Arial; color: #76a120; text-shadow: 4px 4px 4px #aaa; }
h2 a:link, a:visited {color:#F68721; text-decoration:none;}
h2.first {margin-top:0;}
h2 span {display:block; background:url(../img/dotted_line.png) repeat-x -5px 100%; height:40px;}
h2.title {background:none; text-indent:0; height:auto; padding:0; margin-top:0;}
#main.games h2.title {text-align:center;} 

h4.no-juegos {margin: 15px 0 15px 0; color: red;}

.clearfix:after, #wrapper: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 */

/*	Layout
--------------------------------------------------------------------------*/
#wrapper {width:960px; margin:40px auto 0; padding-bottom:20px; border:1px solid #999; text-align:left; background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666;}

/*	Header
--------------------------------------------------------------------------*/

h1 a.header-plataformas {display:block; position:relative; width:960px; height:131px; background:url(../img/header1.png) no-repeat; text-indent:-9999px;}
h1 a.header-tiros {display:block; position:relative; width:960px; height:131px; background:url(../img/header2.png) no-repeat; text-indent:-9999px;}
h1 a.header-accion {display:block; position:relative; width:960px; height:131px; background:url(../img/header3.png) no-repeat; text-indent:-9999px;}
h1 a.header-aventuras {display:block; position:relative; width:960px; height:131px; background:url(../img/header4.png) no-repeat; text-indent:-9999px;}
h1 a.header-coches {display:block; position:relative; width:960px; height:131px; background:url(../img/header5.png) no-repeat; text-indent:-9999px;}
h1 a.header-cartas {display:block; position:relative; width:960px; height:131px; background:url(../img/header6.png) no-repeat; text-indent:-9999px;}
h1 a.header-deportes {display:block; position:relative; width:960px; height:131px; background:url(../img/header7.png) no-repeat; text-indent:-9999px;}
h1 a.header-estrategia {display:block; position:relative; width:960px; height:131px; background:url(../img/header8.png) no-repeat; text-indent:-9999px;}
h1 a.header-vestir {display:block; position:relative; width:960px; height:131px; background:url(../img/header9.png) no-repeat; text-indent:-9999px;}
h1 a.header-chicas {display:block; position:relative; width:960px; height:131px; background:url(../img/header9.png) no-repeat; text-indent:-9999px;}
h1 a.header-lucha {display:block; position:relative; width:960px; height:131px; background:url(../img/header10.png) no-repeat; text-indent:-9999px;}

#topbar {background:url(../img/bg-topbar.png) repeat-x; padding:5px 20px; overflow:hidden; border:1px solid #333; border-width:1px 0; font-size:13px;}
#topbar ul {float:left; margin-top:5px;}
#topbar li {display:inline; color:#fff;}
#topbar li {padding-left:10px; margin-left:10px; border-left:1px solid #999;}
#topbar li.first {border:0; padding:0; margin:0;}
#topbar form {float:right;}
/*IE6 fallback*/#topbar form input.text {width:230px; margin:3px 5px 0 0;}
#topbar form input[type=text] {width:230px; margin:3px 0 0 0;}
/*IE6 fallback*/#topbar form input.image {vertical-align:middle; margin:-10px 0 0 0;}
#topbar form input[type=image] {vertical-align:middle; margin:-5px 0 0 5px;}


/*	Main
--------------------------------------------------------------------------*/
#publi {text-align:center; padding:15px; background:#E3F2CB; border-bottom:1px solid #ccc; margin-bottom:20px;}

#main {float:left; width:580px; margin-left:20px;}

#main #publi { background: none; border: 0; margin: 7px 0 -30px; }

.publi-inf { padding-top: 30px; }

.default-list {overflow:hidden; margin-left:-20px; margin-top:0px;}
.default-list li {/*float:left;*/width:165px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-left:20px; margin-top:5px; vertical-align:top;}


.games {overflow:hidden; margin-left:-20px; margin-top:-15px;}
.games li {/*float:left;*/width:278px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-left:20px; margin-top:15px; vertical-align:top;}
#second .games li {width:300px;}
.games li h3,
#game-description h3 {font-size:15px; margin-bottom:3px;}
.games li .info,
#game-description .info {padding-left:66px;}
.games li a.img,
#game-description img {position:relative; float:left; left:-66px; margin-right:-56px;}
.games li a.img img, 
.games-mini li a img, 
#related a img,
#game-description img {padding:4px; border:1px solid #999 !important;}
.games li a.img:hover img, 
.games-mini li a:hover img,
#related a:hover img {padding:0 !important; border:5px solid #F68721 !important;}
.games li p,
#game-description p {margin:0;}
.games li .tags,
#game-description .tags {padding-left:20px; background:url(../img/sprite.png) no-repeat 0 -370px;}

.games-mini {overflow:hidden; margin-left:-5px; margin-top:8px;}
.games-mini li {float:left; margin-left:5px; margin-top:5px; height:58px;}

.pagination {float:left; width:100%; text-align:center; overflow:hidden; margin:20px 0;}
.pagination ul {position:relative; float:left; left:50%;}
.pagination li {position:relative; float:left; right:50%; margin-left:10px; padding:1px 5px; background:#F68721; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none;}
.pagination li.first {margin-left:0;}
.pagination li.active, .pagination li.disabled {background-color:#ccc; cursor:text;}
.pagination li.disabled {opacity:.3; filter:alpha(opacity=30);}
.pagination li a:link, .pagination li a:visited, .pagination li a:hover, .pagination li a:active {color:#fff; text-decoration:none;}
.pagination li.active a:link, .pagination li.active a:visited, .pagination li.active a:hover, .pagination li.active a:active,
.pagination li.disabled a:link, .pagination li.disabled a:visited, .pagination li.disabled a:hover, .pagination li.disabled a:active {color:#000; cursor:text;}
.pagination li.more {background:none; color:#666; padding-left:0; padding-right:0;}

/*	Main (Game)
--------------------------------------------------------------------------*/
#main.game {width:728px; margin-top:20px;}
#main.complete {width:920px;}

#game-swf {text-align:center; margin:20px 0 10px;}
#game-actions {overflow:hidden; margin-bottom:10px;}
#game-actions li {float:right; font-size:14px; font-weight:bold;}
#game-actions li img {vertical-align:middle;}
#game-actions li.like {float:left;}
#game-actions li.like {margin-left:5px;}
#game-description {margin:20px 0; overflow:hidden;}

#related {float:right; width:160px; margin:70px 5px 0 0;}
#related li {float:left; margin:0 15px 15px 0; text-align:center;}
.tooltip p { display: none; }
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #fff; padding: 5px; opacity: 0.95; max-width: 300px;}
#tooltip h3, #tooltip div { margin: 0; }


/*	Second
--------------------------------------------------------------------------*/
#second {float:right; width:300px; margin-right:20px;}

#cat {overflow:hidden; margin:0 0 20px -4px;}
#cat li {float:left;}
#cat li a {float:left; width:127px; margin-left:2px; padding:4px 0 4px 23px; background:url(../img/sprite.png) no-repeat 0 0;}
#cat li.cat-clasicos a {background-position:0 3px;}
#cat li.cat-accion a {background-position:0 -25px;}
#cat li.cat-arcos a {background-position:0 -54px;}
#cat li.cat-aventuras a {background-position:0 -83px;}
#cat li.cat-billar a {background-position:-233px 4px;}
#cat li.cat-cartas a {background-position:-232px -23px;}
#cat li.cat-chicas a {background-position:-234px -53px;}
#cat li.cat-coches a {background-position:-229px -77px;}
#cat li.cat-cocina a {background-position:0 -113px;}
#cat li.cat-pacman a {background-position:-234px -102px;}
#cat li.cat-deportes a {background-position:0 -142px;}
#cat li.cat-estrategia a {background-position:-234px -130px;}
#cat li.cat-futbol a {background-position:0 -170px;}
#cat li.cat-golf a {background-position:-234px -155px;}
#cat li.cat-habilidad a {background-position:2px -197px;}
#cat li.cat-logica a {background-position:-232px -182px;}
#cat li.cat-lucha a {background-position:-235px -212px;}
#cat li.cat-mario-bros a {background-position:0 -226px;}
#cat li.cat-motos a {background-position:-230px -240px;}
#cat li.cat-naves a {background-position:0 -258px;}
#cat li.cat-plataformas a {background-position:-230px -267px;}
#cat li.cat-sonic a {background-position:0 -288px;}
#cat li.cat-tiros a {background-position:0 -315px;}
#cat li.cat-tenis a {background-position:-233px -292px;}
#cat li.cat-vestir a {background-position:-235px -318px;}
#cat li.cat-multijugador a {background-position:1px -340px;}

#subcat {overflow:hidden; margin:0 0 20px -4px;}
#subcat li {float:left;}
#subcat li a {float:left; width:141px; margin-left:2px; padding:4px 0 4px 9px; background:url(../img/sprite.png) no-repeat 0 0;}
#subcat li.cat a {background-position:-234px -341px;}

#boletin {margin-top:-7px;}
/*IE6 fallback*/#boletin input.text {width:215px; margin-right:3px;}
#boletin input[type=text] {width:215px; margin-right:3px;}
p.bmessage { padding-top: 5px; }

.tag-cloud .size-1 {font-size:1em;}
.tag-cloud .size-2 {font-size:1.17em;}
.tag-cloud .size-3 {font-size:1.33em;}
.tag-cloud .size-4 {font-size:1.50em;}
.tag-cloud li {display:inline; margin-right:10px; line-height:1.3;}

/*	Footer
--------------------------------------------------------------------------*/
#footer {width:920px; margin:10px auto 20px;}
#footer a {color:#B9661A; text-shadow:0 1px #fff;}
#footer li {display:inline; padding-left:5px; margin-left:5px; border-left:1px solid #ccc;}
#footer li.first {padding:0; margin:0; border:0;}
#footer p {margin:5px 0; color:#333;}

/*	Forms
--------------------------------------------------------------------------*/
input, textarea, button {font:13px arial, sans-serif; color:#333;}

input[type=text]:focus, input[type=password]:focus, textarea:focus {outline:none; /*removing default border of Chrome*/ box-shadow:0 0 5px #F68721 !important; -moz-box-shadow:0 0 5px #F68721; -webkit-box-shadow:0 0 5px #F68721; border:1px solid #F68721; -webkit-transition:all .4s; -moz-transition:all .4s;}

/*IE6 fallback*/#topbar input.text:focus {border:1px solid #fff;}
#topbar input[type=text]:focus {box-shadow:0 0 5px #fff !important; -moz-box-shadow:0 0 5px #fff; -webkit-box-shadow:0 0 5px #fff; border:1px solid #fff; -webkit-transition:all .4s;}

/*IE6 fallback*/input.text {background:url(../img/bg-input.png); border:1px solid #ccc; padding:3px;}
input[type=text], input[type=password], textarea {background:url(../img/bg-input.png); border:1px solid #ccc; padding:3px;}

button {cursor:pointer;}
input[type=file]{border:none}

input.submit {padding:4px 10px; color:#fff; background:#F68721; cursor:pointer; border:0; font-size:1.17em; font-weight:bold;}
input[type=submit] {padding:4px 10px; color:#fff; background:#F68721; cursor:pointer; border:0; font-size:1.1em; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

label {display:block; margin:15px 0 3px;}
#main input[type=text],
#main input[type=password] {width:300px;}
#main textarea {width:400px; height:100px;}

p.submit {clear:both; padding-top:10px; border-top:1px dotted #ccc; margin-top:20px;}

.fbiframe { height: 90px; width: 190px; float: left; padding-top: 10px; background-color: #E3F2CB}

.message.success { background:#ffc; border:1px solid #eceec3; padding:10px; color:#333; clear:both; margin-bottom: 10px; }
.message.error { background:#feecec; border:1px solid #fccecb; padding:10px; color:#333; clear:both; margin-bottom: 10px; }
small.error {font-size:1.1em; font-weight:bold; display:block; color:red; margin:0; background:none; border:none; padding:0;}

#loader { text-align: center; }
.loaderpadding { padding: 20px; }
.cargando { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.cargando p { padding-top: 10px; }
.timer { margin-top: 20px; }
.interna { width: 200px; border: 1px solid #1AA634; background: #FFFFFF; text-align: left; margin: 10px auto 0 auto; }
.barra { width: 20px; background: url(../img/cargando.gif) repeat-x 0 1px; border-right: 1px solid #9BE4A5; height: 15px; }
.nomostrar { display: none; margin-top: 10px; }
.nomostrar a { color: #666; font-weight: bold; }