@charset "UTF-8";
/* CSS Document */

#titulo {


	margin-top:4%; 
	text-align:center;
	color:#6E6E6D;
	font-size:1.9em;



}
#titulo1 {
	background: #fff; 
	float:left; 
	margin-top:-14px; 
	text-align:center;
	margin-left:532px;
	color:#608660;
	font-size:1.7em;
	margin-right:0px;

}
#cuadros {
	float:left;
	width:15%;
	margin:5%;
	margin-bottom:0%;
	margin-top:1%;
	
}
#cuadros1 {
	float:left;
	width:16%;
	margin:5%;

}
#cuadros2 {
	float:left;
	width:15%;
	margin:5%;

	
}
.boton {
	margin:auto;
	
}

#som {
	width:101%;


}

#miniatura {
	widht: 15px!important; 
}

#flecha {
	margin-top:289%;
	width:100%;
	margin-left:40%;
}

#flecha2 {
	margin-top:289%;
	width:100%;
	margin-left:10%;
}

#btnrecom {
	margin-left:37%;
	width:27%;
	margin-top:2%;	
	margin-bottom:1%;
}

.cuadros_info {
	clear: both;
	width: 1024px;
	margin:0 auto;
}	

.cuadros_info_img {
	margin: 0 auto;
	width: 100%;
}

.cuadros_info_2 {
	width:1024px;
	margin:0 auto;
	
}

.cuadros_info_3 {
	clear: both;
	width:1024px;
	margin:0 auto;
	
}

/*
#img_info {

	float:center;
	width:30%;
	margin-left:30%;
	
}	
*/
#tabla_contacto{
	float:center;
	width:100%;
	margin:2%;
	margin-left:34%;
}	



.nuestro_servicio{
	width: 100%;
	margin: 0 auto;
	background-color: red;
}
.social{
	cursor:pointer; cursor: hand;
}
#head_contacto,#head_contacto-formulario > td{
	font-size:	18px;
	font-weight: bold; 
	color:#ffffff;
}

.tabla_contacto2 tr td {
	font-size:	16px;
	text-align: left;
	padding-left: 15px;


}

.tabla_contacto2{
	margin: 0 auto;
	align:left;
	padding-top: 10px;
	width: 66%;


}

.tabla_contacto3{
    background-color: #606060;
	padding-top: 10px;



}

@media screen and (max-width: 600px) {
    #fila_enviar_recomendacion{
        width: fit-content;
        margin: auto;
    }
}
td.col1 {
    width: 9% !important;
}
td.col2 {
    width: 13% !important;
}
#text_recomendacion{
    position: absolute;
    text-align: center;
    top: 15%;
    right: 34%;
    left: 34%;
    color: #fff;
	font-size: 1.9vw;
}

#recomendacion input {
	background-color: #fff;
    border: inset 0.15em !important;
    width: 95% !important;
    padding: 5px;
    margin: 3px;
}

input#enviar_recomendacion{
    float: right;
    color: #fff;
    background-color: rgb(23, 132, 25);
    padding: 0px;
	margin: 5px;
    width: 5em !important;
    font-size: 12px;
    height: 2em !important;
    border: outset 0.2em !important;
}
input#aceptar_recomendacion{
    background-color: rgb(23, 132, 25);
    padding: 0px;
	margin: 5px;
    width: 5em !important;
    font-size: 12px;
    height: 2em !important;
    border: outset 0.2em !important;
}

textarea#txtrecomendacion {
    max-height: 10em;
    min-width: 96%;
    padding: 3px;
    margin: 3px !important;
	min-height: 6em;
}

#modal-consultar-boletas > div { margin-top: 5px; }
#modal-consultar-boletas > div > .vbinput {
	width: 100%;
	height: 30px;
	border: 1px solid #CCC;
	padding: 0px;
	border-radius: 5px;
}

.vbmessage {
	border: 1px solid transparent;
	display: none;
	padding: 10px;
	position: relative;
	font-size: 16px;
	margin-top: 10px !important;
	margin-bottom: 10px;
	border-radius: 5px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.vbmessage.error {
	color: #721c24;
	border-color: #f5c6cb;
	background-color: #f8d7da;
}
.vbmessage.success {
	color: #155724;
	border-color: #c3e6cb;
	background-color: #d4edda;
}

#trabaje_nosotros > input {
	padding: 8px;
	margin: 5px;
	background-color: #fff;
}

#trabaje_nosotros > #enviar {
	padding: 8px;
	margin: 5px;
	background-color: rgb(68, 68, 68);
}
#trabaje_nosotros  {
	margin-left: 7%;
}
#body_dialog{
	text-align: justify;
	text-justify: inter-word;

	line-height: 20pt;
	font-size: 20px;
}
#body_dialog_social{
	text-align: justify;
	text-justify: inter-word;
}


.border2{
	background-image: url("../img/contadorsolo2.png");
	background-repeat: no-repeat;
	float: left;
	width: 34.14%;
	height: 60%;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-left: 0px;
}

.border1{
	background-image: url("../img/contadorsolo2.png");
	background-repeat: no-repeat;
	float: left;
	width: 28%;
	height: 60%;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-left: 0px;
}


#contador_documento_boder1 {
	
	margin-left: 3%;
}

.border{
	background-image: url("../img/contadorsolo2.png");
	background-repeat: no-repeat;
	float: left;
	width: 15%;
	height: 60%;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-left: 0px;
}
.num{
	font-size: 445%;
	text-align: center;
	color: #FFF;
	padding: 16%;

}
#contadores > div {
	padding-left: 0px;
	padding-right: 0px;
}

.zindex{

	position: relative ;
	z-index: 3;
	text-align: center;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.zindex2{

	position: relative ;
	z-index: 3;
}


.flecha{
	margin-top: 10% !important;
}

button.ui-button{
	outline:0px;
}


#img_video{
	
	width: 80%;
	
}



.tabla_contacto2 tr td,.tabla_contacto3 tr td {
	padding: 5px;
}

#text_recomendacion{
	position: absolute;
	text-align: center;
	top: 15%;
    right: 34%;
    left: 34%;
	color: #fff;
    font-size: 1.9vw;
}

textarea#message_contacto {
	font-family: arial;
}
.bg-optimiza{
	background-color: #fafcf7;
}
.contenedorImagen{
	display: flex;
	flex-direction: row;
	padding-top: 2rem;
}

.contteximg{
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 2rem;
}
.contteximg .img img{
	height: 11vh;
}
.contteximg .texto h4{
	color: #528a33;
	padding-left: 0.5rem;
	font-size: 1.5em;
}
.contteximg .texto p{
	font-size: 1em;
	padding-left: 0.5rem;
}

.card body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	margin: 0;
	background-color: #f0f0f0; 
}  
.card-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 20px;
}
.card {
	width: 366px;
	height: 616px;
	margin: 20px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	color: white;
}
.card-header {
	background-color: #fff0;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	width: 100%;
	line-height: 0.9;
	border: 0;
	align-self: flex-start;
}
.card-header p {
	font-size: 1.8em;
  }
.card-body {
	align-items: flex-start;
	justify-content: flex-start;		
	color: gray;
	flex: 1;
	display: flex;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 30px;
	margin-left: 20px;
	margin-right: 20px;		
	text-align: justify;
	padding: 14px;
}
.card-body p {
	margin-top: 15px;
	line-height: 1.3;
  }
.card-footer {
	align-items: flex-end;
	justify-content: flex-end;		
	color: gray;
	flex: 1;
	display: flex;
	background-color: #fff0;
	border: 0;		
	text-align: justify;
	padding: 14px;
	margin-left: 20px;
	margin-right: 20px;
}
.card-footer p {
	line-height: 1.3;
  }	
  @media only screen and (min-width: 2036px) {
	.card-container {
		width: 2000px;
	}	
  }

@media only screen and (max-width: 990px) {
	.contteximg{
		flex-flow: column;
		padding-bottom: 1rem;
	}
	.contteximg .img img{
		height: 9vh;
	}

	.contteximg .texto h4{		
		text-align: center ;
		font-size: 1.2em;
	}
	.contteximg .texto p{
		display: flex;
		align-items: center;
	}

 }
 @media only screen and (max-width: 767px) {
	.contenedorImagen{	
		width: 50%;	
	}
}