.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../img/pageLoader.gif") 50% 50% no-repeat rgb(255, 255, 255);
    /* opacity: .8; */
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color:#616161;
}

.container {
	padding-top:30px;
	padding-bottom:20px;
}

h1 {
	font-weight: 500;
	font-size: 4em;
	padding-top: 20px;
}

h2 {
	font-weight: 400;
	font-size: 3.5em;
}

h3 {
	font-weight:500;
	font-size:1.5em;
	margin-top: 0px;
}

h4 {
	color:#616161;
	font-size:1em;
	font-weight:300;
}

h5 {
	color:#616161;
	font-size:2em;
}

header{
  width: 100%;
  color: #ffffff;
}

.texto {
	font-weight:300;
	font-size:1em;
	color:#616161;
	padding:0; margin:0;
	text-align:left;
}

.verde {color:#6a9d56;}

a.texto:hover {color:#6a9d56;}

header p {
	font-weight: 300;
	font-size: 20px;
	padding-bottom: 20px;
}

.bgimage{
  background-image: url('../img/bkg-header.jpg');
  background-repeat: repeat;
 }

.img-header {float: right;}

.btn-primary {
    background: #76b63f;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 2.5em;
    font-weight: 100;
    padding: 10px 50px;
    margin-bottom: 40px;
    float: none;
}
 
.btn-secondary {
	background: #76b63f;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 1em;
    font-weight: 100;
    padding: 10px 50px;
    margin-bottom: 40px;
    float: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    background: #69a237;
}
 
.btn-primary:active, .btn-primary.active 
.btn-secondary:active, .btn-secondary.active {
    background: #007299;
    box-shadow: none;
}

.header-p { width:100%; background:#6a9d56; height:105px; color:#ffffff; display:none; position:fixed; z-index:1000; top:0; margin:0;}

.btn-primary-xtra {
	font-size: 2em;
    font-weight: 100;
    padding: 5px 30px;
    margin-bottom: 0px;
	float:right;
}

section.iconos {background:#e0e0e0; text-align:center;}
.icon-verde {font-size:2.5em !important; font-weight:100; color:#6a9d56; line-height:1.3em !important;}

.numero-gde {font-weight:100; font-size:4em; color:#6a9d56;}
.titulo-pasos {font-weight:100; font-size:1.8em; color:#6a9d56;}

section.seguridad, section.testimonios {background:#e0e0e0;}
.escudo {color:#616161; font-size:3em !important;}

.circulo{
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background:#ffffff;
	border:1px solid #6a9d56;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#747474;
	padding:60px 10px;
	margin: 5px auto;
}
.circulo .firma {font-size:0.8em}

section.consultas {text-align:center;}
.circulo-icon {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background:#9f9f9f;
	text-align:center;
	color:#ffffff;
	padding-top:10px;
	border:0px;
}

.tyc {font-size:13px;}

.modal {text-align:center;}


section.video {text-align:center;}

@media only screen and (max-width: 800px) {
	.ocultar {
		display: none;
	}

	header h1 {font-size: 3.6em}
	
	.btn-primary, .btn-primary-xtra {
		font-size:1.5em !important;
		float: none;
		padding: 10px 30px;
    	margin-bottom: 0px;
	}
	.header-p {height: 150px !important}

	.logo {width: 90%;}
}

/*  solicitar.html */
section.botonera-form {background:#e0e0e0; }
section.footer-legales {background:#e0e0e0; color:#858585; text-align:center;}
.pasos {margin-bottom:30px;}
.numero-gde-2 {font-weight:100; font-size:2.5em; color:#6a9d56; text-align:right}
.titulo-pasos-2 {font-weight:100; font-size:1.4em; color:#6a9d56; margin-top:20px; padding-bottom:0px; padding-bottom:0px; line-height:1em;}

section.informacion {margin-bottom:40px;}
.listado {list-style:inside; margin-left:10px;}

section.informacion-conf {margin-bottom:40px; min-height:300px;}
.centrado {text-align: center;}
.asterisco {font-size: 11px;}


.destacado {background:#336633; border-top:5px solid #669933; border-bottom:5px solid #669933; color:#ffffff; font-family: 'Roboto', sans-serif;}
section.destacado p:first-of-type {
    color: #ffffff;
}

.modal-dialog {width: 90%; height: 90%;}
.modal-content { height: 90%;}