/*  -----------------------------------------------------------------------------------------  */
/*  |        CSS del Ayuntamiento de Sant Cugat                                             |  */
/*  |---------------------------------------------------------------------------------------|  */
/*  |        Name: Hoja de estilo para las paginas secundarias                              |  */
/*  -----------------------------------------------------------------------------------------  */

/* ==========|  POP UP |========== */
/* =============================== */

#rap { float: left; width: 597px; text-align:left;}

#rap #header{ float: left; width: 595px;}

#rap #subheader{ float: left; height:30px; width: 585px;}

#rap #tancafinestra{ float: right;}

#footer { float: left; width: 597px; padding:10px 0; text-align:center;}


/* ==========| EXPLICACION |========== */

.explicacion{ float: left; width: 553px; padding: 0 12px 0 32px;}

/* =============================== */
/* =============================== */


/* ==========| CONTENIDO GALERIA POPUP |========== */

#popgaleria{ float: left; width: 573px; padding: 6px 12px 10px 12px;}

#popgaleria #foto{ float: left; padding: 5px; border: 1px solid #EAEAEA;}

#popgaleria #desc{ float: left; height:262px; width: 144px; padding:0 0 0 16px;}

#popgaleria #desc #arriba{ float: left; width: 144px; height:202px;}

#popgaleria #desc #titarriba{ float: left; width: 144px; padding: 5px 0 10px 0;}

#popgaleria #desc #titabajo{ float: left; width: 144px;}

#popgaleria #desc #abajo{ float:left; width: 144px; margin:0; padding: 0; list-style-type:none;}

#popgaleria #desc li{ float: left; width: 115px; margin:0 ; padding: 4px 4px;}

/* ==========| HERRAMIENTAS DE GALERIA LATERAL |========== */

a.enviaramigolat { padding: 0 0 0 16px; background-image:url(/imgfiles/1/her_pie_enviar_off.gif); background-repeat:no-repeat; background-position:left top; color: #BABABA;}

a.enviaramigolat:hover { background-image:url(/imgfiles/1/her_pie_enviar_on.gif); color: #000; text-decoration:none;}

a.imprimirlat { padding: 0 0 0 16px; background-image:url(/imgfiles/1/her_pie_imprimir_off.gif); background-repeat:no-repeat; background-position:left top; color: #BABABA;}

a.imprimirlat:hover { background-image:url(/imgfiles/1/her_pie_imprimir_on.gif); color: #000; text-decoration:none;}

a.descarregarlat { padding: 0 0 6px 16px; background-image:url(/imgfiles/1/her_pie_descarregar_img_off.gif); background-repeat:no-repeat; background-position:left top; color: #BABABA;}

a.descarregarlat:hover { background-image:url(/imgfiles/1/her_pie_descarregar_img_on.gif); color: #000; text-decoration:none;}

/* ============================== */
/* ============================== */


/* ==========| CONTENIDO FORMULARIO POPUP (envio y cambio de actividad) |========== */

.formenvio { float: left; width: 597px;}

.formenvio .form-madre{ float: left; width: 506px; padding: 0 0 0 40px;}

.formenvio .caja{ float: left; width: 506px; margin: 0 0 10px 0;}

.formenvio .cajadcha{ float: left; width: 506px; margin: 0 0 10px 0; text-align:right;}

.formenvio .caja .col1{ float: left; width: 130px; padding: 3px 4px 0 0; text-align: right;}

.formenvio .caja .leyendadcha{ float:right; width: 58px; padding: 3px 4px 0 0; text-align: right;}

.formenvio .caja .leyendadcha2{ float:right; width: 95px; padding: 3px 4px 0 0; text-align: right;}

.formenvio .caja .col2{ float: left; width: 372px;}

.formenvio .caja .col2 .izda{ float: left; width:160px;}

.formenvio .caja .col2 .dcha{ float: right; width:212px; text-align:right;}

/*PARA LA FECHA*/
.formenvio .caja .col2 .fecha-izda{ float: left; width:24px;}

.formenvio .caja .col2 .fecha-centro{ float: left; width:176px;}

.formenvio .caja .col2 .fecha-dcha{ float: left; width:150px;}

.formenvio .caja .col2 .leyenda-corta{ float: left; width: 18px; padding: 3px 4px 0 0; text-align:right;}

/*PARA LA BUSCAR*/
.formenvio .caja .col2 .busca-izda{ float: left; width:154px;}

.formenvio .caja .col2 .busca-dcha{ float: left; width:218px;}

.formenvio .caja .col2 .busca-dcha2{ float: left; width:218px; padding:32px 0 0 0px;}

/*PARA LA PROTECCION DATOS*/
.formenvio .proteccion{ float:left; width: 496px; margin: 0 0 10px 0; text-align:right;}

.formenvio .proteccion .izda { float:left; width: 472px; padding: 4px 0 0 0; text-align:right;}

.formenvio .proteccion .dcha { float:right; width:20px; padding: 0 0 0 4px;}



.formenvio .caja select{ float:left; }

.formenvio .caja select.der { float:right; }

.formenvio .caja textarea { float: left; height:46px; width: 367px; padding:1px 0 0 2px;}

.formenvio .caja textarea.corto { width: 146px; }

.formenvio .caja input{ width: 144px; padding: 1px 2px;}

.formenvio .caja input.largo{ width: 366px;}

.formenvio .caja input.der { float: right;}

.formenvio .caja input.fecha{ float: left; width: 70px;}

.formenvio .caja button{ float: left; width: 40px; padding:0; background-color:#FFFFFF; border:0;}

.formenvio input.chebos{ width:auto; margin:0; padding:0; border:none;}

.formenvio .caja input.boton{ width: 58px; padding:0; background-color:#EEF3D0; color: #597B20;}

.formenvio .caja input.boton:hover{ width: 58px; padding:0; background-color:#EEF3D0; color: #000;}

.formenvio .caja input.envio{ width: 70px; padding:0; margin: 0 0 0 213px; background-color:#EEF3D0; color: #597B20;}

.formenvio .caja input.envio:hover{ width: 70px; padding:0; margin: 0 0 0 213px; background-color:#EEF3D0; color: #000;}
/*Botones de cambio de actividad*/
.formenvio .cajadcha input.cambio{  width: 70px; margin: 0 0 0 10px; padding:0; background-color:#EEF3D0; color: #597B20;}

.formenvio .cajadcha input.cambio:hover{ width: 70px; padding:0; background-color:#EEF3D0; color: #000;}

/*GALERIA*/

.galeria{ float: left; width: 540px; padding: 0 4px 0 12px;}

.galeria .rotativa{ float: left; width: 540px; margin:0 ; padding:8px 3px; background-color:#F2F6DC; text-align:center;}

.galeria .rotativa .item{ float: left; width: 80px; margin:0 2px 0 0 ; padding: 4px; background-color:#FFFFFF;}

.galeria .rotativa .itemultimo{ float: left; width: 80px; padding: 4px; background-color:#FFFFFF;}

.galeria .rotativa .item2{ float: left; width: 80px; margin:0 2px 0 0 ; padding: 4px;}

.galeria .rotativa .itemultimo2{ float: left; width: 80px; padding: 4px;}

.galeria .rotativa .pieitem{ float: left; width: 80px; margin:0 2px 0 0 ; padding: 0 4px 2px 4px; background-color:#FFFFFF;}

.galeria .rotativa .pieitem2{ float: left; width: 80px; margin:0 2px 0 0 ; padding: 0 4px 2px 4px;}

.galeria .rotativa .pieitemultimo{ float: left; width: 80px; padding: 0 4px 2px 4px; background-color:#FFFFFF;}

.galeria .rotativa .pieitemultimo2{ float: left; width: 80px; padding: 0 4px 2px 4px;}

.galeria .pierotativa{ float: left; width: 546px; margin: 0 0 2px 0; padding:0 0 6px 0; background-color:#F2F6DC;}

.galeria .pierotativa .pierotativa-izda{ float: left; width: 430px; padding: 0 0 0 6px;}

.galeria .pierotativa .pierotativa-dcha{ float: left; width: 100px; padding: 2px 7px 0 0; text-align:right;}


/* ============================== */
/* ============================== */