/*==============================
			-- GENERAL -- 
==============================*/
*{margin:0;padding:0;border:0;}
.clear{clear:both;}

html,
body{
font:12px Verdana,Arial, Helvetica, sans-serif;
background:url(img/body.png) repeat-x bottom left #4b4b4b;}

li{
list-style:none;}

hr{
height:0}

p{
color:#000;
line-height:150%;}

a{
text-decoration:none;}

/*==============================
			  -- HX --
==============================*/
h1 a{
text-indent:-9999px;
width:300px;
height:130px;
display:block;
outline:none;}

h2{
font-size:17px;
font-weight:bold;}

h3{
color:#8D8D8D;
font-size:14px;
border-bottom:1px dotted #AEAEAE;
padding:0 0 2px 2px;
margin:0 0 5px 0}

h4{
font-size:12px;}

/*==============================
			-- FORM --
==============================*/
form p{
overflow:hidden}

input[type="text"],
textarea{
width:170px;
padding:2px;
background:#e6e6e6;
border:1px solid #d0d0d0}

textarea{
width:340px;
height:170px;:}

label{
display:block;
float:left;
width:100px;
padding-right:3px;
text-align:right;}

button{
height:31px;
line-height:31px;
padding:0 15px;
cursor:pointer;
margin-left:103px;
border:1px solid #000;
background:url(img/boton.png) repeat-x 0 0;}
button:hover{
background:#d2f34f}


/*==============================
			-- TABLE --
==============================*/
table{
width:100%;
margin:10px 0;
line-height:16px;
font-size:11px;
text-align:center;
border-collapse:collapse;}
table th{
background:#c0ef03;
border-bottom:5px solid #FFF;}
table td{
color:#3F3F3F;
padding:0 5px;}


/*==============================
			-- BANNER --
==============================*/
.banner_leaderboard,
.banner_leaderboard2{
width:728px;
height:90px;
display:block;
float:left;
margin:0 8px 0 13px;}

.banner_leaderboard2{
width:190px;
margin:0;}


/*==============================
			-- HEADER --
==============================*/
#contenedor{
margin:auto;
width:960px;
border:3px solid #3E3838;
border-top:0;
background:#fff;
overflow:hidden;
padding:0 0 25px 0;}

.header{
height:178px;
margin-bottom:1px;
position:relative;
z-index:100000;
background: url(img/header.jpg) no-repeat;}
.header > ul{
position:absolute;
bottom:0;
margin-left:10px;
font-weight:bold;}
.header > ul > li{
float:left;
position:relative;
margin-right:7px;
background:url(img/menu.png) no-repeat 0 0}
.header > ul > li > a,
.header > ul > li > span{
height:34px;
display:block;
color:#000;
padding:0 10px;
font-size:13px;
cursor:pointer;
line-height:29px;
text-align:center;
float:left;
background:url(img/menu2.png) no-repeat 100% 0}

.header > ul > li:hover{
background-position:0 -34px;}
.header > ul > li:hover > a,
.header > ul > li:hover > span{
color:#fff;
background-position:100% -34px}


.header li ul{
top:34px;
left:0;
z-index:1;
display:none;
background:#333;
position:absolute;
border:2px solid #bfee02;
border-top:0;}
.header li ul li a{
color:#fff;
display:block;
padding:5px 10px;
white-space:nowrap}
.header li:hover ul{
display:block}



/*==============================
			-- CONTENIDO --
==============================*/
.main-col{
float:left;
width:628px;
margin:0 15px 0 0;
overflow:hidden;}

.main-col hr{
margin:0 10px 20px 10px;
border-top:1px dotted #AEAEAE;}


/* Post */
.post{
width:616px;
overflow:hidden;
padding:0 0 8px 0;
margin:0 0 0 12px;}
.post h2{
margin:15px 0 6px 4px;}
.post p{
margin:0 0 12px 4px;}
.post p:last-child{
margin:0 0 0 8px;}
.post p a{
color:#000;
font-weight:bold;
text-decoration:underline;}
.post ul{
margin:0 0 0 6px;}
.post ul li{
overflow:hidden;
padding-left:20px;
margin-bottom:2px;
background:url(img/list_square.png) no-repeat 5px 3px;}
.post li a{
color:#1435C0;}
.post img{
float:left;
margin:0 4px 6px 0;}
.post p.post-date{
color:#c2c2c2;
font-size:11px;
line-height:18px;
margin:0 0 4px 0;
padding:0 0 4px 21px;
border-bottom:1px dotted #AEAEAE;}
.post div.post-box{
float:left;
width:265px;
margin:-7px 0 0 0;}

/* Portada 1° post */
.p-principal h2{
font-size:20px;}
.p-principal img{
margin:0 0 6px 0;
float:none;}

/* Portada 2° post */
.p-secundario{
margin:0 0 10px 7px;}
.p-secundario h2{
font-size:18px;
margin:4px 0 4px 4px;}

/* Portada 3° a 6° post */
.mas-post li{
padding:0 0 1px 0;}
.mas-post div{
float:left;
border-bottom:1px dashed #D7D7D7;
padding:3px 2px 15px 1px;
background:#FAFBF6;
width:259px;} 
.mas-post h2{
margin:0;
font-size:13px;
padding:6px 15px 0 0;}
.mas-post p{
margin:0 0 4px 0;}
.mas-post p:last-child{
margin:0;}
.mas-post img{
margin:7px 7px 0 0;}

/* opciones */
ul.opciones{
float:right;}
ul.opciones li{
float:left;
padding:0;}
ul.opciones li:first-child{
padding-right:6px;
margin-right:6px;
border-right:1px dotted #55525D;}
ul.opciones li a{
padding-left:20px;
color:#454253;
font-size:11px;
line-height:17px;
display:block;
float:left;
background:url(img/enviar.png) no-repeat 0 0;}
ul.opciones li:first-child a{
background:url(img/imprime.png) no-repeat 0 50%;}


/* Comentarios */
#comentarios{
margin:10px 0 40px 0;}
#comentarios h3{
margin-bottom:0;}
li.comment{
padding:8px 0;
overflow:hidden;
border-bottom:1px solid #AEAEAE}
li.comment .comment-head{
float:left;
width:150px;}
li.comment .comment-head p a{
color:#333;
text-decoration:none}
li.comment .comment-text{
float:right;
width:450px;}


/*==============================
			-- SIDEBAR --
==============================*/
.rightbox{
float:left;
width:200px;
padding:6px 7px 0 10px;}
.rightbox h2{
color:#C0EE05;
padding:0 0 3px 0;
margin:10px 0 8px 0;
background:url(img/border-h2.png) no-repeat bottom left;}
.rightbox h3{
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:underline;
margin:0 0 2px 0;} 

.rightbox a{
color:#fff;}

.rightbox ul{
margin:0 0 15px 0;}
.rightbox ul li{
padding:0 0 4px 0;
margin:0 0 8px 0;
background:url(img/border-h2.png) no-repeat bottom left;}
.rightbox ul li p a{
padding-left:2px;
font-size:11px;}

.rightbox ul.se-dice{
background:#000;
font-size:11px;
color:#fff;
margin:0 15px 0 4px;
padding:4px 4px 8px 2px;}
.rightbox ul.se-dice li{
background:none;}
.rightbox ul.se-dice p{
font-size:11px;
color:#fff;}

.sidebar{
width:303px;
float:left;
margin:20px 0;}
.sidebar hr{
margin-top:10px;
background:url(img/hr-sidebar.png) repeat-x 0 0;}
.sidebar img{
border:1px solid #525252;}



/*==============================
			-- INDEX --
==============================*/
#index #contenedor{
background:url(img/contenedor.png) repeat-y 0 0;}

/* Leftbox */
.leftbox{
padding:10px 8px 7px 7px;
float:left;
width:728px;}

.leftbox .post{
margin:0 0 0 7px;
width:400px;}
.leftbox div.post{
border-bottom:1px dashed #D7D7D7;}
.leftbox .post p{
margin-bottom:4px;}
.leftbox .post p.post-date{
border:0;
padding-bottom:0;}
.leftbox .post ul{
margin:10px 0 0 0;}


.leftbox_left{
width:428px;
float:left;}
.leftbox_right{
width:300px;
float:right;}
.leftbox_right h2{
color:#383838;
margin:9px 0 1px 0;
padding-bottom:3px;
background:url(img/hr-sidebar.png) repeat-x bottom left;}


/* Profile boxes */
.box_trans{
width:278px;
height:118px;
padding:10px 8px 5px 15px;
font-family:Arial, Verdana, Helvetica, sans-serif;
background: url(img/box_trans.png) no-repeat 0 0;
margin-top:5px;}
.box_trans span{
font-style:italic;
font-size:12px;
display:block;}
.box_trans a{
color:#76900B;
text-decoration:underline;}
.box_trans img{
float:right;
margin:0 2px 0 0;}
.box_trans dl{
margin-top:5px;}
.box_trans dt{
color:#494949;}
.box_trans dd{
font-style:italic;
color:#A5A5A5;}

a.ver-clas{
color:#000;
font-weight:bold;
text-decoration:underline}


.get_archives{
margin:15px;}
.get_archives a{
color:#000;
font-weight:bold;
text-decoration:underline}



/*==============================
			-- TABS --
==============================*/

/* Tab menu */ 
.tab-list{
z-index:6;
overflow:hidden;
margin:20px 0 -3px 18px;}
.tab-list li{
float:left;
margin:0 2px 0 0;}
.tab-list li a{
float:left;
color:#6E6264;
display:block;
height:19px;
padding:12px 10px 0 10px;
background:url(img/tabs-list.png) repeat-x 0 0;}
.tab-list li.selected a{
color:#fff;
background:url(img/tabs-list-barcelona.png) repeat-x 0 0;}
.tab-list li:first-child.selected a{
background:url(img/tabs-list-madrid.png) repeat-x 0 0;}
.tab-list.clasificacion li.selected a{
background:url(img/tabs-list-selected.png) repeat-x 0 0;}


/* Tabs content */
.tab{
z-index:1;
overflow:hidden;
width:623px;
margin:0 0 0 9px;
padding:20px 0 0 0;
background:url(img/bg-tablas.png) no-repeat 0 0;}

.tab h2{
font-size:15px;
color:#8D8D8D;
padding-left:22px;
margin:0 0 15px 8px;}
.tab h2 span{
display:block;
font-weight:normal;
font-size:11px;
color:#B6B6B6;}
.tab h4{
margin:10px 0 5px 15px;}
.tab p{
margin:0 0 15px 15px;}
.tab ul{
margin:0 0 10px 15px}
.tab li{
margin:5px 0 5px 0;
line-height:150%;}

.tab table{
font-size:13px;
margin-bottom:20px;}
.tab tr{
height:26px;
line-height:26px;
background:#EAEAEA;
border:1px solid #fff;}
.tab th{
width:15%;
border:0;
padding:0 3px;
background:none;}
.tab td{
color:#535353;
text-align:left;
border-left:1px solid #fff;}

/* Tabla - Ficha jugador */
.tab table.ficha-jugador td{
white-space:nowrap;
text-align:center;}


/* GALERIAS */
.galeria{
overflow:hidden;
padding:10px 0 0 5px;
margin:-10px 0 5px 16px;
border-top:1px dotted #AEAEAE;}
.galeria li{
float:left;
margin:0 0 0 23px;}
.galeria li:first-child{
margin:0;}


/* COPAS */
.copas{
padding:8px 0 0 5px;
margin:0 0 30px 16px;
border-top:1px dotted #AEAEAE;}
.copas li{
overflow:hidden;}
.copas li span{
display:block;
float:left;
background:url(img/square.png) no-repeat 0 50%;
padding:0 0 0 15px;
margin:0 0 2px 0;
color:#0F35BE;
width:110px;}



/*==============================
			-- PLANTILLA --
==============================*/
.tab h2.escudo-off{
padding:0 0 2px 15px;
margin:0 0 5px 16px;
border-bottom:1px dotted #AEAEAE;
background:url(img/square.png) no-repeat 0 50%;}
.tab h2.flotado{
float:left}


/* Despliegue Jugador */
ul.despliegue-jugador{
float:right;
overflow:hidden;
margin:4px 10px 0 0;}
ul.despliegue-jugador li{
font-size:24px;
font-weight:bold;
float:left;
text-align:center;
margin:0 10px 0 0;}
ul.despliegue-jugador li span{
display:block;
margin:-9px 0 0 0;}


/* Datos jugador */
ul.datos-jugador{
float:left;
clear:left;
margin:5px 0 25px 28px;}
ul.datos-jugador li{
color:#B6B6B6;
font-size:11px;
margin:0 0 2px 0;}



/*==============================
	-- COLORES SEGUN EQUIPO --
==============================*/

.barcelona h2,
.barcelona h2 a{color:#841138;}
.mas-post .barcelona h2{background:url(img/escudos/barcelona.png) no-repeat right 0;}
.tab.barcelona h2{background:url(img/escudos/barcelona.png) no-repeat 0 1px;}
.barcelona .post-date{background:url(img/escudos/barcelona.png) no-repeat 0 0;}
.barcelona .copas li a{color:#914D4C;}
.barcelona .despliegue-jugador li{color:#c40c0c;}
.barcelona tr.inpar{background:#f0e2e2}


.madrid h2,
.madrid h2 a{color:#003291;}
.mas-post .madrid h2{background:url(img/escudos/madrid.png) no-repeat right 0;}
.tab.madrid h2{background:url(img/escudos/madrid.png) no-repeat 0 1px;}
.madrid .post-date{background:url(img/escudos/madrid.png) no-repeat 0 0;}
.madrid .copas li a{color:#744D8E;}
.madrid .despliegue-jugador li{color:#454899;}
.madrid tr.inpar{background:#e7e7f3}



/*==============================
	-- TABLAS LEAGUE MANAGER --
==============================*/




/*==============================
			-- FOOTER --
==============================*/
.footer{
height:77px;
margin:auto;
text-align:center;
padding:12px 0 0 0;}

.footer p,
.footer a{
font-size:10px;
color:#C2EE05;}