/*  -----------------------------------------------------------------------------------------  */
/*  |        CSS del Ayuntamiento de Sant Cugat                                             |  */
/*  |---------------------------------------------------------------------------------------|  */
/*  |        Name: Hoja de estilo global                                                    |  */
/*  -----------------------------------------------------------------------------------------  */

.nd { display:none;}

hr { display:none;}

body { margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #646464;}

p { margin:0; padding:0; border:0;}

img.centrado { margin:0; padding:0; border:0;}

img { margin:0; border:0;}

form { margin:0; padding:0;}

input, select, textarea {background-color:#FFFFFF; border: 1px solid #D0D0D0; font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #646464;}

select.diez, input.diez {font-size:10px;}

select.once, input.once {font-size:11px;}

a { text-decoration: none;}

a:hover { text-decoration: underline;}

.centrado{ text-align:center;}

table.centrada { margin:auto;}

/* ==========| MAQUETA |========== */

#rap { position:relative; width:760px; margin:0 auto; padding:0; text-align:left;}


/* ==========| TITULO |========== */

.titulo { float: left; width: 508px; height: 29px;}

.titizda { float: left; height: 29px; width: 14px; background-image: url(/imgfiles/1/tit_cuadros.gif); background-position: left bottom; background-repeat: no-repeat;}

.titcentro { float: left; width: 491px;}

.titarriba { height: 19px;}

h2.titarribaizda { float: left; height: 17px; margin:0; padding: 0 0 0 5px; font-size: 17px; font-style: italic; font-weight:normal; color: #FF9108;}

.titedicio { float: left; height: 35px; width: 590px; margin:0; padding: 0 0 0 20px; font-size: 17px; font-style: italic; font-weight:normal; color: #FF9108; background-image: url(/imgfiles/1/linia_sota_titols.gif); background-position: left bottom; background-repeat: no-repeat;}

.titarribadcha { text-align:right; float: right; height: 17px;}

.titarribadchatexto { float: right; height: 10px; padding: 6px 0 0 0; text-align:right;}

.titabajo { height:1px; width: 100%; border-top: 1px solid #D0D0D0;}

.titdcha { float: left; width: 3px; height: 22px; background-image: url(/imgfiles/1/tit_cuadros2.gif); background-position: left bottom;background-repeat: no-repeat;}


/* ==========| SUBTITULO |========== */

.subtitulo { float: left; width: 508px; height: 25px;}

.titizdasub { float: left; height: 18px; width: 14px;}

h3.titarribaizdasub { float: left; height: 15px; margin:0; padding: 3px 0 0 8px; font-size: 14px; font-weight: bold; color: #6EAB24; }

/*Subtitulo de radio de Sant Cugat Empresa Actualidad*/

h3.titarribaizdasubradio { float: left; height: 15px; margin:0; padding: 3px 0 0 21px; font-size: 14px; font-weight: bold; color: #6EAB24; background-image:url(/imgfiles/1/icn_radio.gif); background-repeat:no-repeat;}


/* ==========| TITULO DE AGENDA |========== */

.agtitulo { float: left; width: 621px; height: 27px; padding: 0 0 0 5px;}

.agtitcentro { float: left; width: 602px;}

/* ==========| SUBTITULO DE AGENDA |========== */

.agsubtitulo { float: left; width: 621px; height: 24px; padding: 0 0 0 5px;}


/* ==========| TITULO POPUP|========== */

.poptitulo{ float: left; width: 573px; height: 27px; padding: 0 12px;}

.poptitcentro{ float: left; width: 559px;}

/* ==========| SUBTITULO POUP|========== */

.popsubtitulo { float: left; width: 573px; height: 24px; padding:0 12px;}


/* ==========| TITULO JOVES |========== */

.titizdajoves { float: left; height: 29px; width: 14px; background-image: url(/imgfiles/1/tit_cuadros_joves.gif); background-position: left bottom; background-repeat: no-repeat;}

h2.titarribaizdajoves { float: left; height: 17px; margin:0; padding: 0 0 0 5px; font-size: 17px; font-style: italic; font-weight:normal; color: #FD7C11;}

.titizdajovesdeg { float: left; height: 29px; width: 14px; background-image: url(/imgfiles/1/tit_cuadros_jovesdeg.gif); background-position: left bottom; background-repeat: no-repeat;}

.titabajojovesdeg { height:9px; width: 100%; border-top: 1px solid #D0D0D0; background-color:#F4F4DA;}

/* ==========| SUBTITULO JOVES |========== */

h3.titarribaizdajovessub { float: left; height: 15px; margin:0; padding: 3px 0 0 8px; font-size: 14px; font-weight: bold; color: #FD7C11; }


/* ==========| SUBTITULO GENT GRAN|========== */

h3.titarribaizdasubgg { float: left; height: 18px; margin:0; padding: 1px 0 0 8px; font-size: 16px; font-weight: bold; color: #6EAB24;}


/* ==========| TEXTOS Y ENLACES|========== */

.gris { color: #646464;}

.gris9-10 { font-size: 12px; line-height: 13px;}

.gris9-11 { font-size: 11px; color: #646464; line-height: 13px;}

a.gris9-11:hover { color: #000; text-decoration:none;}

.gris9-11margen { margin: 4px 0 0 0; font-size: 11px; color: #646464; line-height: 13px;}

.gris9-13 { font-size: 11px; color: #646464; line-height: 15px;}

.gris9-14 { margin: 4px 0 0 0; font-size: 11px; color: #646464; line-height: 16px;}

.gris9-15 { font-size: 11px; color: #646464; line-height: 17px;}

.gris10 { font-size: 12px; color: #646464;}

a.gris10:hover { color: #000000;}

.gris10negro { font-size: 12px; color: #646464;}

a.gris10negro:hover { text-decoration:none; color: #000000;}

.gris10-12sm { font-size: 12px; color: #646464; line-height: 14px;}

.gris10-12 { margin: 4px 0 0 0; color: #646464; font-size: 12px; line-height: 14px;}

.gris10-13 { font-size: 12px; color: #646464; line-height: 15px;}

.gris11 { font-size: 13px; color: #646464;}

.gris11N { font-size: 13px; font-weight:bold; color: #646464;}

.gris11an { font-size: 13px; color: #646464;}

a.gris11an:hover { font-size: 13px; color: #000; text-decoration:none;}

.gris11-11 { font-size: 13px; color: #646464; line-height:13px;}

.gris11-13 { font-size: 13px; color: #646464; line-height: 15px;}

.gris11-13margen { margin:6px 0 0 0; font-size: 13px; color: #646464; line-height: 15px;}

.gris11-16 { margin: 4px 0 0 0; font-size: 13px; color: #646464; line-height: 18px;}

.grisc { color: #7C7C7C;}

a.grisc:hover { color: #000000;}

.grisc9-9 { font-size:11px; color: #7C7C7C; line-height:11px;}

a.grisc9-9:hover { color: #000000;}

.grisc9-14 { font-size: 11px; color: #7C7C7C; line-height: 16px;}

a.grisc9-14:hover { font-size: 11px; color: #000000; line-height: 16px;}

.griso { color: #454545;}

a.griso:hover { color: #000000;}

.griso10 { font-size:12px; color: #454545;}

a.griso10:hover { color: #000000;}

.griso10-12 { font-size:12px; color: #454545; line-height:14px;}

.grisazul10-12 { font-size:12px; color: #8B938A; line-height: 14px;}

a.grisazul10-12:hover { color: #8B938A;}

.grisazul11 { font-size:13px; color: #8B938A;}

a.grisazul11:hover { color: #000;}

.naranja11 { font-size: 13px; color: #FD7C11;}

.naranja11N { font-size: 13px; font-weight:bold; color: #FD7C11;}

.naranja { color: #FD7C11;}

.negro { color: #000;}

.negro10 { font-size: 12px; color: #000;}

.Negro10 { font-size: 12px; color: #000;}

.negro10-12 { font-size:12px; color: #000; line-height: 14px;}

.negro10-14 { font-size:12px; color: #000; line-height: 16px;}

.verde { color: #709F24;}

a.verde:hover { color: #709F24;}

.verde9 { font-size: 11px; font-weight:normal; color: #709F24;}

.verde9-14 { font-size: 11px; color: #709F24; line-height: 16px;}

a.verde10-14 { font-size:12px; color: #709F24; line-height: 16px;}

.verde10 { font-size:12px; color: #709F24;}

.verde10-12 { font-size:12px; color: #709F24; line-height: 14px;}

.verde10-12N { font-size:12px; color: #709F24; line-height: 14px; font-weight:bold;}

.verde10-13 { font-size:12px; color: #709F24; line-height: 15px;}

.verde10-16 { font-size:12px; color: #709F24; line-height: 18px;}

.verde11 { font-size: 13px; color: #709F24;}

.verde11-13 { font-size: 13px; color: #709F24; line-height: 15px;}

.verde11-14 { font-size: 13px; color: #709F24; line-height: 16px;}

.verde11-16 { font-size: 13px; color: #8AB61E; line-height: 18px;}

.verde12 { font-size: 14px; color:#6EAB24;}

.verdec9-11 { font-size: 11px; color: #8AB61E; line-height: 13px;}

.verdec10-12 { font-size: 12px; color: #8AB61E; line-height: 14px;}

.verdec11 { font-size: 13px; color: #8AB61E;}

.verdec11-16 { font-size: 13px; color: #8AB61E; line-height: 18px;}

.verdeo { color: #597B20;}

a.verdeo:hover { color: #000000;}

.verdeo11 { font-size:13px; color: #597B20;}

.verdeo9-11 { font-size:11px; color: #597B20; line-height: 13px;}

.verdeo12 { font-size: 14px; color: #597B20;}

.verdesubtitulo { font-size:14px; color: #6EAB24;}

.verdeag11-12 { font-size:13px; color: #6EAB24; line-height:14px;}

.rojoag11-12 { font-size:13px; color: #D72215; line-height:14px;}

.naranjaag11-12 { font-size:13px; color: #FF9108; line-height:14px;}

.marronag { color: #C1C887;}

.nav-foto { word-spacing: 5px;}

span.mas{ font-size: 14px;}

/*JOVES*/

.blanco { color: #FFF;}

.blanco10 { font-size:12px; color: #FFF;}

.verdejove { color: #A9C215;}

.verdejove9-9 { font-size:11px; color: #A9C215; line-height:11px;}

a.verdejove9-9:hover { color: #FFF;}

.verdejove10 { font-size:12px; color: #A9C215;}

.naranjasubtitulo { font-size:14px; color: #FD7C11;}

/*VEURE PLANOL2*/

.veureplanol2 { font-size: 12px; color: #646464; padding: 0 0 6px 14px; background:url(/imgfiles/1/her_pie_veureplanol_off.gif) 0 0 no-repeat}

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


/*LINKS DE FLECHAS*/
.flechanar08 { padding: 0 0 0 5px; background-image:url(/imgfiles/1/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}

.flechanar09 { padding: 0 0 0 5px; background-image:url(/imgfiles/1/listas_flecha_naranja_09.gif); background-repeat:no-repeat;}

.flechanar10 { padding: 0 0 0 5px; background-image:url(/imgfiles/1/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}


/*LAS LUPAS DE LAS IMAGENES*/

.lupa { padding:2px 16px 0 0; background-image:url(/imgfiles/1/lupa_off.gif); background-repeat:no-repeat; background-position:right;}

a.lupa:hover { padding:2px 16px 0 0; background-image:url(/imgfiles/1/lupa_on.gif); background-repeat:no-repeat; background-position:right;}


/*LAS LISTAS DE DESCARGAR DOCUMENTOS*/

.baja { background-image:url(/imgfiles/1/her_docinfo_off.gif); background-repeat:no-repeat; padding: 0 0 4px 14px; }

a.baja:hover { background-image:url(/imgfiles/1/her_docinfo_on.gif); background-repeat:no-repeat; padding: 0 0 4px 14px; }


/*EL ITEM DE DESCARGAR DOCUMENTO A LA IZQUIERDA CON CAJA VERDE DE FONDO*/

.sol-baja-izda{ float:left; margin:10px 5px 0 0; padding: 4px 4px 4px 20px; background-color:#EEF3D0; background-image:url(/imgfiles/1/her_docinfo2_off.gif); background-repeat:no-repeat;}

a.sol-baja-izda:hover{ float:left; margin:10px 5px 0 0; padding: 4px 4px 4px 20px; background-color:#EEF3D0; background-image:url(/imgfiles/1/her_docinfo2_on.gif); background-repeat:no-repeat;}


/*EL ITEM DE DESCARGAR DOCUMENTO A LA DERECHA CON CAJA VERDE DE FONDO*/

.sol-baja{ float:right; margin:10px 5px 0 0; padding: 4px 4px 4px 20px; background-color:#EEF3D0; background-image:url(/imgfiles/1/her_docinfo2_off.gif); background-repeat:no-repeat;}

a.sol-baja:hover{ float:right; margin:10px 5px 0 0; padding: 4px 4px 4px 20px; background-color:#EEF3D0; background-image:url(/imgfiles/1/her_docinfo2_on.gif); background-repeat:no-repeat;}


/*CONTACTAR*/

.mail { padding: 0 0 0 11px; background-image:url(/imgfiles/1/icn_mail.gif); background-repeat:no-repeat;}


/*MODIFICAR DADES*/

.modifica { float:right; margin:5px 0 0 0; padding: 4px; background-color:#EEF3D0;}


/*EL TEXTO DE MAS OPCIONES DE LOS SUBTITULOS*/

.textsubtit { background-image:url(/imgfiles/1/subtit_mas_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #646464; line-height: 12px;}

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

/*sin el mas*/
.textsubtit2 { font-size: 11px; color: #646464; line-height: 12px;}

a.textsubtit2:hover { color: #000; text-decoration:none;}

/*Para joves*/
.textsubtitjoves { background-image:url(/imgfiles/1/subtit_mas_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #000; line-height: 12px;}

a.textsubtitjoves:hover { background-image:url(/imgfiles/1/subtit_mas_on.gif); color: #FFA012; text-decoration:none;}

/*Para infants*/
.textsubtitinfants { background-image:url(/imgfiles/1/subtit_mas_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #000; line-height: 12px;}

a.textsubtitinfants:hover { background-image:url(/imgfiles/1/subtit_mas_on.gif); color: #FFA012; text-decoration:none;}


/*EL TEXTO DE MAS OPCIONES DE LOS SUBTITULOS*/

.masitems { background-image:url(/imgfiles/1/mas_items_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #646464; line-height: 13px;}

a.masitems:hover { background-image:url(/imgfiles/1/mas_items_on.gif); background-repeat:no-repeat; padding:0 0 0 8px; color: #000; text-decoration:none;}


/*TANCAR FINESTRA*/

.tancar { background-image:url(/imgfiles/1/tancar_off.gif); background-repeat:no-repeat; background-position:right; padding:1px 14px 0 0; font-size: 11px; color: #646464; line-height: 13px;}

a.tancar:hover { background-image:url(/imgfiles/1/tancar_on.gif); background-repeat:no-repeat; background-position:right; padding:1px 14px 0 0; color: #000; text-decoration:none;}


/*MARCADO DE DIAS DE AGENDA*/

.diasemana{ font-size:12px; font-weight:bold; color:#000;}

.laboral{ background-color:#000000; padding: 0 1px; font-size:14px; font-weight:bold; color:#FFFFFF;}

.festivo{ background-color:#D72215; padding: 0 1px; font-size:14px; font-weight:bold; color:#FFFFFF;}


/* ==========| TIPOS DE IMAGEN |========== */

.imagen{ float: left; height: 70px; width:80px; margin: 0 8px 0 0;}

.imagen1{ float: left; height: 75px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_media_1.gif); background-position:bottom; background-repeat:repeat-x;}

.imagen2{ float: left; height: 75px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_media_2.gif); background-position:bottom; background-repeat:repeat-x;}

.imagen3{ float: left; height: 75px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_media_3.gif); background-position:bottom; background-repeat:repeat-x;}

.imagen4{ float: left; height: 75px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_media_4.gif); background-position:bottom; background-repeat:repeat-x;}

.imagen5{ float: left; height: 75px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_media_5.gif); background-position:bottom; background-repeat:repeat-x;}

.imagenjoves1{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_joves_1.gif); background-position:bottom; background-repeat:no-repeat;}

.imagenjoves2{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_joves_2.gif); background-position:bottom; background-repeat:no-repeat;}

.imagenjoves3{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_joves_3.gif); background-position:bottom; background-repeat:no-repeat;}

.imagenjoves4{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_joves_4.gif); background-position:bottom; background-repeat:no-repeat;}

.imagenjoves5{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_joves_5.gif); background-position:bottom; background-repeat:no-repeat;}

.imageninfants1{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_infants_1.gif); background-position:bottom; background-repeat:no-repeat;}

.imageninfants2{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_infants_2.gif); background-position:bottom; background-repeat:no-repeat;}

.imageninfants3{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_infants_3.gif); background-position:bottom; background-repeat:no-repeat;}

.imageninfants4{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_infants_4.gif); background-position:bottom; background-repeat:no-repeat;}

.imageninfants5{ float: left; height: 79px; width:80px; margin: 0 8px 0 0; background-image:url(/imgfiles/1/back_image_infants_5.gif); background-position:bottom; background-repeat:no-repeat;}

/* ==========| ESPACIADOS |========== */

.espacio2 { float:left; height: 2px; width:100%;}

.espacio4 { float:left; height: 4px; width:100%;}

.espacio6 { float:left; height: 6px; width:100%;}

.espacio8 { float:left; height: 8px; width:100%;}

.espacio10 { float:left; height: 10px; width:100%;}

.espacio15 { float:left; height: 15px; width:100%;}

.espacio20 { float:left; height: 20px; width:100%;}

.espacio25 { float:left; height: 25px; width:100%;}

.espacio30 { float:left; height: 30px; width:100%;}

.espacio60 { float:left; height: 60px; width:100%;}

.espacio120 { float:left; height: 120px; width:100%;}