html {background: #fff url(../img/fondos/pattern_0842.gif); margin:0; padding: 0;}
body {
background: #fff; border-left: 0px solid #E7E7E7; border-right: 0px solid #E7E7E7;
width: 780px; margin: 0 auto auto auto; padding: 0; font-family:Arial, Helvetica, sans-serif}
#cap {margin: 0; padding: 0 0 1px 0; background: #000; border-bottom: 1px solid #D6D6D6}
#cos {background: #fff!important; margin: 0 0 0 0; height: 1100px;}
#dreta {
margin: 0;
float: right;
padding-right: 3px;
background: #fff;
width: 45%
}
#esquerra {
float: left;
margin: 0px 0 0 0px;
width: 51%;
background: #fff;
padding-left: 3px;
}
#ani {
margin: 0;
padding: 0;
border-bottom: 1px solid #D6D6D6;
}
#titol {
height: 0px;
background-color: #324662;
margin: 0;
padding: 0;
}
strong {
color: #314F7C
}
#cos h1 {
margin: 5px 0;
padding: 6px 0 6px 6px;
font-size: 1em;
background: #fff url(../img/fondos/lineapuntos.gif) left bottom repeat-x;
color: #2C3C55;
}

.noticia, #descargas {
border: 0px solid #E7E7E7;
margin: 1px 0px 20px 0px;
padding: 0px 0px 4px 0px;
}
.noticia {
background: url(img/download.gif) right center no-repeat;
margin-top: 10px
}
.noticia h2, #arriba h2, #chat h2, #ganadores h2, #descargas h3 {
color: #353535;
background: #E8E8E8 url(../img/fondos/fnoticia.jpg) center;
margin: 0;
padding: 4px 0px 3px 6px;
font-size: 0.84em;
border-bottom: 1px solid #fff
}
.noticia h3, #chat h3 {
font-size: 0.9em;
color: #314F7C;
padding: 10px 0px 0 10px;
margin: 0;
}
.noticia p {
margin:5px;
padding:10px;
font-size: 0.8em;
color: #405A7E

}
.noticia a, .noticia a:link, .noticia a:visited {
	color: #3A4E6B;
font-weight: bold;
}
.noticia a:hover {
	color: #4B2536
}
#ganadores {
margin: 0;
padding: 0;
}
.tablap {
background: url(img/fondos/ftganadores.gif) bottom left repeat-x;
font-size: 0.76em;
margin-bottom: 1px;
width: 100%;
border-bottom: 0px solid #D8D8D8;
background-color: #F4FDFB;
border-collapse: collapse;

}
.tablap .caption {
color: #E9F0E3;
font-weight: bold;
background-color: #5378A6;
width: 22%;
text-align: center!important;
}
.tablap thead th {
color: #fff;
padding:2px 2px 2px 9px!important;
text-align: left;
background: #A5B4CB

}
.tablap tbody tr {
background: url(img/fondos/lineapuntos.gif) left bottom repeat-x;
padding-top: 2px;
}
.tablap tbody td {
border-bottom: 1px solid #ddd;
padding: 2px 4px 2px 12px;
}
.tablap tfoot td {
text-align: right;
margin: 0;
padding: 0 3px 3px 0;
background: #fff;
}
.tablap tfoot td a, .tablap tfoot td a:link, .tablap tfoot td a:visited {
color: #3A4E6B;
font-weight: bold;
font-size: 0.90em;
margin: 0;
padding: 0;
}
.tablap a:hover {
color: #4B2536
}
.tablap .ganador {
font-weight: bold;
}
/***************************/
/* index esquerra          */
/**************************/
#arriba {
margin: 10px 0 20px 0;
padding: 0;
background: #fff;
width: 400px;
}
#arriba p {
font-size: 0.8em;
padding:4px 0 0 4px;
margin:0;
}
#joc {
text-align: left;
margin: 0;
padding: 0;
background: #E8E8E8
}
.topten {
margin-left: 2px
}
.topten h3 {
color: #E6B408;
font-size:1em;
margin: 10px 0 0 0;
padding: 0;
}
.topten a, .topten a:link, .topten a:visited {
	color: #3A4E6B;
	font-weight: bold
}
.topten a:hover {
color: #4B2536
}
.topten form {
margin: 4px 0 0 0;
padding: 0;
}
.topten label {
font-size: 0.8em;
}
.topten form #nick {
border: 1px solid #FFD601;
width: 121px;
height: 15px;
padding-left: 2px;
}
.topten form #submitver {
background: url(../img/fondos/fvertopten.jpg) center no-repeat;
border: 0;
margin-top: 3px;s
padding-top: 2px;
width: 30px;
height: 26px;
}
#chat {
clear: both;
display: block;
margin:10px 0px 0 0px;
padding: 0 ;
border: 1px solid #E7E7E7;
background: #fff;
height: 168px;
min-height: 168px;

}
#chat h3 {
font-size: 1em;
padding-left: 10px;
}
#chat #elform {
margin:0;
padding: 10px 5px 5px 5px;
background:#53709C;
float: right;
width: 29%;
font-size: 0.8em;
}
#chat p {
font-size: 0.8em;
padding-left: 10px
}
#chat a, #chat a:link, #chat a:visited {
color: #3A4E6B;
text-decoration: none;
font-weight: normal!important
}
#chat #elform fieldset {
margin:4px;
padding:0;
border: 0;
}
#chat #elform label {
padding: 0 0 4px 0;
color: #fff;
font-weight: bold
}
#chat form input {
margin: 0 0 4px 0;
width: 100px;
height: 12px;
vertical-align: middle

}
#chat .boton {
background: #D4E1F4;
border: 1px solid #F6FAF9;
width: 80px;
height: 20px;
margin-left: 6px;
margin-top: 6px;
}
/****************************/
/* BARRA DE HERRAMIENTAS    */
/****************************/
#barra {
	background: #53709C;
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #666;
}
#barra ul {
margin: 0;
padding: 5px 3px 3px 3px;
float: right;
}
#barra ul a, #barra ul a:link, #barra ul a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}
/**********************************/
/*         MENU PRINCIPAL         */
/*********************************/
#menu {
clear: both;
width: 100%;
background:  #000;
float: left;
margin: 0;
padding: 0;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
z-index: 10;
float: left;
}
#menu a {
display: block;
padding: 0.2em 1.8em;
text-decoration: none;
color: #fff;
font-weight:bold;
font-size: 0.84em;
}
#menu a:hover { background-color: #77DFC8}
#menu li {position: relative;
display: block;
float: left;
background-color: #000;
}
#menu li ul {
position: absolute;
z-index: 5000;
visibility: hidden;
}
#menu li:hover ul {
	visibility: visible;
}
#menu li ul li {
background: #BCC4D2!important;
border-bottom: 1px solid #CDD3DE;
width: 132px;
}
/****************************************/
/* CLASIFICACION CSS                    */
/****************************************/
#ccos {clear: both; background: #fff!important; margin: 0; min-height: 1500px; padding: 0 }

#cap {
margin:0; padding: 0; 
}

#ccos h1, #ccos h2, #ctcos h1 {
margin: 0 6px 10px 0;
padding: 0px 0 3px 3px;
font-size: 1em;
background: #fff url(../img/fondos/lineapuntos.gif) left bottom repeat-x;
color: #000;
}
#ccos h3, #ccos h4 {
font-size: 0.9em;
}
#ccos h4 {
color: #314F7C
}
#cesquerra {
float: left;
width: 22%;
margin: 0;
padding: 20px 0 0 0;
}
#cdreta {
float: right;
width: 76%;
margin: 0;
padding: 12px 0 0 0;
}

/**************************/
/*   TABLAS              */
/*************************/
#cdreta table, #cdreta li {
font-size: 0.8em;
}
#cdreta table {
border-collapse: collapse;
}
#cdreta table caption {
text-align: left;
}
#cdreta table th {
text-align: center;
background-color: #6A9BD6;
padding: 4px 10px 3px 12px;
color: #E9F0E3;
}
#cdreta table th a, #cdreta table th a:link, #cdreta table th a:visited {
color: #fff!important;
text-decoration: underline!important;
}
#cdreta table td {
border-bottom: 1px solid #ddd;
padding: 3px 10px 2px 12px;
text-align: center
}
#cdreta table tfoot td {
text-align: center;
border-bottom: 0!important;
padding-top: 6px;
}
#cdreta table a, #cdreta table a:link, #cdreta table a:visited {
color: #3A4E6B;
text-decoration: none;
font-weight: bold;
} 
#cdreta tr.ruled{ background-color: #E4FAF5!important; } 
.tdd {
text-align: right!important;
}
#cdreta #bnick {
background-color: #6AD6A5!important;
font-weight: bold;
color: #fff;
}
#canales {

padding: 30px 0;
}
#canales table {
width: 95%;}
#nicks, #canal {
width: 86%
}
#cdreta a:hover {
color: #6AD6A5!important;
text-decoration: underline
}
/******************/
/*   buscanicks   */
.buscanick fieldset {
border: 0;
font-size: 0.8em;
}
.buscanick .boton {
background: #D4E1F4;
border: 1px solid #000;
width: 80px;
height: 20px;
margin-left: 6px;
margin-top: 6px;
}
/*********************/
/*  historial de nicks */
#menu4 { 
margin: 10px 0 0 0;
padding: 0;
}
#menu4 {
margin-top: 20px!important
}
#menu4 ul {
margin-top: 0;
}
#menu4 li {
padding: 1px 0;
}
#menu4 li a, #menu4 li a:link, #menu4 li a:visited {
display: block;
color: #3A4E6B;
text-decoration: none;
font-weight: normal!important
}
/******************************/
/*     BREADCRUMB             */
/******************************/
#breadcrumb {
clear: both;
font-size: 0.8em;
padding: 6px 4px 16px 4px;
margin: 0;
background-color: #fff;
}
#breadcrumb p {
margin: 0;
padding: 0;
}
#breadcrumb a {
margin: 0;
padding: 0;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
color: #3A4E6B;
text-decoration: none;
font-weight: normal!important
}
#breadcrumb a:hover {

}
/********************************/
/*    SUBMENU                    */
/********************************/
#submenu {
font-size: 0.8em;
margin: 0 0 0 3px;
padding: 0;
border-left: 1px solid #B0B0B0;
border-top: 1px solid #fff;
border-right: 1px solid #B0B0B0;
background: #eee 

}
#submenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#submenu .nivel1, #submenu .acti {
vertical-align: middle;
background: #E6E6E6 url(img/fondos/fnoticia.jpg) center;
border-top:1px solid white;
border-bottom:1px solid #B0B0B0;
margin:0;
}
#submenu .acti {
padding:4px 0 3px 12px;
color: #0000B8

}
#submenu .nivel1 a, #submenu .nivel1 a:link, #submenu .nivel1 a:visited {
display: block;
color: #000;
text-decoration: none;
padding:4px 0 3px 12px;

}
#submenu .nivel1 a:hover {
background:#F2F2F2;
color: #0000FF
}
#submenu ul ul {
margin: 0;
padding: 0;
}
.nivel2 {
margin: 0;
padding: 0;
}
#submenu .nivel2 a, #submenu .nivel2 a:link, #submenu .nivel2 a:visited {
display: block;
margin: 0;
padding:0 0 0 20px;
color: #000;
text-decoration: none;
vertical-align: middle;
background-image:url(../img/menulateral/fn21.jpg);
background-position: right;
background-repeat:no-repeat; border-top:1px solid white; border-bottom:1px solid #B0B0B0;
}
#submenu .nivel2 a:hover {color: #0000FF;}
.acti2 {
color: #0000B8;
margin:0;
padding: 3px 0 0 20px;
}
/*************************/
/*    CSS JUEGOS         */
/*************************/
#jdreta {
margin:0;
padding: 0 15px 0 0;

}
#jdreta p {
font-size: 0.8em;
}
#descargas {
float: right;
width: 29%;
margin: 10px 10px;
text-align: center;
background: #FCFAFF
}

#descargas p {
color: #344865;
font-weight: bold;
}
#descargas a img {
border: 0;
}
.n1 { color: #000; background-color: #fff; padding: 2px 5px;}
.n2 { color: #000; background-color: #FFFF00; padding: 2px 5px;}
.n3 { color: #000; background-color: #FC7F00; padding: 2px 5px;}
.n4 { color: #fff; background-color: #009300; padding: 2px 5px;}
.n5 { color: #fff; background-color: #00007F; padding: 2px 5px;}
.n6 { color: #fff; background-color: #7F0000; padding: 2px 5px;}
.n7 { color: #fff; background-color: #000; padding: 2px 5px;}
.niveles {margin: 20px 0 0 50px !important}
/****************************/
/*     CSS CONTACTO         */
/***************************/
#contactar {
float: right;
width: 320px;
margin-right: 50px
}
#ctcos {
margin: 0 0 30px 30px;
padding-top: 30px;
height: 500px;
}
#ctcos p {
font-size: 0.8em;
padding-top: 30px;
}
#ctcos form {
font-size: 0.8em;
margin: 20px;
padding: 0px;

}
#ctcos fieldset {

border-left: 1px solid #D6D6D6;
border-right: 0;
border-top: 0;
border-bottom: 0;
padding: 0 0 0 30px;
background: #fff url(../img/mail.jpg) top right no-repeat;

}
#ctcos label {
color: #000;
font-weight: bold;
padding-left: 6px

}
#ctcos input {
margin-bottom: 6px;
border: 1px solid #D6D6D6;

}
#ctcos .boton {
background: #D4E1F4;
border: 1px solid #000;
width: 80px;
height: 20px;
margin-left: 0px;
margin-top: 10px;
}
.valido { color: #0B7B05}
.error {color: #7B050B}