@charset "utf-8";
/* CSS Document */

/* ETIQUETAS HTML */

body{
margin:0; padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
background-image:url(../img/fondo.gif);
text-align:center;

}
img {border:0;}
label{color:#58585A}
input,textarea{font-size:10px; border:1px #BDBEC0 solid; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px;}


#container{
text-align:left;
width:893px;
margin:30px auto;
background-image:url(../img/centro.gif);
background-repeat:repet-y;

}
#cabecera{
height:114px;
width:893px;
background-image:url(../img/cabecera.gif);
background-repeat:no-repeat;
margin-bottom:0px;
_margin-bottom:-56px;
}

#sidebar{float:left; width:246px; margin-left:18px; margin-right:5px;}

#content #izq{float:left; width:300px; margin-right:7px;}
#content #dre{float:left; width:300px;}

#content li{ list-style-image:url(../img/punto_lista.gif); margin-bottom:10px;}

#sidebar h2,#content h2{
border-top:1px #808184 solid;
border-bottom:1px #808184 solid;
padding:3px 0;
color:#E53F45;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
#content h2 p{
color:1A1A1A
}



#cabecera #logo img{
position:relative;
top:18px;
left:18px;

}

#cabecera #logo h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
visibility:hidden;
}

#cabecera #banner{
position:relative;
left:300px;
top:-70px;
width:300px;
}
/**/

#twoColLayout #cos{
clear:both;
width:893px;
background-image:url(../img/linia_separacio_interiors.gif);
background-position:18px 0px;
}

#threeColLayout #cos{
clear:both;
width:893px;
background-image:url(../img/linies_separacio_home.gif);
background-position:18px 0px;
}


#cos:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* MENU */

#menu ul {margin:0; padding:0; list-style-type:none;}
#menu ul li { border-bottom:#000000 solid 1px; background-color:#FCE7E0; margin:0; padding:5px;}
#menu ul ul li { border-bottom:#000000 dashed 1px; margin:0; padding:5px; padding-left:20px; font-size:9px; background-color:#FDF6F5}
#menu a{color:#333333}
#menu a:hover{color:#EC1C24}

/* FORMULARI ACCÉS SOCIS */
form .recuperar{font-size:9px; color:#939598; margin-left:75px;}
form a{color:#58585A}
form a:hover{ text-decoration:underline;}



#colaboracio {margin-top:50px;}
#acces{ margin-top:30px;}

.lateral{}
.aire{padding:0 10px;}

.aireContent{padding:0 20px;}
/* PIE */
#pie{
margin-top:25px;
clear:both; 
height:18px;
width:893px;
}