/* ---------------------------- */
/* --------- General ---------- */
/* ---------------------------- */

.cursor_mano { cursor:hand; cursor:pointer; }

.fondoBody{
	/*background-image: url('../../../images/estirame_fdo.gif');
	height: 561;*/
	background-color: #F5F5F5;
	color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}

/* Este estilo utiliza un gradiente en rojo para la barra */
.fondoRojoTituloTabla {
    background-image: url('../../../images/submenu/fondoBarraRoja.gif');
    background-repeat: repeat-x;
    background-color: #AF0003; 
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: white;
}

.fondoBarraGris {
	background-image: url('../../../images/submenu/fondoBarraGris.gif');
    background-repeat: repeat-x;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: white;
    height: 25px;
}

.fondoBarraGrisGruesa {
	background-image: url('../../../images/submenu/fondoBarraGris2.gif');
    background-repeat: repeat-x;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: white;
    height: 25px;
} 

.separadorLineaGris {
    background-image: url('../../../images/botones/boton_estirame.gif');
    background-repeat: repeat-x; 
    height: 1px; 	
}

.titulo {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #616A74;
	background-image: url('../../../images/submenu/bandagris_estirar.gif');
	height: 53;
	padding-left: 10px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.subtitulo {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #616A74;
}

.tituloFondo{
    font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #616A74;
    background-image: url('../../../images/estirame.gif');
}

.contenidos {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #616A74;
}

.fontUsuario {
	color: #636567;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
}

.fontCliente {
    color: #636567;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
    background-color: #E4E3E3;
}

.fontFormulario {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}

.fontContactenosMail {
    color: white;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	
}

.pointer {
   cursor: hand;
}

.tablaEncabezado {
	padding-top: 10px;
	padding-bottom: 10px;
}

.fontItalic {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-style: italic;
}

.linkSinSubrayar {
	text-decoration: none;
}
.justificado{
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	text-align: justify;
}

.tableBody{
	/*creo q esto no existe*/
	/*align:left;*/
	margin-top: 0px;
	height: 400px;
	border-style: hidden;
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
	marginwidth:0px;
}

/* ---------------------------- */
/* --------- Botones ---------- */
/* ---------------------------- */

.botonFondo{
  background-image: url('../../../images/botones/boton_estirame.gif');
}

.fontBoton {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
}

.botonGrandeClientes{
    background-image: url('../../../images/botones/botonCentro.gif');
    background-repeat: repeat-x;
    text-align: center;
    font-family: Arial; 
    font-size: 11px; 
    font-weight: bold;  
    text-decoration: none;
    cursor:pointer;
}

.botonChicoClientes{
    background-image: url('../../../images/botones/boton2Centro.gif');
    background-repeat: repeat-x;
    text-align: center;
    font-family: Arial; 
    font-size: 11px; 
    font-weight: normal;  
    text-decoration: none;
    cursor:pointer;
    
}
/* --------------------------------------------------- fin botones --------------------------------------------- */

/* ---------------------------------------- */
/* --------- combos, fields, etc ---------- */
/* ---------------------------------------- */

.textfield {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:150px;
	height:19px;
}

.mediumTextfield {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:100px;
	height:19px;
}

.reducedTextfield {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:50px;
	height:19px;
}

.textarea {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:500px;
	height:100px;
}

.comboFiltro {
  color: #616A74;
  border-color:#616A74;
  background-color: white;
  position:relative;
  width:150px;
  height:19px;
  font-size: 11px;
  font-family: Arial;
  font-weight: normal;
}

.comboFiltroOperacion {
  color: #616A74;
  border-color:#616A74;
  background-color: white;
  position:relative;
  width:250px;
  height:19px;
  font-size: 11px;
  font-family: Arial;
  font-weight: normal;
}

.reducedComboFiltro {
  color: #616A74;
  border-color:#616A74;
  background-color: white;
  position:relative;
  width:50px;
  height:19px;
  font-size: 11px;
  font-family: Arial;
  font-weight: normal;
}

.importe{
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:100px;
	height:19px;
    text-align: right;
}
/* ------------------------------------------------- fin combos ------------------------------------------------ */

/* ----------------------------------- */
/* --------- tabla busqueda ---------- */
/* ----------------------------------- */

.porFilas {
	border-collapse: collapse;
	background-color: #D70004;/*#616A74;*/
	color: white;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	height: 20px;
	border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
	border-width: 1px;


}

.filasBloquedaPar{
	padding: 1px;
	background-color: #E8E8E8;
	color: red;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;

	height: 30px;
	border-color: white;
	/*border-style: solid;*/
	border-width: 1px;
}


.filasBloquedaImpar{
	padding: 1px;
	background-color: #F6F7F7;
	color: red;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	height: 30px;
	border-color: white;
	/*border-style: solid;*/
	border-width: 1px;
}


.usuarioBloqueado {
	padding: 1px;
	/*background-color: #FFFFFF;*/
	background-color: #F5F5F5;
	color: red;
	font-size: 9px;
	font-family: Arial;
	font-weight: normal;
	height: 30px;
	border-color: white;
	/*border-style: solid;*/
	border-width: 1px;
}

.filaPar {
	padding: 1px;
	background-color: #E8E8E8;
	color: #616A74;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	height: 30px;
	border-color: white;
	/*border-style: solid;*/
	border-width: 1px;
}

.filaImpar {
	padding: 1px;
	background-color: #F6F7F7;
	color: #616A74;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	height: 30px;
	border-color: white;
	/*border-style: solid;*/
	border-width: 1px;
}

.botonListado {
	border: none;
	cursor: pointer;
}
/* ---------------------------------------------- fin tabla busqueda ------------------------------------------- */

/* ------------------------------------------- */
/* --------- Alta/Modificacion Cells --------- */
/* ------------------------------------------- */
.celdaTituloForm {
	padding-left:10px;
}
.celdaFieldForm {
	padding-left:10px;
}

/* ------------------------ */
/* --------- Menu --------- */
/* ------------------------ */
.sizePantalla{
	width: 100%;
}

.tablaMenu {
	width: 100%;
	border-style: solid;
	border-width: 0px;
	background-color: #D70004;
    left: 0px;
    position: fixed;
    top: 100px;	
}

#menuPrincipalDiv ul li {
	list-style-type: none;
}

#menuPrincipalDiv ul {
	margin: 0px;
	padding: 0px;
}

#menuPrincipalDiv li {
	float: left;
	margin: 0px;
	padding: 0px;
}


.submenuStyle {
	margin: 0px;
	display: compact;
	background-color: white;
	cursor: pointer;
	/* INICIO Cambio template 19/05/2016*/
	position: fixed !important;
	top:calc(100%+118px) !important;
	/* FIN */
}

.submenuTableStyle {
	border-style: solid;
	border-width: 1px;
	margin: 0px;
}

.cellMenuFechaHora {
	background-color: #D70004;
	color: white;
	font-family: Arial;
	font-size: 11px;
	padding-right: 10px;
}

.cellMenu {
	background-color: white;
	color: #616A74;
	font-family: Arial;
	font-size: 11px;
}

.cellMenuInvertido {
	background-color: #616A74;
	color: white;
	font-family: Arial;
	font-size: 11px;
}

.menuPrincipal {
	margin-right: 5px;
	vertical-align: top;
}

.subMenuDiv {
	position: relative;
	visibility: visible;
	border: thin;
	border-color: #616A74;
	border-width: 1px;
	border-style: solid;
}

.tooltipStyle {
	background-color: #FFFFF0;
	border: 1px;
	border-style: solid;
	border-color: black;
	font-family: Arial;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
/* --------------------------------------------- alta modificacion cell ---------------------------------------- */

/* ------------------------ */
/* ------- Detalles ------- */
/* ------------------------ */

.tablaResultadoOperacion {
	margin-bottom: 25px;
}

.celdaPadding {
	padding: 15px;
}

.celdaResultadoOperacion {
	padding: 8px;
	font-family: Arial;
	font-size: 11px;
	color: white;
	background-color: #616A74;
}

.tablaDetalles {
	border: 1px;
	border-style: solid;
	border-color: black;
	margin-top: 20px;
	margin-bottom: 20px;
}

.bordeAbajo {
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #616A74; 
	padding-bottom: 8px;
}
	
.bordeArribaAbajo {
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: black;
	padding-bottom: 15px;
	padding-top: 15px;
}

.celdaTextoResaltado {
	font-weight: bold;
}

.textoSolapa {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

/* Se usa para el titulo de las consultas en combinacion con celdaTextoResaltado */
.celdaTituloDetalles {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	background-color: #D70004;
	font-family: Arial;
	font-size: 11px;
	color: white;
	border-color: white;
	border-width: 1px;
	border-bottom-style: solid;
}

/* Se usa para el titulo de las consultas en combinacion con celdaTextoResaltado,
   pero en aquellos titulas que poseen las flechas de ordemamiento	*/
.celdaTituloDetallesSortCenter {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	height: 25px;
	background-color: #D70004;
	border-color: white;
	border-width: 1px;
	border-left-color: #D70004;
	text-align: center;
	border-bottom-style: solid;
	font-weight: bold;
}

.celdaTituloTablaSolicitud {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-align: center;
	background-color: #D70004;
}

.celdaTituloIdentidadLog {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-align: center;
	background-color: #D70004;
}

.celdaColorTablaSolicitud {
	font-size: 11px;
	background-color: #D70004;
}

.celdaTituloDetallesSortCenterSinBorde {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	height: 25px;
	background-color: #D70004;
	border-color: white;
	border-width: 0px;
	border-left-color: #D70004;
	text-align: center;
	border-bottom-style: solid;
	font-weight: bold;
}

.celdaTituloDetallesSortRight {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	height: 25px;
	background-color: #D70004;
	border-color: white;
	border-width: 1px;
	border-left-color: #D70004;
	text-align: right;
	border-bottom-style: solid;
	font-weight: bold;
	padding-right:10px;
}


.celdaTituloDetallesSortLeft {
	padding-left: 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	height: 25px;
	background-color: #D70004;
	border-color: white;
	border-width: 1px;
	border-left-color: #D70004;
	text-align: left;
	border-bottom-style: solid;
	font-weight: bold;
}

.celdaTituloDetallesSortCenter {
	padding-left: 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	height: 25px;
	background-color: #D70004;
	border-color: white;
	border-width: 1px;
	border-left-color: #D70004;
	text-align: center;
	border-bottom-style: solid;
	font-weight: bold;
}


/* Se usa para mostrar las consultas. Va alterando el color de los registros si se usa con celdaImparDetalles */
.celdaParDetalles {
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
	background-color: #E3E3E3;
	color: #616A74;
	border-color: white;
	border-bottom-style: solid;
	border-width: 1px;
	font-size: 11px;
	font-family: Arial;
}

/* Se usa para mostrar las consultas. Va alterando el color de los registros si se usa con celdaParDetalles */
.celdaImparDetalles {
	width:fit-content;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
	background-color: #F5F5F5;/*#F6F7F7;*/
	color: #616A74;
	border-color: white;
	border-bottom-style: solid;
	border-width: 1px;
	font-size: 11px;
	font-family: Arial;

}

/* Se usa para mostrar celdas con fondo blanco Sol 2492 Grilla pantalla coberturasCotizadas.jsp */
.celdaSinFondoDetalles {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	background-color: white !important;
	color: #616A74;
	border-color: white;
	border-bottom-style: solid;
	border-width: 1px;
	font-size: 11px;
	font-family: Arial;

}

/* Se usa para mostrar las consultas. Va alterando el color de los registros si se usa con celdaImparDetalles */
.celdaSinBordeDetalles {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	background-color: #F5F5F5;/*#F6F7F7;*/
	color: #616A74;
	border-color: #F5F5F5;
	font-size: 11px;
	font-family: Arial;
}

.celdaTotalDetalles {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	background-color: #D7D7D7;
	color: #636567;
	border-color: white;
	border-width: 1px;
	font-weight: bold;
	text-align: right;
}

.celdaSombreadaBordeInferior {
	background-color: #F5F5F5;
    height: 25px;
    border-bottom:thin; 
    border-bottom-style: solid;
    border-bottom-color: #C6C6C6;
    border-bottom-width: 1px;
}

.tableDatosClientesClass {
	background-color: #F5F5F5;
    height: 25px;
    border-bottom:thin; 
    border-bottom-style: solid;
    border-bottom-color: #F5F5F5;
    border-bottom-width: 1px;
}

.celdaBordeInferior {
    border-bottom:thin; 
    border-bottom-style: solid;
    border-bottom-color: #C6C6C6;
    border-bottom-width: 1px;	
}


/* ------------------------------------------------- fin consultas --------------------------------------------- */

/* ---------------------- */
/* ------- Combos ------- */
/* ---------------------- */

.comboBoxHeader {
	cursor: default;
	border: 1px;
	border-top-color: gray;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: gray;
	border-left-style: solid;
	border-left-width: 2px;
	border-bottom-color: #F9F7F6;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-color: #F9F7F6;
	border-right-style: solid;
	border-right-width: 2px;
}

.bordeTitulo {
	padding-left: 0px;
	padding-right: 5px;
}

.comboBoxDivOpciones {
	position: absolute;
	border: 1px solid black;
	background-color: white;
	overflow: auto;
	visibility: hidden;
}

.comboBoxOpcion {
	cursor: default;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
	border-style: none;
}

.comboBoxOpcionOver {
	cursor: default;
	background-color: highlight;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
}

/* --------------------- */
/* ------- Login ------- */
/* --------------------- */
.celdaFieldLogin {
	vertical-align: middle;
	text-align: left;
	padding-right: 10px;
	height: 28;
}

.loginTituloClass{
padding-left: 10px;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-size: 11px;
height: 17;
background-color: #D70004;


}

.tablaBotonLogin {
	margin-bottom: 10px;
	margin-top: 10px;
}

.celdaBotonLogin {
	padding-left: 5px;
	padding-right: 5px;
	background-image: url('../../../images/botones/boton_estirame.gif');
}

.textfieldLogin {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:120px;
	height:19px;
}

.margenAbajo {
	margin-bottom: 30px;
}

#printStyle {
    display : none;
}

#notPrintStyle {

}

#printable {
    display : none;
}

.IEdisabled{
	 color: #4C4C4C;
	 background-color: #D4D0C8;
	 border-top: 2px solid #808080;
	 border-left: 2px solid #808080;
	 border-bottom: 1px solid #D4D0C8;
	 border-right: 1px solid #D4D0C8;
	 width:150px;
	 height:19px;
}

/* aca no defino ningun width ni height */
.textfieldDinamico {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
}

.botonPaginado{
	color: #616A74;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	vertical-align: super;
	text-align: right;
}

.fieldInput{

    color: #616161;
	font-size: 10px;
	font-family: Arial;
	font-weight: normal;

}

.totalClass {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	background-color: #D7D7D7;
	color: #636567;
	border-color: white;
	border-width: 1px;
	font-weight: bold;
}

.tituloClass {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	background-color: #F5F5F5;
	color: #636567;
	border-color: white;
	border-width: 1px;
	font-weight: bold;
	text-align: left;
}

.tituloCeldaClass{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: white;
	height: 25px;
	background-color: #D70004;
	border-color: white;
	border-width: 1px;
	border-left-color: #D70004;
	text-align: center;
	font-weight: bold;
}

.totalClass2 {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	background-color: #D7D7D7;
	color: #636567;
	border-color: white;
	border-width: 1px;
	font-weight: bold;
	text-align: right;
}

.espacioClass{
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	color: #616A74;
}

/* R45c Se ajusta el estilo del mensaje del ambiente 
	Nicolas Fischer
*/
.fontAmbiente{
	color: #FFFFFF;
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-color: black;
	
}

.textTareasClass{
	 color: #4C4C4C;
	 background-color: #D4D0C8;
	 border-top: 2px solid #808080;
	 border-left: 2px solid #808080;
	 border-bottom: 1px solid #D4D0C8;
	 border-right: 1px solid #D4D0C8;
	 width:300px;
	 height:18px;
}

.fontCabeceraPagos{
    
    font-size:11px; 
    font-weight:bold;
}

.tituloAplicacionClass {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	color: #636567;
	border-color: white;
	border-width: 1px;
	font-weight: bold;
}

.tituloAplicacionRedClass {
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	color: red;
	border-color: white;
	border-width: 1px;
	font-weight: bold;
}

.fondoBodyRed{
	/*background-image: url('../../../images/estirame_fdo.gif');
	height: 561;*/
	background-color: #F5F5F5;
	color: red;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}

.fuenteComunClass{
	
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #636567; /*NEMO FIX color: color: #636567*/ 
	height: 25px;
	background-color: #F5F5F5;
	border-color: white;
	border-width: 1px;
	border-left-color: #D70004;
	text-align: center;
	border-bottom-style: solid;
	font-weight: bold;
}

.fieldCuitClass{
	width:300px;
}

.fc_main { background: #DDDDDD; border: 1px solid #000000; font-family: Verdana; font-size: 10px; }
.fc_date { border: 1px solid #D9D9D9;  cursor:pointer; font-size: 10px; text-align: center;}
.fc_dateHover, TD.fc_date:hover { cursor:pointer; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #E7E7E7; font-size: 10px; text-align: center; }
.fc_wk {font-family: Arial; font-size: 10px; text-align: center;}
.fc_wknd { color: #FF0000; font-weight: bold; font-size: 10px; text-align: center;}
.fc_head { background: #D70004; color: #FFFFFF; font-weight:bold; text-align: left;  font-size: 11px; }


.progress{}

.noDisplay{
	display: none;
	left: 41%;
	_left: 145%;
	top: 39%; 
	_top: 10%;
	width: 214px;
	height: 132px;
	z-index: 1002;
	position: fixed;
	_position:absolute;
}

.textfieldContactenos {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:20px;
	height:19px;
}

.textareaContactenos {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:400px;
	height:100px;
}

.textareaContactenosFinalizado {
    color: #616A74;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	font-weight: none;
	width:400px;
	height:50px;
}

.logoToyotaContactenos{
	padding-top: 4px;
	padding-right: 4px;
}

.botonesLogin{
	background-color: #616A74;
    color: #FFFFFF;
    font-family: arial;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
}

/* Bloqueador de pantalla*/
#transparencyPopup {
	display: none;
	background: #000000;
	
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	filter:alpha(opacity=50);
	
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0px;
	position: fixed;
	_position: absolute;
	
	
	
	
	
	
}

#windowPopup {
	display: none;
	background-color: white;
	border: 1px solid #000000;
	
	position: fixed;
	_position: absolute;
}


.BotonRojo {
	height: 35px;
	background-color: #D70004;
	border-radius:5px;
	width: auto;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

/* INICIO Cambio template 19/05/2016*/
#barraHeader {
	width: 100%; 
	height: 100px; 
	position: fixed; 
	background-image: url('../../../images/login/toyotaSup.png'); 
	background-position: top center;
	background-repeat: no-repeat; 
	left: 0px; 
	top: 0px; 
	background-color: #9F9E9E;
}

#barraHeaderMain{
	width: 100%; 
	height: 100px; 
	position: fixed; 
	background-image: url('../../../images/login/toyotaSup.png'); 
	background-position: top center;
	background-repeat: no-repeat; 
	left: 0px; 
	top: 0px; 
	background-color: #9F9E9E;
}

#barraHeaderMainNuevo{
	width: 100%; 
	height: 100px; 
	position: fixed; 
	background-image: url('../../../images/login/toyotaSupNuevo.png'); 
	background-position: top center;
	background-repeat: no-repeat; 
	left: 0px; 
	top: 0px; 
	background-color: #9F9E9E;
}



#barraHeaderLogoNuevo {
	width: 100%; 
	height: 100px; 
	position: fixed; 
	background-image: none; 
	background-position: top center;
	background-repeat: no-repeat; 
	left: 0px; 
	top: 0px; 
	background-color: #9F9E9E;
}

.SinBarra {
	background-color: white !important;
}

.NombreEmpresa {
	background: rgba(0, 0, 0, 0) url('../../../images/login/logo-tf.png') no-repeat scroll 0 0; 
	float: left; 
	height: 18px; 
	margin-top: 15px;
	margin-left: 10px; 
	text-indent: -9999px;
	width: 459px;	
}

.LogoEmpresa {
	background: rgba(0, 0, 0, 0) url('../../../images/login/logo.png') no-repeat scroll 0 0; 
	float: right; 
	height: 44px; 
	margin-top: 10px; 
	margin-right: 10px; 
	width: 138px;
}

.NombreEmpresaNuevo {
    float: left;
    height: 18px;
    margin-top: 15px;
    margin-left: 10px;
    width: 459px;
    font-family: NeutraLight,sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #C70000;
    text-transform: uppercase;
    line-height: 20px;
}

.LogoEmpresaNuevo{
	background: rgba(0, 0, 0, 0) url('../../../images/login/logo_lexus.png') no-repeat scroll 0 0; 
	float: right; 
	height: 50px; 
	margin-top: 10px; 
	margin-right: 10px; 
	width: 298px;
}

.BarraInformacion {
    left: 0px;
    position: fixed;
    top: 65px;
    width: 100%;	
}

.Bienvenido {
   color: #fff;
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-left: 11px;
    width: 50%;
}

.UltimoLogin {
    color: #fff;
    float: right;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0;
    margin-right: 11px;
    margin-top: -14px;
    text-align: left;
    width: 50%;
}

#barraFooter {
	width: 100%; 
	height: 41px; 
	position: fixed; 
	left:0px; 
	background-color:#DDD;
}

.ContenidoFooter {
	width: 60%; 
	position: relative; 
	top: 15%; 
	left: 20%; 
	font-family: Arial; 
	color: #000; 
	font-size: 11px; 
	align: center; 
	text-align: center;	
}

.botonGenerico {
    padding:3px;
	padding-left:12px;
	padding-right:12px;
    border: 0 none;
    font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	border-radius: 3px;
	background: #D70004;
    color: #ffffff !important;
    box-shadow: 0 1px 1px 0 #000000;
    cursor: pointer;
    white-space: nowrap;
}

.botonGenericoGris {
    padding:3px;
	padding-left:12px;
	padding-right:12px;
    border: 0 none;
    font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	border-radius: 3px;
	background: #868686;
    color: #ffffff !important;
    box-shadow: 0 1px 1px 0 #000000;
    cursor: pointer;
    white-space: nowrap;
}

.blockMsg {
	z-index: 1002 !important;
}

.label {
    border-radius: 0.25em;
    color: #fff;
    display: inline;
    font-size: 95%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}	

.label-primary {
    background-color: #337ab7;
}

.label-default {
    background-color: #777;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
}

.blockOverlay {
	z-index: 1002 !important;	
}
/* FIN */

.progress {
	height: 15px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	
}

.progressBar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	
}

@media (max-width: 1173px) {
	
	
	#barraHeaderMainNuevo {
		background-image: url('../../../images/login/toyotaSupNuevoResponsive.png') !important;
		
	}
	
	.LogoEmpresaNuevo {
		margin-top: 5px !important;
	}
	
}