@charset "utf-8";

/******************************/
/************ TAGS ************/
/******************************/

/* Standard (Mozilla) */
@keyframes blink { 
	from { opacity: 1; } to { opacity: 0.1; } 
}
/* Chrome & Safari */
@-webkit-keyframes blink 
{ from { opacity: 1; } to { opacity: 0.1; } }

.blink { -webkit-animation: blink 1300ms infinite; animation: blink 1300ms infinite; }

.downloadFile {
 cursor: pointer !important;
 padding: 2px;
 height: 15px;
 text-align: left;
 list-style-type:  none;
}
.downloadFile:hover{
 color: #A9CFE4!important;
}

.listFile {
	list-style-type:  none;
}

.actionFile {
	cursor: pointer !important;
	padding: 2px;
	height: 15px;
	text-align: left;
}
.actionFile:hover{
	color: #A9CFE4!important;
}


.listFile:nth-of-type(odd) {
background-color: #fffdf3;
}
    
.listFile:nth-of-type(even) {
	background-color: #eeeeec;
}


.listShow {
	padding: 2px;
	cursor: default !important;
	list-style-position:inside; 
	list-style-type:  none;
}

.listShow:nth-of-type(odd) {
	background-color: #fffdf3;
}
    
.listShow:nth-of-type(even) {
	background-color: #eeeeec;
}

.listShow:hover{
	color: #A9CFE4!important;
}



* {
    margin: 0;
    /*padding: 0;*/
}

a, a :hover, a :visited {
    color: #c47900;
    text-decoration: none;
}

b {
    font-size: .9em;
}

body {
    background: #fffff7;
    color: #0b3d91;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: .8em;
}

fieldset {
    padding: 7px;
}

input, .ui-widget-content {
    background-color: #f0f0f0;
    border-color: #999999;
    border-style: Solid;
    border-width: 1px;
    color: #666666;
    font-size: .9em;
    margin: 3px auto;
    padding: 3px;
}

.ui-button-text{
	height: 5px;
	background-color: white;
}

legend {
    font-weight: bold;
    color: #0b3d91;
    padding: 5px;
    border-style: none;
}

select, textarea {
    background-color: #F0F0F0;
    border-color: #999999;
    border-style: Solid;
    border-width: 1px;
    color: #666666;
    font-size: .9em;
    margin: 3pt auto;
    padding: 3px;
    width: 177px;
}

select.estadistica {
    background-color: #F0F0F0;
    border-color: #999999;
    border-style: Solid;
    border-width: 1px;
    color: #666666;
    font-size: .9em;
    margin: 3pt auto;
    padding: 3px;
    width: 320px;
}

.selectDependencia {
    background-color: #F0F0F0;
    border-color: #999999;
    border-style: Solid;
    border-width: 1px;
    color: #666666;
    font-size: .9em;
    margin: 3pt auto;
    padding: 3px;
    width: 235px;
}

.selectDependenciaAsociaMensaje {
    background-color: #F0F0F0;
    border-color: #999999;
    border-style: Solid;
    border-width: 1px;
    color: #666666;
    font-size: 1em;
    margin: 3pt auto;
    padding: 3px;
    width: 325px;
}

td {
    font-size: .8em;
}

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

table.main {
    height: 100%;
    letter-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    width: 100%;
}

table.normal {
    height: 100%;
    letter-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    vertical-align:middle;
    width: 95%;
}

tr.header {
    text-align: center;
    height: 1%;
    vertical-align: top;
}

td.header-izquierda {
    background-image: url(../images/bannerPrincipal/inicio_r1_c1.jpg);
    color: #ffffff;
    font-size: .7em;
    font-weight: bold;
    text-align: justify;
    vertical-align: bottom;
}

td.header-centro {
    background-image: url(../images/bannerPrincipal/centro.jpg);
}

td.header-spacer {
    background-image: url(../images/bannerPrincipal/spacer.gif);
}

td.main-menu {
    background-color: #e5e6e7;
    vertical-align: top;
    width: 20%;
}

td.footer {
    background-image: url(../images/footer.gif);
    color: #ffffff;
    font-size: .6em;
    height: 1%;
    text-align: center;
    width: 100%;
}

td.right {
    text-align: right;
}

td.left {
    text-align: left;
    padding-left: 1em;
}

td.center {
    text-align: center;
}

td.justify {
    text-align: justify;
}

.tablePrint {
	display: none;
}

/******************************/
/********** CONTRATO **********/
/******************************/

td.contrato-left {
    text-align: left;
    width: 25%;
}

td.contrato-right {
    text-align: right;
    width: 25%;
}

td.contrato-left-bold {
    font-weight: bold;
    text-align: left;
    width: 25%;
}

td.contrato-left-upper {
    text-align: left;
    text-transform: uppercase;
    width: 25%;
}

/******************************/
/*********** FORMS ************/
/******************************/

.impar {
    background-color: #fffdf3;
    padding: 3px;
}

.par {
    background-color: #fffbe7;
    padding: 3px;
}

input.btn, #btn.btn {
    background-color: #6384bd;
    border-color: blue;
    border-bottom-color: black;
    border-left-color: white;
    border-right-color: black;
    border-top-color: white;
    border-width: 2px;
    color: #ffffff;
    font-size: .8em;
    font-weight: bold;
    margin: 0pt auto;
}

input.radio {
    margin: 0px;
}

.linea-titulo-seccion-azul {
    background-color: c2cfe2;
    height: 9px;
}

.linea-titulo-seccion-celeste {
    background-color: #9db1d2;
    height: 5px;
}

td.titulo-seccion, div.titulo-seccion {
    background-image: url(../images/tableHead.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: .8em;
    font-weight: bold;
    height: 20px;
    text-align: left;
    padding: 3px;
}

.titulo-principal-seccion {
    background-image: url(../images/tableHead.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    padding: 3px;
}

/******************************/
/********* MISCELANEOS ********/
/******************************/

.titulo-naranja {
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;
    color: #c47416;
}

.titulo-principal {
    font-size: 2em;
    font-weight: bold;
    color: #c47416;
}

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

/******************************/
/****** OCULTAR-MOSTRAR *******/
/******************************/

div.container {
    clear: both;
    padding-top: 11px;
    position: relative;
}

div.left {
    float: left;
    position: relative;
}

tbody.on {   	
    display: table-row-group;
}

tbody.off {
    display: none;
}

/******************************/
/********** MENSAJES **********/
/******************************/

div.error {
    border: 1px solid red;
    background: #ffffcc;
    font-size: .8em;
    font-weight: bold;
    padding: 7px;
}

label.error {
    color: red;
    font-weight: bold;
}

span.error {
    color: red;
    font-size: .8em;
    font-weight: bold;
}

div.ok, span.ok {
    border: 1px solid green;
    background: #ffffcc;
    font-size: .8em;
    font-weight: bold;
    padding: 7px;
}

div.info, span.info {
    border: 0px solid blue;
    color: #0b3d91;
    font-size: .8em;
    font-weight: bold;
    padding: 7px;
    text-align: center;
}

div.alerta, span.alerta {
    background: #ffffcc;
    border: 1px solid yellow;
    font-size: .8em;
    font-weight: bold;
    padding: 7px;
    text-align: left;
}

.tit01Center {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #0b3d91;
	text-align: center;
}

.tit02Justify {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #0b3d91;
	text-align: justify;
}

.tit02 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #0b3d91;
}

/******************************/
/*********** ICONOS ***********/
/******************************/

img.iconInfo {
    border: 0px;
    height: 8px;
    padding: 0px 0px 5px 0px;
    width: 8px;
}

img.icon16 {
    border: 0px;
    height: 16px;
    padding: 3px;
    width: 16px;
}

img.icon20 {
    border: 0px;
    height: 20px;
    padding: 2px;
    width: 20px;
}

img.icon64 {
    border: 0px;
    height: 64px;
    padding: 5px;
    width: 64px;
}

img.icon30 {
    border: 0px;
    padding: 2px;
    width: 30px;
}


/******************************/
/******** PROGRESS BAR ********/
/******************************/

#progressBar { padding-top: 5px; }
#progressBarBox { width: 350px; height: 20px; border: 1px inset; background: #eee;}
#progressBarBoxContent { width: 0px; height: 20px; border-right: 1px solid #444; background: #9ACB34; }


/******************************/
/******** PROGRESS BAR ********/
/******************************/
 .no-seleccionable {
/* 	-webkit-user-select: none; */
/* 	-khtml-user-select: none; */
/* 	-moz-user-select: none; */
/* 	-o-user-select: none; */
/* 	-ms-user-select: none; */
/* 	user-select: none; */

}
 
 hr.parametro {
 	display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
 }

/******************************/
/******* OPTION FILTER ********/
/******************************/

[name^=ec_f] {
 background-color: white;
 border: 1px solid gray !important;
}

.animated {
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 animation-iteration-count: infinite;
}
@-webkit-keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
 }
25%, 75% {
 opacity: 0;
 }
}
@keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
 }
25%, 75% {
 opacity: 0;
 }
}
.flash {
 -webkit-animation-name: flash;
 animation-name: flash;
}