body { margin: 0;
       font-family: sans-serif; font-size: 12px; 
       background-color: #fff; color: #333; }
a { color: #070; }
a:hover { color: #000; }
input { border: 1px solid #999; font-family: arial, sans-serif; font-size: 10px; padding: 2px; }
input.submit { padding: 2px 8px;                
               font-weight: bold; font-size: 10px;
               color: #060;  }
input.submit:hover { color: #fff; background-color: #060; }
textarea { border: 1px solid #999; font-size: 11px; padding: 2px; }
select { border: 1px solid #999; font-size: 10px; }
table { border-spacing: 3px;}
th { font-size: 14px; font-weight: bold; color: #000; background-color: #e3f1bd; text-align: left; padding: 4px; }
td { text-align: left; }
 .heading { color: #060; font-weight: bold; padding: 4px 0; }
 .label { color: #666; font-weight: bold; padding: 3px 4px 3px 4px; vertical-align: top; }
 .label-req { color: #c00; font-weight: bold; padding: 3px 4px 3px 4px; vertical-align: top; }
 .label-cons { color: #060; font-weight: bold; padding: 3px 4px 3px 4px; vertical-align: top; }
 .box { padding: 2px; }
 .box-color { background-color: #ddffaa; vertical-align: top; text-align: justify; padding: 10px; }
hr { border: 0; color: #060; background-color: #060; height: 1px;}

#main { width: 980px; margin: 0px auto 30px; background-color: #fff; min-height: 800px; }
#top { height: 110px; margin: 0 0 0 640px; padding: 0 0 0 150px;
       background-image: url('images/mainImage'); background-repeat: no-repeat; background-position: 0px 10px; }
#top ul { margin: 0; padding: 20px 0 0 0; }
#top li { padding:  2px 0 0 25px; list-style: none; 
          background-image: url('images/menuArrow'); background-repeat: no-repeat; background-position: 0 5px; }
#top li:hover { background-image: url('images/menuArrowHover'); background-repeat: no-repeat; background-position: 0 5px; }
#top li a { width: 110px; text-decoration: none; padding: 0; margin: 0; font-weight: bold; }
#top li a:hover { text-decoration: underline; }

#logo { float:left; margin-right: 50px; }

#menu { float: left; width: 140px; margin-top: 10px; padding: 0; }
#menuItem { margin: 0; padding: 0; background: #fff url('images/menuWall'); }
#menuItem li { margin: 0 6px 0 4px; list-style: none; font-weight: bold; padding: 0; }
#menuItem li a { display: block; width: 110px; color: #fff; text-decoration: none; padding: 4px 10px; margin: 0; }
#menuItem li a:hover { background-color: #006000; }

#menuTop { margin: 20px 0 0 160px; width: 600px; }
#menuTop ul { height: 24px; border-bottom: 1px solid black; margin: 0 0; padding: 0 0; }
#menuTop li { list-style: none; display: block; float:left; width: 120px; 
              margin: 0 1px 0 0;
              font-size: 14px; text-align: center; background-color: #666;}
#menuTop li a { display: block; text-decoration: none; color: #fff; padding: 4px 10px;}
#menuTop li a:hover { background-color: #006000; }

#indexMain { margin: 0 0 0 170px; padding: 0; }
#indexMain table { }
#indexMain td { width: 176px; vertical-align: top; padding: 0; }
#indexMain .titulo { padding: 4px 0; 
               font-weight: bold; font-size: 16px; letter-spacing: 2px;
               text-align: center; }
#indexMain .titulo a {text-decoration: none; }
#indexMain h3 { font-weight: bold; font-size: 12px; margin: 6px 0 4px 0;  }
#indexMain span { font-size: 10px; }

#indexMain .box { margin: 5px 0 20px 0; text-align: center; padding: 25px 15px 0 15px; line-height: 1.2em; height: 64px; }
#indexMain .box a { text-decoration: underline; color: #fff; font-weight: bold; }
#indexMain .box span { padding: 0; color: #fff; letter-spacing: 0px; font-size: 10px;  }

#contenido { margin-left: 140px; padding: 20px; width: 760px; 
             text-align: justify; line-height: 1.4em; }
#contenido a { font-weight: bold; }
#contenido img.texto { border: 1px solid black; padding: 5px; float: left; margin: 0 20px 20px 0; }

ul.lista { margin: 0 40px; padding: 0; }
li.lista { padding: 5px 0 5px 25px; list-style: none; 
                background-image: url('images/menuArrow'); background-repeat: no-repeat; background-position: 0 10px;}
li.lista:hover { background-image: url('images/menuArrowHover'); background-repeat: no-repeat; background-position: 0 10px; }


#subMenu { float: right; width: 160px; margin: 48px 0 14px 20px; padding: 0; }
#subMenu ul { margin: 0; padding: 0; background-color: #fff; }
#subMenu li { margin: 0; list-style: none; padding: 3px 10px; background-image: none; text-align: left; }
#subMenu li:hover { background-image: none; }
#subMenu li a { text-decoration: none; }
#subMenu li a:hover { color: #000; }

h1 { font-size: 18px; padding: 8px 0; font-weight: bold; color: #fff; margin: 0 0 18px 0; }
h2 { font-size: 16px; padding: 4px 0; font-weight: bold; margin: 0; }
h3 { color: #006600; margin-bottom: 10px; font-size: 14px; }
span.resultado { color: #070; font-weight: bold; font-size: 110%; padding: 2px 4px; border: 2px solid green; }

table.display-box { margin: 0; padding: 0; border-spacing: 0px; width: 100%; }
table.display-box th { font-weight: bold; background-color: #006600; color: #ffffff; padding: 4px; margin: 0px; text-align: left; }
table.display-box td { border-bottom: 1px solid #999; padding: 4px; margin: 0px; color: #000; }

div.scrolltable { height: 240px; width: 800px; overflow: auto; }

.nota { background-color: #e3f1bd; padding: 5px 15px; margin: 0; }
.nota h1 { letter-spacing: 4px; text-transform: uppercase; color: #333; margin-bottom: 20px; text-align: center; background-color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; padding: 0; }
.nota h2 { text-decoration: underline; font-size: 12px; }

div#error { }
div#error h3 { color: #f00; }
.error { background-color: #f00; color: #fff; font-weight: bold; width: 34%; float: left; padding: 2px; margin: 1px;}
.texto3 { background-color: #eee; color: #000; font-weight: bold; width: 64%; float: left; padding: 2px; margin: 1px;}
.eliminar { background-image: url('images/eliminar'); width: 15px; height: 15px; font-size: 0px;}
a.aboton { background-color: #eee; color: #060; font-weight: bold; font-size: .8em; padding: 2px 8px; margin-right: 3px; border: 1px solid #999;
          text-decoration: none; }
a.aboton:hover { background-color: #060; color: #fff; }

#formas { margin: 0; padding: 0; width: 760px; }
table.calendar { background-color: #ddd; border-spacing: 1px; width: 100%; }
table.calendar td { background-color: #fff; vertical-align: top; padding: 4px; }
table.calendar td.negrilla { font-weight: bold; }

#categorias { margin: 0 0 40px 0; padding: 0; list-style-type: none; }
#categorias li { position: relative; display: inline; float: left; margin: 0 6px 0 0; list-style: none; font-weight: bold; padding: 0; }
#categorias li a { display: block; width: 82px; color: #fff; text-decoration: none; padding: 4px 10px; margin: 0; }
#categorias li a:hover { background-color: #fff; color: #000; }

a.arrows { background-color: #090; width: 40px; color: #fff; text-decoration: none; padding: 4px 10px; margin: 0; }

.paciente { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px; background-color: #e3f1bd; padding: 8px; }
.clienteid { float: right; font-weight: bold; color: #000; margin: 5px; background-color: #fff; padding: 5px; border: 1px solid black;}

#notas { clear: both; float: left; width: 140px; margin-top: 40px; padding: 0; }
#notas h1 { color: #999; font-size: 12px; font-weight: bold; text-align: center; padding: 2px; border-bottom: 2px solid #999; margin: 0; }
#notas li { list-style: none; background-image: url('images/notasArrow'); background-repeat: no-repeat; background-position: 0 2px; padding-left: 14px; margin-top: 15px; }

.botonback { text-align: right; margin: 10px 0; }
/* footer */

#footer { background-color: #030; color: #fff; border-top: 6px solid #aaa }

.footerdiv {
  width: 980px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  line-height:150%
}
.footerdiv table { width: 100%; }
.footerdiv td { vertical-align: top; width: 25%; padding: 10px 20px; }
.footerdiv h5 { font-weight: bold; font-size: 1.2em; color: #fff; margin: 10px 0; }

.footerdiv a { color: #d9ff26; text-decoration: none; padding: 10px; }
.footerdiv a:hover { color: #060; }