/* CSS Document */

body{
text-align:center;
font-family:verdana;
}

#contenedor{
text-align:left;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
width:800px;
}

#cabecera{
width:800px;
height:140px;
margin-top:opx;
margin-bottom:1px;
}


#cabecera1{
width:800px;
height:20px;
margin-top:0px;
margin-bottom:1px;
background-color:#ff3300;
clear:both;
}

.cabecera1{
font-size:11px;
font-family:verdana;
padding-top:3px;
margin-top:0px;
margin-bottom:1px;
font-weight:normal;
color:#FFFFFF;
text-align:center;
}

#cabecera2{
width:800px;
margin-top:0px;
margin-bottom:7px;
height:20px;
background-color:#ff9900;
clear:both;
}

.cabecera2{
font-size:11px;
font-family:verdana;
padding-top:3px;
font-weight:normal;
margin-top:0px;
color:#000000;
text-align:center;
}

/* NAVEGADOR HORIZONTAL PRINCIPAL */
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu{
font-family:verdana;
font-size:10pt;
color:white;
clear:both;
}

#menu div.barraMenu{
text-align:left;
margin-bottom:8px;
clear:both;
}

#menu div.barraMenu a.botonMenu{
background-color:#681e8f;
color:white;
cursor:pointer;
padding: 5px 13px 5px 12px;
text-decoration:none;
clear:both;
}

#menu div.barraMenu a.botonMenu:hover{
background-color:#b036f1;
clear:both;
}

#menu div.barraMenu a.botonMenu:active{
background-color:#637D4D;
color:black;
clear:both;
}


/* NAVEGADOR HORIZONTAL MENU 2 */
#menu2 div.barraMenu2,
#menu2 div.barraMenu2 a.botonMenu2{
font-family:verdana;
font-size:10pt;
color:white;
clear:both;
}

#menu2 div.barraMenu2{
text-align:left;
margin-bottom:15px;
clear:both;
}

#menu2 div.barraMenu2 a.botonMenu2{
background-color:#EEDCF8;
color:#666666;
cursor:pointer;
padding: 2px 6px 2px 6px;
text-decoration:none;
clear:both;
}

#menu2 div.barraMenu2 a.botonMenu2:hover{
background-color:#cccccc;
clear:both;
}

#menu2 div.barraMenu2 a.botonMenu2:active{
background-color:#999999;
color:black;
clear:both;
}

/* FECHA DEL DIA */
#cajafecha{
width:790px;
margin-left:0px;
padding-left:10px;
height:20px;
margin-top:0px;
margin-bottom:1px;
background-color:#cccccc;
border-top-style:solid;
border-top-color:#999999;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
border-bottom-width:1px;
clear:both;
}

.fecha{
font-size:9px;
font-family:verdana;
font-weight:normal;
color:#333333;
text-align:left;
clear:both;
padding-top:3px;
margin-top:0px;
margin-bottom:1px;
}

/* CUERPO Y CAJAS */
#cuerpo{
margin: 15 0 10 0 px;
width:800px;
margin-top:20px;
margin-bottom:8px;
}

.cuerpo{
margin: 15 0 10 0 px;
width:800px;
margin-top:20px;
margin-bottom:8px;
}

#cajaizquierda{
width:144px;
float:left;
}

.izquierda{
width:144px;
float:left;
margin-top:0px;
margin-bottom:1px;
clear:both;
}

#cajaizquierda2{
width:650px;
float:left;
}

.izquierda2{
width:650px;
float:left;
margin-top:0px;
margin-bottom:1px;
clear:both;
}

#cajacentral{
width:477px;
margin-left:160px;
}



.central{
padding-left:10px;
padding-right:10px;
margin-bottom:20px;
border: 1px solid #CCCCCC;
}

#cajaagenda{
width:477px;
float:left;
}

#calendari{
width:144px;
float:left;
}

.agenda{
width:313px;
float:right;
}

#cajanoticies{
width:477px;
float:left;
}

#cajacentral2{
width:610px;
margin-left:160px;
}

.central2{
width:610px;
padding:15px 10px 10px 16px;
margin-bottom:20px;
border: 1px solid #CCCCCC;
}


#cajaderecha{
width:144px;
float:right;
margin-bottom:1px;
}

.derecha{
width:144px;
float:left;
margin-top:0px;
margin-bottom:1px;
clear:both;
}

#derecha2{
width:640px;
float:right;
}

.derecha2{
width:640px;
float:right;
margin-top:0px;
margin-bottom:1px;
clear:both;
}

/* NAVEGADOR LATERAL BLAU PAVELLÓ*/
.navegador{
width:144px;
clear:both;
} 
.navenlace {
   font-weight: 600;
   margin: 1px;
}

.navenlace a {
   background-color:#681e8f;
   color:#FFFFFF;
   font-family:verdana;
   font-size:12px;
   text-decoration: none;
   display: block;
   padding: 2px 0px 3px 5px;
}

.navenlace a:hover {
   background-color:#b036f1;
   color: #ffffcc;
} 

/* NAVEGADOR LATERAL VERD CAMP DE FUTBOL*/
.navegadorverde{
width:144px;
clear:both;
} 
.navenlaceverde {
   font-weight: 600;
   margin: 1px;
}

.navenlaceverde a {
   background-color:#1f9d1f;
   color:#FFFFFF;
   font-family:verdana;
   font-size:12px;
   text-decoration: none;
   display: block;
   padding: 2px 0px 3px 5px;
}

.navenlaceverde a:hover {
   background-color:#60d260;
   color: #ffffcc;
} 

/* NAVEGADOR LATERAL TARONJA CARRER*/
.navegadortaronja{
width:144px;
clear:both;
} 
.navenlacetaronja{
   font-weight: 600;
   margin: 1px;
}

.navenlacetaronja a {
   background-color:#FF6600;
   color:#FFFFFF;
   font-family:verdana;
   font-size:12px;
   text-decoration: none;
   display: block;
   padding: 2px 0px 3px 5px;
}

.navenlacetaronja a:hover {
   background-color:#fb9d5e;
   color: #ffffcc;
} 

/* NAVEGADOR LATERAL VERD NATURA*/
.navegadornatura{
width:144px;
clear:both;
} 
.navenlacenatura{
   font-weight: 600;
   margin: 1px;
}

.navenlacenatura a {
   background-color:#718722;
   color:#FFFFFF;
   font-family:verdana;
   font-size:12px;
   text-decoration: none;
   display: block;
   padding: 2px 0px 3px 5px;
}

.navenlacenatura a:hover {
   background-color:#97ac4b;
   color: #ffffcc;
} 

/* ESTILS TITOLS NOTICIA I AGENDA*/
a.clasetitol:link{font-size:16px;color:ff6600;font-weight:bold;text-decoration:none;line-height:25px;}
a.clasetitol:hover{font-size:16px;color:ff6600;font-weight:bold;text-decoration:underline;line-height:25px;}
a.clasetitol:active{font-size:16px;color:ff6600;font-weight:bold;text-decoration:none;line-height:25px;}
a.clasetitol:visited{font-size:16px;color:ff6600;font-weight:bold;text-decoration:none;line-height:25px;}




/* INDICE */
#inici{
width:798px;
height:13px;
margin-bottom:8px;
background-color:#F0F0F0;
border: 1px dotted #637d4d;
padding-top:1px;
padding-bottom:1px;
clear:both;
}

.inici{
font-size:9px;
font-family:verdana;
margin-bottom:1px;
margin-left:10px;
font-weight:normal;
color:#333333;
text-align:left;
}

/* PIE */
#pie1{
text-align:center;
height:18px;
margin-bottom:1px;
padding:2 10 4 10 px;
background-color:#006600;
clear:both;
}

#pie2{
text-align:center;
height:18px;
margin-bottom:1px;
padding: 2 10 4 10;
background-color:#ffffff;
}

#pie3{
text-align:center;
height:18px;
margin-bottom:1px;
padding:2 10 4 10 px;
background-color:#C7E0B6;
}

/* FONTS*/

h1{
font-size:9px;
font-family: verdana;
font-weight:900;
color:#666666;
text-align:center;
}

.fechapublicacio{
font-size:9px;
font-family: verdana;
font-weight:900;
color:#666666;
text-align:left;
border-bottom-style:dotted;
border-bottom-color:#999999;
border-bottom-width:1px;
}

.organitza{
font-size:9px;
font-family: verdana;
font-weight:normal;
color:#666666;
text-align:left;
border-top-style:dotted;
border-top-color:#999999;
border-top-width:1px;
line-height:14px;
}

.titulnoticia{
font-size:18px;
font-family: verdana;
font-weight:bold;
color:#FF6600;;
text-align:left;
line-height:21px;
}

.titulnoticia2{
font-size:20px;
font-family: verdana;
font-weight:bold;
color:#FF6600;;
text-align:left;
line-height:25px;
}

.titulblau{
font-size:14px;
font-family: verdana;
font-weight:bold;
color:#681e8f;
text-align:left;
line-height:18px;
}

.textblau{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#681e8f;
text-align:left;
line-height:18px;
}

.titulverde{
font-size:14px;
font-family: verdana;
font-weight:bold;
color:#1f9d1f;
text-align:left;
line-height:18px;
}

.textverde{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#1f9d1f;
text-align:left;
line-height:18px;
}

.titultaronja{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FF6600;
text-align:left;
line-height:18px;
}

.texttaronja{
font-size:12px;
font-family: verdana;
font-weight:normal;
color:#FF6600;
text-align:left;
line-height:18px;
}

.titulvermell{
font-size:14px;
font-family: verdana;
font-weight:bold;
color:#FF0000;
text-align:left;
line-height:18px;
}

.textvermell{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FF0000;
text-align:left;
line-height:18px;
}

.titulnatura{
font-size:14px;
font-family: verdana;
font-weight:bold;
color:#718722;
text-align:left;
line-height:18px;
}

.textnatura{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#718722;
text-align:left;
line-height:18px;
}

.fondoazul{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FFFFFF;
text-align:left;
line-height:18px;
margin-top:0px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#681e8f;
}

.fondorojo{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FFFFFF;
text-align:left;
line-height:18px;
margin-top:0px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#FF0000;
}

.fondotaronja{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FFFFFF;
text-align:left;
line-height:18px;
margin-top:0px;
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#FF6600;
}

.fondoverde{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FFFFFF;
text-align:left;
line-height:18px;
margin-top:0px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#1f9d1f;
}

.fondonatura{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FFFFFF;
text-align:left;
line-height:18px;
margin-top:0px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#718722;
}

h6{
font-size:12px;
font-family: verdana;
font-weight:bold;
color:#FFFFFF;
text-align:left;
line-height:18px;
margin-top:1px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#56099e;
}

p{
font-size:12px;
font-family: verdana;
font-weight:normal;
color:#333333;
text-align:left;
line-height:17px;
}

ul{
font-size:12px;
font-family: verdana;
font-weight:normal;
color:#333333;
text-align:left;
line-height:17px;
}

.dia{
font-size:11px;
font-family: verdana;
font-weight:normal;
color:#333333;
text-align:center;
}

.fechapublicacio{
font-size:9px;
line-height:15px;
font-family: verdana;
font-weight:normal;
color:#666666;
text-align:left;
border-bottom-style:dotted;
border-bottom-color:#999999;
border-bottom-width:1px;
}

.diasemana{
font-size:10px;
font-family: verdana;
font-weight:900;
color:#FFFFFF;
text-align:center;
}

.alinearimagen{
float: left;
padding-right:15px;
padding-top:5px;
padding-bottom:0px;}

.llegir{
font-size:10px;
font-family:verdana;
font-weight:normal;
color:#333333;
text-align:left;
line-height:15px;
}