/*! normaliza css v1.0.2 */

body {

	padding-top: 0;
	height: 100vh;
	margin: 0;
	padding: 0;
	/*overflow-x:hidden;*/
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
}

.boton {  
    align-items: flex-start;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: #5D5D5D;
    /*box-sizing: border-box;*/
    border-width: 2px;
    /*border-style: outset;*/
    border-color: #5D5D5D;
    border-image: initial;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-family	 	: Arial, Helvetica, sans-serif;
    padding: 10px 20px;
}

.boton:hover {
    background-color: #058288;
}

a {
	background: 0 0;
	cursor: pointer;
	min-width: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	/*height: 100%;*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}

.TitulofontColorBlanco {
	color: #fff;
	font-family: Helvetica;
	font-size: 32px;
}

.TitulofontColorAzul1A {
	color: #0078d4;
	font-family: Helvetica;
	font-size: 15px;
}

.TitulofontColorAzul1B {
	color: #0078d4;
	font-family: Helvetica;
	font-size: 15px;
	font-weight: bold;
}

p, span {
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;;
}

#texto0A {
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	text-align: justify;
}

#texto1A {
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	text-align: justify;
}

#texto1B {
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	font-weight: bold;
	text-align: justify;
}

#texto1C {
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	font-style:italic;
	text-align: justify;
}

#texto1D {
	font-family: Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	font-weight: lighter;
	text-align: justify;
}

#texto1F {
	font-family:Helvetica Neue LT W05_75 Bd Ou;
	font-family:Helvetica;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	text-align: justify;
}

#texto2A {
	font-family: "Myriad Pro";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	text-align: justify;
}

#texto2B {
	font-family: "Myriad Pro";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	font-weight: bold;
}

#texto2C {
	font-family: "Myriad Pro";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	font-style:italic;
	text-align: justify;
}

#texto2D {
	font-family: "Myriad Pro";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	font-weight: lighter;
	text-align: justify;
}

#texto2F {
	font-family: "Myriad Pro";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	text-align: justify;
}

li {
	font-family: Helvetica;
	font-size: 15px;
}

#div1A{
	border-top: 5px solid #d9d9d9;
	border-bottom: 5px solid #d9d9d9;
}

#div1B{
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 0.5%;
}

#div1C{
	width: 67%;
	padding-left: 16.5%;
	padding-right: 16.5%;
}

#div1D{
	width: 99%;
	padding-left: 1.5%;
	padding-right: 16.5%;
}

#iframeA {
	width: 98%;
	height: 90%;
	border: 1px;
}

#usuario, #password {
	border-radius: 5px 5px 5px 5px;
	height: 30px;
	font-family: Helvetica;
	font-size:12px;
}

#ZtxtUsuario, #ZtxtPassword {
	border: none;
	height: 30px;
	width: 200px;
	font-family: Helvetica;
	font-size:15px;
	background-color: #E8F0FE;
}

#btn1A{
	cursor:pointer;
	background-color: rgb(0, 48, 87);
	color: #fff;
	border-radius: 5px 5px 5px 5px;
	height: 30px;
	width: 123px;
}

#Zbtn1A{
	font-family: Helvetica;
	font-size: 15px;
	align-items: center;
	justify-content: center;
	display: flex;
	cursor: pointer;
	background-color: #5D5D5D;
	color: #ffffff;
	height: 34px;
	width: 178px;
	border: none;
	margin-top: 7%;

}



#barraAzul1A{
	background-color: rgb(0, 48, 87);
	min-height: 48px;
}

#divFormCasillas {
	padding: 1%;
	float: left;
	width: 30%;
}

#divFormCasillas{
	padding: 1%;
	padding-top: 3%;
}

/*1*/
div#divFormCasillas0 {
	margin-left: 20%;
	height: 50px;
	padding-top: 5%;
	margin-bottom: -3%;
}

div#divFormCasillas2 {
	float: left;
	width: 38%;
}

div#divFormCasillas3 {
	padding-left: 33%;
	height: 35px;
}

div#divCasillas4 {
	padding: 5%;
	color: #000;
	width: 70%;
	margin-left: 10%;
    margin-right: 10%;
}

div#divContiene {
	width: 40%;
	height: 240px !important;
	background-color: #058288;
	color: #fff;
	margin-left: 30%;
	margin-right: 30%;
	margin-top:  10%;
	border-radius: 15px 15px 15px 15px;

/* border-radius: 13px;  aqui ta*/
}

/*Responsive*/
@media (max-width: 1200px){
	div#divFormCasillas0 {
		margin-left: 5%;
	}

	div#divFormCasillas3 {
		padding-left: 22%! important;
	}

	div#divContiene {
		width: 30%! important;

		height: 230px! important;
	}

	div#divContiene {
    width: 40%;
    height: 230px;
    background-color: #058288;
    color: #fff;
    margin-left: 35%;
    margin-right: 30%;
    border-radius: 15px 15px 15px 15px;
}

}

@media (max-width: 1050px){
	div#divFormCasillas2 {
		width: 92%! important;
	}

	div#divFormCasillas0 {
		float:none;
		margin-left: 5%;
		padding-top: 10%! important;
	}

	div#divFormCasillas3 {
		float:none;
		padding-left: 10%! important;
		padding-top: 10%! important;
	}

	div#divContiene {
		height: 250px! important;
		width: 221px! important;
	}

	#divFormCasillas {
		float:none;
	}

	div#divContiene {
    width: 40%;
    height: 250px;
    background-color: #058288;
    color: #fff;
    margin-left: 38%;
    margin-right: 30%;
  /*  border-radius: 15px 15px 15px 15px;*//*additive-glyphs: */
  border-radius: 15px 15px 15px 15px;

}
}



@media (max-width: 950px){
div#divContiene {
    width: 35%;
    height: 250px;
    background-color: #058288;
    color: #fff;
    margin-left: 35%;
    margin-right: 30%;
    border-radius: 15px 15px 15px 15px;
}
}



@media (max-width: 700px){
	div#divContiene {

		width: 220px!important;
		height: 250px! important;
	}

	div#divContiene {

	width: 40%;
    height: 250px;
    background-color: #058288;
    color: #fff;
    margin-left: 38%;
    /* margin-right: 30%; */
    border-radius: 15px 15px 15px 15px;
}


}

div#divEspA2 {
	 border-top: 5px solid #058288b8;
	padding-top: 20px;
	padding-bottom: 30px;
}

div#divEspA4{
	padding-top: 15px;
	border-bottom: 5px solid #058288b8;
	padding-bottom: 20px;
}

table.texto_celda {
    font-size: 15px;
}

.text-center {
	text-align: left! important;
}

/*TABLAS*/

table {
    /*margin: 0 0 1.5em;*/
    
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    /*margin: 0 0 1.5em;*/
    border-collapse: collapse;
}

 table {
    /*border: 0;*/
    font: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    /*margin: 0;*/
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

table.general {
    margin: auto ;
    border: #519da5 thin solid;
    background-color:rgb(61, 118, 124) !important;
}

table.general tbody tr:nth-child(even) {
    background: #d5e5e7;
}

table.general > tbody > tr:nth-child(odd) {
    background: #ffffff;
}

table.turqueza {
    background-color:rgb(61, 118, 124);
}

table.general th, th.turqueza, divContiene {
    padding: 3px 12px;
    background-color:rgb(61, 118, 124); 
    color:rgb(255,255,255);
}

 
table.general td {
    padding: 2px 3px;
}

table.formulario td {
    padding: 4px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

td {
    border: 0;
    font: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

td {
    /*text-align: left;*/
}


.mayus{
 text-transform: uppercase;
}

.general {
    font-family: sans-serif;
    font-size: 14px;
    color: rgb(61, 118, 124);
}
table.general th.general{
    color:White;
    text-align: center;
}

.ui-icon {cursor: pointer;}
.ui-icon, .ui-icond {width: 14px;height: 15px;}

.ui-icon, .ui-icond, .ui-widget-content .ui-icon {
    background-image: url("../../imagenes/ico_investmercado.png");
}

.ui-icon-1 { background-position: -6px -6px; }
.ui-icon-2 { background-position: -6px -30px; }
.ui-icon-3 { background-position: -6px -54px; }
.ui-icon-4 { background-position: -6px -78px; }
.ui-icon-5 { background-position: -6px -102px; }
.ui-icon-6 { background-position: -6px -126px; }
.ui-icon-7 { background-position: -6px -150px; }
.ui-icon-8 { background-position: -6px -174px; }
.ui-icon-9 { background-position: -6px -198px; }
.ui-icon-10 { background-position: -6px -222px; }
.ui-icon-11 { background-position: -6px -246px; }
.ui-icon-12 { background-position: -6px -270px; }
.ui-icon-13 { background-position: -6px -294px; }
.ui-icon-14 { background-position: -6px -318px; }
.ui-icon-15 { background-position: -6px -342px; }
.ui-icon-16 { background-position: -6px -366px; }
.ui-icon-17 { background-position: -6px -390px; }
.ui-icon-18 { background-position: -6px -414px; }
.ui-icon-19 { background-position: -6px -438px; }

.ui-icon-1:hover { background-position: -30px -6px; }
.ui-icon-2:hover { background-position: -30px -28px; }
.ui-icon-3:hover { background-position: -30px -54px; }
.ui-icon-4:hover { background-position: -30px -78px; }
.ui-icon-5:hover { background-position: -30px -102px; }
.ui-icon-6:hover { background-position: -30px -126px; }
.ui-icon-7:hover { background-position: -30px -150px; }
.ui-icon-8:hover { background-position: -30px -174px; }
.ui-icon-9:hover { background-position: -30px -198px; }
.ui-icon-10:hover { background-position: -30px -222px; }
.ui-icon-11:hover { background-position: -30px -246px; }
.ui-icon-12:hover { background-position: -30px -270px; }
.ui-icon-13:hover { background-position: -30px -294px; }
.ui-icon-14:hover { background-position: -30px -318px; }
.ui-icon-15:hover { background-position: -30px -342px; }
.ui-icon-16:hover { background-position: -30px -366px; }
.ui-icon-17:hover { background-position: -30px -390px; }
.ui-icon-18:hover { background-position: -30px -414px; }
.ui-icon-19:hover { background-position: -30px -438px; }

.ui-icond-1 { background-position: -54px -6px; }
.ui-icond-2 { background-position: -54px -30px; }
.ui-icond-3 { background-position: -54px -54px; }
.ui-icond-4 { background-position: -54px -78px; }
.ui-icond-5 { background-position: -54px -102px; }
.ui-icond-6 { background-position: -54px -126px; }
.ui-icond-7 { background-position: -54px -150px; }
.ui-icond-8 { background-position: -54px -174px; }
.ui-icond-9 { background-position: -54px -198px; }
.ui-icond-10 { background-position: -54px -222px; }
.ui-icond-11 { background-position: -54px -246px; }
.ui-icond-12 { background-position: -54px -270px; }
.ui-icond-13 { background-position: -54px -294px; }
.ui-icond-14 { background-position: -54px -318px; }
.ui-icond-15 { background-position: -54px -342px; }
.ui-icond-16 { background-position: -54px -366px; }
.ui-icond-17 { background-position: -54px -390px; }
.ui-icond-18 { background-position: -54px -414px; }
.ui-icond-19 { background-position: -54px -438px; }


.clasifica__menu{
    display:flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.clasifica__menu div{
    display:inline-block;
}
.clasifica__menu button{
    width: 200px;
    height: 160px;
    border:0px;
    cursor: pointer;
    margin: 0px 5px;
}
.clasifica__menu p{
    color: #058288;
    font-size:18px;
    font-weight: bold;
}
@media (max-width: 840px) {
    .clasifica__menu{
        width: 95%;
    }
}
#img__miResguardo,#img_pasesSalida,#img_solicitudes,#img_autoriza,#img_vobo{background: url("../../imagenes/MiResguardoUp1.png") no-repeat;}
#img_explorar{background: url("../../imagenes/ExplorarUp1.png") no-repeat;}
/*Hovers*/
#img__miResguardo:hover{background: url("../../imagenes/MiResguardoDown1.png");}
#img_pasesSalida:hover{background: url("../../imagenes/pases1.png");}
#img_explorar:hover{background: url("../../imagenes/ExplorarDown1.png");}
#img_solicitudes:hover{background: url("../../imagenes/SolicitudesDown1.png");}
#img_autoriza:hover{background: url("../../imagenes/Autorizar1.jpg"); width: 200px; height: 160px;}
#img_vobo:hover{background: url("../../imagenes/VoBo1.png"); width: 200px; height: 160px;}

.cajaTexto {
    color:rgb(61,118,124);
}