@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; vertical-align:text-top;}
input,textarea{font-size:10px; border:1px #BDBEC0 solid; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px;}

a{ color:#E21D37}
a:hover{ text-decoration:underline;}
.error{ color:#E21D37; display:block; width:200px;}

#separador{
}

#container{
text-align:left;
width:893px;
margin:30px auto;
background-image:url(../img/centro.gif);
background-repeat:repet-y;
background-repeat:no-repeat;
}
#cabecera{
height:152px;
width:893px;
background-image:url(../img/back/cabecera.gif);
background-repeat:no-repeat;
}
#cos{
background-image:url(../img/centro.gif);
background-repeat:repet-y;
padding:50px 54px;
}
#cos .left{
float:left;
}
#cos h2{
width:779px;
margin:0; padding:0;
font-size:13px;
text-align:right;
font-weight:bold;
padding-bottom:2px;
color:#DF1E36;
border-bottom:1px dashed #DF1E36;
}
#cos a{
color:#E41E36; 
}
#cos a:hover{
text-decoration:underline;
}
#cos table{ margin:15px 0;}
#cos th{ background-color:#DF1E36; padding:3px; color:#FFFFFF}
#cos td{padding:6px 3px;}
#cos tr.par{ background-color:#FCE8EB;}
#cos tr.impar{ background-color:#FFF;}
#cos .separacio{color:#E41E36;}
#cos{height:1%}
th,td{text-align:left}
td.titol{width:520px;}
td.data{width:100px; padding:5px;}
td.opcions{width:150px; padding:5px;}
#cos:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
select {width:300px;}
textarea {width:300px;}
textarea a{color:red;}
/* MENU */
#menu ul {margin:0; padding:0; list-style-type:none; position:absolute; top:163px; margin-left:55px;}
#menu ul li {float:left; border-right:#000000 thin solid; padding-right:5px;}
#menu ul ul li {}
#menu a{color:#333}
#menu a:hover{color:#E41E36;}
form{clear:both;}
form label{ display:block; padding:15px 0 2px 0;}
form input {width:300px;}
form input.check{border:none; width:20px; margin-left:60px;}
form input.submit{width:100px; margin-left:100px;}
.submit{ margin-top:15px}
input.date{width:100px;}
.separador{color:#E41E36}
.date select{ width:99px;}
.inputCheckbox{width:15px;}
.time select{ }
input.file{width:300px; border:1px #BDBEC0 solid;}
.submit input{width:100px;}
.submit input:focus{ background-color:#DF1E36;}
form select { border:#BDBEC0 1px solid;}

/* MENU NEWSLETTER */
#menu_news ul {margin:0; padding:0; list-style-type:none; position:absolute; top:195px; margin-left:700px;}
#menu_news ul li {float:left; border-right:#000000 thin solid; padding-right:5px;}
#menu_news ul ul li {}
#menu_news a{color:#333}
#menu_news a:hover{color:#E41E36;}


/* PIE */
.error{width:500px;}
#pie{
clear:both; 
height:18px;
width:893px;
background-image:url(../img/pie.gif);
background-repeat:no-repeat;
}

/* MENU BUTLLETI */
#menu_butlleti {background-color: #FFE7E3; border-bottom: 1px solid #000; height: 25px;}
#menu_butlleti ul {margin:0; padding:0; list-style-type:none; position:absolute; top:162px; margin-left:40px;}
#menu_butlleti ul li {float:left; padding-right:5px; color: red; font-size:17px; font-weight:bold;}

/* PIE BUTLLETI */
#peu_butlleti{
clear:both; 
height:18px;
width:893px;
/*background-image:url(../img/back/butlleti/pie.gif);
background-repeat:no-repeat;*/
}
/* CABECERA Y CONTAINER BUTLLETI */
#container_but{
text-align:left;
width:804px;
margin:30px auto;
/*
background-image:url(../img/back/butlleti/central.gif);
background-repeat:repet-y;
background-repeat:no-repeat;
*/
}
#cabecera_but{
height:128px;
width:804px;
background-image:url(../img/back/butlleti/cabecera.gif);
background-repeat:no-repeat;
border-bottom: 1px solid #000; 
}
/* COS BUTLLETI */
#cos_but{
background-color: #FFF;
/*
background-image:url(../img/back/butlleti/central.gif);
background-repeat:repet-y;
*/
padding:10px 54px;
}
#cos_but .left{
float:left;
}
#cos_but:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cos_but{height:1%;}
#cabecera_but {width: 804px;}
#peu_butlleti {}
/*
#c_but {border-bottom: red dashed thin;}
*/
#c_but h3{font-weight:bold; margin-top:20px;}
#c_but img{ padding-top:10px; padding-bottom:10px; float:left; margin-right: 20px;}
#c_but p{margin-left:183px; padding-top: 2px;}/* la imagen tendra ancho 180px */
#c_but h4{margin-left:183px; color: red; size:10px;}
#c_but h4 a:hover{text-decoration:none;}
.error_message {color: red;}