/* Colors
#e32865  //vermell
#0099cc	//blau link
#5d5c61	// gris fort
#84828a	// gris fluix
*/

html, body, div { padding: 0; margin: 0 }
html { height: 100%; }
body { height: 100%; }

#container { position: relative; min-height: 100%; width:100%;}

* html #container { height: 100%; }

h1
{
height:10px;
}

#footer { position: relative; clear: both; padding: 0px 0; border-top: 1px; margin-top: -60px; color:#ff0000; }
#footer { width: 100%; text-align: center; font-size: 0.9166em; font-weight: bold; }

#footerGran { position: relative; clear: both; padding: 0px 0; border-top: 1px; margin-top: -80px; color:#ff0000; }
#footerGran { width: 100%; text-align: center; font-size: 0.9166em; font-weight: bold; }

body {
/* background:#fff; */
 font-family:Arial,Helvetica,Sans-serif;
 font-size:12px;
 color:#191919;
 margin:0;padding:0;
 text-align:center;
 line-height:18px;
}


#inputChess input {
    position: relative;
    width: 250px;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 20px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #84828a;
}

.texteSuperior
{
        color:#cccccc;
        font-weight:bold;
        font-family: "verdana", courier, monospace;
        font-size: 12px;
        vertical-align:middle;
        text-align:left;
	height:30px;
}

/* BARRA SUPERIOR (FACEBOOK GROUP) */
div.superior, table.superior {
	background: #4d4d55;
	background: #5d5c61;
/*    padding: 0.1em 0.7em 0.1em 1.7em;   */
	width:100%;
	height:40px;
	color: #ffffff;
/* 	color:#cccccc; */
	font-weight:bold;
	font-family: "verdana", courier, monospace;
	font-size: 12px;
	vertical-align:middle;
	text-align:left;
}

div.superior a{
   text-decoration:underline;
   color:#cccccc;
color:#ffffff;
}

div.superior a:hover{
	color:#ffffff;
text-decoration:underline;
}

#buscar input
{
/*    position: relative; */
/* margin-bottom:-5px; */
/* margin-top:5px; */
    width: 95px;
    height: 20px;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 12px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}

#buscar img
{
/* position:left;*/
/*  margin-bottom:-17px;  */
    width: 19px;
    height: 19px;
}

/* Deixar comentari */
#campregistreEntradaComentari input {
    position: relative;
        width: 500px;
        height: 30px;
        font-family: "verdana", courier, monospace;
        letter-spacing: -1px;
        font-size: 18px;
        margin: 4px;
        color:#aace50;
        font-weight:bold;
}

/* per ocultar el boto denviar */
.submit {
    width: 0px;
    height: 0px;
    font-size: 0.1px;
    -moz-opacity:0 ;
/*    filter:alpha(opacity: 0); */
    opacity: 0;
}

#campEntrada input, #campEntrada select {
    position: relative;
    width: 250px;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 20px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}

#campEntradaSettings input, #campEntradaSettings select, #campEntradaSettings textarea, #campEntradaSettings checkbox {
    position: relative;
    width: 500px;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 18px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}



#campEntradaGame textarea {
    position: relative;
    width: 100%;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 12px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}

#campEntradaGame input {
    position: relative;
    width: 100%;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 18px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}

#campEntradaVideo input {
    position: relative;
    width: 500px;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 17px;
    height: 30px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}

#campEntradaVideo textarea {
    position: relative;
    width: 500px;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 17px;
    height: 90px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}

#campQueFas input {
    position: relative;
    width: 100%;
    font-family: "verdana", courier, monospace;
    letter-spacing: -1px;
    font-size: 16px;
    color:#84828a;
    font-weight:bold;
    border:solid 2px #5d5c61;
}


.titolsGrisFluixPetit{
 line-height:13px;
 color: #84828a;
 font-size:13px;
 font-weight:bold;
}

.titolsGrisFortPetit, div.titolsGrisFortPetit{
 line-height:13px;
 color: #5d5c61;
 font-size:13px;
 font-weight:bold;
}

.temaBlanc, div.temaBlanc, #nomPartida
{
 line-height:25px;
 color: #ffffff;
 font-size:25px;
 font-weight:bold;
}

.nomPartida a, div.nomPartida a
{
 text-decoration:underline;
 color: #ffffff;
}

.nomPartida a:hover, div.nomPartida a:hover
{
 color:#ffffff;
 text-decoration:underline;
}

.nomPartida, div.nomPartida
{
 line-height:24px;
 color: #ffffff;
 font-size:23px;
 font-weight:bold;
}

.nomEvent, div.nomEvent
{
 line-height:12px;
 color: #ffffff;
 font-size:17px;
 font-weight:bold;
}

.nomEvent a, div.nomEvent a
{
 color: #ffffff;
 text-decoration:underline;
}

.nomEvent a:hover, div.nomEvent a:hover
{
text-decoration:underline;
}

.hechoporBlanc, div.hechoporBlanc
{
 line-height:25px;
 color: #ffffff;
 font-size:17px;
 font-weight:bold;

}

.hechoporBlanc a, div.hechoporBlanc a
{
 color: #ffffff;
}

.hechoporBlanc a:hover, div.hechoporBlanc a:hover
{
 color: #ffffff;
}

.titolsGrisFort, div.titolsGrisFort, table.titolsGrisFort{
 line-height:16px;
 color: #5d5c61;
 font-size:15px;
 font-weight:bold;
}

.ultimStatus, div.ultimStatus
{
 line-height:16px;
 color: #5d5c61;
 font-size:15px;
 font-weight:bold;
 padding-left:5px;
 margin-top:10px;
 margin-bottom:0px;
}

.dadesUsuari
{
 line-height:16px;
 color: #5d5c61;
 font-size:13px;
 font-weight:bold;
 padding-left:10px;
 padding-top:20px;
 padding-right:10px;

}

div.dadesUsuari a
{
 text-decoracion:none;
 color:#0099cc;
}

div.dadesUsuariEstadistiques a
{
 text-decoracion:none;
 color:#0099cc;
}

dadesUsuari a
{
 text-decoracion:none;
 color:#0099cc;
}

.dadesUsuariEstadistiques
{
 line-height:20px;
 color: #5d5c61;
 font-size:13px;
 font-weight:bold;
 padding-left:10px;
 padding-top:20px;

}

.titolsGrisFortGran{
 line-height:20px;
 color: #5d5c61;
 font-size:20px;
 font-weight:bold;
}

div.titolsGrisFort a, .titolsGrisFort a, .titolsGrisFortGran a, titolsGrisFort img:a, .titolsGrisFortPetit a {
 text-decoracion:none;
 color:#0099cc;
}

td.titolsGrisFortPetit a {
 text-decoracion:none;
 color:#0099cc;
}

div.titolsGrisFortPetit a
{
 text-decoracion:none;
 color:#0099cc;
}

table.titolsGrisFort a
{
 text-decoracion:none;
 color:#0099cc;
}
.titolsGrans
{
 padding-left:20px;
 padding-top:5px;
 background-color: #e32865;
 color: #ffffff;
 font-size:15px;
 font-weight:bold;
 height:30px;
 margin-bottom:20px;
 margin-left:-2px;
 margin-top:-1px;
 margin-right:-2px;
}
.titolsGransAdaptable
{
 padding-left:20px;
 padding-top:5px;
 background-color: #e32865;
 color: #ffffff;
 font-size:15px;
 font-weight:bold;
 height:auto;
 margin-bottom:20px;
 margin-left:-2px;
 margin-top:-1px;
 margin-right:-2px;
}
.titolUsuari
{
 padding-left:2px;
 padding-top:5px;
 background-color: #e32865;
 color: #ffffff;
 font-size:16px;
 font-weight:bold;
 height:30px;
 margin-bottom:20px;
 margin-left:-2px;
 margin-top:-1px;
 margin-right:-2px;
}

.titolUsuariCaselles
{
 padding-left:2px;
 padding-top:5px;
 background-color: #e32865;
 color: #ffffff;
 font-size:14px;
 font-weight:bold;
 height:25px;
 height:30px;
 margin-bottom:10px;
 margin-left:-2px;
 margin-top:-1px;
 margin-right:-2px;

}

.taulaFitxaUsuari
{
        border-right: #a5a7aa solid 1px;
        border-bottom: #a5a7aa solid 1px;
        border-left: #a5a7aa solid 1px;
}

.titolsGrans a:hover
{
color:#ffffff;
text-decoration:underline;
}

.titolsGrans a
{
color:#ffffff;
text-decoration:underline;
}

.titolsGrisFort img
{
 color:#0099cc;
 border-color:#0099cc;
}

.titolsGrisFort a img
{
 color:#0099cc;
 border-color:#0099cc;
}

.titolsGrisFort img a:hover
{
 color:#0099cc;
 border-color:#0099cc;
}


div.titolsGrisFort a:hover, .titolsGrisFort a:hover, .titolsGrisFortGran a:hover, .titolsGrisFortPetit a:hover, div.titolsGrisFort a:hover, table.titolsGrisFort a:hover{
 text-decoration:underline;
 color:#84828a;
}

div.avis {
/*    background: #aace50; */
/*    border: solid 2px #029834; */
    color: #e32865;
    margin: 0px 10px 1em 0px;
    padding: 0.3em 0.7em 0.1em 0.7em;
    width:500px;
font-weight:bold;
}

#divTaula
{
 width:100%;
 position:relative;
 margin:0 auto;
padding-bottom:100px;
}

.divTDSeparacio
{
	float:left;
	width:20px;
}

.divTD70
{
        float:left;
        width:70px;
}
.divTD45
{
	float:left;
	width:45px;
}
.divTD500
{
	float:left;
	width:500px;
}

.divSaltLinia
{
	width:700px;
	height:1px;
}
.divTD100
{
 
	float:left;
	width:95%;
	height:auto;
	margin:10px;
	padding-bottom:20px;
	/* padding:5px; */
	background-color:#f5f7f9;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
	border-left: #a5a7aa solid 1px;
	text-align:left;
}

.divTableLinia
{

        float:left;
        width:100%;
        height:180px;
        margin:10px;
        padding:5px;
        background-color:#f5f7f9;
        border-top: #a5a7aa solid 1px;
        border-bottom: #a5a7aa solid 1px;
        text-align:left;
}

.submit {
    width: 0px;
    height: 0px;
    font-size: 0.1px;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0); 
    opacity: 0;
    }



div.pagination {
        text-align:left;
 /*       margin-left: 10px;
        padding-left: 10px;*/
        margin-top: 15px;
font-size:12px;
}

div.pagination a {
        padding: 2px 5px 2px 5px;
        margin-right: 2px;
        border: 1px solid #9aafe5;
        border: 1px solid #1daa5b;
border: 1px solid #a5a7aa;

        text-decoration: none;
        color: #2e6ab1;
        color: #aace50;
color: #5d5c61;
}
div.pagination a:hover, div.pagination a:active {
        border: 1px solid #2b66a5;
        border: 1px solid #1daa5b;
border: 1px solid #a5a7aa;
        color: #000;
        color: #aace50;
	color: #ff0000;
	color:#0099cc;
        background-color: lightyellow;
	background-color: #bcdfeb;
	text-decoration:underline;
}
div.pagination span.current {
        padding: 2px 5px 2px 5px;
        margin-right: 2px;
        border: 1px solid navy;
        font-weight: bold;
        background-color: #2e6ab1;
background-color: #aace50;
background-color: #e32865;
        color: #FFF;
}
div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin-right: 2px;
        border: 1px solid #929292;
        color: #929292;
}

/* Fin paginacion */