body{ background-color:#ffffff;font-size:12px;font-family:"Arial";margin:0;padding:0;color:#696969}
 
 a:link{color:#333;text-decoration:underline}
 a:visited{color:#333}
 a:hover{color:#333;text-decoration:none}
 a:active{color:#333}
 p,ul{margin-bottom:20px;line-height:1.6em}
 header,footer,nav,section{display:block}
 h1,h2,h3,h4,h5,h6{font-size:1.5em;color:#000}
 h1{font-size:2em;padding-bottom:0;margin-bottom:0}
 h2{font-size: 30px; color:#467289; font-weight:bold; text-shadow: 1px 1px 1px #000; font-family: Arial;margin-top: 20px;}
 h3{font-size:1.2em}
 h4{font-size:1.1em}
 h5,h6{font-size:1em}
 .page{width:900px;margin-left:auto;margin-right:auto}
 header,#header{position:relative;margin-bottom:0;color:#000;padding:0}
 header h1,#header h1{font-weight:700;padding:5px 0;margin:0;color:#fff;border:none;line-height:2em;font-size:32px!important;text-shadow:1px 1px 2px #111}
 #main  {padding:30px 30px 15px; background: #a3cce1; min-height: 955px;border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0}
 footer,#footer{background-color:#a3cce1;color:#999;padding:10px 0;text-align:center;line-height:normal;margin:0 0 30px;font-size:.9em;border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;}
 footer, #footer p { color: #ffffff; font-size: 14px; text-shadow: 1px 1px 1px #8eb1c3;}
 .consultorio { background: url('themes/base/images/consultorio.png') repeat-x; width: 352px; height: 74px; margin: 150px 0 50px 25px}
 ul#menu{border-bottom:1px #5C87B2 solid;padding:0 0 2px;position:relative;margin:0;text-align:right}
 
 ul#menu li{display:inline;list-style:none}
 ul#menu li#greeting{padding:10px 20px;font-weight:700;text-decoration:none;line-height:2.8em;color:#fff}
 ul#menu li a{padding:10px 20px;font-weight:700;text-decoration:none;line-height:2.8em;background-color:#e8eef4;color:#034af3;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0}
 ul#menu li a:hover{background-color:#fff;text-decoration:none}
 ul#menu li a:active{background-color:#a6e2a6;text-decoration:none}
 ul#menu li.selected a{background-color:#fff;color:#000}
 fieldset{border:1px solid #ddd;padding:0 1.4em 1.4em;margin:0 0 1.5em}
 legend{font-size:1.2em;font-weight:700}
 textarea{min-height:75px}
 select{border:1px solid #ccc;padding:2px;font-size:1.2em;color:#444}
 input[type="submit"]{font-size:13px;}
 .field-validation-error{color:red}
 .field-validation-valid{display:none}
 .input-validation-error{border:1px solid red;background-color:#fee}
 .validation-summary-errors{font-weight:700;color:red}
 .validation-summary-valid{display:none}
 .display-label,.editor-label{margin:1em 0 0}
 .display-field,.editor-field{margin:.5em 0 0}
 .text-box{width:30em}
 #crg .text-box {
    width: inherit !important;
}
 .text-box.multi-line{height:6.5em}
 .tri-state{width:6em}
 

 .loading { display:none;position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#fff center center; border:1px solid #cecece; z-index:1000; }
 
 
 .radiografias{ width:95%; margin: 0 auto; list-style: none;}
 .radiografias li { display: inline; width: 150px; height:150px; float: left;  margin: 10px 10px 0 0;padding: 10px;}
 .radiografias li a { display:block;  height:95%;}
 .radiografias li a img { width:95%; height:95%; vertical-align: 50%; margin: 0 auto;}
 .clear { clear:both; }
 .space { padding: 10px; clear: both;}
 .search{float: right;margin-right: 25px;margin-top: -94px;position: relative}
 .search input[type="text"] { padding-left: 35px;}
 /**** Buttons **/
 .login-button { border:1px solid #9a9a9a; background: url('themes/base/images/btn-login.png') repeat-x;  height:40px; padding: 0 25px 0 25px; color:#7f7f7f;text-shadow: 1px 1px #ffffff; cursor: pointer;}
 .submit-forms { border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;  height: 35px; color: #ffffff; font-family: Arial; font-size:10px;text-shadow: 1px 1px #47484b; background: url('themes/base/images/submit-form.png') repeat-x; border:1px solid #222b44; cursor: pointer; padding: 0 15px 0 15px;} 
 .search-button { background: url('themes/base/images/search-btn.png') no-repeat; width: 14px; height: 15px; border: none; position: absolute; margin:9px 0 0 12px;}
 a.btn-grey { color: #808081; text-shadow: 1px 1px #ffffff; text-decoration: none; height:29px; background: url('themes/base/images/btn_grey.png') repeat-x; display: block;height: 28px;line-height:26px; text-align: center; border: 1px solid #b7b4b4; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; float: left; margin-right: 10px; padding: 0 6px 0}
 a.expand { width: 32px; height: 32px; background: url('themes/base/images/expand.png') no-repeat; display: block; color:Transparent}
 a.add { width:116px; height: 19px; background: url('themes/base/images/add.png') no-repeat; display: block; text-decoration: none; padding-left: 25px; line-height: 20px; color: #565960; text-shadow: 1px 1px #ffffff; font-size: 12px;}
 /*** ****** ****/
 .list { clear: both; height: 740px; overflow: auto;width: 825px;}
 .list table{ border-collapse:collapse; float: left; width: 825px}
  html>body .list { overflow: hidden; width: 825px }
  html>body .list table { border-collapse:collapse; width: 825px }
  thead.fixedHeader tr { position: relative }
  .list table .footer tr td{ background-color: Transparent; padding:0;}
  html>body thead.fixedHeader tr { display: block }
 .list table tr th{ background: url('themes/base/images/table-head-middle.png') repeat-x; color : #ffffff; text-shadow: 1px 1px 1px #5b5652; font-family:Arial; font-weight:bold; font-size: 12px; height:40px; border-collapse:collapse; border: none;}
 .list table tr th.right {  background: url('themes/base/images/table-head-right.png') no-repeat; width: 25px; height:47px; }
 .list table tr th.left { background: url('themes/base/images/table-head-left.png') no-repeat; width: 22px; height:47px; }
  html>body tbody.scrollContent { display: block; height: 700px; overflow: auto;width: 100% ; padding-bottom:20px; border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px; }
  html>body tbody.scrollContent table { width: 100%;}
 .list table tr td{ padding: 7px; color: #333333; background: #fff2f2;}
 .list table tr td.update   { background: #4a7489; border-top: 1px solid #355260; display:none; color: #ffffff;}
 .list table tr td.update table td { background: #4a7489; }
 .list table tr td input[type="text"], input[type="password"]{ width: 200px;}
 .list table tr td.update .editor-label { color: #ffffff; text-shadow: 1px 1px 1px #4a5559; font-weight: bold;}
 .list table tr th ul { list-style: none; margin: 0; padding: 0}
 .list table tr th ul li { display: inline;}
 .list table tr td.ficha   { background: #4a7489; }
 .list .footer-table { clear:both; height:20px; width:100%; background:#fff2f2; border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px; }
 

 .ficha table { width: 100%; border-collapse:collapse; }
 .ficha table tr th{ background: url('themes/base/images/head-middle.png') repeat-x; color : #ffffff; text-shadow: 1px 1px 1px #5b5652; font-family:Arial; font-weight:bold; font-size: 12px; height:40px; border-collapse:collapse; border: none;}
 .ficha table tr th.right {  background: url('themes/base/images/head-right.png') no-repeat; width: 23px; height:45px; }
 .ficha table tr th.left { background: url('themes/base/images/head-left.png') no-repeat; width: 22px; height:45px; }
 .ficha table tr th ul { list-style: none; margin: 0;}
 .ficha table tr th ul li a{ border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; height: 40px;display: inline; float: left; margin-right:15px;  padding: 0 15px 0 15px; color: #ffffff; text-decoration: none;  vertical-align: middle; line-height:40px;}
 .ficha table tr th ul li a:hover{background: url('themes/base/images/tabs.png') repeat-x;}
 .ficha table tr th ul li a.current{background: url('themes/base/images/tabs.png') repeat-x;}
 .ficha table tr td { padding: 7px; color: #333333; padding: 0;}
 .ficha table tr td #target { width:100%; border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;background-image: linear-gradient(bottom, #3f6273 22%, #4B758A 61%);background-image: -o-linear-gradient(bottom, #3f6273 22%, #4B758A 61%);background-image: -moz-linear-gradient(bottom, #3f6273 22%, #4B758A 61%);background-image: -webkit-linear-gradient(bottom, #3f6273 22%, #4B758A 61%);background-image: -ms-linear-gradient(bottom, #3f6273 22%, #4B758A 61%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.22, #3f6273),color-stop(0.61, #4B758A));}
 .ficha table tr td #target input[type="text"], input[type="password"], textarea{ width: 200px;}
 .ficha table tr td #target .content { padding: 15px;}
 .ficha table tr td #target .content .editor-label, .ficha table tr td #target p { color: #ffffff; text-shadow: 1px 1px 1px #4a5559; font-weight: bold;}
 .ficha table tr td #target .content table tr td { padding: 7px; }
 .ficha table tr td #target .box-add-head { background: url('themes/base/images/fleco.png') no-repeat; width: 15px; height: 7px; margin-left: 60px; z-index:100; position: relative;}
 .ficha table tr td #target .box-add { background: url('themes/base/images/nuevacita.gif') repeat-x; height:60px; width: 100%; padding-bottom:40px; margin-top:-1px; padding-top: 10px; }
 .ficha table tr td #target .box-add p{ color: #ffffff; margin:0 10px 0 0; padding: 0; font-weight: normal; font-size: 12px;}
 .ficha table tr td #target p {margin-bottom: 10px; margin-left: 20px; margin-top:0; font-size: 16px;}
 .ficha table tr td #target .content .histo { background: #fff2f2 url('themes/base/images/histo-bg.gif') repeat-x; padding:10px; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
 .ficha table tr td #target .content .histo table tr th{ background: none; text-align: left; color: #000; text-shadow: none;}
 .ficha table tr td #target .content .histo table tr td .editor-label{text-align: left; color: #000; text-shadow: none; font-weight: normal; font-size: 12px;}
 .ficha table tr td #target .content img { border: 2px solid #ffffff; margin: 0 auto;}
 .ficha table tr td #target .content span.date { width:110px; background: #314c5a; display: block; padding-left: 5px; padding-right: 5px; margin: 0 auto; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; text-align: center; color:#ffffff; text-shadow: 1px 1px 1px #4a5559} 
 
 #login, #home { width: 50%; margin: 0 auto;}
 #login h2, #home h2 { font-size: 60px; color:#467289; font-weight:bold; text-shadow: 1px 1px 1px #000; font-family: Arial;margin-top: 200px;}
 #login form { width: 350px; margin: 0 auto;}
 #login input[type="text"], #login input[type="password"]{ width: 300px; padding-left:22px; padding-right:22px;}
 #login input[type="submit"] { float: right}
 #logininPopup { width: auto; margin: 0 auto; padding-left: 20px;}
 
 #home { width: 84.5%}
 #home h3 { font-size: 40px; color: #467289; font-weight: bold; text-shadow: 1px 1px 1px #000; font-family: Arial; margin: 100px auto 0; width:85%;}
 #home h2 { margin: 0 auto; width:85%;}
 
 #home ul { list-style: none; margin: 0 auto; padding: 0; width:65%;}
 #home ul li { display: block; padding:15px; width: 181px; height: 172px;float: left;}
 
 #home ul li a.list-patient { background: url('themes/base/images/list_patient.png'); width: 181px; height: 172px; display: block;}
 #home ul li a.list-citas { background: url('themes/base/images/citas.png'); width: 181px; height: 172px; display: block;}
 #home ul li a.list-citas_hoy { background: url('themes/base/images/citas_hoy.png'); width: 181px; height: 172px; display: block;}
 #home ul li a.list-laboratorio { background: url('themes/base/images/laboratorio.png'); width: 181px; height: 172px; display: block;}
 #home ul li a.list-radiographs { background: url('themes/base/images/radiographs.png'); width: 181px; height: 172px; display: block;}
 #home ul li a.list-medical-tests { background: url('themes/base/images/medical-tests.png'); width: 181px; height: 172px; display: block;}
 #home ul li a.list-patient:hover, #home ul li a.list-patient:active, #home ul li a.list-citas:hover, #home ul li a.list-citas:active, #home ul li a.list-citas_hoy:hover, #home ul li a.list-citas_hoy:active, #home ul li a.list-laboratorio:hover, #home ul li a.list-laboratorio:active, #home ul li a.list-security:hover, #home ul li a.list-security:active, #home ul li a.list-radiographs:hover, #home ul li a.list-radiographs:active, #home ul li a.list-medical-tests:hover, #home ul li a.list-medical-tests:active { background-position: 50% 100%;}
 
 #FechaNacimiento{ width: 75px}

 
 .field-common, .field-date input[type="text"], .field-date input[type="password"]{ width: 200px; padding-left:22px; padding-right:22px; border: 1px solid #ccc;-moz-border-radius: 6em;-webkit-border-radius: 6em;border-radius: 6em; height:27px; font-size: 14px;color: #666666;outline: 0;-webkit-appearance: none;-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);box-shadow: inset 0 1px 4px rgba(0,0,0,.2);}
 .field-common:focus, .field-date input[type="text"]:focus { -moz-box-shadow: 0 0 7px #bdbdbd; -webkit-box-shadow: 0 0 7px #bdbdbd; box-shadow: 0 0 7px #bdbdbd; }
 
 #paciente-details { font-size: 12px;}
 #paciente-details h1{ font-family: "Times New Roman"; text-align:center; margin: 0; padding: 0; font-size: 28px;}
  #paciente-details h2 { font-family: "Times New Roman"; text-align: center; text-shadow : none; color: #000; margin: 0; padding: 0; font-size: 22px;}
 #paciente-details table { font-size: 15px}
 
 h2.a { color: #000; text-shadow : none; text-align: center} 
 
 .consulta { width: 20px; height: 20px; background: #107c48; display: inline-block}
 .procedimiento { width: 20px; height: 20px; background: #ff0000; display: inline-block}
 
 .ui-dialog-content input[type="checkbox"] { width: auto}
 
 #ck { width : 10px}
 
 #maincalendar h2 { color : #8c8c95; text-shadow : none;}
 

table { font-size: 13px;}
.bod { font-weight: bold; }
#imprimir { float: right;margin-top: -15px;margin-bottom: 10px}
#xRecetas table { font-size: 11px;}
#xRecetas h1 { text-align: center; font-family:"Monotype Corsiva"; font-size: 46px;} 
#xRecetas input[type="text"] {border-bottom: 2px solid black; border-top: none;border-left: none;border-right: none;outline: none; }
#xRecetas h3{ text-align: center; font-size: 11px} 
#xRecetas textarea { border: none; width: 860px; height: 200px; max-width:860px; font-family: Arial; font-size: 12px;}
#xRecetas .intro { font-size: 11px; font-weight: bold}
#xRecetas hr.a-intro { border: none; border-top: 2px solid #000;}

#xRecetas .little { width: 50px}
#xRecetas .medium { width: 100px}
#xRecetas .large { width: 713px}

#IdPaciente-input { height: 20px; box-sizing: none; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none;box-shadow:none; text-shadow: none} 
.t-reset {text-shadow: none;}

@media print 
{
   #ad{ display:none;}
  #leftbar{ display:none;}
  .xRecetas  table{ font-size: 11px;}  
  .xRecetas h1 { text-align: center; font-family:"Monotype Corsiva"; font-size: 46px;} 
  .xRecetas input[type="text"] {border-bottom: 2px solid black; border-top: none; border-left: none; border-right: none;outline: none; }
  .xRecetas h3{ text-align: center; font-size: 10px} 
  .xRecetas textarea { border: none; width: 820px; height: 500px; resize: none}
  .xRecetas .intro { font-size: 11px; font-weight: bold}
  .xRecetas hr.a-intro { border: none; border-top: 2px solid #000;}
  
  .xRecetas .little { width: 50px}
  .xRecetas .medium { width: 100px}
  .xRecetas .large { width: 713px}
  
  .paciente-details { color: #000;}
  .paciente-details h1{ text-align: center; font-size: 25px; font-family: Times New Roman; font-weight:normal;}
  .paciente-details h2 { text-align: center; font-size: 22px; font-family: Times New Roman; font-weight: normal; text-shadow : none; color:#000; margin-top: 0px;}
  .paciente-details table{ font-size: 18px; width: 900px}
  .paciente-details #Paciente table { font-size: 18px; width: 900px; }
  .paciente-details table td { vertical-align: top; text-align: left; text-decoration:none; font-size: 15px; color: #000;}
  .paciente-details #Paciente table th { border-top: 2px solid #000; font-style: italic; border-bottom: 2px solid #000; padding-bottom:2px; margin-bottom:5px;}
  .paciente-details #Paciente table th a { text-decoration: none;}
  .paciente-details .t-reset, .paciente-details .t-arrow-up { display: none; visibility:hidden}
  .paciente-details #Paciente table th:nth-child(2){ text-align: center;}
  .paciente-details #Paciente table td:nth-child(2) { width: 900px; }
  .paciente-details #Paciente table td:nth-child(3), .paciente-details #Paciente table td:nth-child(4), .paciente-details #Paciente table th:nth-child(3), .paciente-details #Paciente table th:nth-child(4) {display:none; position:absolute; width: 0px; height: 0px;}
  .paciente-details #Paciente table td { padding-top:5px; font-size:15px}
  .paciente-details table td.und { border-bottom: 1px solid #000;}
  .t-grid table  { width: 100%}
   #content-time { height: 1025px;}
 
}