/*
Theme Name:  PokerGratis
Author: Grupo Mercantis


*/

 @import url("reset.css");
/*
[Table Of Contents]

0-  Reset
1-  Global
2-  Links
3-  Headings
4-  4 Containers Layout
5-  Header
6-  Navigation
7-  Mine
8-  Sidebar
9-  Footer
10- Form
11- Extra
12- Colors
13- Fonts
*/

/* =0 Reset */
@import url('reset.css');
/* 1- Global */
html     {
     height:101%;
    
    
}
body {
     height:101%;
     background:#efeae4 url('img/fnd_body_single.png') repeat-x;
     line-height: 1;
     font: normal 0.9em Arial, Helvetica, sans-serif;
     vertical-align: top;
     color: #3f3f3f;
     text-align: center
}
body.home {
     background:#8b0221 url('img/fnd_body.png') repeat-x;
}

textarea {
     font: normal 1.1em Arial, Helvetica, sans-serif;
     padding: 5px
}
p {
     color:#3f3f3f
}
p.promotions {
	font-size: 1.3em;
	line-height: 25px;
	margin: 15px 0
}
p.txt {
     margin:0 0 10px 0;
     line-height: 25px
}
p.txt,
li.txt {
     text-align: justify
}
small {
	font-size: 0.8em
}
.fr {
float: right;
}
.fl {
float: left;
}
.al {
text-align: left;
}
.ar {
text-align: right;
}
.ac {
text-align:center;
}
.aj {
text-align:justify;
}
.block {
display: block;
}
.none {
display: none;
}
.clear {
clear: both;
}
.clear-none {
clear: both;
display: none
}
.clearfix {
display: inline-block;

}
.clearfix:after {
     content: ".";
     display: block;
     clear: both;visibility: hidden;
     line-height: 0;
     height: 0;
}
.indent {
	text-indent: -6999px
}
.padd {
     padding:5px
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.underline {
border-bottom:1px solid;
}
.highlight {
background:#ffc;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.centered {
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}
img.alignleft {
float:left;
margin:4px 10px 4px 0;
}
img.alignright {
float:right;
margin:4px 0 4px 10px;
}
/*Fixed */
.clearfix {
display: inline-block;

}
.clearfix:after {
     content: ".";
     display: block;
     clear: both;visibility: hidden;
     line-height: 0;
     height: 0;
}
/* 2- Links */
a { 
	text-decoration: none;
	color:#7d011d
}
a:hover { 
	color:#c3031f
}
#header   h1  a{
	display: block;
	width: 370px;
	height: 115px;
	text-indent: -6999px
}
.flash-items li a {
	color:#80011e;
	font-size: 1.4em
}
.menu-nav li a {
	color:#efcca6
}
a.btn-large {
	background:transparent url(img/css_sprite_btn_large.png) repeat scroll 0 -50px;
	color:#273034;
	display:block;
	font-size:1.3em;
	font-weight:bold;
	height:45px;
	line-height:47px;
	text-align:center;
	text-shadow:2px 2px 2px #fff;
	width:288px;
}
a:hover.btn-large {
	background: url(img/css_sprite_btn_large.png) 0 0;
}
a:hover {}
a:active {}
/* 3- Headings */
h1, h2, h3  { }
h1 {}
h2 {
	font-size:1.8em;
}
h2.promotions {
	border-bottom:5px solid #7D011D;
	color:#7D011D;
	font-size:1.6em;
	margin:40px 0 20px;
	padding:0 0 5px;
}
.post h2 {
	border-bottom:5px solid #7D011D;
	margin:10px 0;
	padding: 0 0 5px 0;
	background: url(img/ico_post_h2.png) right no-repeat;
	font-size:1.5em;
}

.post2 h2 {
	border-bottom:5px solid #7D011D;
	margin:10px 0;
	padding: 0 0 5px 0;
	background: url(img/ico_post_h2.png) right no-repeat;
	font-size:1.5em;
}

h2.shadow {
	color:#000000;
	letter-spacing:-1px;
	margin:0 0 15px;
	text-shadow:3px 3px 2px #E6CDB3;
	margin-top:10px;
}

h3 {
	margin: 10px 0 5px 0
}
h4, h5 {}
h5 {}
/* 4- Containers Layout */
#wrapper     {
     width:995px;
     text-align: left;
     margin:auto;
     position: relative
}
#wrapper   .parche  {
    background:#EFEAE4 none repeat scroll 0 0;
	height:34px;
	left:0;
	position:absolute;
	top:773px;
	width:117px;
     
}
#header     {
    
     height:157px;
     background: url(img/fnd_hd.png);
     position:relative
} 

#sidebar     {
     clear:both
} 
#sidebar ul li{
	float: left;
	width: 300px;
	margin: 0 45px 0 0;
	
} 
 
#sidebar ul li#text-5{
	margin: 0 0 0 0
}
#sidebar h2{
	border-bottom:1px solid;
	color:#FEC9A6;
	font-size:1.4em;
	font-weight:normal;
	margin:0 0 10px;
	padding:0 0 5px;
}
#sidebar ul li li{
	float:none;
	background: url(img/bullet-links.png) no-repeat 0 4px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	width: auto
} 
#sidebar ul li li a{
	color:#D4908B;
	text-shadow: 3px 3px 2px #38000D;
	font-size: 0.9em
}
#sidebar ul li li a:hover{
	color:#fff;
}
#main-content     {
	background:transparent url(img/fnd_main.png) no-repeat scroll right bottom;
	height:313px;
	position: relative;
	top:3px;
}
#main-content     a.coach{
	display:block;
	height:26px;
	line-height:26px;
	position:absolute;
	right:111px;
	text-align:center;
	top:243px;
	width:83px;
	color:#fff;
	background: url(img/btn_coach.png)
}
#main-content     a:hover.coach{
	background: url(img/btn_coach_hover.png)
}
#main-content-lobby {
	background: url(img/fnd_lobby.jpg) bottom right no-repeat
}
.more-link {
 display: block;
 float: right;
 margin:10px 0 0 0
 }

#footer {
	text-align: center;
	padding:25px 0;
	color: #7E011E;
	font-size: 0.9em;
	margin:100px 0 0 0
}
body.home #footer {
	color: #e0d6d6;
	background: #8B0221;

}
#footer a {
	color:#690219
}
body.home #footer a {
	color:#D4908B
}

.padd-content-top  {
	padding:6px 0 0 0
}
.flash-items li{
	background: url(img/bullet-home.png) no-repeat;
	padding: 0 0 0 30px;
	margin: 0 0 15px 0

}
#promos-home {
	height: 150px;
	margin: 60px 0
}
#promos-home ul li {
	background:transparent url(img/fnd_promos_home.png) no-repeat scroll right center;
	color:#E5E5E5;
	float:left;
	margin:0 20px 0 0;
	width:225px;
}
#promos-home ul li span {
	display: block
}
#promos-home ul li span.title {
	color:#FDAE48;
	font-weight:bold;
}
#promos-home ul li span.description {
	font-size:0.9em;
	height:55px;
	padding:5px 0 0 65px;
	margin: 10px 0 0 0;
	width: 150px;
	background: url(img/css_sprite_promos_home.png) no-repeat 0 5px
}
#promos-home ul li.item2 span.description {
	background-position: 0 -113px
}
#promos-home ul li.item3 span.description {
	background-position: 12px -255px
}
#promos-home ul li.item4 {
	background: none
}
#promos-home ul li.item4 span.description {
	background-position: 0 -375px
}
#promos-home ul li a {
	width: 149px;
	line-height:24px;
	text-align: center;
	height:27px;
	display: block;
	color:#FDAE48;
	margin: 10px 0;
	background: url(img/css_sprite_btn_promos_home.png)
}
#promos-home ul li a:hover {
	background: url(img/css_sprite_btn_promos_home.png) 0 -33px
}
ul#salas  li{ 
	height: 90px;
	margin: 0 0 20px 0;
	position: relative;
	background: transparent url(img/fnf-post.png) repeat-x scroll left bottom
}
ul#salas.torneos  li{ 
	height: auto;
	margin: 0 0px 20px 0;
	clear: both
}
ul#salas.torneos  p{ 
	margin: 0 0 10px
}
ul#salas.torneos  p.time {
	background:transparent url(img/ico-clock.png) no-repeat scroll 0 0;
	height:50px;
	line-height:50px;
	padding:0 0 0 50px;
} 

ul#salas  li a.photo {
	width: 225px;
	height: 68px;
	display: block;
	text-indent: -6999px;
	float: left;
	background: url(img/css_sprite_logos_salas.png)
} 
ul#salas.torneos  li a.photo {
	margin: 0 10px 0 0 
}
ul#salas.torneos  li .detalle-torneo {
	width: 750px;
	float: left
}
ul#salas  li.pacific-poker a.photo{ 	background-position: 0 -125px}
ul#salas  li.party-poker a.photo{ 	     background-position: 0 -250px}
ul#salas  li.everest-poker a.photo{ 	background-position: 0 -373px}
ul#salas  li.mansion-poker a.photo{ 	background-position: 0 -498px}


ul#salas  li span { display: block }
ul#salas  li span.tittle {
	position: absolute;
	left: 235px;
	width: 270px;
	height: 40px;
	font-size: 1.7em;
	font-weight: bold;
	color:#000;
}
ul#salas  li span.tittle {
	position: absolute;
	left: 235px;
	width: 270px;
	height: 40px;
	font-size: 1.7em;
	font-weight: bold;
	color:#000;
}
ul#salas  li span.bonus {
	position: absolute;
	left: 495px;
	width: 28	0px;
	height: 40px;
	font-size: 1.7em;
	color:#312f2f;
}
ul#salas  li span.extra {
	color:#656260;
	font-size:1.2em;
	left:236px;
	position:absolute;
	top:35px;
}
ul#salas  li span.extra em{
	font-style: normal;
	font-size: 1.8em
}
ul#salas  li a.btn-orange {
	display:block;
	height:24px;
	left:848px;
	line-height:24px;
	position:absolute;
	text-align:center;
	top:-10px;
	width:150px;
	background: url(img/css_sprite_btn_orangen.png)
}
ul#salas  li a:hover.btn-orange {
	background: url(img/css_sprite_btn_orangen.png) 0 -26px
}
a.btn-orange {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	margin:10px 0 0;
	text-align:center;
	width:150px;
	background: url(img/css_sprite_btn_orangen.png)
}
a:hover.btn-orange {
	background: url(img/css_sprite_btn_orangen.png) 0 -26px
}

.bullet-post  {
	float: left;
	margin:10px 0 0 10px;
}
.entry ul {

}
.entry p {
	text-align: justify;
	margin: 10px 0
}
.entry li {
	background:transparent url(img/bullet-post.png) no-repeat scroll left center;
	margin:0 0 5px;
	padding:0 0 0 20px;
}
 
/* 5- Header */
#header   h1  {
float: left;
}
.banner {
width: 577px;
height: 103px;
float: right;
margin: 10px 0 0 0;
}
/* 6- Navigation */
.menu-nav {
clear: both
}
.menu-nav li {
 float: left;
 text-align: center;
 margin-right: 2px;
 
 }
 .menu-nav li a{
	display: block;
	height: 42px;
	line-height: 40px;
	text-shadow:3px 3px 2px #38000D;  
 }
 .menu-nav li a:hover{
 	background:#efcca6/*efeae4*/;
 	color: #7e011e;
 	text-shadow:none;  
}
.menu-nav li.item1 a{ width: 66px;}
.menu-nav li.item2 a{ width: 110px;}
.menu-nav li.item3 a{ width: 136px;}
.menu-nav li.item4 a{ width: 185px;}
.menu-nav li.item5 a{ width: 135px;}
.menu-nav li.item6 a{ width: 111px;}
.menu-nav li.item7 a{ width: 50px;}
.menu-nav li.item8 a{ width: 49px;}
.menu-nav li.item9 a {
	background: transparent url('img/btn_right_nav.png') no-repeat scroll top right; 
	display: block; 
	float: left; 
	height: 25px; /* Image height */ 
	margin:8px; 
	padding-right: 16px;/*Image Width*/ ;
	color: #7e011e;
 	text-shadow:none; 
	
 }

.menu-nav li.item9 a span {
	background: transparent url(img/css_sprite_btn_nav.png) no-repeat;
	display: block;
	line-height: 25px;/* Image Height */;
	padding-left: 16px

}
.menu-nav li.item9 a:hover {
	background: transparent url('img/btn_right_nav_hover	.png') no-repeat scroll top right; 
}
.menu-nav li.item9 a:hover span {
	background-position: 0 -35px
}
.page-id-88 .menu-nav li.item2 a,
.category-reglas  .menu-nav li.item3 a,
.category-articulos .menu-nav li.item4 a,
.page-id-66 .menu-nav li.item5 a,
.page-id-48 .menu-nav li.item6 a,
.category-blog .menu-nav li.item7 a {
	background:#efeae4;
	color:#9c0226;
	text-shadow: none
}
.menu-nav li.item2 a{ width: 110px;}
.menu-nav li.item3 a{ width: 136px;}
.menu-nav li.item4 a{ width: 185px;}
.menu-nav li.item5 a{ width: 135px;}
.menu-nav li.item6 a{ width: 111px;}
.menu-nav li.item7 a{ width: 50px;}
.menu-nav li.item8 a{ width: 49px;}
/* 7- Main */
#content-main {
	width: 630px;
	float: left;
	margin:58px 25px 0 0;
	overflow: hidden
}
.entry p img {
	float: left;
	margin:0 20px 0 0;	
}
.postmetadata {
	clear: both;
	float: right;
	margin:20px 0 0;
}

.postmetadata2 {
	float: right;
	font-size: 0.8em;
	margin-top:18px; 
}
.post {
	background: url(img/fnf-post.png) repeat-x bottom left;
	padding: 0 0 10px 0;
	margin:0 0 30px;
}

.post2 {
	margin-bottom:26px;
	padding:0 0 44px;
	text-align:justify;
	background: url(img/fnf-post.png) repeat-x bottom left;
}

.box-ranking {
	background: url(img/fnd_ranking_middle.png) repeat-y;
	width: 630px
}
.box-ranking .top {
	height: 141px;
	background: url(img/fnd_ranking_top.png) no-repeat
}
.box-ranking .bottom {
	background: url(img/fnd_ranking_bottom.png);
	height: 12px
}
.box-ranking .top,
.box-ranking .middle,
.box-ranking .bottom {
	width: 630px;
}
.box-ranking .top .shadow {
	padding: 45px 0 0 80px
}
.box-ranking .top ul {
	padding: 5px 0 0 85px
}
.box-ranking .top ul li{
	float: left;
	color: #fff;
	margin: 0 5px 0 0 
}
.box-ranking .top ul li.item1 {
	width: 100px
}
.box-ranking .top ul li.item2 {
	width: 150px
}
.box-ranking .top ul li.item3 {
	width: 200px
}
.box-ranking table {

    margin:0 0 0 85px;
    text-align: left;
     width:465px;
    

}
.box-ranking table thead tr th, table tfoot tr th, table th {

    border-right:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    color:#000;
}
.box-ranking table tbody td {
    color: #3D3D3D;
	padding:5px;
    vertical-align: top;
     border-bottom:1px solid #C9C9C9;
}
.box-ranking table tbody td.item1 {
	width: 100px;
	
}
.box-ranking table tbody td.item1 .number{
	background: url(img/ico_position.png);
	width: 33px;
	height: 32px;
	line-height: 32px;
	text-align: center
}
.box-ranking table tbody td.item2 {
	width: 150px;
	color: #542d0f;
	font-weight: bold
}
.box-ranking table tbody td.item3 {
	width: 200px
}
.box-ranking table tbody td.item2,
.box-ranking table tbody td.item3 {
	padding: 10px 0
}
/* 8- sidebar  */
#sidebar-static {
	width: 300px;
	margin: 50px 0 0 0;
	float: right
}
#sidebar-static  h2 {
	font-size: 1.5em;
	text-align: center
}
#sidebar-static  .flash-items li {
	background: transparent url(img/bullet-home-small.png) no-repeat scroll 0 0;
	padding: 0 10px 0 30px
}
#sidebar-static  .flash-items li a {
	font-size: 1.1em
}
#sidebar-static .box-sidebar {
	background: #efdac0;
	width: 296px;
	margin:20px auto 0 
}
#sidebar-static .box-sidebar .top{
	background:url(img/css_sprite_box_sidebar.png);
	height: 13px
}
#sidebar-static .box-sidebar .middle {
	padding:0 0 0 5px
}
#sidebar-static .box-sidebar .bottom{
	background:url(img/css_sprite_box_sidebar.png) 0 -13px;
	height: 13px
}
/* 13- Fonts */
.white {
     color:#fff
}
.black {
     color:#000
}
.grey {
     color:#888
}
.grey-dark {
     color:#3e3e3e
}
.small-font {
     font-size: 0.9em
}

.linkimg a{
     display: block;
    float: right;
    height: 314px;
    left: 452px;
    position: absolute;
    text-indent: -999999px;
    top: 0;
    width: 550px;}
