/* Estilos para la Gesti�n de la Aplicacion de HYUNDAI */
/* ODEC, 2008                                          */

HR {
	border : 1px solid #004586;
}
	
/*HR.hrNar {
	border : 1px solid #FF9933;
}*/

H2 { font-family:Verdana,Arial,sans-serif;
}

INPUT { border:1px solid #E6E6E6;

}

SELECT {   font-family:Verdana,Arial,sans-serif;
           font-size:8pt;
}

.titulo { font-family:Verdana,Arial,sans-serif;
          font-size:25px;
          font-weight:bold;
          color:#0A2366
}

.titulo2 { font-family:Verdana,Arial,sans-serif;
           font-size:20px;
           font-weight:bold;
           color:#75B3E4
}

.titulo3 { font-family:Verdana,Arial,sans-serif;
           font-size:15px;
           font-weight:bold;
           color:#75B3E4
}

.titulo4 { font-family:Verdana,Arial,sans-serif;
           font-size:10pt;
           font-weight:bold;
           color:#000000
}

.condiciones {
               color:#000000;
}

.Condiciones {
font-family:Verdana,Arial;
font-size:6pt;
}

.texto10pt {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10 pt;
}

.pie { font-family:Arial,Verdana,sans-serif;
       font-size:11px;
       color:#444444;
}

.pageIndexActiva { font-family:Arial,Verdana,sans-serif;
             color:#000000;
             font-size : 8pt;
             text-decoration : none;
             font-weight : bold
}

.pageIndexOtras { font-family:Arial,Verdana,sans-serif;
                  color:#000000;
                  font-size : 8pt;
                  text-decoration : none;
}


.button2 { border:1px solid #507FB0;
          background: #507FB0;
          color: white;
          font-weight:bold;
          font-family: Verdana, Arial, sans-serif;
	  font-size : 9pt;
}

/*.button2Nar { border:1px solid #FF9933;
          background: #FF9933;
          color: white;
          font-weight:bold;
          font-family: Verdana, Arial, sans-serif;
	  font-size : 9pt;
}*/

/***** Tipo de tabla TB1 **** */

table.tb1 { background: #F4F4F4;
            font-family:Verdana,Arial,sans-serif;
            font-size:8pt;
            color:#000000;
}
table.tb1 .clsCurrentTableRow { font-family: Verdana, Arial, sans-serif;
  	                        font-weight: bold;
	                        background:#75B3E4;
}

table.tb1 .campoFilaPar { font-family:Verdana,Arial,sans-serif;
                          font-size:8pt;
                          background-color:#F0F0F0;
                          text-decoration:none;
                          color:#000000;

}

table.tb1 .campoFilaImpar { font-family:Verdana,Arial,sans-serif;
                          font-size:8pt;
                          background-color:#F9F9F9;
                          text-decoration:none;
                          color:#000000;
}

/******************************/


/***** Tipo de tabla TB2 **** */
table.tb2 { background-color: #D9D9D9;
}

table.tb2 .nomCon { font-family:Verdana,Arial,sans-serif;
                    font-size:10pt;
                    font-weight:bold;
                    color:#0A2366
}

/*table.tb2 .nomConNar { font-family:Verdana,Arial,sans-serif;
                      font-size:10pt;
                      font-weight:bold;
                      color:#be5b01
}*/

table.tb2 .titTabla { font-family:Verdana,Arial,sans-serif;
                      font-size:12pt;
                      font-weight:bold;
                      color:#75B3E4
}

/*table.tb2 .titTablaNar { font-family:Verdana,Arial,sans-serif;
                       font-size:12pt;
                       font-weight:bold;
                       color:#ff8b71
}*/

table.tb2 .titTabla10 { font-family:Verdana,Arial,sans-serif;
                        font-size:7pt;
                        font-weight:bold;
                        text-align:center;
                        color:#000000;
}

table.tb2 .filaNivel2 { 
	background-color: #F4FAB6;
}


table.tb2 .titCampo { font-family:Verdana,Arial,sans-serif;
                      font-size:8pt;
}

table.tb2 .campoFilaPar { font-family:Verdana,Arial,sans-serif;
                          font-size:8pt;
                          background-color:#F0F0F0;
}

table.tb2 .campoFilaImpar { font-family:Verdana,Arial,sans-serif;
                          font-size:8pt;
                          background-color:#F9F9F9;
}

table.tb2 .campoFilaParDest { font-family: Arial, Verdana, sans-serif;
                          font-size:8pt;
                          background-color:#FFF6C0;
}

table.tb2 .campoFilaImparDest { font-family: Arial, Verdana, sans-serif;
                          font-size:8pt;
                          background-color:#FFF8DC;
}

table.tb2 .clsCurrentTableRow { font-family: Verdana, Arial, sans-serif;
  	                        font-weight: bold;
	                        background:#75B3E4;
                               font-size:8pt;
}

/*
 * Resaltado de la cabecera para listados de planificaci�n
 */
table.tb2 .titTablaPlanificado {
		color: #952A01;
		font-family:Verdana,Arial,sans-serif;
        font-size:12pt;
        font-weight:bold;
}

/******************************/

/***** Tipo de tabla TB3 **** */
table.tb3 { background: #F4F4F4;
}

table.tb3 .titTabla {font-family:Verdana,Arial,sans-serif;
                     font-size:10pt;
                     font-weight:bold;
                     color:#75B3E4
}

/*table.tb3 .titTablaNar {font-family:Verdana,Arial,sans-serif;
                        font-size:10pt;
                        font-weight:bold;
                        color:#ff8b71
}*/

table.tb3 .titCampo { font-family:Verdana,Arial,sans-serif;
                      font-size:8pt;
}

/******************************/
table.tbTareas {
	text-align:center;
}
/******************************/

/***** Tipo de tabla TB11 **** */
table.tb11 { border:1px solid #E6E6E6;
             font-family: Verdana, Arial, sans-serif;
             font-size:11pt;
             color:#000000;
}

/******************************/

.Requerido{ font-weight:bold
}



.vrSelectField2 , .vrSelectField3, .vrSelectField4 , .vrSelectField5 { font-family: Verdana, Arial, sans-serif;
                                                                       font-size:8pt;
                                                                       color:#000000;
                                                                       border:1px solid #FFFF00;
}



/* Estilos compatibles con la librer�a HTML Cabo que renderiza los botones de la aplicaci�n */
.BUTTON {
        border-bottom:#507FB0;
}

.BUTTONTEXT {
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	color:#000000;
	font-size:9pt;
	text-decoration:none;
}


/************************************/
.menu .Estilo1:hover{
  color: #000000;
}

.menu .Estilo6:hover{
  color: #000;
}


.tip {
	border:solid 1px #666666;
	width:250px;
    padding:1px;
    position:absolute;
    z-index:100;
    visibility:hidden;
    color:#333333;
    top:20px;
    left:90px;
    background-color:#ffffcc;
    layer-background-color:#ffffcc;
 }

#t1 {width:220px;}

/*
 * Botones CSS con imagenes
 */
a.button{
	background:url(../images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	/* margin-bottom:14px; */
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}
/*
 * Boton CSS a�adir
 */
.add{
		background:url(../images/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
}

.delete{
		background:url(../images/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

.deleteIcon {
	padding-left: 10px;
}

.deleteIcon:hover {
	cursor: pointer;
}

tr.fechaPublicacionBkg {
	/* background-color:#ccc; */
}

.messageWarn{
    /*color: #D9D900;*/
    color: #D5A03C;
    background-color: #FFFFE5;
    border: solid 1px #D9D900;
    background-image: url('../images/warning2.gif');
    background-position: 3px 50%;
    background-repeat: no-repeat;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 33px;
    padding-right: 7px;
    -moz-border-radius: 3px;
    font-family: Verdana,Arial,sans-serif
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 300px;
}

* html .ui-autocomplete {
    height: 100px;
}
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: .7em !important;
}


/*
Tabla de resumen
*/
table.treetable .titTabla {
    background-color: #b4c7e6;
    color: #1b3960;
    font-family: Arial,Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
table.treetable .titTabla2 {
    background-color: #1b3960;
    color: white;
    font-family: Arial,Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
table.treetable .titTabla10 {
    border-bottom: 1px solid black;
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}
table.treetable .titTabla10Numeros {
    border-bottom: 1px solid black;
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 7pt;
    font-weight: bold;
    text-align: center;
}
table.treetable .totalTabla10 {
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}
table.treetable .filaNivel3 {
    background-color: #f9f9f9 !important;
}
table.treetable .campoFilaImpar {
    font-family: Arial,Verdana,sans-serif;
    font-size: 7pt;
    text-align: center;
}
table.treetable .total {
    background-color: #d9d9d9;
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}
table.treetable .clsCurrentTableRow {
    background: #75b3e4 none repeat scroll 0 0;
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
table.treetable .filaNivel1 {
    background-color: #e5e5e5 !important;
}
table.treetable .campoFilaNivel1 {
    font-family: Arial,Verdana,sans-serif;
    font-size: 7pt;
    text-align: center;
}
table.treetable .filaNivel2 {
    background-color: #f0f0f0 !important;
}
table.treetable .campoFilaNivel2 {
    font-family: Arial,Verdana,sans-serif;
    font-size: 7pt;
    text-align: center;
}
table.treetable .campoFilaTotalizador {
    background-color: #d9d9d9;
    font-family: Arial,Verdana,sans-serif;
    font-size: 7pt;
    text-align: center;
}
table.tblResumen .titTabla {
    background-color: #d9d9d9;
    color: #75b3e4;
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
table.tblResumen .texto10pt {
    font-family: Arial,Verdana,sans-serif;
    font-size: 7pt;
    text-align: right;
}
table.tblResumen .texto10ptTotal {
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: right;
}
table.tblResumen .textoComentarios {
    font-family: Arial,Verdana,sans-serif;
    font-size: 7pt;
    text-align: left;
}
table.treetable .filaResumenNivel1 {
    background-color: #e3e3e3 !important;
}
table.treetable .campoResumenNivel1 {
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    text-align: center;
}
table.treetable .filaResumenNivel2 {
    background-color: #ebebeb !important;
}
table.treetable .campoResumenNivel2 {
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    text-align: center;
}
table.treetable .filaResumenNivel3 {
    background-color: #f2f2f2 !important;
}
table.treetable .campoResumenNivel3 {
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    text-align: center;
}
table.treetable .filaResumenNivel4 {
    background-color: #fafafa !important;
}
table.treetable .campoResumenNivel4 {
    font-family: Arial,Verdana,sans-serif;
    font-size: 8pt;
    text-align: center;
}
table.treetable .filaMedioHover {
    background-color: #e7eef8 !important;
}
table.treetable .filaResumenHover {
    background-color: #e7eef8 !important;
}
.resumenFilaCabecera {
    background-color: #b4c7e6;
}
.resumenCeldaCabecera {
    color: #1b3960;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    padding: 3px 5px;
    text-align: center;
}
.bordeRedondeado {
    border: 0 solid #000000;
    border-radius: 5px;
}
#contenedorTablaCampanas {
    background-color: #1b3960;
}
#contenedorTablaResumen {
    background-color: #1b3960;
}
.bordeDerecho{
	border-right: 1px solid #aaaaaa;
}
.bordeIzquierdo{
	border-left: 1px solid #aaaaaa;
}
.bordesLaterales{
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 14px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 80%;
}

.modalGastoReal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 14px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-gastoReal {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.js-basic span.select2.select2-container.select2-container--default {
    width: 350px !important;
}

.negrita {
    font-weight: bold;
}

.texto11px {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
}

.selectMaxWidth{
	max-width: 300px;
}