body {background:#dbe4ef url(gfx/bg/contenedor.gif) repeat-x 0 100%; }
body, select, input, textarea {font:12px Arial, Verdana, Geneva, sans-serif; color:#333}

/*comunes*/
a {color:#333}
a:hover {color:#206caf}
a img {border:0}

.toLeft {float:left}
.toRight {float:right}
.clear {clear:both}
.no-bg {background-image:none !important}
.no-border {border:none !important}
.no-margin-right {margin-right:0 !important}
.accesible, hr {display:none}
.vermas {background:url(gfx/bg/bg-06.gif) no-repeat 0 0; padding-left:20px}
.no-border-bottom {border-bottom:none !important}

/*boton*/
.boton {cursor:pointer; border:none; margin:0; padding:0; background-color:transparent}
.boton p { border:solid 1px #ccc;margin:0; padding:0; background:#2d7fc2 url(gfx/bg/boton-01.gif) repeat-x 0 0}
.boton span {display:block;color:#fff; padding:3px 20px 3px 8px;border:solid 1px #fff; background:url(gfx/bg/boton-02.gif) no-repeat 100% 55%}


/*reset*/
body, 
.cabecera h1, 
.cabecera ul {margin:0; padding:0}

/*encabezados*/
.inicio h2, 
.interior .newsletter .titulo {font:normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#0066ac;}

/*cabecera*/
.cabecera {background-color:#fff;}
.cabecera h1 {margin-bottom:10px}
.cabecera .bg {width:954px; margin:0 auto; padding:10px 0 0 0}
.migas {font-size:11px}

/*.menu*/
.menu-principal li {display:inline; float:left; background:url(gfx/bg/menu-separa.gif) no-repeat 100% 7px}
.menu-principal li a {color:#777; font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none; display:block; padding:5px 10px;}

.menu-principal li.activo {background:url(gfx/bg/menu-activo-inicio.gif) no-repeat 0 0}
.menu-principal li.activo a {color:#316fa8; background:#dbe4ef url(gfx/bg/menu-activo-fin.gif) no-repeat top right; margin-left:3px; padding-right:10px}

/*idiomas */
.idiomas {text-align:right; padding-top:5px}
.idiomas li {display:inline; font-size:11px;border-right:solid 1px #666; padding-right:8px; margin-right:5px}
.idiomas li.no-border {margin-right:0; padding-right:0}
.idiomas li a {color:#1e78b5}
.idiomas li.activo a {color:#333; text-decoration:none}

/*contenido*/
.contenido {width:954px; clear:left;margin:5px auto 40px auto; background-color:#fff}
.contenido li {padding-bottom:8px}

/*inicio*/
.contenido.inicio {background:url(gfx/bg/contenido-pie.gif) no-repeat 41px 100%; padding-bottom:10px; margin-top:20px}
.inicio .bg-01 {background:url(gfx/bg/home-bg-01.gif) repeat-y 22px 0; }
.inicio .bg-02 {background:url(gfx/bg/home-buscador.jpg) no-repeat 0 0; padding-left:66px; padding-right:20px}

.inicio h2 {background:url(gfx/bg/bg-03.gif) no-repeat 0 3px; padding-left:15px}

.buscador { padding:5px 0 20px 10px}
.buscador p.titulo {color:#0066AC; font:16px "Lucida Sans Unicode","Lucida Grande",sans-serif;}
.banner-01 {margin-left:-10px}

.inicio .columna-01 {width:343px;margin-right:8px;}
.inicio .columna-01 a {color:#0066ac}

.inicio .columna-02 {width:603px; background:url(gfx/bg/home-columna-02.gif) no-repeat 0 0;}
.inicio .columna-02 .emocional {padding-left:10px}
.inicio .columna-02 .emocional p {margin-bottom:0}
.inicio .columna-02 .bg-03 {background:url(gfx/bg/home-columna-02-interior.gif) no-repeat 0 0; padding:0 20px}
.inicio .columna-02 .bg-03 h2 {margin-top:0}
.inicio .columna-02 .bg-03 .toLeft {width:295px; border-right:dashed 1px #ccc; margin-top:35px; padding-right:20px}
.inicio .columna-02 .bg-03 .toRight {width:225px; margin-top:35px}
.inicio .columna-02 .noticias ul {padding-left:2px}
.inicio .columna-02 .noticias li {background:url(gfx/bg/bg-05.gif) no-repeat 0 3px; list-style-type:none; padding-left:20px;}

.inicio .newsletter {padding-bottom:20px}

.inicio .area-salud span {background:url(gfx/bg/bg-07.gif) no-repeat 100% 0; padding-right:60px; padding-bottom:10px}

.inicio .area-multimedia h2 {margin-bottom:15px}
.inicio .area-multimedia h3 {font-size:12px; margin-bottom:3px; padding-bottom:0; color:#0066AC;}
.inicio .area-multimedia p {margin-top:0; padding-top:0; margin-bottom:5px}
.inicio .area-multimedia  .vermas {margin-top:10px; margin-bottom:25px}

.inicio .cartera-servicios ul {padding-left:20px}
.inicio .cartera-servicios li {list-style-type:none; font-size:13px;}
.inicio .cartera-servicios li a {background:url(gfx/bg/bg-04.gif) no-repeat 100% 2px; padding-right:15px; color:#576386}

/*interior*/
.contenido.interior {width:914px; margin-top:20px}
.contenido.interior .bg-00 {background:url(gfx/bg/contenido-interior-top.gif) no-repeat 0 0; height:20px; width:914px;}
.contenido.interior h1 {font:normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#0066ac;background:url(gfx/bg/bg-03.gif) no-repeat 0 3px; padding-left:15px; margin-bottom:20px; margin-top:20px}
.contenido.interior h2 {font:normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#666;}
.contenido.interior h3 {font:normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#000;}
.contenido.interior h2 a {color:#666;}
.contenido.interior .foto {padding-top:0;margin-top:0}

.contenido.interior .columna-01 {width:230px; padding-left:5px; background:url(gfx/bg/menu-secundario.gif) no-repeat 0 0;}
.contenido.interior .columna-02 {width:650px}

.contenido.interior .bg-01 {background:#fff url(gfx/bg/contenido-interior-bottom.gif) no-repeat 0 100%; padding-bottom:11px}
.contenido.interior .bg-02 {padding:0 10px 10px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}

.contenido.interior.dos-columnas .bg-01 {background:#fff url(gfx/bg/contenido-interior-bottom-dos-columnas.gif) no-repeat 0 100%; padding-bottom:30px}
.contenido.interior.dos-columnas .bg-02 {background:#fff url(gfx/bg/contenido-interior-dos-columnas.gif) repeat-y 0 0;}

.contenido.interior.una-columna .bg-03 {padding:0 20px 10px 20px}

.interior .newsletter {margin-left:10px; margin-right:20px}
.interior .newsletter div {padding-left:16px}
.interior .newsletter .titulo {background:url(gfx/bg/bg-03.gif) no-repeat 0 3px; padding-left:15px}
.interior .newsletter .boton { margin-top:5px; margin-left:-3px}

.prepend-00 {padding:5px 20px}

/*menu-secundario*/
.menu-secundario p {font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#0066ac;margin-left:15px}
.menu-secundario ul {padding:0 0 30px 0; margin:15px 20px 20px 10px;}
.menu-secundario ul li {border-bottom:solid 1px #e8cc7c; list-style-type:none; padding-top:8px}
.menu-secundario ul li a {text-decoration:none; display:block}
.menu-secundario ul li.activo a {color:#0066ac; font-weight:bold}
.menu-secundario ul li.activo2 a {color:#0066ac; font-weight:bold}
.menu-secundario ul li.activo2 ul li a {color:#333;font-weight:normal}
.menu-secundario ul li.activo ul li ul li a {color:#333 !important; font-weight:normal !important}

.menu-servicios {margin:10px 0 0 10px !important; padding-bottom:0 !important}
.menu-servicios a { text-decoration:none}
.menu-servicios p {margin-left:5px}
.menu-servicios li {border-bottom:solid 1px #999 !important; background:url(gfx/bg/bg-10.gif) no-repeat 0 8px; padding-left:12px; padding-top:5px !important}
.menu-servicios ul {margin:10px 0 0 0; padding-bottom:0 !important}
.menu-servicios ul li {border-bottom:solid 1px #ccc !important; background:url(gfx/bg/bg-09.gif) no-repeat 0 8px; padding-left:12px}
.menu-servicios ul li.activo3 a {color:#0066ac !important; font-weight:normal}
.servicio-mostrar,
.servicio-ocultar {border-top:solid 1px #ccc}

.capio-cita-online {margin-top:50px}

.servicio-mostrar {display:block}
.servicio-ocultar {display:none}


.servicio-mostrar-activo {color:#0066ac !important;}/*background:url(gfx/bg/bg-10.gif) no-repeat 100% 6px*/
/*
.servicio-ocultar-activo {background:url(gfx/bg/bg-10.gif) no-repeat 100% 6px}
*/


/*cartera-servicios*/
.interior.cartera-servicios .titulo { background:#e8cc7c url(gfx/bg/bg-01.gif) no-repeat 0 0; }
.interior.cartera-servicios .titulo h2 {background:url(gfx/bg/bg-02.gif) no-repeat 100% 0; font-size:13px; margin-top:0}
.interior.cartera-servicios .titulo h2 span { display:block; padding:9px 20px}

.interior.cartera-servicios .columna {width:30%; margin-right:30px}

.interior.cartera-servicios .bg-02 {background-image:none}
.interior.cartera-servicios .bg-03 {background:#fff url(gfx/bg/cartera-servicios.gif) repeat-y 0 0;}
.interior.cartera-servicios .bg-03 ul {padding-left:20px; margin-top:10px}
.interior.cartera-servicios .bg-03 li {background:url(gfx/bg/bg-08.gif) no-repeat 0 3px; list-style-type:none; padding-left:12px}
.interior.cartera-servicios .bg-03 li a {color:#576386}

.interior.cartera-servicios .banner-02 {text-align:right;}
.interior.cartera-servicios .personal {padding-left:10px; margin-top:10px}
.interior.cartera-servicios .personal li {background:url(gfx/bg/bg-09.gif) no-repeat 0 3px; color:#333; list-style-type:none; padding-bottom:5px; padding-left:12px}

.curriculum-data {padding-left:17px}


/*border*/
.border-bottom-01 {border-bottom:dashed 1px #adc7e6; padding-bottom:5px; margin-bottom:10px}
.border-bottom-02 {border-bottom:dashed 1px #cad3dc; padding-bottom:10px; margin-bottom:20px}
.border-top {border-top:dashed 1px #cad3dc; padding-top:10px; margin-top:20px}

/*prensa*/
.nota {border-bottom:solid #eee 1px; padding:0 10px 10px}

/*shadowbox*/
#sb-body {background-color:#fff !important}
#sb-player {padding:10px 20px}
#sb-body a {color:#576386 !important}
#sb-wrapper-inner {border:none !important}
#sb-title {background-color:#fff}
#sb-title-inner {float:left; width:88%; color:#333 !important; padding-left:10px}
#sb-nav-close {width:30px;height:30px; float:right;cursor:pointer; background:url(gfx/bg/cerrar.gif) no-repeat 50% 50% !important}

/*popup listado cartera servicios*/
.popup.listado-cartera-servicios .bg-01 {background:url(gfx/bg/listado-cartera-servicios.gif) repeat-y 0 0; margin-top:20px; margin-bottom:20px}
.popup.listado-cartera-servicios .titulo { background:#e8cc7c url(gfx/bg/bg-01.gif) no-repeat 0 0; }
.popup.listado-cartera-servicios .titulo h3 {background:url(gfx/bg/bg-02.gif) no-repeat 100% 0; font:normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#0066ac; margin-top:0}
.popup.listado-cartera-servicios .titulo h3 span { display:block; padding:9px 20px}
.popup.listado-cartera-servicios ul {margin:0; padding:0}
.popup.listado-cartera-servicios li {background:url(gfx/bg/bg-08.gif) no-repeat 0 3px; list-style-type:none; padding-left:12px; padding-bottom:8px}
.popup.listado-cartera-servicios .toLeft {padding-left:20px; padding-right:20px; width:26%}
.popup.listado-cartera-servicios .personal {padding:0 0 010px; margin:10px 0 0 0}
.popup.listado-cartera-servicios .personal li {background:url(gfx/bg/bg-09.gif) no-repeat 0 3px; color:#333; list-style-type:none; padding-bottom:5px; padding-left:12px; font-size:11px}

/*enviar-cv*/			
.enviar-cv fieldset {border:solid 1px #eee; margin-bottom:20px}
.enviar-cv legend {font-size:13px; font-weight:bold; color:#666}
.enviar-cv label {text-align:right; width:200px}
.enviar-cv label, .enviar-cv input, .enviar-cv select {float:left;margin-right:10px;}
.enviar-cv p {clear:both; padding-bottom:20px}
.enviar-cv ul {padding-left:15px}
.enviar-cv li {list-style-type:none;}
.enviar-cv p span {font-weight:normal;  font-size:11px;}
.enviar-cv .listado label {width:auto; text-align:left; font-weight:normal; float:none}
.enviar-cv .checkbox label, .enviar-cv .radio-button label {width:auto; text-align:left; font-weight:normal}
.enviar-cv .checkbox, .enviar-cv .boton-enviar {padding-left:210px}
.error {color:red !important}
.enviar-cv button p {padding-bottom:0 !important}

/*formulario-contacto*/
.formulario-contacto fieldset {border:solid 1px #eee; margin-bottom:20px}
.formulario-contacto legend {font-size:13px; font-weight:bold; color:#666}
.formulario-contacto p {clear:both; padding-bottom:28px}
.mensaje {font-size:11px; padding-left:10px}
.formulario-contacto label, .simula-label { width:200px; text-align:right; float:left; display:block; padding-right:10px}
.formulario-contacto .radio-button, .formulario-contacto  .checkbox {float:none !important}
.formulario-contacto input, .formulario-contacto select, .simula-input {float:left}
.formulario-contacto .simula-input p {padding-bottom:0}
.formulario-contacto .simula-input label,
.formulario-contacto .acepto-condiciones label { width:auto; text-align:left; float:none; display:inline; font-weight:normal}
.formulario-contacto .acepto-condiciones { padding-left:210px}
.formulario-contacto .acepto-condiciones p,
.formulario-contacto button p {padding-bottom:0 !important}
.formulario-contacto ul {margin-bottom:15px}
.formulario-contacto ul li { background-image:none; margin-left:0; padding-left:0}

/*nota de prensa Columnas*/
.prensaColumns {margin-top:20px}
.prensaColumns .prensaLeft {float:left; width:380px; border-right:solid 1px #eee; padding-right:20px}
.prensaColumns .prensaRight {float:right; width:200px}

form.form_general div.formFields input, 
form.form_general div.formFields textarea, 
form.form_general div.formFields select, 
form.form_prensa div.formFields input, 
form.form_prensa div.formFields textarea, 
form.form_prensa div.formFields select {display: block; float:left;margin:0 0 8px 10px}
form.form_general div.formFields input:hover, 
form.form_general div.formFields textarea:hover, 
form.form_general div.formFields select:hover,
form.form_prensa div.formFields input:hover, 
form.form_prensa div.formFields textarea:hover, 
form.form_prensa div.formFields select:hover {background-color:#FFFFCC}
form.form_general div.formFields input:focus, 
form.form_general div.formFields textarea:focus, 
form.form_general div.formFields select:focus,
form.form_prensa div.formFields input:focus, 
form.form_prensa div.formFields textarea:focus, 
form.form_prensa div.formFields select:focus {border:1px solid #132859}
form.form_general div.formText, 
form.form_prensa div.formText  {clear:both; padding:15px; margin:0; border-bottom: 1px solid #eee}
form.form_general div.formActions, 
form.form_prensa div.formActions {clear:both; padding:5px; margin:0;}
form.form_general fieldset, 
form.form_prensa fieldset {border:1px solid #eee; margin:0 0 15px 0}
form.form_general br, 
form.form_prensa br  {clear: both}

/*form sala prensa*/
form.form_prensa legend {font-size:11px; font-weight:bold;}
form.form_prensa label {font-size:11px; display: block; font-weight:bold; color:#666; float:left; margin:0 0 8px 0; width:100%}
form.form_prensa select {font-size:11px}
form.form_prensa div.formFields {padding:0 0 0 15px; margin:0}
form.form_prensa .button {font-size:11px}

/*paginador*/
.paginador {background-color:#fff; padding:10px; margin-top:20px; font-size:11px}
.paginador a {color:#3D6A98; background-color:#eee; padding:3px 5px}
.paginador .anterior {background:url(../../_img/icon-pag-01.gif) 0 50% no-repeat; padding-left:10px}
.paginador .siguiente {background:url(../../_img/icon-pag-02.gif) 100% 50% no-repeat; padding-right:10px}

/*iconos*/
.quicktime {background:url(../../_img/icon-quicktime.gif) no-repeat 0 0; padding-left:20px}
.iconPdf {background:url(../../_img/icon-pdf.gif) left top no-repeat !important; padding-left:20px !important;}
.iconWord {background:url(../../_img/icon-word.gif) left top no-repeat !important; padding-left:20px !important}
.iconPhoto {background:url(../../_img/icon-photo.gif) left top no-repeat !important; padding-left:20px !important}
.iconPhone {background:url(../../_img/icon-13.gif) left top no-repeat !important; padding-left:20px !important}
.iconEmail {background:url(../../_img/icon-14.gif) left top no-repeat !important; padding-left:20px !important}
.iconBus {background: url(../../_img/icon-bus.gif) left top no-repeat !important; padding-left:20px !important}
.iconMetro {background:url(../../_img/icon-metro.gif) left top no-repeat !important; padding-left:20px !important}
.iconMap {background:url(../../_img/icon-map.gif) left top no-repeat !important; padding-left:20px !important}
.iconTime {background:url(../../_img/icon-time.gif) left top no-repeat !important; padding-left:20px !important}
/*.iconLink {background:url(../../_img/icon-15.gif) 0 5px no-repeat !important; padding-left:10px !important; margin-left:10px}*/

/*galeria*/
.galeria {width:80%; padding-left:50px}
.galeria .toLeft,
.galeria .toRight { width:220px}
.galeria p {margin-bottom:25px}
.galeria img {margin-bottom:5px}

/*pie*/
.pie {background-color:#e7e7e7}
.pie .bg {width:954px; margin:0 auto; padding:10px 0 20px 0; height:70px;font-size:11px;}
.pie p {margin-bottom:0}
.pie ul {margin-left:0; padding-left:0; margin-top:20px}
.pie li {display:inline; border-right:solid 1px #666; padding-right:10px; margin-right:8px}
.pie a {color:#0e6eb1}
.pie span {font-weight:bold}
.pie .toRight {margin-top:-35px}