@charset "utf-8";
/* CSS Document */

html, body { width:100%; height: 100%;  font: 12px/16px  Tahoma, Verdana, Arial, sans-serif; margin:0; padding:0; text-align:center; }
html { background: #A7C096 url(../img/bg.png) repeat-x top;}

h1, h2, h3, h4, h5, h6 {color: #98B47F ; margin:0}
.clear { clear:both; height:1px; font-size:1px; }
ul , ol { margin:10px 0 10px 0; padding:0; list-style:none}
ul li { margin-bottom: 10px}
p { margin: 5px 0 }
a { color: #2C5070; outline: none}
ul.circle { list-style:disc outside none; padding-left: 12px}
h1 span { display:block; font-size:13px; margin-top:5px; font-weight: bold}
p.small { font: 11px/14px Tahoma, Verdana, Arial, sans-serif; margin-top:3px}


#wrapper { width: 924px; margin: 0 auto ; height: 800px;text-align:left} 
#header{ height:228px; background-image:url(../img/header.png); width: 924px;}
#header a { display: inline-block; width: 306px; height: 165px; margin: 35px 0 0 35px; cursor:pointer}

a:hover { color: #000}
#container3, #container2, #container1 {float:left; width:100%; position:relative;} 
#container3 { overflow:hidden; background: #FFF url(../img/fondo.png) repeat-y right; color:#7C7C7C; text-align:left }
#container2 { right:0;}
#container1 { right:685px; background: #FFF url(../img/bg_CL.png) repeat-x bottom}
#col1, #col2 { float:left; position:relative; overflow:hidden; }
#col1 { width: 218px;  height:100%; padding: 0 16px 0 20px; left:676px; }
#col2 { width: 580px;  min-height:100%; padding: 0 37px; left:687px;}


#footer { height: 28px; background-image:url(../img/footer.png); margin-bottom: 55px; position:relative ; color:#2C5070; font-size:11px; text-align:center; padding-top: 104px; float:left; width:100%}
#footer .footer_img { background-image:url(../img/footer2.gif); width:131px; height:81px; position:absolute; left: -30px; top:84px}
#footer a { border-left: 1px solid #CCC; margin-left: 5px; background:url(../img/proteccionDatos2.gif) no-repeat 10px; display:inline-block; padding: 3px 0 3px 37px}
#footer a img { display:none}

#menu { margin-top:10px; border-bottom: 1px dotted #EBEBEB;}
#menu a { background:url(../img/arrow.gif) no-repeat 5px 12px; border-top: 1px dotted #EBEBEB; display:block; padding: 7px 15px; text-decoration: none; color:#2C5070; border-left: 1px solid #FFF; border-bottom:1px solid #FFF; font-family:Arial, Helvetica, sans-serif}
#menu a:hover { background-color: #F8F8F8; border-left: 1px solid #ECF1E7}


#menu a.on, #menu a.on:hover { font-weight: bold; cursor:default; background-color: #FFF}

#menu .grey { display:block; padding: 5px 18px 7px 18px ; border-bottom: 1px solid #FFF; font-weight:bold; color:#2C5070; background: #ECF1E7 url(../img/menu-arrow.gif) no-repeat; height: 15px; cursor:default}
#menu strong.submenu { background-position:  4px -14px}
#menu a.submenu { background-position: 4px 11px !important; cursor:pointer; border-left:0 !important }
#menu a.submenu:hover { border-left:0 !important; border-right: 1px solid #E6E6E6; background-color: #EBEBEB;border-left:0 !important}
#menu .submenu_on, #menu submenu_on:hover { background-color:#93AE80!important; color:#ECF1E7; background-position: 4px 11px !important; border-left:0!important}

#noticias { padding-top: 60px;}
#noticias a { color:#587247;  border-bottom: 1px dotted #CCC; font-size: 11px; display:block; padding: 5px 10px 7px 12px; background:url(../img/arrow.gif) no-repeat  left 10px;} 
#noticias a:hover {color:#2C5070; background-position:2px 10px; }

h1 {  font: normal 22px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 10px 0}
h2 { font-size: 12px; font-weight: normal; color:#7C7C7C; padding: 0 0 30px 0}
h3 { border-bottom: 1px solid #E6EDE0; padding-bottom: 181px; font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding: 7px 10px;}
h4 { font-size: 13px; margin: 15px 0 0 0; display:block; background:url(../img/arrow.gif) no-repeat left 5px; padding-left:10px}
h5 { background-color:#98B47F;  color:#FFF; font-size: 13px; padding: 5px 10px; _height: 15px  }
h6 { margin-bottom: 3px; font-size: 12px; color:#7C7C7C; font-weight:normal; margin-top:5px}

.box { width: 282px; float: left; background:url(../img/bg_box.png) repeat-x bottom;  margin-bottom: 25px}
.estrategia { margin-right: 15px;  }
.box ul { padding: 180px 10px 0 25px; list-style: outside}
.estrategia , .experiencia { height:437px;}
.estrategia ul { background: url(../img/img_estrategia.jpg) no-repeat center 5px;} 
.experiencia ul { background: url(../img/img_experiencia.jpg) no-repeat center 5px;} 
.box li { font-size: 11px; margin-bottom: 5px}
.gestionMedicamentos, .vademecums { display:block; width: 158px; height: 105px; float:left; color: #FFF; text-decoration: none; padding: 15px 0 0 125px}
.gestionMedicamentos:hover, .vademecums:hover { color: #FFF} 
.gestionMedicamentos { background-image:url(../img/gestionMedicamentos.png); margin-right: 13px; }
.gestionMedicamentos strong { font-size:13px; display:block}
.vademecums  { background-image:url(../img/vademecums.png); padding: 45px 0 0 125px; height: 75px; font:12px Arial, Helvetica, sans-serif; }
.home h1 { font-size: 25px}

.box2a, .box2b {border-left: 1px dotted #98B47F; padding-left:3%; margin:15px 0  30px 0;}
.box2a { width: 37%; float:left; }
.box2b { width: 310px; float:left;  border-right: 1px  dotted #98B47F;}
.box3 { background:url("../img/bg_CL.png") repeat-x scroll center bottom #ECF1E7; padding: 10px 30px 30px 30px; margin: 20px 0; border:1px solid #ECF1E7}
ol { list-style: outside decimal; padding-left: 20px; }
ol  li { margin-bottom: 5px}


/* CONTACTO */
.contacto h4 { margin-top:0;  background:url(../img/arrow.gif) no-repeat left ; padding-left:10px}
.contacto .box { width: 560px;  text-align:center ; border: 1px solid #ECF1E7}
.contacto .img { background: url(../img/contacto.gif) no-repeat right bottom; height: 100%; padding: 10px 185px 10px 30px }
.contacto  label { display:block; width: 110px; clear:left; float: left; margin: 0 0 5px 0; text-align:left; height:19px; padding: 3px 0 0 10px; background:url(../img/arrow.gif) no-repeat left }
.contacto  input, .contacto textarea { float: right; width: 200px; clear:right;  margin-bottom: 5px; font: 12px  Tahoma, Verdana, Arial, sans-serif; padding:2px; color:#7C7C7C}
.contacto textarea { height: 80px}
input.enviar { background:url(../img/enviar.gif) no-repeat left top; width: 94px; height:26px; border:0; color: #FFF; font-weight: bold; cursor: pointer; float: none; margin: 10px 0 10px 140px; clear:both}
input.enviar:hover { background-position: left bottom; border:0}
div.ok, div.error { padding: 10px 10px 10px 45px; text-align:left; margin: 0 0 10px 0; _background-image: none}
.contacto h1 { text-align:left; border-bottom: 1px  dotted ; margin: 10px 30px}
div.ok { background: #E6FDDF url(../img/ok.gif) no-repeat 5px center; color:#003300; border: 1px solid #006600}
div.error { background: #FEE9FE url(../img/error.gif) no-repeat 5px center; color:#FF0000; border: 1px solid #FF0000}
label.error {color:#FF0000;}
input.error {border:1px solid #FF0000;}
.contacto p { margin: 0 0 15px 0; text-align:left; font-family:Tahoma, Verdana, Arial, sans-serif}

/*LINKS UTILES */
.links ul { margin: 30px 40px 0 0; border-top: 1px dotted #CCC;}
.links ul li {border-bottom: 1px dotted #CCC; margin:0}
.links a{ display:inline-block;   padding: 5px 10px 7px 12px; background:url(../img/arrow.gif) no-repeat  left 10px; margin-right:  40px}

/* ADMINISTRACION */
.administracion { background:url(../img/administracion.jpg) no-repeat top; padding:275px 37px 0  37px!important; }
.administracion h1 { padding: 10px; margin-bottom: 15px; border-bottom: 1px solid #98B47F; font: 20px Tahoma, Verdana, Arial, sans-serif; text-align:center}
.administracion ul { margin: 20px 0; list-style:disc inside}

/* GESTION DE MEDICAMENTOS */
.G_medicamentos .programa  { background: url(../img/sist_medicamentos.jpg) no-repeat 0 bottom ; padding: 30px 312px 50px 20px; height: 191px; font-size:13px; line-height: 19px;margin-bottom: 20px; border-bottom: 1px solid #CCC}
.G_medicamentos .programa h1 { margin-bottom: 15px;  }
.G_medicamentos ul { margin: 20px 0; list-style:disc inside!important}

/* GESTION FORMULARIOS */
.G_formularios { background:url(../img/foormularios.jpg) no-repeat top;/* padding-top: 274px!important*/}
.G_formularios h1 { padding: 40px 250px 100px 20px}
.box5 { width: 158px; float:left; background:url("../img/bg_CL.png") repeat-x scroll center bottom #ECF1E7; padding: 0 13px 10px 13px; height: 275px; margin-top: 30px; border: 1px solid #ECF1E7}
.box5 h4 { border-bottom:1px dotted; height: 60px; margin-bottom: 10px; }
.box5 p {font: 11px/14px Tahoma, Verdana, Arial, sans-serif; margin-top:3px}
.middle { margin: 30px 10px 0 10px}

/* EXPEDIENTE */
.expediente { background:url(../img/expediente.jpg) no-repeat top; }
.expediente h1 { padding: 70px 400px 130px 20px} 
 
/* FIDEICOMISOS */
.fideicomisos { background: url(../img/fideicomiso.jpg) no-repeat top }
.fideicomisos h1 { padding: 80px 400px 120px 20px} 

/* PREVENCION SECUNDARIA A TRAVES DEL MEDICAMENTO */
.prevencion_secundaria { background:url(../img/prevencion.jpg) no-repeat top}
.prevencion_secundaria h1 { padding: 70px 280px 110px 20px}
.prevencion_secundaria ul { margin: 20px 0; list-style:disc outside; padding-left: 15px}

/* CONTROL Y SEGUIMIENTO DE PACIENTES CON PATOLOGIAS ESPECIALES */
.patologias { background:url(../img/patologias.jpg) no-repeat top}
.patologias h1 { padding: 50px 300px 100px 20px}


.patologiasPrevalentes { background: url(../img/patologiaPrevalente.jpg) no-repeat top}
.patologiasPrevalentes h1 { padding: 50px 300px 100px 20px}