html {
margin:0;
padding:0;
}

body {
font-size:62.5%;
font-family: Verdana, Arial, sans-serif;
color:#444;
background:#336699;
margin:10px 0 10px 0;
padding:0;
}

h2 {
font-size:1.3em;
color:#41749F;
width:300px;
border-bottom:1px solid #ccc;
}
#tituloG {
font-size:1.3em;
color:#41749F;
width:100%;
border-bottom:1px solid #ccc;
}

h3 {
font-size:1.1em;
color:#fff;
background-color:#718FB1;
padding:2px;
}

a:link,a:active,a:visited {
color:#3080BE;
font-size:1em;
font-family:Verdana, Arial;
text-decoration:none;
font-weight: bold;
}

a:hover {
color:#D3A427;
text-decoration:underline;
}

#container {
text-align:center;
margin:0;
padding:0;
}

#main {
width:760px;
border:1px solid #000;
text-align:left;
background:#FFF;
margin:auto;
padding:0;
}

#main-login {
width:760px;
text-align:left;
background:#FFF;
margin:auto;
padding:0;
}

#top {
width:760px;
}

#logo {
width:760px;
height:70px;
border-bottom:4px solid #BBB;
}

#logo-izq {
width:400px;
height:70px;
float:left;
background:#D6262A url(../images/logo.gif) no-repeat;
}

#logo-der {
width:360px;
height:70px;
float:left;
background-color:#D6262A;
}

#cargando {
background-color:#D6262A;
width:300px;
float:right;
margin:0;
}

.carga {
background-color:#090;
float:right;
color:#fff;
font-weight:700;
margin:0;
padding:4px;
}

#menu-usuario {
width:760px;
background-color:#FFF;
border-bottom:4px solid #718FB1;
height:34px;
}

#menu-usuario-izq {
float:left;
width:300px;
vertical-align:middle;
margin-left:10px;
padding:3px;
}

#menu-usuario-der {
text-align:right;
float:left;
width:400px;
}

#identificado {
width:760px;
background-color:#F1F1F1;
color:#333;
font-weight:700;
border-bottom:1px solid #999;
padding-top:2px;
padding-bottom:2px;
float:left;
}

#identificado-izq {
float:left;
width:350px;
margin-left:5px;
}

#content {
float:left;
width:740px;
padding:10px;
}

#content-left {
float:left;
width:155px;
}

#content-right {
float:right;
width:570px;
border-left:2px dotted #ccc;
padding-left:5px;
}

#foot {
width:760px;
padding-top:3px;
padding-bottom:3px;
border-top:1px solid #000;
background-color:#D6262A;
color:#FFF;
font-weight:700;
clear:both;
text-align:center;
}

#botones {
margin-top:10px;
}

#volver {
padding:10px;
}

#icons {
border:1px solid #ccc;
color:#999;
font-weight:700;
padding:4px;
}

#formulario {
margin-left:180px;
}

#datos-inputs {
margin:10px 20px 0 30px;
}

.rec {
width:720px;
border:1px solid #DDD;
background-color:#F3F3F3;
padding:8px;
}

h2.titulo {
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
border-bottom:0;
color:#666;
font-size:1.1em;
margin:0;
padding:3px;
}

#body-login {
background-color:#fff !important;
}

#login {
width:200px;
text-align:center;
margin:auto;
padding:4px;
}

#logo-login {
background:#FFF url(../images/logo-login.gif) no-repeat;
width:165px;
height:64px;
}

#identificacion {
width:200px;
background-color:#51728D;
color:#fff;
font-weight:700;
margin-bottom:10px;
padding:4px;
}

#content-login {
width:760px;
margin-top:50px;
}

#tabla-calendario-izq {
float:left;
width:260px;
margin:10px 10px 0px 10px;
}

#tabla-calendario-der {
float:left;
width:260px;
margin:10px 0 0;
}
form.form_reloj{
  float:right;
}
#time{
  margin-left:18px;
}

form.form_reloj p{
  margin-right:5px;
  font-family:Arial, sans-serif;
  font-size:1em;
  color:#FFF;
  font-weight:bold;
}
form.form_reloj input{
   font-family:Arial, sans-serif;
   font-size:1em;
   font-weight:bold;
   border:0;
   padding:0;
   margin:0;
   background-color:#333;
   color:#FFF;
   width:65px !important;
   text-align:center;
}


#fm_entry label {
padding:3px 0;
}

#fm_entry {
border:0 !important;
}

label {
display:block;
width:150px;
}

.formLabel {
margin-left:3px;
color:#000;
font-family:Verdana, Helvetica;
font-size:1.1em;
}

#frmContacto label {
padding:4px 0;
}

input.formText,textarea.formText {
color:#515151;
background:#F7F7F3;
border:1px solid #D9D9D9;
font-family:Verdana, Tahoma, Arial;
font-size:1.1em;
margin:1px 0 4px;
padding:4px;
}

select.formText {
color:#515151;
background:#F7F7F3;
font-family:Verdana, Tahoma, Arial;
font-size:1.1em;
width:150px;
margin:1px 0 4px;
padding:1px;
}

input.formText:focus,textarea.formText:focus,select.formText:focus {
color:#000;
border:1px solid #B6B6B6;
background:#FFF;
}

.ie_onfocus {
font-family:Verdana, Tahoma, Arial;
font-size:1.1em;
color:#000;
border:1px solid #B6B6B6;
background:#FFF;
margin:0;
padding:4px;
}

input.formButton {
border-left:1px solid #CEC0B6;
border-top:1px solid #CEC0B6;
border-right:1px solid #BDAC9F;
border-bottom:1px solid #BDAC9F;
background-color:#F5F3E7;
font-size:1.1em;
font-family:Tahoma, Arial, Helvetica;
text-indent:0;
text-align:left;
overflow:visible;
color:#494949;
padding:2px 7px 2px 25px;
}

input.formButtonSave {
background:#F5F3E7 url(../images/icon_button.gif) 5px 2px no-repeat;
}
.rec input.formButtonSave{
  margin-top:5px;
}

input.formButtonRemove {
background:#F5F3E7 url(../images/icon_remove.gif) 5px 2px no-repeat;
}

input.formButtonPaste {
background:#F5F3E7 url(../images/icon_paste.gif) 5px 2px no-repeat;
}

input.formButtonContact {
background:#F5F3E7 url(../images/email.gif) 5px 2px no-repeat;
}

input.formButtonPrint {
background:#F5F3E7 url(../images/imprimir.gif) 5px 2px no-repeat;
}

input.formButtonLogin {
background:#F5F3E7 url(../images/icon_login.gif) 5px 2px no-repeat;
margin-top:10px;
}

td.section {
font-weight:700;
color:#51728D;
background-color:#C0D8EA;
padding:3px 3px 3px 5px;
}

tr.section {
height:23px;
vertical-align:middle;
background-color:#C0D8EA;
font-weight:700;
color:#51728D;
}

div.section {
height:17px;
color:#51728D;
font-weight:700;
margin-bottom:10px;
background-color:#C0D8EA;
padding:3px 2px 0 10px;
}

#bloque-der {
float:right;
width:47%;
border-left:2px dotted #ccc;
padding-left:10px;
}

#bloque-izq {
float:left;
width:47%;
border-right:2px dotted #ccc;
padding-left:10px;
}

p.menu {
font-weight:700;
}

.rojo {
color:red;
}
.resaltar-rojo{
 padding:2px;
 background-color: red;
 color:#FFF;
}
.verde {
color:#49AB00;
font-weight:700;
}
.resaltar-verde{
 padding:2px;
 background-color: #49AB00;
 color:#FFF;
}
.resaltar-azul{
 padding:2px;
 background-color: #006699;
 color:#FFF;
}
.resaltar-naranja{
 padding:2px;
 background-color: #FF8A00;
 color:#FFF;
}

.resaltar-amarillo{
 padding:2px;
 background-color: rgb(204, 204, 1);
 color:#FFF;
}

.resaltar {
text-decoration:underline;
}

p.save {
border:1px solid #390;
text-align:center;
color:#390;
padding:2px;
}

p.erase {
border:1px solid red;
text-align:center;
color:red;
padding:2px;
}

p.numResult {
float:right;
margin-right:20px;
margin-top:10px;
color:#666;
font-weight:700;
}

p.datos-usuario {
width:140px !important;
}

ul.opciones li {
list-style-type:none;
list-style-image:url(../images/arrow_right.gif);
}

p.datos-vacaciones {
border:1px solid #DDD;
background-color:#F3F3F3;
padding:3px;
}

.sinborde {
border:0;
}

a:hover.sombra {
border-bottom:1px solid #D3A427;
}

.img-der {
float:right;
margin-right:10px;
border:0;
}

td,th {
padding:3px;
}

#consultaCalendario {
width:570px;
color:#666;
background-color:#E7E7E7;
border-spacing:1px;
empty-cells:hide;
}

#consultaCalendarioadmin {
width:100%;
color:#666;
background-color:#E7E7E7;
border-spacing:1px;
empty-cells:hide;
}

tr.par-despues {
font-weight:700;
background-color:#fff;
}

tr.impar-despues {
font-weight:700;
background-color:#f9f9f9;
}

#tablagestion {
width:570px;
color:#666;
background-color:#E7E7E7;
border-spacing:1px;
}

tr.par {
background-color:#fff;
}

tr.impar {
background-color:#f9f9f9;
}

tr#tablehead {
text-align:center;
background:#F5F5F5;
color:#666;
border:1px solid #FFF;
text-transform:uppercase;
}

td.editar-borrar {
width:16px;
border:0 !important;
}

#lista-calendario {
background-color:#FFF;
margin-left:30px;
width:300px;
}

th#lista-calendario {
text-align:center;
}

td.tit {
text-align:left;
width:250px;
}

td.icon {
text-align:center;
width:50px;
}

.criterios li {
list-style-type:none;
list-style-image:url(../images/arrow_right.gif);
margin-left:-20px;
}

p,form {
margin:0;
padding:0 0 4px;
}

#identificado-cen,#identificado-der {
float:left;
width:200px;
}

#gest-pass,#gExtra,#gTurnos,#gListaUnica {
margin-bottom:20px;
}

a:link.sombra,a:visited.sombra {
border-bottom:1px solid #FFF;
}

#consultaCalendario caption,#consultaCalendarioadmin caption,#tablagestion caption {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
background-color:#F1F1F1;
padding:6px 0;
}

#consultaCalendario td,#consultaCalendarioadmin td,#tablagestion td {
text-align:center;
vertical-align:middle;
}

h2.imprimir,.no_mostrar,.incidencias,.firmas {
display:none;
}