
/* CSS de Ayuntamiento de Sant Cugat */
/* Hoja de estilos para tamano mediano */


@import '/headers/zonas/5610/tam_mediana.css';


.nd { display:none;}

hr { display:none;}

body { margin: 0; padding: 0; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #62625E;}

p { margin:0; padding:0; border:0;}

img.centrado { margin:0; padding:0; border:0;}

img { margin:0; border:0;}


input, select, textarea {background-color:#FFF; border: 1px solid #D0D0D0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #62625E;}

select.diez, input.diez {font-size: 12px;}

select.once, input.once {font-size: 13px;}

a { text-decoration: none;}

.centrado{ text-align:center;}


/* ==========| MAQUETA |========== */

#rap { position:relative; width:760px; margin:0 auto; padding:0; text-align:left;}


/* ==========| NAVEGACION |========== */

#navegacion { font-size:12px;}


/* ==========| TITULO |========== */

.titulo { float: left; width: 508px; height: 29px;}

.titizda { float: left; height: 29px; width: 14px; background-image: url(/imgfiles/images/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: #FE5207;}

.titarribadcha { text-align:right; float: right; height: 17px;}

.titarribadchatexto { float: right; height: 10px; padding: 6px 0 1px 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/images/tit_cuadros2.gif); background-position: left bottom;background-repeat: no-repeat;}


/* ==========| SUBTITULO |========== */

.subtitulo { float: left; width: 100%; 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/images/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/images/joves/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/images/joves/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; }


/* ==========| TITULO INFANTS |========== */

.titizdainfants { float: left; height: 29px; width: 14px; background-image: url(/imgfiles/images/infants/tit_cuadros_infants.gif); background-position: left bottom; background-repeat: no-repeat;}

h2.titarribaizdainfants { float: left; height: 17px; margin:-3px 0 0 0; padding: 0 0 0 5px; font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold; color: #FD7C11;}


/* ==========| SUBTITULO INFANTS |========== */

h3.titarribaizdainfantssub { float: left; height: 15px; margin:0; padding: 0 0 0 5px; font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; 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: #62625E;}

.gris9-10 { font-size: 11px; line-height: 13px;}

.gris9-11 { font-size: 11px; color: #62625E; line-height: 13px;}

a.gris9-11:hover { color: #000; text-decoration:none;}

.gris9-11margen { margin: 6px 0 0 0; font-size: 11px; color: #62625E; line-height: 13px;}

.gris9-13 { font-size: 11px; color: #62625E; line-height: 15px;}

.gris9-14 { margin: 6px 0 0 0; font-size: 11px; color: #62625E; line-height: 16px;}

.gris9-15 { font-size: 11px; color: #62625E; line-height: 17px;}

.gris10 { font-size: 12px; color: #62625E;}

a.gris10:hover { color: #000;}

.gris10negro { font-size: 12px; color: #62625E;}

a.gris10negro:hover { text-decoration:none; color: #000;}

.gris10-12sm { font-size: 12px; color: #62625E; line-height: 14px;}

.gris10-12 { margin: 4px 0 0 0; color: #62625E; font-size: 12px; line-height: 14px;}

.gris10-13 { font-size: 12px; color: #62625E; line-height: 15px;}

.gris11 { font-size: 12px; color: #62625E;}

.gris11an { font-size: 13px; color: #62625E;}

a.gris11an:hover { font-size: 13px; color: #000; text-decoration:none;}

.gris11-11 { font-size: 13px; color: #62625E; line-height: 15px;}

.gris11-13 { font-size: 13px; color: #62625E; line-height: 15px;}

.gris11-13margen { margin:6px 0 0 0; font-size: 13px; color: #62625E; line-height: 15px;}

.gris11-16 { margin: 4px 0 0 0; font-size: 13px; color: #62625E; line-height: 18px;}

.grisc { color: #7C7C7C;}

a.grisc:hover { color: #000;}

.grisc9-9 { font-size: 11px; color: #7C7C7C; line-height: 13px;}

a.grisc9-9:hover { color: #000;}

.grisc9-14 { font-size: 11px; color: #7C7C7C; line-height: 16px;}

a.grisc9-14:hover { font-size: 11px; color: #000; line-height: 16px;}

.griso { color: #454545;}

a.griso:hover { color: #000;}

.griso10 { font-size: 12px; color: #454545;}

a.griso10:hover { color: #000;}

.griso10-12 { font-size: 12px; color: #454545; line-height: 14px;}

.grisazul10-12 { font-size: 12px; color: #4D554C; line-height: 14px;}

a.grisazul10-12:hover { color: #4D554C;}

.grisazul11 { font-size: 13px; color: #4D554C;}

a.grisazul11:hover { color: #000;}

.naranja { color: #FD7C11;}

.negro { 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;}

.negro11 { font-size: 13px; color: #000;}

.verde { color: #3B651E;}
a.verde:hover { color: #6EAB24;}

.verde9 { font-size: 11px; font-weight:normal; color: #3B651E;}
a.verde9:hover { color: #6EAB24;}

.verde9-14 { font-size: 11px; color: #3B651E; line-height: 16px;}
a.verde10-14:hover { color: #6EAB24;}

.verde10 { font-size: 12px; color: #3B651E;}
a.verde10:hover { color: #6EAB24;}

.verde10-12 { font-size: 12px; color: #3B651E; line-height: 14px;}
a.verde10-12:hover { color: #6EAB24;}

.verde10-13 { font-size: 12px; color: #3B651E; line-height: 15px;}
a.verde10-13:hover { color: #6EAB24;}

.verde10-14 { font-size: 12px; color: #3B651E; line-height: 16px;}
a.verde10-14:hover { color: #6EAB24;}

.verde10-16 { font-size: 12px; color: #3B651E; line-height: 18px;}
a.verde10-16:hover { color: #6EAB24;}

.verde11 { font-size: 13px; color: #3B651E;}
a.verde11:hover { color: #6EAB24;}

.verde11-13 { font-size: 13px; color: #3B651E; line-height: 15px;}
a.verde11-13:hover { color: #6EAB24;}

.verde11-14 { font-size: 13px; color: #3B651E; line-height: 16px;}
a.verde11-14:hover { color: #6EAB24;}

.verde11-16 { font-size: 13px; color: #3B651E; line-height: 18px;}
a.verde11-16:hover { color: #6EAB24;}

.verde12 { font-size: 14px; color:#3B651E;}
a.verde12:hover { color: #6EAB24;}

.verdec9-11 { font-size: 11px; color: #3B651E; line-height: 13px;}
a.verdec9-11:hover { color: #6EAB24;}

.verdec10-12 { font-size: 12px; color: #3B651E; line-height: 14px;}
a.verdec10-12:hover { color: #6EAB24;}

.verdec11 { font-size: 13px; color: #3B651E;}
a.verdec11:hover { color: #6EAB24;}

.verdec11-16 { font-size: 13px; color: #3B651E; line-height: 18px;}
a.verdec11-16:hover { color: #6EAB24;}

.verdeo { color: #597B20;}
a.verdeo:hover { color: #000;}

.verdeo10 { font-size: 12px; color: #597B20;}
a.verdeo10:hover { font-size: 12px; color: #597B20;}

.verdeo11 { font-size: 13px; color: #597B20;}
a.verdeo11:hover { font-size: 13px; color: #597B20;}

.verdeo9-11 { font-size: 11px; color: #597B20; line-height: 13px;}
a.verdeo9-11:hover { font-size: 11px; color: #597B20; line-height: 13px;}

.verdeo12 { font-size: 14px; color: #597B20;}
a.verdeo12:hover { font-size: 14px; color: #597B20;}

.verdesubtitulo { font-size: 14px; color: #6EAB24;}

.verdeag11-12 { font-size: 13px; color: #6EAB24; line-height: 15px;}

.rojoag11-12 { font-size: 13px; color: #D72215; line-height: 15px;}

.naranjaag11-12 { font-size: 13px; color: #FE5207; line-height: 15px;}

.marronag { color: #C1C887;}

.nav-foto { word-spacing: 2px;}

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: 13px;}

a.verdejove9-9:hover { color: #FFF;}

.verdejove10 { font-size: 12px; color: #A9C215;}

.naranjasubtitulo { font-size: 14px; color: #FD7C11;}


/*INFANTS*/

.negro10-8 { font-size: 12px; color:#000; line-height: 14px;}

a.negro10-8:hover { color:#FFF; text-decoration:none;}

.negro12 { font-size: 14px; color:#000;}

.negro14 { font-size: 16px; color:#000;}

.blanco14 { font-size: 16px; color:#FFF;}

.verdeinfant10-10 { font-size: 12px; color:#3B651D; line-height: 14px;}

.verdeinfant11-13 { font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #3B651E; line-height: 15px;}

.verdeinfant11an { font-size: 13px; color:#3B651D;}

a.verdeinfant11an:hover { color:#000;}

.verdemigas { color:#6EAB24;}

a.verdemigas:hover { color:#000;}

.grisinfant11-13 { font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #62625E; line-height: 15px;}

.grisazulinfant11-13 { font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #4D554C; line-height: 15px;}

a.grisazulinfant11-13:hover { color: #4D554C;}

.rojo11 { font-size: 13px; color:#FF0000;}

.verdesubtituloinfant { font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #6EAB24;}

.grissubtituloinfant { font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #62625E;}


/*VEURE PLANOL2*/

.veureplanol2 { font-size: 12px; color: #62625E; padding: 0 0 6px 14px; background:url(/imgfiles/images/her/her_pie_veureplanol_off.gif) 0 0 no-repeat}

a.veureplanol2:hover { background-image:url(/imgfiles/images/her/her_pie_veureplanol_on.gif); color: #000; text-decoration:none;}


/*LINKS DE FLECHAS*/
.flechanar08 { padding: 0 0 0 5px; background-image:url(/imgfiles/images/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}

.flechanar09 { padding: 0 0 0 5px; background-image:url(/imgfiles/images/listas_flecha_naranja_09.gif); background-repeat:no-repeat;}

.flechanar10 { padding: 0 0 0 5px; background-image:url(/imgfiles/images/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}


/*LAS LUPAS DE LAS IMAGENES*/

.lupa { padding:2px 16px 0 0; background-image:url(/imgfiles/images/lupa_off.gif); background-repeat:no-repeat; background-position:right;}

a.lupa:hover { padding:2px 16px 0 0; background-image:url(/imgfiles/images/lupa_on.gif); background-repeat:no-repeat; background-position:right;}


/*LAS LISTAS DE DESCARGAR DOCUMENTOS*/

.baja { background-image:url(/imgfiles/images/her/her_docinfo_off.gif); background-repeat:no-repeat; padding: 0 0 0 14px; }

a.baja:hover { background-image:url(/imgfiles/images/her/her_docinfo_on.gif); background-repeat:no-repeat; padding: 0 0 0 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 0 20px; background-color:#EEF3D0; background-image:url(/imgfiles/images/her/her_docinfo2_off.gif); background-repeat:no-repeat;}

a.sol-baja-izda:hover{ float:left; margin:10px 5px 0 0; padding: 4px 4px 0 20px; background-color:#EEF3D0; background-image:url(/imgfiles/images/her/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 0 20px; background-color:#EEF3D0; background-image:url(/imgfiles/images/her/her_docinfo2_off.gif); background-repeat:no-repeat;}

a.sol-baja:hover{ float:right; margin:10px 5px 0 0; padding: 4px 4px 0 20px; background-color:#EEF3D0; background-image:url(/imgfiles/images/her/her_docinfo2_on.gif); background-repeat:no-repeat;}


/*CONTACTAR*/

.mail { padding: 0 0 0 11px; background-image:url(/imgfiles/images/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/images/subtit_mas_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #62625E; line-height: 13px;}

a.textsubtit:hover { background-image:url(/imgfiles/images/subtit_mas_on.gif); color: #000; text-decoration:none;}

/*sin el mas*/
.textsubtit2 { font-size: 11px; color: #62625E; line-height: 13px;}

a.textsubtit2:hover { color: #000; text-decoration:none;}

/*Para joves*/
.textsubtitjoves { background-image:url(/imgfiles/images/subtit_mas_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #000; line-height: 13px;}

a.textsubtitjoves:hover { background-image:url(/imgfiles/images/subtit_mas_on.gif); color: #FFA012; text-decoration:none;}

/*Para infants*/
.textsubtitinfants { background-image:url(/imgfiles/images/subtit_mas_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #000; line-height: 13px;}

a.textsubtitinfants:hover { background-image:url(/imgfiles/images/subtit_mas_on.gif); color: #FFA012; text-decoration:none;}


/*EL TEXTO DE MAS OPCIONES DE LOS SUBTITULOS*/

.masitems { background-image:url(/imgfiles/images/mas_items_off.gif); background-repeat:no-repeat; padding:0 0 0 8px; font-size: 11px; color: #62625E; line-height: 13px;}

a.masitems:hover { background-image:url(/imgfiles/images/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/images/tancar_off.gif); background-repeat:no-repeat; background-position:right; padding:1px 14px 0 0; font-size: 11px; color: #62625E; line-height: 13px;}

a.tancar:hover { background-image:url(/imgfiles/images/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: 14px; font-weight:bold; color:#000;}

.laboral{ background-color:#000; padding: 0 1px; font-size: 14px; font-weight:bold; color:#FFF;}

.festivo{ background-color:#D72215; padding: 0 1px; font-size: 14px; font-weight:bold; color:#FFF;}


/* ==========| 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/images/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/images/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/images/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/images/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/images/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/images/joves/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/images/joves/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/images/joves/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/images/joves/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/images/joves/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/images/infants/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/images/infants/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/images/infants/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/images/infants/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/images/infants/back_image_infants_5.gif); background-position:bottom; background-repeat:no-repeat;}

#cuerpo .imagen a, #cuerpo .imagen1 a, #cuerpo .imagen2 a, #cuerpo .imagen3 a, #cuerpo .imagen4 a, #cuerpo .imagen5 a{ border:0;}


/* ==========| 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%;}
