/* FONTS */
@font-face { font-family: Lato; src: url(lato.ttf); }
@font-face { font-family: LatoBold; src: url(latobold.ttf); }
@font-face { font-family: "Courgette"; src: url(courgette.ttf); }
/* GENERALES */
body { font-family: Lato, Tahoma, Arial,sans-serif; color: #333 ; margin: 0; font-size: 1em; } 
a { color: #060 ; }
a:hover { color: #393 ; }
h1 { font-family: "Courgette", Lato, Verdana, Arial; font-size: 2em; margin: 0 0 8px 0; padding: 16px 0; color: #060 ;  }
h2 { font-size: 1.4em; font-weight: bold;letter-spacing: 2px; margin: 0; padding: 8px 0; color: #060 ; }
h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; color: #666 ;}
h4 { font-size: 1.1em; font-weight: bold; color: #000 ;}
h5 { font-size: 1.0em; color: #000 ;}
/* FORMAS */
input { border: 1px solid #999; font-size: .9em; padding: 4px; }
input[type=submit] { border-radius: 4px; border: 0; font-weight: bold; background-color: #060 ; color: white; padding: 8px 20px; letter-spacing: .1em; font-family: Lato; }
input[type=submit]:hover { color: #fff; color: #060 ; background-color: #dea ; }
input.error { border: 2px solid red; background-color: #fee; }
textarea { border: 1px solid #999; font-size: .95em; padding: 2px; }
textarea.error { border: 2px solid red; background-color: #fee; }
select { border: 1px solid #999; font-size: .95em; padding: 2px; background-color: white; }
select.error { border: 2px solid red; background-color: #fee; }
label { width: 220px; float:left; font-weight: bold; margin: 0 20px 0 0; padding: 0; text-align: right; display:block; }
/* Elimina flechas en input type number */
input[type="number"] { width: 80px; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/* LISTAS */
ul { margin: 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; }
/* TABLAS */
table { border-spacing: 0; width: 100%; }
tr.alterColor { background-color: #dea ; }
th { color: #000; background-color: #dea ; text-align: left; padding: 8px 4px; border-bottom: 1px solid #060 ; }
th.header { color: #fff; background-color: #060 ; }
td { padding: 4px; text-align: left; border-bottom: 1px solid #ccc; }
td.noBorder { border: 0; }
hr { border: 0; color: #060 ; background-color: #060 ; height: 1px;}
/* NOTAS */
.nota { background-color: #dea ; padding: 20px; margin: 0; border-radius: 10px; }
.nota p { margin: 0; padding: 0; }
.nota h2 { text-decoration: underline; font-weight: bold; padding: 20px 0; }
.nota h3 { margin: 0 0 10px 0; }
.nota-color { background-color: #7b213b; color: #fff; padding: 20px; margin: 20px 0; border-radius: 10px; }
.nota-color a { color: #fff; font-weight: bold; }
.nota-error { background-color: #f00; color: #fff; font-weight: bold; padding: 20px; margin: 20px 0; border-radius: 10px; }
/* FOOTER */
#footer { background-color: #030; color: #fff; border-top: 6px solid #aaa; clear: both; min-height: 360px; }
#footer h5 { font-weight: bold; font-size: 1.2em; color: #fff; margin: 20px 0; }
.footerdiv { width: 980px; margin: 0 auto; padding: 0; position: relative; line-height:150% ; }
.footercolumn { float: left; margin: 0 40px 0 0; }
.footercolumnfirst { float: left; margin: 0 40px 0 0; text-align: center; }
.footercolumnfirst a { display: block; }
.footercolumnfirst img { width: 32px; border: 0; }
.footerdiv a { color: #c6ff00; text-decoration: none; padding: 10px 0; }
.footerdiv a:hover { color: white; text-decoration: underline; }
/* OTROS */
span.resultado { background-color: #070; color: #fff; font-weight: bold; padding: 6px 20px; border-radius: 5px; }
#indexMain .leftBox { background-color: #dea ; }
#indexMain .leftBox > div { margin: 0 10px 20px 10px; padding: 10px; background-color: #060 ; border-radius: 8px; }
#indexMain .leftBox > div a { font-weight: bold; color: #fff; }
#indexMain .leftBox > div:hover { background-color: #dea ; color: #060 ; }
#indexMain .leftBox > div a:hover { color: #060 ; }
#indexMain .leftBox ul { text-align: left; list-style: none; margin: 0 0 0 -20px; }
#indexMain .leftBox strong { padding-right: 20px; }
#comentariosConsulta { position: absolute; border: 1px solid black; height: 200px; width: 540px; overflow: auto; margin: 20px; padding: 12px; background-color: #d3e1ad; display: none; }