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

body{ margin:0; font-family: 'Open Sans', sans-serif; background-color:#0099FF; padding-top:20px;}
.centrar{ width:100%; max-width:1000px; margin:auto; }

.cont_negro{ width:100%; float:left; background-color: #000;}
.logo_home{ width:84%; float:left; margin:80px 8% 35px 8%;}
.logo_home img{ width:100%; border:0;}

.frase_home{ width:90%; float:left; margin:0 5% 20px 5%; font-family:"Arial Black", Gadget, sans-serif; font-size:47px; text-align:center; color:#07A6E4; color:#FFF; 
-webkit-text-fill-color: #0199FF; 
-webkit-text-stroke: 1px #FFF;  } 

.frase_home p{ margin-top:0; margin-bottom:10px;}
.tel_home{ width:90%; float:left; margin:0 5% 20px 5%; color:#FFF; font-weight:bold; text-align:center; font-size:39px; line-height:45px; }
.tel_home img{bottom:0;}
.cont_boton_ing{ width:100%; float:left;}
.cont_boton_ing a{ text-decoration:none; color:#FFF}
.boton_ing{ width:80px; text-align:center; margin:auto; background-color:#669900; color:#FFF; border:2px solid #FFF; padding:2px 10px; font-family:"Arial Black", Gadget, sans-serif; border-radius:7px; margin-bottom:20px; text-shadow:3px 3px 3px #666666 } 
.boton_ing a{ color:#FFF; text-decoration:none;}
.boton_ing:hover{ background-color:#0099FF }
footer{ float:left; width:100%; text-align:center; font-size:14px; margin:5px; color:#FFF;}
footer a{ color:#FFF}
footer ul{ width:64%;float:left; margin:0; padding:0; margin-left:24%; }
footer ul li{ width:auto; padding:3px 10px; float:left; list-style:none; font-size:12px;}
footer ul li a{ color:#FFF; text-decoration:none;}
footer ul li a:hover{ text-decoration:underline}

/*interior*/
.encabezado{ width:100%; float:left; position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,e4e4e4+9,f7f7f7+24 */
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 0%, #e4e4e4 9%, #f7f7f7 24%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(9%,#e4e4e4), color-stop(24%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.logo_int{ width:50%; float:right; margin-right:25%; padding:10px 0;}
.logo_int img{ width:100%; border:0;}
.boton_inicio{ border:2px solid #000; color:#000; font-size:14px; padding:3px; border-radius:5px; width:40px; text-align:center; font-weight:bolder; padding-left:23px; background:url(../img/icono_home.fw.png) no-repeat center left; position:absolute; left:5px; bottom:5px;}
.boton_inicio a{ color:#000; text-decoration:none; }
.boton_inicio:hover{ background-color: #CCC;}
.pie_gris{ width:100%; float:left; 
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 0%, #e4e4e4 9%, #f7f7f7 24%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(9%,#e4e4e4), color-stop(24%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 0%,#e4e4e4 9%,#f7f7f7 24%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.pie_gris img{ width:74%; margin:5px 0 5px 13%; }

.cont_tarjetas{ width:96%; float:left; margin:10px 2%;}

.un_tarjeta{ width:23.5%; float:left; position:relative; color:#FFF; font-size:22px;  text-align:center; font-weight:bold; text-shadow:2px 2px 2px #333333; border-radius:10px; border:3px solid #FFFFFF; padding-top:120px; height:270px;}
.un_tarjeta a{ color:#FFF; text-decoration:none;}
.un_tarjeta p{ margin-top:0; line-height:26px; margin-bottom:10px;} 
.verde{ background:#99CC00; margin-right:1%;}
.verde:hover{ background:#82C043;}
.celeste{ background-color:#0098FF; margin-right:1%;}
.celeste:hover{ background:#0075C4}
.azul{ background:#333399; margin-right:1%;}
.azul:hover{ background:#5050C5}
.violeta{ background:#8535FD;}
.violeta:hover{ background:#6A09FD} 
#seccion .un_tarjeta{ width:18% !important; }
.boton_volver{ width:50px; background-color:#333; color:#FFF; border-radius:5px; border:2px solid #FFF; margin:0 auto;  font-size:12px; padding:4px; margin-top:30px;}
.boton_volver a{ color: #FFF; text-decoration:none;} 
#seccion .violeta{ margin-right:1%;}

.cont_cuerpo{ width:80%; float:left; color:#FFF;}

/*prestamo*/
.cont_verde{ width:99%; float:left; padding:5px 0.5%; background-color:#99CC00; border-radius:10px;}
.cont_azul{ width:96%; float:left; padding:5px 2%; height:400%; border-radius:7px; height:720px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2687e3+0,bbedf0+96 */
background: #2687e3; /* Old browsers */
background: -moz-linear-gradient(top,  #2687e3 0%, #bbedf0 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2687e3), color-stop(96%,#bbedf0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2687e3 0%,#bbedf0 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2687e3 0%,#bbedf0 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2687e3 0%,#bbedf0 96%); /* IE10+ */
background: linear-gradient(to bottom,  #2687e3 0%,#bbedf0 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2687e3', endColorstr='#bbedf0',GradientType=0 ); /* IE6-9 */
}

.efectivo_en_acto{ width:68%;
	float:left;
	margin-left:15%;
	border:3px solid #FFF;
	border-radius:10px;
	background-color:#4B7806;
	color:#FFF;
	font-size:32px;
	font-weight:bolder;
	text-align:center;
	margin-top:10px;
	margin-bottom: 20px;
	line-height:36px;
}
.solo-con-tarjeta {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 15px 15px 15px 15px;
    width: 94%;
    border: 3px solid #FFF;
    border-radius: 10px;
    background-color: #4B7806;
    color: #FFF;
    font-size: 32px;
    font-weight: bolder;
    text-align: center;
    line-height: 36px;
}
.itemas-padding {
	padding: 0px 0px 0px 110px;
}



.frase_pres{ width:100%; float:left; color:#FFF; font-size:24px; text-align:center; font-weight:bolder; }
.cont_azul .cont_items { width:100%; float:left;}
.cont_azul .items{float:left; width:auto; padding:0 10px 0 5px; font-size:20px; font-style:italic; margin-top:4px;}
.cont_ico{ width:13px; float:left; margin-right:5px; margin-top:7px;}
.cont_texto_item{ width:auto; float:left;}
.pres_texto{ width:90%; float:left; margin-left:5%; text-align:center; font-size:18px; margin:10px 0 5px 0; }

.formu{ width:48%; float:left; padding:5px 1%; margin-left:4%; background:#666666; color:#FFF; margin-top:20px;}
.formu p{ text-align:center}
.cont50{ width:49%; float:left; margin-right:2%; }
.cont50der{ width:49%; float:left;}
.cont100{ width:100%; float:left;}
.formu label{ width:100%; text-align:right; font-size:13px;}
.formu input{ width:100%; border:1px solid #000; margin-bottom:3px;}
.formu textarea{ width:100%; border:1px solid #000;}
.formu input[type="submit"]{ width:74px !important; float:right; font-weight:bold; margin-top:5px;}

.boton_ejemplos{ width:21%; float:left; margin-left:10%; margin-top:30px; background:#4B7806; border:2px solid #FFF; border-radius:5px; color:#FFF; text-align:center;}
.boton_ejemplos a{ color:#FFF; text-decoration:none;}
.boton_ejemplos:hover{ background:#99CC00;}

.titulo_ejemplo{ width:100%; float:left; font-size:18px; text-align:center; font-weight:bold; margin-bottom:20px;}
.cont_tabla{ width:96%; float:left; margin-left:2%; font-size:14px;}
.cont_tabla table{ float:left}
.cont_tabla table td{ border-bottom:1px solid #333}
.tabla_tit{ background:#999999; border-bottom:1px solid #333;}
.tabla_campos{ background-color:#E6E6E6; border-bottom:1px solid #333; color:#333;}

.notas_cuotas{ width:100%; float:left; font-size:13px; margin-top:20px; }


.cont_azulqs{ width:98%; float:left; padding:5px 1%;  border-radius:10px; height:385px;
background: #2687e3; /* Old browsers */
background: -moz-linear-gradient(top,  #2687e3 0%, #bbedf0 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2687e3), color-stop(96%,#bbedf0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2687e3 0%,#bbedf0 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2687e3 0%,#bbedf0 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2687e3 0%,#bbedf0 96%); /* IE10+ */
background: linear-gradient(to bottom,  #2687e3 0%,#bbedf0 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2687e3', endColorstr='#bbedf0',GradientType=0 ); /* IE6-9 */

}
.cont_azulqs .titulo{ width:100%; float:left; text-align:center; font-size:30px; color:#FFF; margin:40px 0 10px 0; font-weight:bold; }
.qs_cuadro{ width:99%; float:left; padding:4px 0.5%; background-color:#99CC00; border-radius:5px;}
.qs_cuadro_blanco{ width:96%; float:left; padding:20px 2%; color:#000; font-size:15px; border-radius:5px; background:#FFF; line-height:20px; }
.qs_cuadro_blanco p{ margin-top:0;}

.politicas{ font-size:14px !important; }
.politicas ol{ float:left}
.politicas_tit{ width:100%; float:left; text-align:center; font-size:24px; margin:20px 0 30px 0;}


.contacto_texto{ width:50%; float:left; margin-left:5%; margin-top:40px; margin-right:2%;}
.contacto_texto h2{ margin:0; text-align:center; font-size:22px;}
.contacto_texto h3{ color:#000; font-style:italic; font-size:18px; padding-bottom:15px; border-bottom:1px solid #000; margin-bottom:30px;}
.contacto_datos{ width:100%; float:left;  font-size:15px; color:#000; line-height:25px;}
.formu2{ width:28%; float:left; padding:10px 2%; margin-left:2%; background:#8535FD; color:#FFF; margin-top:40px; border-radius:5px; }
.formu2 p{ text-align:center}
.cont100{ width:100%; float:left;}
.formu2 label{ width:100%; text-align:right; font-size:13px;}
.formu2 input{ width:100%; border:1px solid #000; margin-bottom:3px;}
.formu2 textarea{ width:100%; border:1px solid #000;}
.formu2 input[type="submit"]{ width:74px !important; float:right; font-weight:bold; margin-top:20px;}

.mens p{ padding-top:120px;}



.cont_minimenu{ width:100%; float:left;} 
.minimenu{display:none;}
.minimenu{position: relative; margin: 0px;background: #000; border: 1px solid #666; padding:10px 0;}
.minimenu div{overflow: hidden;position: relative;font: 20px;color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer; background-color: #000; color: #FFF;}

#plantilla16 {
	width: 100% !important;
	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#plantillaizq16 {
	width: 50% !important;
	height: 350px;
	float: left;
}
#plantillader16 {
	width: 50% !important;
	height: 326px;
	float: right;
	padding-top: 5px;
}
#plantillaitems16 {
	font-family: 'Open Sans', sans-serif;
	background-color:#0099FF
	width: 340px !important;
	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 14px;
	font-size: 14px;
	color: #000;
	background-image: url(../inicio/fondo_items.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	width: 330px;
}
.boton_ejemplos16{
	width: 340px;
	margin-left: auto;
	background: #4B7806;
	border: 2px solid #FFF;
	border-radius: 5px;
	color: #FFF;
	text-align: center;
	clear: both;
	margin-right: auto;
	height: 34px;
	padding-top: 8px;
	text-decoration: none !important;
}
.boton_ejemplos16:hover{
	width: 340px;
	margin-left: auto;
	border: 2px solid #FFF;
	border-radius: 5px;
	color: #FFF;
	text-align: center;
	clear: both;
	margin-right: auto;
	height: 34px;
	padding-top: 8px;
	text-decoration: none !important;
	background-color: #99CC00;
}
.classboton_ejemplos16{
	font-family: 'Open Sans', sans-serif;
	text-decoration: none !important;
}
.formu16 {
    width: 340px;
    color: #FFF;
    margin-top: 0px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}
#formubotonplantilla16 {
	background-color:#0099FF
	width: 340px !important;
	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	padding-top: 6px;
}
.formuboton16 {
	font-family: 'Open Sans', sans-serif;
	background-color:#0099FF
	width: 340px !important;
	height: 28px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	color: #FFF;
	background-repeat: no-repeat;
	width: 90px;
	background-color: #4B7806;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
}
#formutextaerea16 {
	background-color:#0099FF
	width: 340px !important;
	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	padding-top: 6px;
}
.formutexto16 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 26px;
}
#plantillaespacio16 {
	clear: both;
	height: 20px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}



#datos-plantilla-telefono {
	float: left;
    width: 350px !important;
    margin-bottom: 15px;
    text-align: center;
	background-color: #004878;
    border-radius: 20px;
	margin: 10px 5px 10px 5px;
	padding: 6px 0px 6px 0px;
}
#datos-plantilla-whatsapp {
	float: left;
    width: 350px !important;
    margin-bottom: 15px;
    text-align: center;
	background-color: #3ec250;
    border-radius: 20px;
	margin: 10px 5px 10px 5px;
	padding: 6px 0px 6px 0px;

}
.datos-celular {
    font-family: 'Barlow', sans-serif;
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    /*text-shadow: 2px 2px 4px #000000;*/
	text-decoration: none;
	vertical-align: 4px;
	margin-left: 10px;
}
.datos-celular-big {
    font-family: 'Barlow', sans-serif;
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    /*text-shadow: 2px 2px 4px #000000;*/
	text-decoration: none;
	vertical-align: 4px;
	margin-left: 10px;
}








@media (max-width: 1003px) {

#datos-plantilla-telefono {
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
    width: 350px !important;
    margin-bottom: 15px;
    text-align: center;
	background-color: #004878;
    border-radius: 20px;
	padding: 6px 0px 6px 0px;
}
#datos-plantilla-whatsapp {
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
    width: 350px !important;
    margin-bottom: 15px;
    text-align: center;
	background-color: #3ec250;
    border-radius: 20px;
	padding: 6px 0px 6px 0px;

}
	
}


@media (max-width: 990px) {

#datos-plantilla-telefono {
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
    width: 100% !important;
    margin-bottom: 15px;
    text-align: center;
	background-color: #004878;
    border-radius: 20px;
	padding: 6px 0px 6px 0px;
}
#datos-plantilla-whatsapp {
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
    width: 100% !important;
    margin-bottom: 15px;
    text-align: center;
	background-color: #3ec250;
    border-radius: 20px;
	padding: 6px 0px 6px 0px;

}
.datos-celular {
    font-family: 'Barlow', sans-serif;
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 600;
    /*text-shadow: 2px 2px 4px #000000;*/
	text-decoration: none;
	vertical-align: 4px;
	margin-left: 10px;
}
.datos-celular-big {
    font-family: 'Barlow', sans-serif;
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 600;
    /*text-shadow: 2px 2px 4px #000000;*/
	text-decoration: none;
	vertical-align: 4px;
	margin-left: 10px;
}
.solo-con-tarjeta {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 15px 15px 15px 15px;
    width: 80%;
    border: 3px solid #FFF;
    border-radius: 10px;
    background-color: #4B7806;
    color: #FFF;
    font-size: 32px;
    font-weight: bolder;
    text-align: center;
    line-height: 36px;
}
.itemas-padding {
	padding: 0px 0px 0px 0px;
}
}