/* 0 BASIC TAGS */

body, div, h1, h2, h3, h4, ul, li, table {
    /*margin: 0;
    padding: 0;
    border: none;*/
}

body{
    text-align:center;
    font-family: Verdana, sans-serif;
	/*font-size: 0.8em;*/
	color: #797979;
    margin-left:auto; 
    margin-right:auto
}



hr {
    border: 0;
    border-top: 1px solid #bababa;
    height: 1px;
}

select {
    font-family: 'Oswald', sans-serif;
    /*font-size: 1em;*/
}

/*input, textarea, button*/
textarea {
    border-width: 1px;
}

button {
    font-family: 'Oswald', sans-serif;
    /*font-size: 8pt;*/
    font-weight: bold;
    border-width: 1px;    
}

a {
    text-decoration: underline;
    color: #5078B3;
}

    a:hover {
        color: #2E4d7B;
        text-decoration: none;
    }

    a:active {
        color: #5078B3;
        text-decoration:none;
    }

img {
    /*border-width: 0;
    margin-left: 10%;*/
}

h1, h2, h3, h4 {
    color: #797979;
    font-family: 'Oswald', sans-serif;
    margin: 0;
    font-weight: bold;
    padding: 2px
}

h1 {
    /*font-size: 4.4em;
    font-size: 13pt;*/
    text-align: left;
}

h2 {
    /*font-size: 12pt;*/
}

h3 {
    /*font-size: 11pt;*/
}

h4 {
    /*font-size: 10pt;*/
}

h6 {
    /*font-size: 1.8em;*/
}


/******************Accordion*****************/



    .accordionHeader a {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }

        .accordionHeader a:hover {
            background: none;
            text-decoration: underline;
        }

    .accordionHeaderSelected a {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }

    .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
        }

.accordionContent {
    /*background-color: #D3DEEF;*/
    border: 1px dotted #2F4F4F;
    border-top: none;
    padding: 20px;
    padding-top: 10px;
}

.accordionHeaderSA {
    border-bottom: 2px solid #2d6982;
    /*border: 1px solid #2F4F4F;*/
    /*color:#2E4d7B;*/
    color: #2d6982;
    /*background-color: #2E4d7B;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionHeaderSelectedSA {
    border-bottom: 2px solid #2d6982;
    /*border: 1px solid #2F4F4F;*/
    color: #2d6982;
    /*background-color: #5078B3;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionContentSA {
    /*background-color: #D3DEEF;*/
    border: 1px dotted #2d6982;
    border-top: none;
    padding: 20px;
    padding-top: 10px;
}

.accordionHeaderCI {
    border-bottom: 2px solid #cba625;
    /*border: 1px solid #cba625;*/
    /*color:#2E4d7B;*/
    color: #cba625;
    /*background-color: #cba625;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionHeaderSelectedCI {
    border-bottom: 2px solid #cba625;
    /*border: 1px solid #cba625;*/
    color: #cba625;
    /*background-color: #cba625;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionContentCI {
    /*background-color: #D3DEEF;*/
    border: 1px dotted #cba625;
    border-top: none;
    padding: 20px;
    padding-top: 10px;
}

.accordionHeaderSC {
    border-bottom: 2px solid #d9177b;
    /*border: 1px solid #d9177b;*/
    /*color:#2E4d7B;*/
    color: #d9177b;
    /*background-color: #d9177b;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionHeaderSelectedSC {
    border-bottom: 2px solid #d9177b;
    /*border: 1px solid #d9177b;*/
    color: #d9177b;
    /*background-color: #d9177b;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionContentSC {
    /*background-color: #D3DEEF;*/
    border: 1px dotted #d9177b;
    border-top: none;
    padding: 20px;
    padding-top: 10px;
}

.accordionHeader_Reportes {
    border-bottom: 2px solid #6E6E6E;
    /*border: 1px solid #cba625;*/
    /*color:#2E4d7B;*/
    color: #6E6E6E;
    /*background-color: #cba625;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionHeaderSelected_Reportes {
    border-bottom: 2px solid #6E6E6E;
    /*border: 1px solid #cba625;*/
    color: #6E6E6E;
    /*background-color: #cba625;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.accordionContent_Reportes {
    /*background-color: #D3DEEF;*/
    border: 1px dotted #6E6E6E;
    border-top: none;
    padding: 20px;
    padding-top: 10px;
}


/******************FIN Accordion*****************/


/******************UI General*****************/

/******************FIN UI General*****************/

/******************Controles ASP.NET*****************/

/* Boton Formas */
.boton {
    display: block;
    width: 80px;
    background: #32a643;
    color: #ffffff;
    border: none;
    height: 22px;
    cursor: pointer;
    text-align: center;
}

/* Textbox Formas */
.textbox {
    font-family: 'Oswald', sans-serif;
    /*font-size: 1em;*/
    font-weight: 300;
    width: 200px;
}

/* Combo Formas */
.dropdownlist {
    font-family: 'Oswald', sans-serif;
    /*font-size: 1em;*/
    font-weight: 300;
    Width: 170px;
    text-align: left;
}

/******************FIN Controles ASP.NET*****************/


/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: lightpink;
    color: black;
    padding: 2px;
}

/*AutoComplete flyout */
.autocompleteCompletionListElement {
    margin: 0px !important;
    padding: 0;
    background-color: white;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 150px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: Window;
    color: windowtext;
    overflow: auto;
    margin: 0px;
    padding:2px;
}



.Cuadros{
	
	width:250px;
	height:250px;
	float:left;
	margin:2px 2px 2px 2px;
	border: 1px solid black;
	color: #FFFFFF;
	text-align: center;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
		
}

.Icono_cuadro {

	float: left;
	padding-top: 20px;
	padding-left: 15px;
	position: absolute;

}

.Cuadro_titulo {
	padding-top:20px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	
}

.Cuadro_subtitulo {
	
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
    padding-top:20px;
	
}

.Icono_cuadro {

	float: left;
	padding-top: 20px;
	padding-left: 15px;
	position: absolute;

}

.Cuadro_links  {		

	font-size:13px;	
	font-weight: bold;
	color: #FFFFFF;
	
}
	
.Cuadro_links:link  {

	text-decoration : underline;	

}
	
.Cuadro_links:visited  {

	text-decoration : none;	
	
}
	
.Cuadro_links:active  {

	text-decoration : none;	
	
}

.Cuadro_links:hover  {

	text-decoration : underline;	
	cursor: pointer;
    color: #FFFFFF;
	
}

.ContenedorCuadros {

	width:800px;
    margin:0 auto 0 auto;	
    padding:20px 0 0 0;
}

.Cabecera{

	margin:0 auto 0 auto;
	width:800px;	
	
}

.Titulo_sistema {

	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, helvetica;
    padding:0 0 30px 0;

}

.rowColor {
    background-color:#F3F781;
}

.rowColorTranparent {
    background-color:transparent;
}

/* JACJ-20200114: agregar estilos a la clase .button, .button:hover, .button:active */
.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    -webkit-appearance:button;
    font: bold 12px Arial;
    text-decoration: none;
    color: #333333;
    padding: 3px 10px 4px 10px;
    /* se agregan estilos*/
    border:solid 1px #797979;
    background-color: #efe9e9;
    border-radius:3px;
}
    .button:hover {
        border:solid 1px black;
        background-color: #ddd6d6;        
        color:black;
    }

    .button:active {
        border:solid 1px black;
        background-color: whitesmoke;
        color:black;
    }

.CajaDialogo
{
   background-color: White;
   border-width: 4px;
   border-style: outset;
   border-color: White;
   padding: 0px;
   width: 200px;
   font-weight: bold;
}

.lookScreen {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color: gray;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
}


th.sortasc a  
{
    display:block; padding:0 4px 0 15px; 
    background:url(../Images/Down.png) no-repeat;  
}

th.sortdesc a 
{
    display:block; padding:0 4px 0 15px; 
    background:url(../Images/Down.png) no-repeat;
}

.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=80);
    opacity: 0.7;
}
.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    /*width: 300px;
    height: 140px;*/
}

.displayCounterBox_info {
    color: gray;
    font-size:12px;
    font-weight:bold;
}

.displayCounterBox_alert {
    color: red;
    font-size:12px;
    font-weight:bold;
}