body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 9pt;
     line-height: 13.5pt;
     color: #666;
     background: url(imagenes/fondo_body.png) left top repeat-x
}

.encabezado {
     background: transparent
}

h1.logotipo a {
     display: block;
     width: 425px;
     height: 0;
     padding-top: 150px;
     line-height: 100%;
     background: url(imagenes/logo_sanlucas.png) top left no-repeat;
     overflow: hidden;
}

.cuerpo {
     background: transparent url(imagenes/fondo_cuerpo.png) bottom right no-repeat
}

body.inicio .cuerpo {
     background: transparent
}

/* LISTA DE NOTICIAS EN SUBMENU ********************************************************************************************************/

.listaNoticias {
     margin-top: 20px;
     padding-bottom: 100px;
     background: transparent url(imagenes/logo_samu.png) bottom center no-repeat;
}

h3.tituloNoticias {
     background: #504178 url(imagenes/titulo_noticias.png) 5px center no-repeat;
     color: #fff;
     padding: 5px 5px 5px 26px;
     font-size: 12pt;
}



/* MENU GENERAL ********************************************************************************************************/

.menu {
     background: transparent url(imagenes/fondo_menu.png) center center no-repeat;
     overflow: auto
}

.menu ul {
     margin: 0;
     padding: 10px 0;
     list-style: none;
     width: 100%;
     text-align: center
}

.menu ul li {
     display: inline;
}

.menu ul li a {
     padding: 10px;
     color: #d6d0e6;
     font-weight: bold
}

.menu ul li a:hover {
     color: #d6d0e6;
     background: #231e37
}




/* SUBMENU ********************************************************************************************************/

.submenu {
     background: transparent url(imagenes/fondo_submenu.png) top center no-repeat;
}

.submenu img {
     max-width: 40%;
     float: left;
     margin: 0 10px 0 0
}



/* LISTA DE NOTICIAS EN SUBMENU ********************************************************************************************************/

.listaNoticias {
     margin-top: 20px;
     padding-bottom: 50px;
     background: transparent url(imagenes/logo_grupo_samu.png) bottom center no-repeat;
}

h3.tituloNoticias {
     background: #504178 url(imagenes/titulo_noticias.png) 5px center no-repeat;
     color: #fff;
     padding: 5px 5px 5px 26px;
     font-size: 12pt;
}



/* FORMULARIO DE AUTENTIFICACIÓN ********************************************************************************************************/

.formLogin {
     padding-top: 75px;
     background: transparent url(imagenes/logo_samu.png) top center no-repeat;
}


.bienvenida {
     text-align: center
}

.bienvenida:first-line {
     font-weight: bold
}

.formLogin fieldset {
     padding: 10px
}

.formLogin legend {
     font-weight: bold;
     font-family: Georgia, Palatino, serif;
     margin-bottom: 10px
}

.formLogin label {
     display: block;
     float: left;
     width: 40%;
     vertical-align: top;
     text-align: right;
     margin-right: 1%
}

.formLogin input {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #333
}

.formLogin input[type="text"] {
     width: 59%;
}

.formLogin input[type="submit"] {
     float: right;
     width: 59%;
     margin-top: 10px;
     border: solid 1px #fff;
     background: #413764;
     color: #fff;
     font-weight: bold
}





/* CONTENIDOS EN INICIO ********************************************************************************************************/

.contenido .introduccion p {
     font-size: 14pt;
     line-height: 21pt
}

.imagenIntro {
     max-width: 49%;
     float: left;
     margin: 0 10px 0 0
}

.contenidoDestacadoInicio1 {
     border-color: #ccc;
     background: #e6e2ef;
}

.contenidoDestacadoInicio2 {
     border-color: #ccc;
     background: #e1f9bd;
}

.contenidoDestacadoInicio3 {
     border-color: #ccc;
     background: #e0f0fa
}


.contenidoDestacadoInicio1 h1, 
.contenidoDestacadoInicio2 h1,
.contenidoDestacadoInicio3 h1 {
     margin: 0;
     padding: 0
}

.contenido .contenidoDestacadoInicio1 p,
.contenido .contenidoDestacadoInicio2 p,
.contenido .contenidoDestacadoInicio3 p {
     font-size: 12pt;
     line-height: 18pt;
}

.imagenContenidoDestacado {
     max-width: 50%;
     float: left;
     margin: 0 10px 0 0
}




/* ENLACES ********************************************************************************************************/

a:link {
     color: #79c431
}

a:hover,
a:active,
a:focus {
     color: #6292e4
}

a.verDetalle {
     background: url(imagenes/ver_enlace.png) left center no-repeat;
     padding-left: 15px;
}




/* CONTENIDO CENTRAL ********************************************************************************************************/

h1, h2, h3, h4, h5, h6 {
     font-family: Georgia, Palatino, serif;
     font-weight: normal
}

.contenido h1 {
     font-size: 14pt;
     line-height: 100%;
     color: #504178
}

.introduccion h1 {
     font-size: 22pt;
     color: #333
}

.contenidoDestacadoInicio1 h1 {
     color: #504178
}

.contenidoDestacadoInicio2 h1 {
     color: #79c431
}

.contenidoDestacadoInicio3 h1 {
     color: #6292e4
}

.contenido h2 {
     font-size: 13pt;
     line-height: 100%;
     margin-top: 30px;
     color: #6292e4
}

.contenido h3 {
     font-size: 12pt;
     line-height: 100%;
}

.contenidoDestacadoInicio4 h3 {
     font-size: 12pt;
     line-height: 100%;
     color: #504178
}

.contenido h4 {
     font-size: 11pt;
     line-height: 100%;
}

.contenido h5 {
     font-size: 10pt;
     line-height: 100%;
}

.contenido h6 {
     font-size: 9pt;
     line-height: 100%;
}

.contenido p, .contenido ul, .contenido ol {
     font-size: 12pt;
     line-height: 18pt;
}





/* LISTADO DE NOTICIAS Y DE OTROS ********************************************************************************************************/

.noticia,
.elementoSeccion {
     clear: both
}

.imagenNoticia,
.imagenListado {
     max-width: 40%;
     float: left;
     margin: 0 10px 0 0;
     border: double 3px #ccc
}

.paginacion {
     border: solid 1px #ccc;
     background: #f5f5f5;
     text-align: right;
     clear: both;
     padding: 5px;
     margin-top: 20px
}

.paginacion p {
     margin: 0;
     padding: 0
}

.indicadorPagina {
     float: left;
     font-weight: bold
}

a.paginaActual {
     background: #6292e4;
     color: #fff;
     font-weight: bold;
     margin-left: 5px;
     padding: 2px 4px 
}

a.paginaSiguiente {
     background: #79c431;
     color: #fff;
     margin-left: 5px;
     padding: 2px 4px 
}




/* NOTICIAS ********************************************************************************************************/

p.fechaNoticia {
     font-family: Georgia, Palatino, serif;
     font-size: 8pt;
     line-height: 8pt;
     font-weight: bold;
     display: inline;
     background: url(imagenes/calendario.png) left center no-repeat;
     padding-left: 21px
}

p.autorNoticia {
     font-family: Georgia, Palatino, serif;
     font-size: 8pt;
     line-height: 8pt;
     font-weight: bold;
     display: inline;
     margin-left: 15px;
     background: url(imagenes/autor.png) left center no-repeat;
     padding-left: 21px
}

p.entradilla {
     font-family: Georgia, Palatino, serif;
     font-style: italic;
     overflow: hidden
}





/* HISTORIALES ***************************************************************************************************************/

p.fechaHistorial {
     font-family: Georgia, Palatino, serif;
     font-size: 8pt;
     line-height: 8pt;
     font-weight: bold;
     display: inline;
     background: url(imagenes/calendario.png) left center no-repeat;
     padding-left: 21px
}

p.pacienteHistorial {
     font-family: Georgia, Palatino, serif;
     font-size: 8pt;
     line-height: 8pt;
     font-weight: bold;
     display: inline;
     margin-left: 15px;
     background: url(imagenes/usuario.png) left center no-repeat;
     padding-left: 21px
}

.filtrarHistorial legend {
     padding: 0 2px;
     font-weight: bold;
     color: #79c431
}

.filtrarHistorial label {
     display: inline-block;
     vertical-align: top;
     text-align: right;
     margin-right: 10px
}

.filtrarHistorial ol {
     margin: 0;
     padding: 0;
}

.filtrarHistorial li {
     list-style: none;
     padding: 5px 0;
     margin: 0;
}

.filtrarHistorial em {
     font-style: normal;
     text-decoration: underline
}

.filtrarHistorial label {
     width: 150px;
}

.filtrarHistorial input,
.filtrarHistorial select {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #333
}

.filtrarHistorial input[type="submit"] {
     border: solid 1px #d6e0e6;
     background: #413764;
     color: #fff;
     font-weight: bold
}


.filtrarHistorial input.fechaInicio,
.filtrarHistorial input.fechaFin {
     width: 80px
}




/* GALERÍA DE IMÁGENES ********************************************************************************************************/

.galeriaImpar {
     width: 46%;
     float: left;
     margin-right: 1%;
     margin-bottom: 20px;
     padding: 1%;
     text-align: center;
     clear: left;
     border: dotted 1px #ccc
}

.galeriaPar {
     width: 46%;
     float: right;
     margin-left: 1%;
     margin-bottom: 20px;
     padding: 1%;
     text-align: center;
     clear: right;
     border: dotted 1px #ccc
}

.galeriaImpar img,
.galeriaPar img {
     max-width: 100%
}

.galeriaImpar p,
.galeriaPar p {
     text-align: center
}



/* FORMULARIO DE CONTACTO ********************************************************************************************************/

.formContacto fieldset {
     margin-bottom: 10px;
}

.formContacto legend {
     padding: 0 2px;
     font-weight: bold;
     color: #79c431
}

.formContacto label {
     display: inline-block;
     vertical-align: top;
     text-align: right;
     margin-right: 10px
}

.formContacto fieldset ol {
     margin: 0;
     padding: 0;
}

.formContacto fieldset li {
     list-style: none;
     padding: 5px 0;
     margin: 0;
}

.formContacto fieldset fieldset {
     border: 0;
     margin: 0;
     padding: 0
}

.formContacto fieldset fieldset legend {
     margin: 0;
     padding: 0;
     font-weight: normal;
     color: #666
}

.formContacto em {
     font-style: normal;
     text-decoration: underline
}

.formContacto fieldset fieldset label {
     display: block;
     width: auto;
     text-align: left
}

.formContacto label {
     width: 150px;
}

.formContacto input,
.formContacto select,
.formContacto textarea {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #333
}

.formContacto input#nombre {
     width: 130px;
}

.formContacto input#apellidos {
     width: 200px;
}

.formContacto input#empresa {
     width: 150px;
}

.formContacto input#correo {
     width: 250px;
}

.formContacto input#telefono {
     width: 100px;
}

.formContacto input#asunto {
     width: 430px;
}

.formContacto textarea {
     width: 430px;
     height: 150px;
     overflow: auto
}

.formContacto label[htmlFor="ctl00_cph_Contenido_cbx_AceptarCondiciones"],
.formContacto label[for="ctl00_cph_Contenido_cbx_AceptarCondiciones"] {
     margin-left: 5px;
     width: auto;
     text-align: left
}

.formContacto input#ctl00_cph_Contenido_cbx_AceptarCondiciones {
     margin-left: 160px
}

.formContacto fieldset fieldset label {
     margin-left: 160px;
}

.formContacto input[type="submit"] {
     border: solid 1px #d6e0e6;
     background: #413764;
     color: #fff;
     font-weight: bold
}


p.ok {
     padding: 10px 20px 10px 52px;
     background: #dff2cc url(imagenes/ok.png) 10px 10px no-repeat;
     border: dotted 1px #79c431;
     color: #79c431;
}

p.ko {
     padding: 10px 20px 10px 52px;
     background: #fddfe3 url(imagenes/ko.png) 10px 10px no-repeat;
     border: dotted 1px #e8112d;
     color: #e8112d;
}

p.archivosAdjuntos {
     margin: 0.5em 0.5em 1em 163px;
     font-size: 8pt
}

p.politicaPrivacidad {
     margin: 0.5em 0.5em 1em 0.5em;
     font-size: 8pt;
     line-height: 12pt;
     padding-right: 1em;
     text-align: justify;
     height: 150px;
     overflow: scroll
    
}

.formContacto input.validation-failed,
.formContacto select.validation-failed,
.formContacto textarea.validation-failed {
     background: #fddfe3;
     border: solid 1px #e8112d;
     color: #e8112d;
}

.formContacto input.validation-passed,
.formContacto select.validation-passed,
.formContacto textarea.validation-passed {
     border: solid 1px #0c0;
}

.formContacto .validation-advice {
     margin: 0.2em 0 1em 163px;
     padding: 0;
     color : #e8112d;
     font-size: 9pt;
}







/* PIE DE PAGINA********************************************************************************************************/

.pie {
     background: #413764
}


address {
     font-style: normal;
     font-size: 8pt;
     color: #fff
}

.datosContacto {
     float: left
}

ul.listaCreditos {
     margin: 0;
     padding: 0;
     list-style: none;
     float: right;
     font-size: 7pt
}

ul.listaCreditos li {
     display: inline;
     padding: 0;
}

ul.listaCreditos li  a {
     margin: 0 5px;
     color: #d6d0e6
}





/* BUSCADOR *******************************************************************************************************/

.formBuscador fieldset {
     margin: 0;
     padding: 5px;
     border: solid 1px #a6d5db
}

.formBuscador input {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #333
}

.formBuscador input[type="submit"] {
     border: solid 1px #d6e0e6;
     background: #413764;
     color: #fff;
     font-weight: bold
}