﻿/* Estilos generales. */
body
{
    vertical-align: top;
    margin: 0;
    padding: 4px;
}
body, input, textarea, select, .base
{
    font: normal 11px/12px Verdana,Arial,Helvetica,sans;
    color: #4D4D4D;
}
#envoltorio
{
    width: 744px; /* 765 - padding.             En el pie de página, la banda de fondo cubre los 765.              El cuerpo del documento tiene 3px laterales de padding */
    padding: 0;
    margin: 0 auto;
    position: relative;
}
a
{
    text-decoration: none;
}
a, .colordestacado
{
    color: #FAA71A;
}
img
{
    border: 0;
}
.esquina
{
    position: absolute;
}
.sup
{
    top: 0;
}
.izq
{
    left: 0;
}
.inf
{
    bottom: 0;
}
.der
{
    right: 0;
}
.primero
{
    margin-top: 0;
}
.ultimo
{
    margin-right: 0;
}
.clear
{
    clear: both;
    height: 0;
    line-height: 0;
}
h1, h2, h3
{
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    color: Black;
}
/* Maquetación general */
.doblecol
{
    width: 744px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    clear: both;
}
.doblecol .colizq
{
    position: relative;
    width: 182px;
    float: left;
    vertical-align: top;
}
.doblecol .colder
{
    position: relative;
    vertical-align: top;
    margin-left: 202px;
    width: 542px;
}
/* Encabezado */.cabecerapagina .colizq
{
    padding-top: 19px;
    margin-top: 0;
}
.cabecerapagina .colizq .img
{
    width: 182px;
}
.cabecerapagina .colizq img.logo
{
    height: 56px;
}
.cabecerapagina .colizq .sirona
{
    height: 98px;
}
.cabecerapagina .topica
{
    height: 19px;
    line-height: 19px;
    text-align: right;
}
.cabecerapagina .topica img
{
    height: 19px;
}
.cabecerapagina .topica img.detalle
{
    width: 10px;
}
.cabecerapagina .topica a.aviso img
{
    width: 70px;
}
.cabecerapagina .topica .punto
{
    width: 10px;
}
.cabecerapagina .topica a.inicio img
{
    width: 32px;
}
.cabecerapagina .topica img.motto
{
    width: 254px;
    margin-right: 166px;
}
.cabecerapagina img.cabecera
{
    width: 542px;
    height: 147px;
    display: block;
}
.cabecerapagina .bandagris
{
    width: 542px;
    height: 7px;
    display: block;
}
.cabecerapagina .menusuperior, .cabecerapagina .actualidad
{
    display: block;
    height: 25px;
    margin: 10px 0 0 0;
    padding: 0 0 12px 0;
}
.cabecerapagina .menusuperior
{
    background: transparent url('../i/banda542x5bl.gif') no-repeat bottom left;
}
.cabecerapagina .actualidad
{
    background: transparent url('../i/tira182x5gr.gif') no-repeat bottom left;
}
.cabecerapagina .menusuperior img
{
    height: 25px;
}
.cabecerapagina .menusuperior img.separador
{
    width: 10px;
    margin-right: 20px;
}
.cabecerapagina .menusuperior img.ultimo
{
    margin-right: 0;
}
.cabecerapagina .menusuperior .empresa img
{
    width: 71px;
}
.cabecerapagina .menusuperior .inlab img
{
    width: 122px;
}
.cabecerapagina .menusuperior .eventos img
{
    width: 68px;
}
.cabecerapagina .menusuperior .noticias img
{
    width: 68px;
}
.cabecerapagina .menusuperior .contacto img
{
    width: 75px;
}
.cabecerapagina .actualidad img
{
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 141px;
}
/*        Composición cuerpo        */
.migas
{
    position:absolute;
    top:-18px;
    left:0;
}
.cuerpo
{
    position: relative;
    vertical-align: top;
    margin-top: 16px;
    background: transparent url('../i/bg542x1gr.gif') repeat-y scroll 202px top;
}
.cuerpo .colder
{
    width: 500px;
    padding: 10px 20px;
}
.cuerpo .colizq ul.noticias
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.cuerpo .colizq ul.noticias li
{
    list-style-type: none;
    margin: 1em 0 0 0;
    padding: 0 0 1em 0;
    background: transparent url('../i/tira182x5gr.gif') no-repeat bottom left;
}
.cuerpo .colizq ul.noticias li h3, .cuerpo .colizq ul.noticias li p
{
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.cuerpo .colizq ul.noticias li h3
{
    font-weight: normal;
    color: Black;
}
.cuerpo .colizq ul.noticias li img,
.cuerpo .colder ul.noticias li img.fotoNoticia
{
    width: 180px;
    height: 84px;
    border: solid 1px #E6E6E6;
}
.cuerpo .colizq ul.noticias li img
{
    display: block;
    margin: 1em 0 0 0;
}
.validacionw3 img
{
    width: 62px;
    height: 18px;
    margin: 0.5em 0;
}
.piepagina
{
    margin: 0.5em 0;
    text-align: center;
}
.firmalc
{
    width: 100%;
    text-align: center;
    background-color: #FDF9F5;
    height: 32px;
}
.firmalc a
{
    margin-left: 101px;
}
/* contenidos */
img.titulo
{
    width: 500px;
    height: 25px;
}
ul.detalles
{
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
    list-style-image: url('../i/guion.gif');
}
ul.detalles li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: url('../i/guion.gif');
}
ul.detalles li ul
{
    padding: 0;
    margin-left: 3em;
}
.fotos
{
    margin: 1em 0;
}
.fotos img
{
    border: solid 1px #E6E6E6;
}
.medianas img
{
    margin-right: 22px;
    width: 174px;
    height: 119px;
}
.inscribirse
{
    margin: 0 0 1em 0;
    width: 500px;
    background: transparent url('../i/tira324x5gr.gif') no-repeat scroll right 17px;
}
.inscribirse a img
{
    width: 32px;
    height: 27px;
    position: relative;
    top: 10px;
}
ul.enlacesinteres
{
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.enlacesinteres li
{
    list-style-type:none;
    margin:0.5em 0;
    padding:0;
}
.cuerpo .colder ul.noticias
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.oficinas
{
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.oficinas li
{
    float: left;
    width: 235px;
    margin: 0 10px 1em 0;
    padding: 0;
    list-style-type: none;
}
.cuerpo .colder ul.noticias li
{
    position: relative;
    list-style-type: none;
    margin: 1.5em 0 0 0;
    padding: 0 0 1.5em 192px;
    background: transparent url('../i/tira298x4gr.gif') no-repeat 195px bottom;
}
.cuerpo .colder ul.noticias li h2, .cuerpo .colder ul.noticias li p
{
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.cuerpo .colder ul.noticias li h2
{
    font-weight: normal;
    color: Black;
}
.cuerpo .colder ul.noticias li img.fotoNoticia
{
    position: absolute;
    left: 0;
    top: 0;
}
/* estilos inlab */
        .cuerpo .colder ul.componentes
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .cuerpo .colder ul.componentes li
        {
            position: relative;
            list-style-type: none;
            margin: 0 0 1em 0;
            padding: 0 0 0 82px;
            height: 44px;
            min-height: 44px;
            width: 241px;
        }
        .cuerpo .colder ul.componentes li h3, .cuerpo .colder ul.componentes li p
        {
            margin: 0;
            padding: 0;
        }
        .cuerpo .colder ul.componentes li img
        {
            position: absolute;
            left: 0;
            top: 0;
            border: solid 1px #E6E6E6;
        }
        .cuerpo .colder .divisor
        {
            margin: 0.33em 0;
            height: 14px;
            padding-left: 330px;
            background: transparent url('../i/tira324x5gr.gif') no-repeat scroll left center;
        }
        .ilustraciones
        {
            vertical-align:top;
            margin:0.33em 0;
        }
        .ilustraciones img
        {
            width: 167px;
            height: 106px;
            margin: 0;
            padding: 0;
            border:none;
            display:inline;
            vertical-align:top;
        }
        .ilustraciones img.par
        {
            width: 166px;
        }
/* formularios */
.etiqueta
{
    text-align: right;
    vertical-align: top;
    padding-top: 3px;
    width: 125px;
}
.ancho
{
    width: 285px;
}
table.formulario td
{
    padding-bottom: 9px;
}
table.formulario input,table.formulario textarea
{
    border:none;
    background: #E6E6E6 none;
    padding:1px;
}
input.enviar
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #E6E6E6 none;
    padding: 0;
    width: 82px;
    cursor: pointer;
}
.obligatorio,
table.formulario textarea.obligatorio,
table.formulario input.obligatorio,
table.formulario .obligatorio input
{
    background-color:#FCC15F;
}

