body {
  margin: 0;
  padding: 0;
  background-image: url('ita_css_recursos/fondo.jpg');
}

body, td, th, input, textarea, select, option, button {
  font-family: Verdana, Arial, sans-serif;
}

body, td, th, input, textarea, select, option {
 font-size: xx-small; 
}

a, a:visited, a:active, a:link {
  color: #3E8F45;
}

a:hover {
  color: #9BAF8E;
}

.encabezado, .encabezadoIta, .encabezadoJcyl {
  height: 108px;  
  z-index: 100;  
}

.encabezado {
  position: relative;
  padding: 0;
  overflow: visible;
  margin: 2px 0 2px 0;
  display: block;
  background-color: white;
  font-size: xx-large;
}

.encabezado .tituloAplicacion {  
  padding: 5px 5px 5px 370px;
  font-size: x-large;  
  height: 50px;
  text-align: left;
}
body.desarrollo .encabezado .tituloAplicacion, body.prototipo .encabezado .tituloAplicacion {
  background-position: 107% -14px;
  background-repeat: no-repeat;
  z-index: 200;
}
body.desarrollo .encabezado .tituloAplicacion {
  background-image: url("ita_css_recursos/desarrollo.png");
}
body.prototipo .encabezado .tituloAplicacion {
  background-image: url("ita_css_recursos/prototipoRojo.png");
}
.encabezado .tituloAplicacion {
}
.encabezado, h1, h2 {
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
  text-decoration: none;
}

.encabezado, h1 {
  color: #729143;
  //color: #008B0E;
  margin: 2px;
  font-size: large;
}

.encabezado {
  color: white;
}

.encabezado_a, .encabezado_b, .encabezadoIta, .encabezadoJcyl {
  position: relative;  
}

.encabezado_a {
  background-image: url('ita_css_recursos/derecha_ita.png') !important;
  background-position: right;
  background-repeat: no-repeat;
}

.encabezado_b {
  background-image: url('ita_css_recursos/izquierda54x.png') !important;  
  background-position: left;
  background-repeat: no-repeat;  
}

.encabezadoIta {
  /*background-image: url('ita_css_recursos/itacyl130x38_i.png');*/
  /*background-image: none !important;*/
  /*filter: none !important;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='estilos/ita_css_recursos/itacyl130x38_i.png');*/
  background-position: right;
  background-repeat: no-repeat;
  position: relative;*/
}

.encabezadoJcyl {
  /*background: url('ita_css_recursos/jcyl63x38_i.png') 5px 5px no-repeat;*/
  /*background-position: left top;*/
  background-repeat: no-repeat;  
}

.pie {
  background: #F1F3EE;
  color: #B2B2B2;
  text-align: centeR;
  padding: 4px;
  margin: 4px 0 4px 0;
}

h2 {
  font-weight: bold;
  /*color: #008B0E;*/
  color: white;
  /*background: #F9B700;*/
  background: #FF6600;
  font-size: x-small;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
}

.principal {  
  position: relative;  
  color: black;
  padding: 10px;
  background-image: url('ita_css_recursos/fondocentral.jpg');
  background-repeat: repeat-x;
  background-color: white;
  background-position: top left;
  border: none;
  z-index: 0;
}

fieldset, .contenidoPestanhas {
  border: 1px #BDD7AE;
  border-style: solid; /* none solid none;*/
  padding: 8px;
  background: white;
}

fieldset.separador {
  border-style: solid none none none;
}

legend {
  color: #3E8F45;
}

input.text, select, .select, textarea, .textDisabled, .aginputNumerico, .text input {
  border: 1px #3E8F45 solid;
  font-size: xx-small;
}

img.boton, a img {
  border: none;
  cursor: pointer;
}

button.boton, input.boton, .botonImagen, .agbotoncons {
  padding: 0px 1px 0px 1px;
  border-width: 1px;
}

button.boton, input.boton, input.botonImagen, .agbotoncons {
  font-size: xx-small;
  background-color: #dddddd;
}

a.botonImagen {
  padding: 3px 3px 3px 18px;
  text-decoration: none;
}

.botonImagen {
  padding: 2px 2px 2px 16px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("ita_css_recursos/tipos/desconocido.gif");
}

/** Idiomas */
.idiomaEs { background-image: url('ita_css_recursos/idiomas/es.gif'); }
.idiomaEn { background-image: url('ita_css_recursos/idiomas/en.gif');  }
.idiomaFr { background-image: url('ita_css_recursos/idiomas/fr.gif');  }
.idiomaCn { background-image: url('ita_css_recursos/idiomas/cn.gif');  }
.idiomaDe { background-image: url('ita_css_recursos/idiomas/de.gif');  }
.idiomaFi { background-image: url('ita_css_recursos/idiomas/fi.gif');  }
.idiomaIt { background-image: url('ita_css_recursos/idiomas/it.gif');  }
.idiomaJp { background-image: url('ita_css_recursos/idiomas/jp.gif');  }
.idiomaPt { background-image: url('ita_css_recursos/idiomas/pt.gif');  }
.idiomaRu { background-image: url('ita_css_recursos/idiomas/ru.gif');  }

/** Tipos de ficheros */
.botonPdf { background-image: url('ita_css_recursos/tipos/pdf.png');}
.botonExcel { background-image: url('ita_css_recursos/tipos/excel.png');}
.botonHtml { background-image: url('ita_css_recursos/tipos/html.png');}
.botonWord { background-image: url('ita_css_recursos/tipos/word.png');}
.botonTxt { background-image: url('ita_css_recursos/tipos/txt.png');}
.carpeta { background-image: url("ita_css_recursos/tipos/carpeta.png"); }
.carpetaAbierta { background-image: url("ita_css_recursos/tipos/carpetaAbierta.png"); }

/** Acciones */
.botonNuevo {
  background-image: url('ita_css_recursos/acciones/nuevo.png');
  background-position: 2px;
  position: relative;
  top: -2px;
}
.botonVer { background-image: url('ita_css_recursos/acciones/ver.png');}
.botonEliminar { background-image: url('ita_css_recursos/acciones/eliminar.png');}
.botonEditar { background-image: url('ita_css_recursos/acciones/editar.png');}
.botonSalir { background-image: url("ita_css_recursos/acciones/salir.png"); }
.botonRecargar { background-image: url("ita_css_recursos/acciones/recargar.png"); }

.nuevaVentana { background-image: url("ita_css_recursos/acciones/nuevaVentana.png"); }
.importante { background-image: url("ita_css_recursos/admiracion.gif"); }

/* Es necesario meter un margen superior a .principal tan alto como el menú. */
/* Lo eliminamos porque tenemos el menú a la izquierda en vez de arriba */
.principal {
  //margin-top: 28px;
}
#menu, .menu {
  margin-top: 0;
  width: 100%;
  background-color: white;  
  background-image: url("ita_css_recursos/degradadoRapido.png");
  background-repeat: repeat-x;
}
#menu, #menu * {
  color: #FF6600;
  font-size: xx-small;
  border: none;
  background-color: transparent;
  z-index: 100;
}
#menu {
  position: absolute;
}

#menu ul, #menu ul li {
  background-color: white;
}
#menu  ul li a {
  text-align: left;  
  padding: 0 0 0 2px;
}
#menu ul {
  border: 1px solid #FF6600;
  padding: 1px;  
}
#menu a, #menu span { /** Enlaces del primer nivel */
  white-space: nowrap;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Verdana, Arial, sans-serif;
}
#menu ul a { /** Enlaces de 2º nivel en adelante */
  white-space: normal;
}
#menu .menu ul {  
  overflow: visible;
}
#menu .menu li li {  
}
#menu {
  background-color: white;
}

#menu li.accesoSubmenu {
  background-image: url('ita_css_recursos/flechaNaranja.png');
  background-repeat: no-repeat;
  background-position: right;
}
#menu a:hover {
  background-color: #FF6600;
  color: white;
}
#menu .separador {
  color: green;
  width: auto;  
  font-size: x-small;
  font-family: Arial;
}
#menu li a, #menu li, #menu span {  
  width: auto;
}
#menu .menu ul {
  width: 124px;  
}
#menu li li a {
  width: 122px;
}
#menu li li {
  margin-top: 3px;
  width: 124px;
  display: block;
}

/** Fin menú */

/** Tabla de datos */
.datos, .contenedorFormulario .datos {
  margin-top: 3px;
  margin-bottom: 5px;
}
.datos caption {
  padding: 2px 0 2px 0;
  font-weight: bold;
  background: #008B0E;  
  color: white;
  font-size: x-small;
  margin-top: 3px;
}

.datos thead th, .datos thead td {
  /*background: #3E8F45;*/
  background: rgb(128, 195, 102);
  color: black;
  font-weight: bold;
}

.datos td, .datos th {
  border: 1px solid black;
  padding: 2px 4px 2px 4px;
}

.datos, .datos td, .datos th  {
  border-collapse: collapse;
  border-spacing: 0px;  
}

.datos caption, .datos, .datos td, .datos th {
  border: 1px solid #BBBBBB;
}

.datos tbody th {
  text-align: left;
  background: #efefef;
}
.datos .banda0 {
  background: white;
}
.datos .banda1 {
  background: #FFF6DF;
}
.datos .bandaNO {
  background: #FFAEAE;
}

.datos tfoot {
  border-top: 2px solid #BBBBBB;
  background: #DFF6DF;
}

.datos .total * {
  font-weight: bold;
}

.datos .total .subtotal * {
  font-style: italic;
}

.datos a {
  text-decoration: none;
}

/** Fin tabla datos */

/** Tabla de formulario */
.formulario caption, .formularioRaiz caption {
  padding: 2px 0 2px 0;
  font-weight: bold;
  background: #008B0E;
  border: none;
  color: white;
  font-size: x-small;
  margin: 0 2px 0 2px;
}

.formulario .formulario td, .formulario .formulario th, 
.formularioRaiz .formulario td, .formularioRaiz .formulario th  {
  margin: 2px 1px 2px 1px;  
}

.formulario .formulario thead th, .formularioRaiz .formulario thead th {
  /*background: #FFE9AF;  */
  background: rgb(252, 227, 159);
  color: black;
}

.formulario .formulario tbody th, .formularioRaiz .formulario tbody th {
  background: #efefef;
  color: black;
}

.formulario thead th, .formulario thead td, 
.formularioRaiz thead th, .formularioRaiz .formulario thead td {
  background: rgb(255, 154, 71);
  color: black;
  font-weight: bold;
}

.formulario th, .formularioRaiz th {
  text-align: right;
  padding: 1px 4px 1px 4px;
}

.formulario thead th, .formularioRaiz thead th {
  text-align: center;
}

.formularioRaiz, .formularioRaiz caption, .formularioRaiz table {
  border: 1px solid #BBBBBB;
}

/*.formulario {
  margin: 0 20% 0 20%;
  width: 100%;
}*/

* html .contenedorFormulario {
  text-align: center;
}
.contenedorFormulario table {
  margin: auto;
}
.contenedorFormulario table caption {
  margin: auto;
}

/** Fin tabla formulario */

.celdaBoton {
  padding: 0;
}

li {
}

/** Pestañas */
.pestanhas {
	position:relative;
	bottom:0px;
	right:0px;
	z-index: 5;  
}

.pestanhas * {
  z-index: 100;
  position: relative;
}

.pestanhas ul {
	margin:0;
	padding:10px 10px 0 1px;
	list-style:none;
}
                  
.pestanhas li {
	display:inline;
	float:left;
	background: url('ita_css_recursos/pestanhasIta/tab_off_ns1.png') no-repeat left top;
	padding:0 0 0 5px;
  text-align: center;  
}

.pestanhas a {
	float:left;
	display:block;
	background: url('ita_css_recursos/pestanhasIta/tab_off_ns2.png') no-repeat right top;  
	padding:8px 15px 3px 8px;
	text-decoration:none;
	font-weight: bold;
  color: #3E8F45;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.pestanhas a {float:none;}
/* End IE5-Mac hack */

.pestanhas li:hover, .pestanhas li:hover a {
  background-position:0% -163px;  
}

.pestanhas li:hover a {
  background-position:100% -163px;
}
.pestanhas li.actual:hover a, .pestanhas li.actual:hover a:hover, .pestanhas .actual a:hover {    
  color: #F9B700;
}

.pestanhas li.actual {
  background:url('ita_css_recursos/pestanhasIta/tab_on_ns1.png') no-repeat left top;                
}

.pestanhas li.actual a {
  background:url('ita_css_recursos/pestanhasIta/tab_on_ns2.png') no-repeat right top;
  padding-bottom:4px;
  color: #FF6600;
}
.contenidoPestanhas {
  clear: left;
  /*border: 1px solid #bdbaae;*/
  position: relative;
  top: -1px;
}

.textoAyuda {
  color: #75736E;
}

/** Segundo nivel de pestañas */
.contenidoPestanhas .pestanhas ul {	
	padding-top: 0;
}
.contenidoPestanhas .pestanhas li {
	background: url('ita_css_recursos/pestanhasNaranjas/tab_off_ns1.png') no-repeat left top;
}
.contenidoPestanhas .pestanhas a {
	background: url('ita_css_recursos/pestanhasNaranjas/tab_off_ns2.png') no-repeat right top;
}

.contenidoPestanhas .pestanhas li:hover, .contenidoPestanhas .pestanhas li:hover a {
  background-position:0% -163px;
}

.contenidoPestanhas .pestanhas li:hover a {
  background-position:100% -163px;
}

.contenidoPestanhas .pestanhas li.actual {
  background: url('ita_css_recursos/pestanhasNaranjas/tab_on_ns1.png') no-repeat left top;                
}

.contenidoPestanhas .pestanhas li.actual a {
  background: url('ita_css_recursos/pestanhasNaranjas/tab_on_ns2.png') no-repeat right top;
}

.contenidoPestanhas .contenidoPestanhas {
  border-color: #dfcf7a;
}

/*
.contenidoPestanhas .pestanhas li:hover a, .contenidoPestanhas .pestanhas li:hover a:hover, 
.contenidoPestanhas .pestanhas a:hover {
  TEXT-decoration: underline;
}
  
.contenidoPestanhas .pestanhas li.actual:hover a, .contenidoPestanhas .pestanhas li.actual:hover a:hover, 
.contenidoPestanhas .pestanhas .actual a:hover {    
  color: #F9B700;
}*/


/** Menú */
#menuContextual {
  border: 1px solid #FF6600;
  background: white;
  padding: 1px;
  
}
#menuContextual .menuOpcion {  
  
}
#menuContextual .menuOpcion a {
  width: auto;  
  display: block;  
}
#menuContextual .menuOpcion a:hover {
  color: white;
  background-color: #FF6600;  
}

#menuContextual .menuOpcion a {
  margin-left: 18px;
}

#menuContextual .menuOpcion a.botonImagen {
  margin-left: 0;
}

* html td .botonImagen {
  height: 1px;
  overflow: visible;
}

/** Mensajes */
.mensajeExito, .mensajeError, .mensajeAyuda {
  margin: 10px 20% 10px 20%;  
  height: 70px;    
  padding: 10px 10px 10px 70px;
  border-style: ridge;
  border-width: 3px;
  background-position: 7px 6px;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
}

.mensajeExito {
  border-color: #008B0E;
  background-color: #C7DF7D;
  background-image: url("ita_css_recursos/mensajes/exito.png");
}

.mensajeError {
  border-color: red;
  background-color: #ffdddd;
  background-image: url("ita_css_recursos/mensajes/error.png");
}

.mensajeAyuda {
  border-color: #00ABEF;
  background-color: #D1E6EF;
  background-image: url("ita_css_recursos/mensajes/ayuda.png");
}

.informacionUsuario {
  position: absolute;
  top: 2px;
  /*right: -40px;*/
  left: 80px;
  background-image: url("ita_css_recursos/degradadoClaro.png");
  background-repeat: repeat-x;
  background-color: white;
  color: black;
  margin: 2px 200px 2px 2px;  
  border: 1px inset #008b0E;
  padding: 2px 6px 2px 6px;
  font-size: xx-small;
}

.informacionUsuario div {
  text-align: center;
}


/** Sobreescribimos el estilo de Calendario Dojo */
body .datePickerContainer {
	width:164px; /* needed for proper user styling */
}
/*body .dojoPopupContainer, body .dojoPopupContainer * {
  z-index: 2110;
}

body .dojoPopupContainer {
  overflow: visible;
}*/

body .datePickerContainer, body .datePickerContainer * {
  font-size: xx-small !important;
}

body .calendarBodyContainer {
	width:100%; /* needed for the explode effect (explain?) */
	/*background: #7591bc url("images/dpBg.gif") top left repeat-x;*/ 
  /*background: #C7DF7D !important; color: black;*/
  background: rgb(255, 154, 71) !important; color: white;
}

body .calendarBodyContainer thead tr td {
	/*color:#293a4b;*/
	/*font:bold 0.75em Helvetica, Arial, Verdana, sans-serif;*/
	text-align:center;
	padding: 0 0.25em 0.25em 0.25em;
	/*background: url("images/dpHorizLine.gif") bottom left repeat-x;*/  
  background: #FF6600 !important; 
  color: white;
}

body .calendarBodyContainer tbody tr td {
	/*color:#fff;*/
	/*font:bold 0.7em Helvetica, Arial, Verdana, sans-serif;*/
	text-align:center;
	padding:0.4em;  
	/*background: url("images/dpVertLine.gif") top right repeat-y;*/
  background: #C7DF7D !important; 
  color: black;
	cursor:pointer;
	
}

body .monthWrapper {
	padding-bottom:2px;
	/*background: url("images/dpHorizLine.gif") bottom left repeat-x;*/
  background: #C7DF7D !important; color: black;
}

body .monthContainer {
	width:100%;
  /*background: #008B0E !important;*/
  background: #008B0E !important; color: white;
}

body .calendarBodyContainer thead, body .calendarBodyContainer thead * {
  background: #FF6600 !important; 
  color: white;
}

body .calendarBodyContainer tbody tr td * {
  background: #C7DF7D !important;
}

body .monthLabelContainer {
	text-align:center;
	/*font:bold 0.75em Helvetica, Arial, Verdana, sans-serif;*/
	/*background: url("images/dpMonthBg.png") repeat-x top left !important;*/
  /*background: #C7DF7D !important;
  color: black;*/
  background: #008B0E !important; color: white;
	/*color:#293a4b;*/
	padding:0.25em;
}

body .monthCurve {
	width:12px;
}

body .monthCurveTL {
	/*background: url("images/dpCurveTL.png") no-repeat top left !important;*/
  /*background: #C7DF7D !important; color: black;*/
  background: #008B0E !important; color: white;
}

body .monthCurveTR {
		/*background: url("images/dpCurveTR.png") no-repeat top right !important;*/
    /*background: #C7DF7D !important; color: black;*/
    background: #008B0E !important; color: white;
}


body .yearWrapper {
	/*background: url("images/dpHorizLineFoot.gif") top left repeat-x;*/
  background: #C7DF7D !important; color: black;
	padding-top:2px;
}

body .yearContainer {
	width:100%;  
}

body .yearContainer td {
	/*background:url("images/dpYearBg.png") top left repeat-x;*/
  /*background: #C7DF7D !important; color: black;*/
  background: #008B0E !important; color: white;
}

body .yearContainer .yearLabel {
	margin:0;
	padding:0.45em 0 0.45em 0;
	/*color:#fff;*/
	/*font:bold 0.75em Helvetica, Arial, Verdana, sans-serif;*/
	text-align:center;
}

body .curveBL {
	/*background: url("images/dpCurveBL.png") bottom left no-repeat !important;*/
  background: #C7DF7D !important; color: black;
	width:9px !important;
	padding:0;
	margin:0;
}

body .curveBR {
	/*background: url("images/dpCurveBR.png") bottom right no-repeat !important;*/
  background: #C7DF7D !important; color: black;
	width:9px !important;
	padding:0;
	margin:0;
}

body .previousMonthDisabled {
	/*background-color:#a4a5a6 !important;*/
  background: #C7DF7D !important; color: black;
	cursor:default !important
}
body .currentMonth {
}

body .currentMonthDisabled {
	/*background-color:#bbbbbc !important;*/
  background: #C7DF7D !important; color: black;
	cursor:default !important
}
/*body .nextMonth {
	background-color:#6782a8 !important;  
  color: black;
}
body .previousMonth {
	background-color:#6782a8 !important;  
}*/
body .calendarBodyContainer tbody tr td.nextMonth,
body .calendarBodyContainer tbody tr td.previousMonth {
  background: rgb(128, 195, 102) !important;
}
body .nextMonthDisabled {
	/*background-color:#a4a5a6 !important;*/
  background: #C7DF7D !important; color: black;
	cursor:default !important;
}

body .currentDate {
	text-decoration:underline;
	font-style:italic;
}

body .selectedItem {
	/*background-color:#fff !important;*/
  background: #C7DF7D !important; color: black;
	/*color:#6782a8 !important;*/
}

body .yearLabel .selectedYear {
	padding:0.2em;
	/*background-color:#9ec3fb !important;*/
  background: #C7DF7D !important; color: black;
}

body .nextYear, body .previousYear {
	cursor:pointer;
  
	padding:0;
}

body .nextYear {
	margin:0 0 0 0.55em;
}

body .previousYear {
	margin:0 0.55em 0 0;
}

body .incrementControl {
	cursor:pointer;
  
	width:1em;
}

body .increase {
	float:right;
}

body .decrease {
	float:left;
}

body .lastColumn {
	background-image:none !important;
  background: #C7DF7D !important; color: black;
}
/** Fin calendario dojo */

/** Time Picker */
body .timePickerContainer * {
  background: #C7DF7D !important; 
  color: black !important;  
  font-size: xx-small !important;
}
body .timePickerContainer {
	width:122px;
	/*font-family:Tahoma, Myriad, Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;*/
}

body .timeContainer {
	border-collapse:collapse;
	border-spacing: 0;
}

body .timeContainer thead td {
	padding:0.25em;
	/*font-size:0.80em;*/
	/*border-bottom:1px solid #6782A8;*/
  border: none !important;
}

body .timeCorner {
	width:10px;
}

body .cornerTopLeft {
	/*background: url("images/dpCurveTL.png") top left no-repeat;*/
  background: #FF6600 !important; 
}

body .cornerTopRight {
	/*background: url("images/dpCurveTR.png") top right no-repeat;*/
  background: #FF6600 !important; 
}

body .timeLabelContainer {
	/*background: url("images/dpMonthBg.png") top left repeat-x;*/
  background: #C7DF7D !important; 
}

body .hours, body .minutes, body .timeBorder {
	/*background: #7591bc url("images/dpBg.gif") top left repeat-x;*/
  background: #C7DF7D !important; 
}

body .hours td, cody .minutes td {
	padding:0.2em;
	text-align:center;
	/*font-size:0.7em;*/
	font-weight:bold;
	cursor:pointer;
	
	/*color:#fff;*/
}

body .minutes {
	/*border-left:1px solid #f5d1db;*/
  border: none !important;
}

body .hours {
	/*border-right:1px solid #6782A8;*/
  border: none !important;
}

body .hourSelector {
	/*border-right:1px solid #6782A8;*/
  border: none !important;
	padding:5px;
	padding-right:10px;
}

body .minutesSelector {
	padding:5px;
	/*border-left:1px solid #f5c7d4;*/
  border: none !important;
	text-align:center;
}

body .minutesHeading {
	padding-left:9px !important;
}

body .timeOptions {
	/*background-color:#F9C9D7;*/
  border: none !important;
}

body .timeContainer .cornerBottomLeft, body .timeContainer body .cornerBottomRight, body .timeContainer .timeOptions {
	/*border-top:1px solid #6782A8;*/
  background: #FF6600 !important; 
  border: none !important;
}

body .timeContainer .cornerBottomLeft {
	/*background: url("images/dpCurveBL.png") bottom left no-repeat !important;*/
  background: #FF6600 !important; 
	width:9px !important;
	padding:0;
	margin:0;
  border: none !important;
}

body .timeContainer .cornerBottomRight {
	/*background: url("images/dpCurveBR.png") bottom right no-repeat !important;*/
  background: #FF6600 !important; 
	width:9px !important;
	padding:0;
	margin:0;
  border: none !important;
}

body .timeOptions {
	/*color:#fff;*/
	/*background:url("images/dpYearBg.png") top left repeat-x;*/
  background: #C7DF7D !important; 
  border: none !important;
}

body .selectedItem {
	/*background-color:#fff;*/
	/*color:#6782a8 !important;*/  
}

body .timeOptions, body .timeOptions *, body .timeOptions .amPmContainer, body .timeOptions .amPmContainer * {
  background: #FF6600 !important;
  color: white !important;
  border: none !important;
}

body .timeOptions .selectedItem {
	/*color:#fff !important;*/
	/*background-color:#9ec3fb !important;*/
  background: rgb(252, 227, 159) !important;
  color: black !important;
  border: none !important;
}

body .anyTimeContainer {
	text-align:center;
	font-weight:bold;
	/*font-size:0.7em;*/
	padding:0.1em;
	cursor:pointer;
	
	/*color:#fff !important;*/
}

body .amPmContainer {
	width:100%;
}

body .amPmContainer td {
	text-align:center;
	/*font-size:0.7em;*/
	font-weight:bold;
	cursor:pointer;
	
	/*color:#fff;*/
}

body .timeContainer thead, body .timeContainer thead * {
	/*color:#293a4b;*/
	/*font-size:0.9em;*/
	font-weight:700;
  background: #FF6600 !important;
  color: white !important;
  text-align: center !important;
  border: none !important;
}
/** Fin TimePicker */

.datos {
  width: 100%;
}

/* Aquí está el truco, el Tan Hack */
* html .datos {
        width: 100%;
        w\idth: 100%;
}

/** Sobreescribir para modificar alineación general y márgenes */
.principal {
        width: 80%;
        padding-left: 10%;
        padding-right: 10%;        
}
/* Aquí está el truco, el Tan Hack para corregir el mal funcinoamiento del 
  modelo de caja en IE */
* html .principal { /** Este selector es incorrecto, pero el IE5.5 lo interpreta como correcto*/
        width: 100%;
        w\idth: 100%;
}

.oculto {
  display: none;
}

.botonera {
  display: block;
  clear: both;
  margin: 4px 0 4px 0;
}