* {margin:0;padding:0;}
html, body {height: 100%; font-family: Arial, Helvetica, sans-serif ; color: #666 }
img { border: none}
/*strong { color: #3873ab}*/
strong { font-weight: bold}
#em { font-weight: bold}
em { font-style: italic !important}
a { color: #1071bc}
a:hover { background: #eef3f9; text-decoration: none}
/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* ESTRUCTURA */
body { background:url(../../Prontuario/img/fnd_header.jpg) repeat-x top #f4f4f6; }
#wrap {min-height: 100%; }
#main { /*overflow:auto;*/ padding-bottom: 120px; } /* must be same height as the footer */
#footer {position: relative; margin-top: -120px; /* negative value of footer height */ height: 120px; clear:both; background: #eaeef4 url(../../Prontuario/img/fnd_footer.jpg) repeat-x top}
/*Opera Fix*/
body:before {
content:""; height:100%; float:left; width:0; margin-top:-32767px;/* - negate effect of float*/
}
.cabecera { width: 950px; margin:0 auto; text-align: left; height:auto;overflow:hidden; }
.cabecera a:hover { background: none}
.pie { width: 950px; margin:0 auto; text-align: left; height:auto;overflow:hidden; font-size: 0.8em; padding-top: 30px; }
.pie a { text-decoration: none;}
.contenido{ width: 895px; margin:0 auto; text-align: left; height:auto;overflow:hidden; font-size: 0.8em; background: #fff; margin-top: 20px; margin-bottom: 20px; padding: 20px; }
.col1 { width: 250px; float:left; margin-right: 20px; font-size: 1.1em}
.col1 form label, select { font-size: 1.1em !important }
.col2 { width: 620px; float:left}
.col2 ol { margin-left: 30px; margin-bottom: 10px }
.col2 ol > li { border-bottom: 1px dotted #ccc; padding-bottom: 10px; padding-top: 10px}
.cont ol {padding-left: 30px; list-style-type: decimal}
/* NAVEGACIÓN PRINCIPAL */
.rounded_5 {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
ul.topnav { clear:both;
float: left;
font-size: 1.2em;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
background: #133b60;
border-top-left-radius: 5px;
border-top-right-radius: 5px; padding-left: 10px; width: 920px; margin-left: 10px
}
ul.topnav li {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../../Prontuario/img/menu-bg.gif");
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
position: relative;
}
.m-last {
background-attachment: scroll !important;
background-clip: border-box !important;
background-color: transparent !important;
background-image: none !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: auto auto !important;
}
ul.topnav li a {
-moz-text-blink: none;
-moz-text-decoration-color: -moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
color: #fff;
display: block;
float: left;
font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
padding-top: 8px; font-size: 0.9em; text-decoration: none
}
ul.topnav li a:hover {
color: #fff;
}
ul.topnav li a span.bg_color {
display: block;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
}
ul.topnav li a:link, ul.topnav li a:visited, ul.topnav li a:hover, ul.topnav li a:active {
-moz-text-blink: none;
-moz-text-decoration-color: -moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
color: #fff;
}
ul.topnav li a:hover .bg_color {
background-attachment: scroll;
background-clip: border-box;
background-color: #3873ab;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #fff;
}
ul.topnav li.current a .bg_color {
background-attachment: scroll;
background-clip: border-box;
background-color: #3873ab;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #fff;
}
ul.topnav li.current a:hover .bg_color {
background-attachment: scroll;
background-clip: border-box;
background-color: #3873ab;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #fff;
}
/* ENCABEZADOS */
h1 { float:left; margin-top: 6px; margin-left: 15px }
h1 > a { text-decoration: none }
h2 { color: #133b60; font-size: 1.5em; font-weight: normal; padding-bottom: 10px}
h3 { color: #3873ab; font-size: 1.1em; font-weight: normal; padding-bottom: 5px; font-weight: bold; padding-top: 10px; clear:both;padding-bottom: 10px}
h4 { margin-top:15px; margin-bottom: 10px; color: #3873AB; display: inline; font-size: 100% }
form > h3 { color: #133b60; font-size: 1.1em; font-weight: normal; padding-bottom: 5px; font-weight: bold; padding-top: 10px}
.txt1 { color: #133b60; font-size: 1.5em; font-weight: normal; padding-bottom: 10px}
h2.ge img { vertical-align: middle; margin-right: 15px }
/* INFO SUPERIOR */
ul.inftopuser {
list-style: none;
color: white;
float: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
margin-left: 160px;
list-style-position: outside;
margin-bottom: -20px;
position: absolute;
margin-top: 22px;
}
ul.inftopuser li { float: left;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../../Prontuario/img/menu-bg.gif");
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;
padding-left: 10px;
padding-right: 10px;
}
ul.inftopuser li a { color: #fff; text-decoration: none;
}
ul.inftopuser li a:hover { text-decoration: underline; background: none}
.col0, .col1, .col2 { margin-top: 20px }
ul.inftop { float: right; margin-top: 1.8em;
font-size: 0.8em;
list-style-image: none;
list-style-position: outside;
list-style-type: none; }
ul.inftop li { float: left;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../../Prontuario/img/menu-bg.gif");
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;}
ul.inftop li a { color: #fff; text-decoration: none;
padding-left: 10px;
padding-right: 10px; }
ul.inftop li a:hover { text-decoration: underline; background: none}
.col0, .col1, .col2 { margin-top: 20px }
/* UTILIDADES */
.ge { float:left; }
.infutil { text-align: right; float:right; padding-right: 5px; padding-bottom: 15px; }
.infutil a { color: #3873ab; text-decoration: none; font-weight: bold; font-size: 0.9em; margin-left: 20px}
.infutil a:hover { text-decoration: underline}
.infutil img { vertical-align: middle }
.ben { border-bottom: 1px dotted #ccc}
/* FOOTER */
.logos { float: right; padding-right: 10px }
ul.infbot { float: left; margin-top: 1em;
list-style-image: none;
list-style-position: outside;
list-style-type: none;}
ul.infbot li { float: left;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../../Prontuario/img/pie-bg.gif");
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;}
ul.infbot li a { color: #3873ab; text-decoration: none;
padding-left: 10px;
padding-right: 10px; }
ul.infbot li a:hover { text-decoration: underline; background: none}
.copy { padding-left: 10px; padding-top: 20px }
/* instrucciones consulta */
.instru { font-size: 0.85em; margin-top: 35px; padding: 10px; background: #fcfcfc}
/* BUSCADOR GENERAL */
.buscador { background: #adc9e4; width: 368px; padding: 5px; float:right; margin-top: 80px; margin-right: -300px; }
.cajatxt { border: 1px solid #aaa; background: url(../../Prontuario/img/fnd_input.jpg) repeat-x #fff ; color: #666; padding: 5px; width: 250px; }
.btnbuscar { background:url(../../Prontuario/img/btn_buscar.jpg) no-repeat; color: #fff; border: none; padding-left: 30px; padding-top: 8px; padding-right: 10px; padding-bottom: 6px; font-weight: bold; font-size: 0.7em; margin-left: -10px; cursor:pointer }
/* FORMULARIOS */
ul.resultados li > div { background: #133b60; padding: 5px; font-weight: bold; margin-top: 10px; color: #fff }
ul.resultados > li { list-style-type: none; margin-left: -15px}
.acc { margin-top: 10px; margin-bottom: 10px; text-align: right; border-top: 1px dotted #ccc; padding-top: 10px}
.acc input { margin-left: 10px }
.contenido label { color: #3873ab; font-weight: bold; display:block; padding-bottom: 5px; padding-top: 5px; border-top: 1px dotted #ccc }
.boxfbg { background:#eff4f9; padding: 10px; padding-left: 15px; padding-right: 15px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.boxform { border: 1px solid #aaa; padding: 10px; border-top: 2px solid #1071bc; background: #fff ; margin-bottom: 10px }
.boxform input { color: #666; font-size: 0.9em; padding: 3px; border: 1px solid #aaa; background:url(../../Prontuario/img/fnd_input.jpg) repeat-x }
.boxform textarea{ color: #666; font-size: 1.2em; padding: 3px; border: 1px solid #aaa; background:url(../../Prontuario/img/fnd_input.jpg) repeat-x }
.lab { float:left; padding: 5px; }
.g1 fieldset { border: none; }
.g1 fieldset legend { color: #3873ab; font-weight: bold; padding-bottom: 5px; padding-top: 5px; border-top: 1px dotted #ccc; width: 100%}
.g1 { clear:both; margin-bottom: 5px ; }
.g1 .lab label { font-weight: normal; color: #666}
.g1 label {padding-right: 10px ; border: 1px solid #fff }
.g1 input { vertical-align: middle; float:left; margin-right: 5px }
.g1 div { font-size: 0.85em}
.leyenda { background:url(../../Prontuario/img/leyenda.jpg) no-repeat; width: 895px; padding: 15px; margin-top: 25px }
.leyenda span { padding-left: 15px}
.leyenda span img { vertical-align:middle}
.boxform div { padding-bottom: 10px }
/* directorio */
table.ficha { width: 100%}
table.ficha th { background: #1071bc; color: #fff; padding: 5px; border-right: 1px solid #fff}
table.ficha td { width: 25%; padding: 5px; vertical-align: top; border-right: 1px solid #dcdcdc}
table.ficha td strong { display: block}
/* columna 1 adaptacion consulta */
.col1 .g1 span { width: 130px }
.col1 .boxfbg { background: #fafafa }
.col1 h2 { font-size: 1.2em; color: #3873ab; border-bottom: 1px dotted #ccc }
.col1 .boxfbg, form > h3 { color: #133b60; font-size: 0.95em; padding-bottom: 5px; padding-top: 10px}
.col1 .boxform { border: 1px solid #dcdcdc; padding: 10px; border-top: 2px solid #dcdcdc; background: #fff ; margin-bottom: 10px; font-size: 0.8em }
.col1 .boxform select { width: 200px; }
.col1 .arbol dt a { font-size: 0.9em}
.col1 .cont { padding: 0px !important; }
.col1 .cont .boxform { margin-bottom: 0px !important; padding: 5px !important; border: none }
.col2 .arbol { padding-bottom: 20px }
.col2 .cont .boxform { margin-bottom: 0px !important; padding: 10px !important; border: none }
.col2 .cont .boxform input{ margin-bottom: 10px}
.boxform select { padding: 2px; font-size: 0.9em; color: #666; border: 1px solid #ababab; background: url(../../Prontuario/img/bg_select.jpg) repeat-x #fbfbfb; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; margin-bottom: 10px}
/* CONSULTAS DETALLE // ACORDEON */
/*arbol*/
.arbol{ overflow:hidden; height:100%}
.arbol img { vertical-align: middle }
.arbol dt { background:url(../../Prontuario/img/fnd_acordeon.jpg) repeat-x ; border: 1px solid #dcdcdc; padding:10px 12px 6px; margin:6px 0 0}
.arbol dt a{ line-height:1.2em; display: block; text-decoration: none; color: #133b60; font-weight: bold; background:url(../../Prontuario/img/mas.gif) no-repeat right }
.arbol dt a:focus {
outline:0; }
.arbol dd {list-style:none;margin:1px 0 0;}
.menos { background:url(../../Prontuario/img/menos.gif) no-repeat right !important; color: #3873ab !important }
.activo { background:url(../../Prontuario/img/menos.gif) no-repeat right !important; color: #3873ab !important }
.arbol dd a:hover, .arbol dd a:focus, .arbol dd a:active{ }
.arbol dd div.cont{overflow:hidden; height:100%;padding:10px 12px;border:4px solid #dcdcdc; background: #fff}
/* SUBMENU */
.submenu li { font-size: 0.85em; padding: 10px; border-bottom: 1px dotted #ccc; list-style-type: none; margin-left: -15px; background:url(../../Prontuario/img/submenu.gif) no-repeat 8px 14px #f6f6f6 ; padding-left: 20px }
.submenu li a { text-decoration: none; color: #333 }
.submenu li.current { font-weight: bold ; color: #3873ab }
.submenu li.current a { color: #3873ab }
.listar { margin-left: 25px; margin-top: 10px; margin-bottom: 10px }
.listar li { padding-bottom: 5px; list-style-type: disc; border-bottom: 1px dotted #ccc; padding-top: 5px }
/* ficha magistrado */
.mficha {background: #fdfdfd url(../../Prontuario/img/fnd_ficha.jpg) repeat-x; border: 1px solid #ddd; padding: 10px; }
.mficha iframe { background: #f7f7f7; border: 1px solid #ddd; padding: 5px; width: 270px; height: 270px }
.mficha > table.ficha { width: 51%; float:left; margin-left: 10px; margin-top: 5px; margin-bottom: 35px }
.mficha > table.ficha th { background: #1071bc; color: #fff; padding: 3px; border-right: 1px solid #fff; padding-left: 5px}
.mficha > table.ficha td { width: 25%; padding: 3px; vertical-align: top; border-right: none; padding-bottom: 8px}
.mficha > table.ficha td strong { display: inline}
.mficha > table.ficha td p { padding: 2px }
/* glosario */
.listnav { margin: 0px; clear:both; }
.listnav li { float: left; list-style-type: none; background: #f7f7f7; color: #949494; padding: 3px; padding-left: 7px; padding-right: 7px; }
.listnav li.current { background: #3873ab; color: #fff; font-weight: bold }
.listnav li.current a { color: #fff; }
.listnav li.current a:hover { background: none }
.listnav li a:hover { background: #3873ab; color: #fff; }
.letra { color: #3873ab; font-size: 5em; clear:both; margin:10px; }
.listaglosario { margin-top: 20px}
.listaglosario dt { color: #3873ab; background: #f7f7f7; font-size: 1em; border: 1px dotted #dcdcdc; padding: 3px; font-weight:bold }
.listaglosario dd { margin-left: 50px; padding: 15px }
.cc { margin-top: 10px; margin-bottom: 10px; text-align: center; border-top: 1px dotted #ccc; padding-top: 10px}
#pag{
border-width:1px 0;
list-style:none;
margin:0;
padding:0;
text-align:center;}
#pag li{ display:inline; padding:5px; color: #949494;}
#pag li.current { background: #3873ab; color: #fff; font-weight: bold }
#pag li.current a { color: #fff; }
#pag a{ display:inline-block; ;}
.chome { padding: 0px; min-height: 535px; width: 930px; background: url(../../Prontuario/img/home.jpg) no-repeat #f5fafe; border: 1px solid #fff }
/* CONTENIDO */
.contenido p { padding-top: 5px; padding-bottom: 5px; text-align: justify;}
ul { margin-left: 15px; margin-bottom: 15px; }
ul.links { list-style-type: none; margin-top: 5px; border-top: 1px dotted #ccc; }
ul.links li { list-style-type: none; padding-bottom: 10px; padding-top: 3px; border-bottom: 1px dotted #ccc; padding-top: 5px }
ul.links li img { vertical-align: middle; float:left ; }
ul.links li span { float:left; width: 92% }
.oclt {
left: -9999em;
overflow-x: hidden;
overflow-y: hidden;
position: absolute;
}
/* Tall Buttons ------------------------------------------------- */
.tall.button {
font-size:14px;
padding:8px 19px 9px;
background-image:url(../../Prontuario/img/tall-button-overlay.png);
}
.tall.button em {
font-size: 2em;
font-style:normal;
display:block;
margin-top:5px; width: 200px; font-weight: normal; font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;
}
.bluen.button {
background-color:#063468;
}
.bluen.button:hover {
background-color:#0E59AE;
}
.bluen.button:active {
background-color:#1169cc;
}
.obligatorio { color: #666; font-weight: normal; font-style:italic; font-size: 0.85em }
/* estilos popup*/
.popup { width: 600px; }
.popup h1 { margin-left: 0px; }
.popup .ben { margin-bottom: 20px; }
.popup .infutil { clear: both}
/* mensajes error formulario */
.msserror li {
padding:2px 4px; margin:4px 0px; border:solid 1px #FBD3C6; background:#FDE4E1; color:#CB4721;
}
.msserror strong {color:#CB4721; }
.im { float: left; margin-right: 25px; vertical-align:middle }
/* Small Buttons -------------------------------------------------- */
.small.button {
font-size:11px;
padding:5px 15px 6px;
background-image:url(../../Prontuario/img/small-button-overlay.png);
}
input[type="submit"].small.button, .small.button.input {
padding:3px 15px 4px;
}
input[type="button"].small.button, button.small.button {
padding:4px 15px; }
/* General Button Styles, Cascades Down To Every Button ------------- */
.button {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#222222 url(../../Prontuario/img/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
}
.button:hover {
background:#111111;
color:#FFFFFF;
}
.button:active {
background:#242424;
}
.blue.button {
background-color:#0E59AE;
}
.blue.button:hover {
background-color:#063468;
}
.blue.button:active {
background-color:#1169cc;
}
.white.button {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#666666 !important;
font-weight:normal;
text-shadow:0 1px 1px #FFFFFF;
}
.white.button:hover {
background-color:#EEEEEE;
}
.white.button:active {
background-color:#ffffff;
}
.bn { border: none !important}
/* pop up*/
.cerrar h1 { float: left; margin-left: 5px; font-weight: normal; margin-top: 5px; }
.cerrar { color: #fff; width: 600px; margin:0 auto; text-align: right; height:auto;overflow:hidden; padding-top: 10px; font-size: 0.8em; background:url(../../Prontuario/img/cerrar.gif) no-repeat right; padding-right: 20px }
.cerrar a { color: #fff; float: right; padding: 8px}
.cerrar a:hover { color: #fff; background: none}
p.payudap { background:url(../../Prontuario/img/ayuda.gif) no-repeat 5px ; padding-left: 25px ; clear: both ; }
.tabcon td { border-bottom: 1px dotted #ccc; padding-bottom: 10px}
.field { float:left; padding: 5px; }
/* radiobuttons*/
.rad { clear: both }
.rad input { float: left; margin-right: 10px; margin-top: 8px; border: none }
.rad label { float: left; border: none; margin-right: 15px; }
.arbol textarea { clear:both }
.ga {border-bottom: 1px dotted #ccc; display: block; clear:both; height: 1px; width: 100%; font-size: 1px; padding: 0px !important }
.infsol { width: 600px; margin:0 auto; text-align: left; height:auto;overflow:hidden; padding-top: 10px; font-size: 0.8em; }
.msg_body { background: #fff; padding: 20px }
.msg_body2 { background: #fff ; padding: 20px}
.msg_body p { margin-bottom: 10px }
.msg_head { background: #133b60 url(../../Prontuario/img/arw.gif) no-repeat 5px; text-decoration: none; padding: 5px; margin-bottom: 3px; padding-left: 25px }
.msg_head a { color: #fff; text-decoration: none}
.msg_head a:hover { color: #fff; text-decoration: underline; background: none}
.msg_head2 { background: #133b60 url(../../Prontuario/img/arw.gif) no-repeat 5px; text-decoration: none; padding: 5px; margin-bottom: 3px; padding-left: 25px }
.msg_head2 a { color: #fff; text-decoration: none}
.msg_head2 a:hover { color: #fff; text-decoration: underline; background: none}
.foto img { border: 1px solid #ccc; padding: 2px; margin-top: 10px; margin-left: 8px}