/**************************************************************
*                      Maquetacion                            *
**************************************************************/

body {
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
        background-image:url(../imagenes/fondo.gif);
        background-repeat:repeat-y;
        background-position:center;
        font: 14px "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif bold;
        line-height: 18px;
        color: #000;
}
#contenedor {
        width: 960px;
        position:relative;
        text-align: left;
        margin: 0px auto;
        background-image:url(../imagenes/fondocontenedor.jpg);
        background-position:left;
        background-repeat:repeat-y;
}
#encabezado {
        width: 960px;
        height: 130px;
        background-image:url(../imagenes/encabezado1.jpg);
        background-repeat: no-repeat;
}
#navegador {
        width: 960px;
        height: 50px;
        background-image: url(../imagenes/barra1.jpg);
        background-repeat: no-repeat;
}
#izquierda {
        width: 144px;
        padding: 0px 3px;
        float: left;
        color:#FED281;
        text-align: left;
}
#contenedorderecha {
        width: 800px;
        float: right;
}
#principal {
        width: 640px;
        float: left;
}
#derecha {
        width: 144px;
        padding: 0px 3px;
        color: #FFFFFF;
        float: right;
}
#pie {
        width: 1000px;
        height: 100px;
        text-align: center;
        clear: both;
        border-top: 2px solid #840000;
        background-color: #ffffe7;
        margin: 0px auto;
}
.clear {
        clear: both;
}


/**************************************************************
*                    Estilos generales                        *
**************************************************************/
a {
        color: #CC0000;
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
h1 {
        font-size: 20px;
        color: #800000;
        font-weight: bold;
        border-bottom: 2px solid #800000;
        line-height: 30px;
}
h2 {
        font-size: 18px;
        color: #800000;
        font-weight: bold;
        line-height: 22px;
}
h3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
}
.textocentrado {
        text-align: center;
}
.textojustificado {
        text-align: justify;
}
.textoizquierda {
        text-align: left;
}
.textoderecha {
        text-align: right;
}

.textonegrita {
        font-weight: bold;
}

.textorojonegrita {
        font-weight: bold;
        color: #830001;
}

.textorojocentrado {
        color: #830001;
                text-align:center;
}

.textotitulogrande {
        font-size: 24px;
        font-weight: bold;
        line-height: 24px;
        color: #336600;
}
.letrachica {
		font-size:10px;
		line-height:10px;
}		

/**************************************************************
*                    Estilos particulares                     *
**************************************************************/
/* ***** PANELES LATERALES ***** */
#izquierda img, #derecha img {
        border: none;
        margin-top: 4px;
        margin-bottom: 4px;
}

/* **** PANEL IZQUIERDO **** */
#izquierda a {
        color: #FED281;
        text-decoration: none;
}
#izquierda a:hover {
        text-decoration: underline;
}
#izquierda img {
                margin-left: auto;
                margin-right: auto;

}
/*      Títulos con pestaña (panel izquierda)    */
.titulopanelizquierda {
            background-image:url(../imagenes/pestaniaizquierda.gif);
            text-align:center;
            font-size:14px;
        line-height:36px;
            width:141px;
        height: 31px;
        display:block;
            font-weight:bold;
        color:#FFFFFF;
        margin-left:0px;
}
/* **** PANEL DERECHO **** */
#derecha a {
        color: #fff;
        text-decoration: none;
}
#derecha a:hover {
        text-decoration: underline;
}
/*      Títulos con pestaña (panel derecha)    */
.titulopanelderecha {
            background-image:url(../imagenes/pestaniaderecha.gif);
            text-align:center;
            font-size:14px;
        line-height:36px;
            width:141px;
        height: 31px;
        display:block;
            font-weight:bold;
        color:#FFFFFF;
        margin-left:2px;
}





/*  **** PANEL PRINCIPAL **** */
/*     === Maquetación ===   */
.contenedorcolumnas {
        width: 640px;
}
/* Dos columnas */
.doscolumnasizquierda {
        width: 310px;
        float: left;
}
.doscolumnasderecha {
        width: 310px;
        float: right;
}

/* Tres columnas */
.contenedortrescolumnas {
        width: 420px;
        float: right;
}
.trescolumnasizquierda {
        width: 200px;
        float: left;
}
.trescolumnascentral {
        width: 200px;
        float: left;
}
.trescolumnasderecha {
        width: 200px;
        float: right;
}
/* Dos columnas (la izquierda es un panel) */
.contenedordoscolumnaspanel {
        width: 640px;
}
.doscolumnaspanelizquierda {
        width: 200px;
        float: left;
		background-color:#FFCC66;
		border: 1px solid #800000;
}
.doscolumnaspanelderecha {
        width: 425px;
        float: right;
}

/*     === Encabezado para páginas de los clientes ===    */
#encabezadoclientes {
        background-color: #FFFF66;
        border: none;
        padding: 10px;
        margin: 0px;
        width: 620px;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
}
/* Para aplicar al logo del encabezado */
#encabezadoclientes img {
        border: 0px;
        padding:0px;
        background-color: transparent;
}
#encabezadoclientes img.imagenderecha, img.imagenizquierda {
        border: 0px;
        padding:0px;
        background-color: transparent;
}
#encabezadoclientes img.imagenderecha {
                float: right;
}
#encabezadoclientes img.imagenizquierda {
                float: left;
}
/* Para aplicar al título del encabezado */
#encabezadoclientes .titulo {
        color: #800000;
        font-size: 30px;
        font-weight:bold;
}




/* Estilos para las imágenes */
#principal img.conborde {
        border: 1px solid #999999;
        padding:5px;
        background-color:#fff;
}
#principal img.conbordeizquierda {
        border: 1px solid #999999;
        padding:5px;
        background-color:#fff;
        float: left;
        margin: 0px 10px 0px 3px;
}
#principal img.conbordederecha {
        border: 1px solid #999999;
        padding:5px;
        background-color:#fff;
        margin: 0px 2px 0px 10px;
        float: right;
}
#principal img.sinborde {
        margin: 5px 10px 5px 0px;
}
#principal img.sinbordeizquierda {
        margin: 5px 10px 5px 0px;
        float: left;
}
#principal img.sinbordederecha {
        margin: 5px 2px 5px 10px;
        float: right;
}
#principal img.banner {
        margin: 10px 10px 10px 20px;
        padding: 0px;
        border: 1px solid black;
}
#principal img#google {
        margin: 0px;
        padding: 0px;
        border: 0px;
}

/* Estilos para las tablas de listados */
#tablalistados {
        width: 640px;
        border-collapse:collapse;
        margin: 0px;
        padding: 0px;
}
#tablalistados img {
        border: 0px;
        padding: 0px;
        margin: 0px;
        background-color: transparent;
}
#tablalistados td, th, tr {
        border-bottom: 1px solid #D8B200;
        font-size: 14px;
		line-height: 14px;
}

#tablalistados .encaption {
        text-align: left;
        height: 20px;
        color: #840000;
        font-size: 20px;
        font-weight:bold;
        padding: 4px;
        margin-top: 20px;

}
#tablalistados tbody tr.normal {
        background-image:url(../images/td1.jpg);
        background-repeat:repeat-x;
        background-position:top;
}
#tablalistados tbody tr.odd {
        background-color: #F7F2B5;
}
#tablalistados tbody tr.destacado {
        background-color: #ccc;
		background-image:url(../imagenes/fondodestacado.gif);
}
#tablalistados tbody th,td {
        padding: 3px 7px;
        text-align: left;
}
#tablalistados a {
        text-decoration: none;
}
#tablalistados a:hover {
        text-decoration: underline;
}
#tablalistados tfoot th {
        background: #243D02 url(images/foot.jpg) repeat-x bottom;
        border-top: 1px solid #243D02;
        color: #FFFFFF;
        height: 25px;
}
#tablalistados tfoot td {
        background: #243D02 url(images/foot.jpg) repeat-x bottom;
        color: #FFFFFF;
        height: 25px;
}




/* Estilos para tablas generales */
#tablageneral {
        width: 640px;
        border-collapse:collapse;
        margin: 0px;
        padding: 0px;
}
#tablageneral img {
        border: 0px;
        padding: 0px;
        margin: 0px;
        background-color: transparent;
}
#tablageneral td, th, tr {
        border-bottom: 1px solid #D8B200;
        font-size: 14px;
		line-height: 14px;
}

#tablageneral thead {
        border-top: 1px solid #D8B200;
		border-bottom: 1px solid #D8B200;
        font-size: 14px;
		line-height: 16px;
		font-weight:bold;
		color:#FFCC66;
		background-color:#990000;
}

#tablageneral .encaption {
        text-align: left;
        height: 20px;
        color: #840000;
        font-size: 20px;
        font-weight:bold;
        padding: 4px;
        margin-top: 20px;

}
#tablageneral tbody tr.normal {
        background-image:url(../images/td1.jpg);
        background-repeat:repeat-x;
        background-position:top;
}
#tablageneral tbody tr.odd {
        background-color: #F7F2B5;
}
#tablageneral tbody tr.destacado {
        background-color: #ccc;
		background-image:url(../imagenes/fondodestacado.gif);
}
#tablageneral tbody th,td {
        padding: 3px 3px;
        text-align: left;
}
#tablageneral a {
        text-decoration: none;
}
#tablalistados a:hover {
        text-decoration: underline;
}
#tablageneral tfoot th {
        background: #243D02 url(images/foot.jpg) repeat-x bottom;
        border-top: 1px solid #243D02;
        color: #FFFFFF;
        height: 25px;
}
#tablageneral tfoot td {
        background: #243D02 url(images/foot.jpg) repeat-x bottom;
        color: #FFFFFF;
        height: 25px;
}







/*  ---  Estilos para la barra de menús de las localidades  ---  */
#barrademenu {
        width: 638px;
        margin: 0px;
                background-image: url(../imagenes/fondobarra1.jpg);
                background-repeat:repeat-x;
                border: 1px solid #C99655;
                margin-bottom: 8px;
                font-weight:bold;
                color: #225208;
                padding-left: 3px;
                line-height: 26px;

}
#barrademenu a {
                color:#225208;
                text-decoration:none;
}
#barrademenu a:hover {
                color: #800000;
                text-decoration:none;
                background-image:url(../imagenes/fondobarra1hover.jpg);
                background-position: right;
                background-repeat:no-repeat;
}



/* MENÚS GENERALES (para usarlos en secciones que lo requieran usando listas */
#menugeneral { padding:0px; margin:10px 0 0 0; list-style:none; height:30px; background-image: url(../imagenes/pro_15_0.gif); text-align:center; }
#menugeneral ul { list-style-type: none; }
#menugeneral li { padding: 0 3px; display: inline; text-align: center; }
#menugeneral a { padding:3px 0px 3px 10px; line-height: 30px; color:#000000; }
#menugeneral a b { padding:3px 10px 3px 0px; line-height: 30px; }
#menugeneral a:hover { text-decoration:none; background-image:url(../imagenes/pro_15_1.gif); background-position: left; background-repeat:no-repeat; color: #fff; }
#menugeneral a:hover b { text-decoration:none; background-image:url(../imagenes/pro_15_1.gif); background-position: right; background-repeat:no-repeat; }


/*  ---  Estilos para paneles centrales anchos  ---  */
.panelancho {
        width: 640px;
        margin: 10px 0px 10px 0px;
}
.encabezadounacolumna {
        width: 636px;
        height: 25px;
        background-image:url(../imagenes/barrasuperiorunacolumna.jpg);
        background-repeat:no-repeat;
        color:#FFCC33;
        font-weight: bold;
        padding-left: 8px;
        line-height:25px;
}
.encabezadounacolumna a {
                color:#FFCC00;
                text-decoration: none;
}
.encabezadounacolumna a:hover {
                color:#FFCC00;
                text-decoration: underline;
}
.cuerpounacolumna {
        width: 626px;
        margin-left: 3px;
        background-color:#FFF4CA;
        border: 1px solid #800000;
        padding: 3px 3px 3px 3px;
}

/*  --- Estilos para los paneles angostos --- */
#listadonoticias {
                width: 303px;
                margin-left: 170px;
}
.encabezadodoscolumnas {
        width: 303px;
        height: 25px;
        background-image:url(../imagenes/barrasuperiordoscolumnas.jpg);
        background-repeat:no-repeat;
        color:#FFCC33;
        font-weight: bold;
        padding-left: 8px;
        line-height:25px;
}
.cuerpodoscolumnas {
        width: 292px;
        margin-left: 3px;
        background-color:#FFF4CA;
        border: 1px solid #800000;
        padding: 5px;
}
/*  --- Estilos para los paneles angostos --- */
.encabezadotrescolumnas {
        width: 200px;
        height: 25px;
        background-image:url(../imagenes/barrasuperiortrescolumnas.jpg);
        background-repeat:no-repeat;
        color:#FFCC33;
        font-weight: bold;
        padding-left: 8px;
        line-height:25px;
}
.cuerpotrescolumnas {
        width: 182px;
        margin-left: 3px;
        background-color:#FFF4CA;
        border: 1px solid #800000;
        padding: 5px;
}


/*  --- Estilos para los datos de localidades --- */

.datoslocalidades {
        width: 280px;
        margin-left: 0px;
        background-image:url(../imagenes/fondodatoslocalidades.jpg);
        padding: 15px;
}


.cuerpodoscolumnas img {
        margin: 5px;
        padding: 0px;
        border: 1px solid black;
}

/*  --- Recuadros --- */
/*   Una Columna    */
.recuadrounacolumna {
        width: 620px;
        padding: 8px;
        color: #000;
        text-align: center;
        background-image:url(../imagenes/fondopanelverde.jpg);
        background-repeat:repeat;
        border: 1px solid #003300;
}
/*   Dos Columnas    */
.recuadrodoscolumnas {
        width: 292px;
        padding: 8px;
        color: #000;
        background-image:url(../imagenes/fondopanelverde.jpg);
        background-repeat:repeat;
        border: 1px solid #003300;
}
/*   Tres Columnas    */
.recuadrotrescolumnas {
        width: 182px;
        padding: 8px;
        color: #000;
        background-image:url(../imagenes/fondopanelverde.jpg);
        background-repeat:repeat;
        border: 1px solid #003300;
		color:
}



/*  --- Titulos de las noticias ---  */
.titulonoticia {
        font-size: 14px;
        font-weight: bold;
}
/*  --- Iconos del encabezado --- */
#cajabarra {
        float: right;
        border-bottom: 1px solid #225208;
        width: 810px;
        color: #999999;
}
#cajaicono {
        float: right;
        padding: 12px 160px 0px 0px;
        text-align: right;
        font-size: 12px;
}
.icono {
        margin: 0px;
        border: none;
}
#cajafecha {
        float: left;
        width: 405px;
        padding: 18px 0px 0px 8px;
        text-align: left;
        font-size: 12px;
}
#fecha {
        float: left;
        width: 230px;
}
#cajatiempo {
        float: right;
                margin: -8px 0px 0px 8px;
}
.derecha {
        float: right;
        width: 300px;
}
.izquierda {
        float: left;
        width: 300px;
}



/*   Estilo para listas   */
.listas ul {
                list-style-type: none;
                padding: 0;
                margin-left: 1em;
}
.listas li {
                list-style-type: none;
                background-image: url(../iconos/flechita.png);
                background-repeat: no-repeat;
                background-position: 0 .2em;
                padding-left: 1em;
}
.listas ul li {
                background-image: url(../iconos/flechita1.png);
                background-repeat: no-repeat;
                background-position: 0 .2em;
                padding-left: 1em;
}
.listas ul li ul li {
                background-image: url(../iconos/flechita3.png);
                background-repeat: no-repeat;
                background-position: 0 .2em;
                padding-left: 1em;
}        

/* Estilos para las miniaturas de galerias de fotos */
.miniaturas {
   float:left;
   width:190px;
   margin: 5px;
   padding:5px;
   background-color: #FFCC66;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   text-align:center;
}