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



/* ==========| CREDITOS |============ */
/* ================================= */

#creditos { float: left; width:760px;}

#creditos #top { float: left;}

/*CUERPO*/

#cuerpo{ float: left; width: 608px;}

/*CUERPO*/


/* ==========| IZQUIERDA |============ */

#creditos #izda { float: left; width: 112px;}

#creditos #izda ol{ width: 100px; margin:10px 0 0 0; padding:10px 5px 10px 5px; background-color:#F9FBEF; border: 1px solid #EDEDED; list-style-type:none;}

#creditos #izda ol li{ width:99px; padding:2px 0; background-image:url(/imgfiles/1/listas_flecha_gris_10.gif); background-repeat:no-repeat;}

#creditos #izda ol li.seleccionado{ width:99px; padding:2px 0; background-image:url(/imgfiles/1/listas_flecha_naranja_10.gif); background-repeat:no-repeat;}

#creditos #izda ol li p{ padding: 0 0 0 6px;}

/*SUBMENU*/
#creditos #izda ol li ol { width: 94px; margin:0; padding:0 0 0 6px; border:0;}

#creditos #izda ol li ol li { width: 89px; padding: 0px 0px 1px 5px; color: #A2A2A2; background-image:url(/imgfiles/1/listas_guion_gris_06.gif); background-repeat:no-repeat; background-position:top left;}

#creditos #izda ol li ol li.seleccionado { width: 89px;  padding: 0px 0px 1px 5px; background-image:url(/imgfiles/1/listas_guion_negro.gif); background-repeat:no-repeat; background-position:top left; color:#000;}


/* ==========| CENTRO |============ */

#creditos #centro { float: left; width: 639px; padding: 0 0 0 9px;}



/* ==========| MIGAS |============ */

#centro #migas { float: left; width: 516px; height: 10px; background-color: #FFFFFF; padding: 0 0 0 113px;}
#centro #migas ul { margin-left: 0; padding-left: 0; display: inline; color: #7C7C7C;} 
#centro #migas ul li.primero { margin:0; padding:0; list-style: none; display: inline; background-image:none;}
#centro #migas ul li { margin:0; padding:0 0 0 6px; list-style: none; display: inline;}
#centro #migas ul li a{ padding:0 6px 0 0; background-image:url(/imgfiles/images/listas_flecha_migas.gif); background-repeat:no-repeat; background-position:right center;}


/*EXPLICACION CON FOTO GRANDE CON NAVEGACION*/

.explica-img-nav{ float: left; width: 588px; padding: 0 0 0 20px;}

.explica-img-nav2{ float: left; width: 588px; padding: 0 0 0 10px;}

.explica-img-nav2 .dcha{ float: left; width: 588px; margin: 0; padding:  0 0 0 10px;}

.explica-img-nav2 ul{ float: left; margin:0; padding: 8px 0 0 0; list-style-type:none;}

.explica-img-nav2 li{ margin:0; padding: 8px 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_gris_16.gif); background-repeat:no-repeat;}


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

.explicacion{ float: left; width: 592px; padding: 0 10px 0 24px;}

.explicacion .izda{ float:left; height: 75px; background-image:url(/imgfiles/1/back_image_media_1.gif); background-position:bottom; background-repeat:repeat-x;}

.explicacion .izda2{  float: left; width:80px; height: 70px;}

.explicacion .explicadcha{ float:left; width:385px; padding:0 0 0 10px;}


/* ==========| VARIADAS COLUMNAS |============ */

.varcol { float: left; width: 592px; padding: 0 0 0 24px;}

.varcol ul { float: left; width: 592px; margin:0; padding:15px 0 0 0; list-style-type:none;}

.varcol ul li { float: left; height: 75px; width: 80px; margin: 0 47px 0 0;}

.varcol ul li.itemultimo { margin:0;}


/* ==========| 1 COLUMNA CON LISTA Y FLECHA |============ */

.unacollista{ float: left; width: 596px; margin:0; padding: 0 0 0 24px; list-style-type:none;}

.unacollista li{ margin:0; padding:0 0 4px 6px; background-image:url(/imgfiles/1/listas_flecha_naranja.gif); background-repeat:no-repeat;}

.unacollista li.dos{ margin:0; padding:0 0 4px 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_08.gif); background-repeat:no-repeat;}


/* ==========| FORMULARIO BASICO REGISTRE |============ */

.trescoltabla-madre{ float: left; width: 514px; padding: 0 0 0 50px;}

.trescoltabla{ float: left; width: 511px; padding: 8px; border: 1px solid #EAEAEA;}

.formregistre { float: left; width: 511px; padding-top:6px ; background-color:#F9FBEF; }

.formregistre .titol{ float: left; height:12px; width:506px; margin-bottom:10px; padding: 2px 0 4px 5px; background-color:#F3F7DE;}

.formregistre .caja { float:left; width: 377px; padding:5px 0 0 30px;}

.formregistre .caja .izda{ float: left; margin-bottom: 10px; text-align: right; width: 82px; padding: 3px 4px 0 0;}

.formregistre .caja .dcha{ float:left; width: 290px; margin-bottom: 10px;}

.formregistre input { width: 280px; padding: 1px 2px; border: 1px solid #D0D0D0;}

.formregistre textarea{ height:50px; width: 282px; padding: 1px 0px 0px 2px; border: 1px solid #D0D0D0; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#a2a2a2;}

.formregistre .abajo{ float:left; height: 28px; width: 192px; padding: 0 0 0 185px;}

.formregistre input.bot-enviar{ background-color:#FFFFFF; width: 50px;}

.formregistre .proteccion { float:left; width: 230px; padding: 0 0 0 82px;}

.formregistre .proteccion .col1{ float:left; width: 20px; height:26px;}

.formregistre .proteccion .col2 { float:left; width: 200px; padding-top: 3px;}

.formregistre .proteccion .col1 input.chebos{ width:auto; margin:0; border:none; background-color:#F9FBEF;}

.formregistre .caja .dcha .pri{ float:left; width: 107px;} 

.formregistre .caja .dcha .pri input{ width: 100px; padding: 1px 2px; border: 1px solid #D0D0D0;}

.formregistre .caja .dcha .sec .de input{ width: 100px; padding: 1px 2px; border: 1px solid #D0D0D0;}

.formregistre .caja .dcha .sec{ float:left; width: 181px;}

.formregistre .caja .dcha .sec-cercar{ float:left; width: 168px; padding-left:11px;}

.formregistre .caja .dcha .sec .iz{ float: left; text-align: right; width: 68px; padding: 3px 4px 0 0;}

.formregistre .caja .dcha .sec .de{ float: left; width: 107px;}

.formregistre select { width: 107px;}

.formregistre textarea.unacol{ height:31px; width: 102px; padding: 1px 0px 0px 2px;  border: 1px solid #D0D0D0; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#a2a2a2;}

.formregistre .caja .dcha .pri input.cajafecha{ float: left; width: 60px;}

.formregistre .caja .dcha .sec input.cajafecha{ float: left; width: 60px;}

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

.formregistre .caja .dcha .cargomadre{ float:left; width: 90px; padding: 0 0 0 5px;}

.formregistre .caja .dcha .cargo{ float:left; width: 90px;}

.formregistre .caja .dcha .cargo input{ width: 84px; padding: 1px 2px; border: 1px solid #D0D0D0;}


/* ==========| TABLA DE 6 COLUMNAS |============ */

.tablaseiscol-madre{ float: left; width: 491px; margin:0 0 20px 0; padding: 0 0 0 10px;}

table.tablaseiscol{ float:left; width:491px; border-collapse:collapse; border-bottom: 1px solid #BABABA;}

table.tablaseiscol th { width:70px; background-color:#E7EEBE; border-width:0; border-bottom: 1px solid #BABABA; border-right: 1px solid #BABABA; padding:3px 0; font-weight:normal; text-align:center;}

table.tablaseiscol th.primero { width: 140px; padding:0 0 0 10px; border-right: 1px solid #BABABA;}

table.tablaseiscol th.ultimo { padding:0 0 0 5px; border-right: 0;}

table.tablaseiscol tr.uno { background-color:#F9FBEF;}

table.tablaseiscol tr.dos { background-color:#F4F8E3;}

table.tablaseiscol td { padding: 4px 2px; border-right: 1px solid #BABABA; text-align:center;}

table.tablaseiscol td.vacio { height:6px; border:0;}

table.tablaseiscol td.primero {padding: 4px 2px 4px 5px; border-right: 1px solid #BABABA; text-align:left;}

table.tablaseiscol td.ultimo { padding: 4px 2px 4px 5px; border-right: 0;}

table.tablaseiscol input{ width:13px; border:0; background-color:#F9FBEF;}


/* ===========| CAJA CON BORDE GRIS Y LISTA |=========== */

.cajalista-madre{ float: left; width: 600px; padding: 0 0 0 20px;}

.cajalista{ float: left; width: 591px; padding: 8px 4px 0 4px; border: 1px solid #EAEAEA;}

.cajalista  dl{ float: left; width: 583px; margin:0; padding: 5px 4px;}

.cajalista  dt{ float: left; width: 583px; margin:0;}

.cajalista  dd{ float: left; width: 557px; margin:0; padding:4px 13px 10px 13px;}

.cajalista  dd .cajalista-explica{ float: left; width: 557px;}

.cajalista  dd .cajalista-explica .izda{ float: left; height: 79px; width:80px; background-image:url(/imgfiles/1/joves/back_image_joves_1.gif); background-position:bottom; background-repeat:no-repeat;}

.cajalista  dd .cajalista-explica .explicadcha{ float:left; width:466px; padding:0 0 0 10px;}


/* ==========| HERRAMIENTAS PIE |========== */

#pieherramientas { float:left; width: 613px; padding: 20px 0 0 14px;}

#pieherramientas #icons { float:left; width: 593px; padding: 6px; border:1px solid #EAEAEA; text-align:right;}

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

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

a.imprimir { margin: 0 12px 0 0; 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.imprimir:hover { background-image:url(/imgfiles/1/her_pie_imprimir_on.gif); color: #000; text-decoration:none;}

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

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

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

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




/* ==========| PIE |========== */

#pie { clear:both; width:480px; margin:0 auto; padding: 30px 0 0 0; text-align:center;}
#pie #piearriba { width:444px; margin:0 auto; padding: 0 0 3px 0; border-bottom: 1px solid #D0D0D0; text-align: center;}
#pie #pieabajo { width:410px; margin:0 auto; padding:3px 0 0 0;}
#pie #pieabajoizda { float:left; width:346px; margin:0 auto;}
#pie #pieabajodcha { float:left; margin:0 auto;}
#pie #pieabajodcha img { padding: 4px 3px 16px 2px;}





/* ==========| MAPAWEB |========== */

#creditos2 { float: left; width:760px;}

#creditos2 #mapaweb { float: left; width: 760px; padding: 0 0 0 0}

#mapaweb ul, #mapaweb li, #mapaweb dl, #mapaweb dt, #mapaweb dd, #mapaweb h2, #mapaweb h3 { margin:0; padding:0; list-style-type:none}

#creditos2 #mapaweb ul#principales{ float: left; width: 756px; padding: 0 2px; list-style-type:none}

#creditos2 #mapaweb ul#principales li{ float: left; width: 120px; padding: 0 3px}

#creditos2 #mapaweb ul#principales li a.principales{ display:block; width: 118px; padding: 3px 0; border:1px solid #DDE7A2; text-align:center; background: #EEF3D0}

#creditos2 #mapaweb ul#principales li ul{ float:left; width:114px; margin:2px 0 0 0; padding: 0 2px 0 4px; background:url(/imgfiles/1/back_mapaweb.jpg) repeat-x}

#creditos2 #mapaweb ul#principales li ul li{ float:left; width:114px; padding:4px 0; border-bottom:1px solid #E3E4DC}

#creditos2 #mapaweb ul#principales li ul li ul{ float:left; width:109px; padding:0 0 4px 5px; background:none}

#creditos2 #mapaweb ul#principales li ul li ul li{ float:left; width:109px; padding:2px 0; border:0}

/*EXPLICACION*/

.explicacion{ float: left; width: 476px; padding: 0 10px 0 20px;}

.explicacion .izda{ float:left; height: 75px; background-image:url(/imgfiles/1/back_image_media_1.gif); background-position:bottom; background-repeat:repeat-x;}

.explicacion .izda2{  float: left; width:80px; height: 70px;}

.explicacion .explicadcha{ float:left; width:385px; padding:0 0 0 10px;}

.explicacion ul.campanya { margin:0; padding:0; list-style-type:none;}

.explicacion ul.campanya li{ float:left; margin:0; padding:10px 0px 0 0;}

/*EXPLICACION*/


/*EXPLICACION CON FOTO Y 2 COLUMNAS EN LA DERECHA*/

.explicacion .dcha1{ float:left; width:187px; border-right: 1px dashed #D0D0D0;}

.explicacion .dcha2{ float:left; width:187px; padding: 0 0 0 10px;}

.explicacion .explicadcha .itemprimero{ float:left; width:177px; padding: 4px 0 8px 0;}

.explicacion .explicadcha .item{ float:left; width:178px; padding: 4px 0 0 0; border-top:1px dashed #D0D0D0;}

.explicacion .explicadcha ul{ float: left; margin:0; padding:2px 0 0 0; list-style-type:none;}

.explicacion .explicadcha li{ margin:0; padding:0 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_naranja.gif); background-repeat:no-repeat;}

/*EXPLICACION CON FOTO Y 2 COLUMNAS EN LA DERECHA*/


/*EXPLICACION2*/

.explicacion2{ float:left; width:483px; padding: 0 0 0 22px;}

.explicacion2 ul{ float: left; margin:0; padding:2px 0 0 0; list-style-type:none;}

.explicacion2 ul li{ margin:0; padding: 0 0 6px 0;}

.explicacion2 ul li.masalto{ margin:0; padding: 10px 0 0 0;}

/*EXPLICACION2*/


/*EXPLICACION CON FOTO GRANDE*/

.explica-img-gran { float: left; width: 478px; padding: 0 10px 0 20px;}

.explica-img-gran .izda{ float: left; width: 225px; height:145px; margin:0 10px 0 0; background-image:url(/imgfiles/1/back_image_grande.gif); background-repeat:no-repeat; background-position:bottom;}

.explica-img-gran .dcha{ float: left; width: 242px;}

.explica-img-gran ul{ float: left; margin:0; padding:0; list-style-type:none;}

.explica-img-gran li{ margin:0; padding: 5px 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_14.gif); background-repeat:no-repeat;}

/*EXPLICACION CON FOTO GRANDE*/


/*EXPLICACION CON FOTO GRANDE CON NAVEGACION*/

.explica-img-nav{ float: left; width: 488px; padding: 0 0 0 20px;}

.explica-img-nav2{ float: left; width: 488px; padding: 0 0 0 10px;}

.explica-img-nav .izda{ float: left; width: 231px;}

.explica-img-nav .izda .foto{ float: left; padding: 2px; border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-left: 1px solid #EAEAEA;}

.explica-img-nav .izda .piefoto{ float: left; width: 230px; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #EAEAEA;}

.explica-img-nav .izda .piefoto-izda{ float: left; width: 105px; height: 14px; padding: 6px 0 0 10px; background-image: url(/imgfiles/1/back_pie_foto.gif);}

.explica-img-nav .izda .piefoto-dcha{ float: left; width: 107px; height: 14px; padding: 6px 0 0 8px;}

.explica-img-nav .izda .piefoto-dcha2{ float: left; width: 107px; height: 14px; padding: 3px 0 0 8px;}

.explica-img-nav .izda .piefoto-dcha3{ float: left; width: 107px; height: 14px; padding: 5px 0 0 8px;}

.explica-img-nav .dcha{ float: left; width: 218px; margin: 0; padding:  0 0 0 10px;}

.explica-img-nav ul{ float: left; margin:0; padding: 8px 0 0 0; list-style-type:none;}

.explica-img-nav li{ margin:0; padding: 8px 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_gris_16.gif); background-repeat:no-repeat;}

.explica-img-nav2 .dcha{ float: left; width: 488px; margin: 0; padding:  0 0 0 10px;}

.explica-img-nav2 ul{ float: left; margin:0; padding: 8px 0 0 0; list-style-type:none;}

.explica-img-nav2 li{ margin:0; padding: 8px 0 0 6px; background-image:url(/imgfiles/1/listas_flecha_gris_16.gif); background-repeat:no-repeat;}


/*EXPLICACION CON FOTO GRANDE CON GRANDE*/


/*EXPLICACION CON TEXTO Y CAJA GRIS A LA DERECHA*/

.explica-cajagris{ float: left; width: 488px; padding: 0 0 0 20px;}

.explica-cajagris .izda{ float: left; width: 280px;}

.explica-cajagris .dcha{ float: left; width: 194px; padding: 0 0 0 10px;}

.explica-cajagris .dcha .masinfo{ float: left; width: 170px; padding: 1px 0 2px 20px; background-image:url(/imgfiles/1/nav_atencio_off.gif); background-repeat:no-repeat;}

.explica-cajagris .dcha .cajagris{ float: left; width: 168px; padding: 5px 10px 5px 14px; background-color:#F3F3F3; border:1px solid #EAEAEA;}

.explica-cajagris .dcha .cajagris ul{ float: left; margin:0; padding:0; list-style-type:none;}

.explica-cajagris .dcha .cajagris li{ padding:4px 0 4px 6px; background-image:url(/imgfiles/1/listas_flecha_naranja_12.gif); background-repeat:no-repeat;}

.explica-cajagris .dcha .cajagris li.sin{ background-image:none;}

/*EXPLICACION CON FOTO GRANDE CON GRANDE*/