/** FONDOS ************************************************************************/

.fondo {
	background-color: #E9E9E9;
}

.fondoMenu {
	background-color: #fe9901;
	background-image: url(../imagenes/fondoMenu.gif);
	background-repeat: repeat-y;
}

.fondoContenido {
	background-color: #ffffff;
}


/** COLORES ***********************************************************************/

.colorRojo {
	color: #FF0000;
}
.colorBlanco {
	color: #ffffff;
}
.colorNegro {
	color: #000000;
}
.colorNaranja {
	color: #fe9901;
}


/** TEXTOS *************************************************************************/

.textoExplicativo {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.textoExplicativoNegrita {
	color: #000000;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.textoAviso {
    font-size: 14px;
    font-weight: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4b4b4b;
}

.texto {
	color: #4b4b4b;
	font-size: 13px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.textoNegrita {
	color: #4b4b4b;
	font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.textoPequeno {
	color: #4b4b4b;
	font-size: 11px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.textoPie {
	font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.textoPaginacion {
	font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
}

.textoResultadoOperacion {
	font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
}


/** ENLACES ************************************************************************/

A.menu:link, A.menu:visited, A.menu:active, A.menu:hover {
	color: #ffffff;
	font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.menu:hover {
	color: #4b4b4b;
}

A.enlaceVolver:link, A.enlaceVolver:visited, A.enlaceVolver:active,A.enlaceVolver:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
A.enlaceVolver:hover {
	color: #fe9901;
	text-decoration: underline;
}


/** OBJETOS ************************************************************************/

.formulario {
	border: 1px solid #fe9901;
	font-size: 13px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	background-color: #F3F3F3;
}

.tituloMenu {
	color: #fe9901;
	font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	background-color: #bc7201;
	line-height: 25px;
}

.rutaSeccion {
	color: #ffffff;
	font-size: 10px;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #bc7201;
	line-height: 18px;
}

.ventanaFlotante {
    display: none;
    position: absolute;
    z-index: auto;
}
.ventanaFlotante_IE {
    display: none;
    position: absolute;
	width: 250px;
    z-index: auto;
}

.ventanaFlotante_Calendario {
    display: none;
    position: absolute;
    z-index: auto;
}
.ventanaFlotante_Calendario_IE {
    display: none;
    position: absolute;
	width: 170px;
    z-index: auto;
}

.fondoVentanaFlotante {
    background-color: #f9f7bb;
	 border: 1px solid #000000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.contenidoVentanaFlotante {
	font-size: 13px;
    font-weight: normal;
    font-family: "MS Sans Serif", Geneva, sans-serif;
	color: #000000;
	text-align: justify;
}


/** FACTURAS ***********************************************************************/

.facturas_datosCliente {
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 12px;
	background-color: #F7D67D;
}

.facturas_formularioComboCabecera {
	border: 1px solid #e3e2e1;
	font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #E77821;
}

.facturas_formularioComboDatosFactura {
	border: 1px solid #e3e2e1;
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
}

.facturas_formularioDatosFactura {
	border: 1px solid #e3e2e1;
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
}

.facturas_cabeceraDatosFactura {
	font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #E77821;
}

.facturas_cabeceraConceptos {
	font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #605D5C;
}

.facturas_celdaConceptoPar {
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #DEDEDD;
}

.facturas_celdaConceptoImpar {
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #C2C1C1;
}

.facturas_celdaTotales1 {
	font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	border-bottom: 2px solid #C2C1C1;
}

.facturas_celdaTotales2 {
	background-color: #DEDEDD;
	border-bottom: 2px solid #ffffff;
}


/** TABLAS *************************************************************************/

.celdaCabecera {
	background-color: #fbb752;
	font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	height: 25px;
}

.celdaListado {
	border-bottom: 1px solid #BEBEBE;
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	height: 25px;
}

.celdaListado2 {
	border-bottom: 1px solid #BEBEBE;
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	height: 25px;
	background-color: #DBDBDB;
}

.celdaListadoSeparador {
	border-bottom: 2px solid #BEBEBE;
	font-size: 15px;
    font-weight: normal;
    font-family: "Courier New", Courier, monospace;
	font-weight: 800;
	color: #000000;
	height: 20px;
}

.celdaListadoOff {
	border-bottom: 1px solid #BEBEBE;
	font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	height: 25px;
}

.celdaListadoOn {
	background-color: #ffe0b3;
	border-bottom: 1px solid #BEBEBE;
	font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	height: 25px;
}


/** CALENDARIO *********************************************************************/

.fondoCalendario {
	background-color: #fddba7;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.cal_NombreMes {
	color: #000000;
	font-size: 14px;
    font-weight: normal;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
}

.cal_NombreDiaSemana {
	background-color: #bc7201;
	color: #FFFFFF;
	font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.cal_DiaMes {
	color: #000000;
	font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	text-align: center;
}

.cal_DiaMesHoy {
	color: #FF0000;
	font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	text-align: center;
}

.cal_DiaVacacionesPedido {
	color: #000000;
	font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	background-color: #5685e5;
	text-align: center;
}

.cal_DiaVacacionesConcedido {
	color: #000000;
	font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	background-color: #4fba2e;
	text-align: center;
}

.cal_DiaMesFestivo{
	color: #000000;
	font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	background-color: #f62020;
	text-align: center;
}

.cal_DiaDomingo{
	color: #000000;
	font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	background-color: #fbafaf;
	text-align: center;
}

A.enlaceDiaCalendario:link, A.enlaceDiaCalendario:visited, A.enlaceDiaCalendario:active, A.enlaceDiaCalendario:hover {
	font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}


/** EMISIONES EN DIRECTO ***********************************************************/

.emision {
	margin: 0px 20px 50px 20px;
}

.emision .flex {
	display: flex;
	flex-wrap: nowrap;
  	align-items: stretch;
  	justify-content: space-between;	
}

.emision h1 {
	padding: 5px;
	background-color: #fe9901;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
}

.emision .datos {
	width: calc(100% - 420px);
}

.emision .datos input {
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
    color: #000000;
    border: 0px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;    
    background-color: #efefef;
}

.emision .datos input[name="txtFecha"] {
	width: 100px;
	margin-right: 10px;
}

.emision .datos input[name="txtHora"] {
	width: 100px;
}

.emision .datos img {
	width: 96px;
	height: 96px;
	float: right;
	margin-right: 60px;
}


.emision .video {
    width: 400px;
    height: 225px;
    background-color: #000000;
}

.emision .boton {
	float: left;
	margin: 0px;
	padding: 10px 30px 10px 30px;
	display: table;
	cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	background-color: #fe9901;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;	
}

.boton:hover {
	background-color: #cc9900;
}