/* ----------------------------------------------------/* GENERALES *----------------------------------------------------------------------- */
body{
	-webkit-transition:  0.3s ease-in-out ;
    -moz-transition:   0.3s ease-in-out;
    -o-transition: 0.3s  ease-in-out ;
    transition: 0.3s  ease-in-out ;
    font-family: 'Roboto', sans-serif;
}
a{
	-webkit-transition:  0.3s ease-in-out ;
    -moz-transition:   0.3s ease-in-out;
    -o-transition: 0.3s  ease-in-out ;
    transition: 0.3s  ease-in-out ;
}

.compart{
	font-size: 25px;
	color: #0766aa;
		-webkit-transition:  0.3s ease-in-out ;
    -moz-transition:   0.3s ease-in-out;
    -o-transition: 0.3s  ease-in-out ;
    transition: 0.3s  ease-in-out ;
    cursor: pointer;
}

.compart:hover{
		color: #8DCCF4;

}
.titcomp{
	font-size: 16px;
	color: #8DCCF4;
    line-height: 37px;
}
.top_black{
	height: 51px;
	width: 100%;
	background: #8fc5ec;
	position: absolute;
	top: 134px;
	border-top: #71C2F2 solid 1px; 
}
.top-buffer{ 
	margin-top:20px; 
}
.h8{
	font-size: 30px;
    line-height: 40px;
    font-weight: lighter;
    color: #5bc6f0;
}
.btn-file {
    position: relative;
    overflow: hidden;
        padding: 9px 12px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 1020px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
input[readonly] {
  background-color: #eee !important;
  cursor: text !important;
}
.navbar-nav{
		width: 100%;
}
.logosfooter{
	text-align: center;
	margin-bottom: 30px;
}
.logos-pie{
 width: 100px;
 margin: 0px 5px;
}
.como{

	margin-bottom: 40px;
	padding: 20px 0px 20px 0px
}
.como h1{
  color: #0766aa !important;
  font-weight: bolder;
  font-size: 50px;
  margin-bottom: 50px;
}
.como p{
	color: #275C78;
	 font-weight: lighter !important;
	margin-top: 17px;
	font-size: 18px !important;
	line-height: 17px !important;
}
.error-select{
	    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
}
.form-control-error {
    border: solid 1px #a94442 !important;

}
.llamenos-home{background: #a4d6ed;}
/* ----------------------------------------------------/* /.GENERALES *----------------------------------------------------------------------- */


/* ----------------------------------------------------/* NAV BAR *----------------------------------------------------------------------- */
.celeste{
	color: #5bc6f0;
	margin:0px 0px 2px 0px;
}

header{
  background: #ffffff;
    padding-top: 15px;
}
.navbar {
    margin-bottom: 0px !important
   }
.navbar-inverse{
  background: none;
  border:none;
}
.navbar-brand{
	height: 100%;
	padding: 0px 15px 0px 15px;

}
.navbar-header p{
	color:#0766aa;
	font-size: 20px;
	margin: 0px; 
	font-weight: bolder;
}
.navbar-inverse ul{
    margin-top: -32px;
}
.navbar-inverse li{
	padding:0px 10px;
	border-right: solid 1px #fff;
	font-size: 15px;
}
.navbar-inverse  li:first-child {
	padding-left: 0px;
}
.navbar-inverse  li:last-child {
	border:none; 
}
.navbar-inverse .navbar-nav>li>a{
	color: #fff;
	padding: 0px !important;
}
.navbar-inverse .navbar-nav>li>a:hover{
	color: #0a67aa;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
	background: none !important;
	color:#0a67aa;
}
.icono{
    margin-top: 29px;
    width: 250px;
}
.navbar-fixed-top{
	position: relative !important;
}

/* Overwrite the default to keep the scrollbar always visible */

.modal-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.modal-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.lamas{
    position: absolute;
    right: 13px;
    color: #fff;
    /* border-bottom: solid 1px #fbf700; */
    /* width: 100%; */
    font-size: 21px;
    top: -15px;
    padding: 1px 20px;
    background: #8fc5ec
}
a.trigger-tel-header{color: #ffef00}
/* ----------------------------------------------------/* /.NAV BAR *------------------------------------------------------------------------- */



/* ----------------------------------------------------/* FOTO HOME *------------------------------------------------------------------------- */

.bg_home{
  margin-top: 5px;
  background: url(../img/foto_home.jpg) 0px -40px;
  min-height: 370px;
  background-size: cover;
  padding-top: 110px	
}


.bloques{
	width: 856px;
	margin: auto;
	text-align: center;
}
.blo1{
	width: 350px;
	height: 150px;
	float: left;
	margin-right: 30px;
	background: url(../img/bg_bloques.png)
}

.blo2{
	width: 476px;
	height: 150px;
	float: left;
	background: url(../img/bg_bloques.png)
}
.bloques h2{
	font-size: 25px;
	color: #fff;
	text-align: center;
	line-height: 33px;
	font-weight: normal;
}
.bloques h2 span{
	color: #ffef00;
}
a.btn-primary {
	margin-top: 10px;
	padding: 5px 30px;
	font-size: 18px;
	margin: auto;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ac0f1+0,6ac0f1+50,00acec+51,00acec+100 */
	background: #6ac0f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #6ac0f1 0%, #6ac0f1 50%, #5bc6f0 51%, #5bc6f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac0f1), color-stop(50%,#6ac0f1), color-stop(51%,#5bc6f0), color-stop(100%,#5bc6f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac0f1', endColorstr='#5bc6f0',GradientType=0 ); /* IE6-9 */
	
}
input.btn-primary {
	margin-top: 10px;
	padding: 5px 30px;
	font-size: 18px;
	margin: auto;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ac0f1+0,6ac0f1+50,00acec+51,00acec+100 */
	background: #6ac0f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #6ac0f1 0%, #6ac0f1 50%, #5bc6f0 51%, #5bc6f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac0f1), color-stop(50%,#6ac0f1), color-stop(51%,#5bc6f0), color-stop(100%,#5bc6f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6ac0f1 0%,#6ac0f1 50%,#5bc6f0 51%,#5bc6f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac0f1', endColorstr='#5bc6f0',GradientType=0 ); /* IE6-9 */
}
a:hover.btn-primary, input:hover.btn-primary {
	background: #6AC0F1; 
}
.sub{
	font-weight: lighter;
	color: #333
}
/* ----------------------------------------------------/* /.FOTO HOME *----------------------------------------------------------------------- */



/* ----------------------------------------------------/* BOTTOM HOME *------------------------------------------------------------------------- */

.spread{
  margin-left: 40px;
  margin-top: 15px;
  position: relative;
  z-index: 90
}
h3{
	font-size: 37px;
	line-height: 40px;
	font-weight: normal;
	color:#5bc6f0;
}
.llama{
	color:#0d6bb1;
	text-align: center;
	margin-top: 20px;
}
.llama p{
	margin: 0px;
}
.llama p.uno{
	font-size: 21px;
}
.llama p.dos{
	font-size: 17px;
}
.llama p.tres{
	font-size: 28px;
  	line-height: 36px;
	color:#ffef00;
}
.llama p.cuatro{
	font-size: 33px;
	position: relative;
}
.llama a{
	color:#fbf700;
}
.llama a:hover{
	color:#415c77;
	text-decoration: none
}
.llama .fa-2x {
  font-size: 2em;
  position: absolute;
  right: 18px;
  top: -4px;
}
/* ----------------------------------------------------/* /.BOTTOM HOME *------------------------------------------------------------------------- */


/* ----------------------------------------------------/* QUIENES SOMOS *------------------------------------------------------------------------- */
h6{
	font-size: 15px;
    margin: 0px;
}
.p{
	color: #71C2F2;
    margin: -5px 0px -5px 30px !important;
}
.p:hover{
	color: #5bc6f0;
}
.img_interna{
	margin-top: 5px;
}
.contenido{
	margin-bottom: 30px;
}
.quienes{
	float: left;
  margin-bottom: 60px;
}
.h1{
	font-size: 45px;
	color:#5bc6f0;
	font-weight:normal;
	margin-bottom: 20px;
}
.quienes h1{
	font-size: 45px;
	color:#5bc6f0;
	font-weight:normal;
	margin-bottom: 20px;
}
.quienes p{
	font-size: 14px;
	line-height: 20px;
	color:#272525;
	font-weight:normal;
	margin-bottom: 15px;
	text-align: justify;
}
.quienes .blo2{
	width: 90%;
	float: right;
	margin-top: 27px;
  	height: 100%;
 	text-align: center;
 	padding: 30px;
	background:#7d7c7c;
	font-weight: lighter;
}
.quienes .blo2 h2{
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 33px;
	font-weight: lighter;
	margin-top: 0px;
}
.quienes .blo2 h2 span{
	color: #ffef00;
}

.quienes .llama{
	width: 90%;
	float: right;
	margin-top: 40px;
}
.quienes .llama p{
	margin: 0px;
	color:#415c77 !important;
	text-align: center;
}
.quienes .llama p.uno{
	font-size: 21px;
	line-height: 26px;
	margin-bottom:5px;
}
.quienes .llama p.dos{
	font-size: 17px;
}
.quienes .llama p.tres{
	font-size: 28px;
	line-height: 28px;
	color:#ffef00 !important;
}
.quienes .llama p.cuatro{
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
}
.quienes .llama a{
	color:#fbf700;
}
.quienes .llama a:hover{
	color:#415c77;
	text-decoration: none
}
.quienes .llama .fa-2x {
	font-size: 1.5em;
  	position: absolute;
 	right: -3px;
  	top: 23px;
}
p.quinta{
		font-size: 23px;
	position: relative;
	color: #5bc6f0 !important;
	font-weight: lighter;
	    margin-top: 7px;
	line-height: 30px;
}

.quienes .llama p.quinta{
	font-size: 23px;
	position: relative;
	color: #5bc6f0 !important;
	font-weight: lighter;
	line-height: 30px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group{
	border-top:none;
}

/* ----------------------------------------------------/* /.QUIENES SOMOS *------------------------------------------------------------------------- */


.form-control {
	background: #c8e6fa;
	border-radius: 5px;
	border: none;
	color: #5bc6f0;
	height: 40px;
}
select{
	border-radius: 2px;
}
.panel-default>.panel-heading {
  color: #5bc6f0;
  background-color:#F9F9F9;
  border-color: transparent;
}
.panel {
	border: none
}
h5{
	font-size: 18px;
	line-height: 22px;
	color:#0d6bb1;
	font-weight:normal;
	margin-bottom: 20px;
	margin-top: 0px;

}
p.simulador{
	color:#262424;
	font-size: 12px;
}
label{
	color: #272525
}

/* ----------------------------------------------------/* FOOTER *------------------------------------------------------------------------- */
footer{
	background: #5fc6ed;

	font-size: 12px;
	color: #0d6bb1;
	padding: 50px 0px;
	position: relative;
	z-index: 200
}
footer a{
	color: #fff;
}
footer a:hover{
	text-decoration: none
}
/* ----------------------------------------------------/* /.FOOTER *------------------------------------------------------------------------- */

.navbar-toggle {
  position: absolute;
  top: 25px;
  right: 10px;
  float: right;
  margin-right: 0px;
  margin-bottom: 8px;
  z-index: 99999

}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background: none !important
}

/* ----------------------------------------------------/* MEDIA QUERIES *------------------------------------------------------------------------- */

/* Large desktop */
@media (max-width: 1200px) {

.llama p.tres {
    font-size: 35px;
    }  }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 990px) and (max-width: 1199px) { 
	.spread{
		margin-left: 20px;
	}
	.navbar-inverse ul {
  	    margin-top: 9px;
    margin-bottom: 3px;
	}
	.bg_home {
	  background: url(../img/foto_home.jpg) 0px 0px;
	}
	.icono {
margin-top: 26px;
    width: 160px;
	}
	.llama {
	  color: #0d6bb1;
	  text-align: center;
	}
	.llama .fa-2x {
 	  font-size: 2em;
 	  position: absolute;
    right: -8px;
 	}
.quienes .llama .fa-2x {
  font-size: 2em;
  position: absolute;
  right: -8px;
  top: -4px;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 989px) { 
	.lamas {
    position: absolute;
    right: 13px;
    color: #fff;
    /* border-bottom: solid 1px #fbf700; */
    /* width: 100%; */
    font-size: 21px;
    top: -5px;
}
	.navbar-brand>img {
 	 display: block;
 	 width: 422px;
	}
	.icono {
 	  margin-top: 15px;
 	  width: 190px;
	}
	.bg_home {
	  background: url(../img/foto_home.jpg) 0px 0px;
	}
	.blo1 {
	  width: 100%;
	  padding: 20px;
	  height: 150px;
	  float: left;
	  margin-right: 0px;
	}
	.blo2 {
	  width: 100%;
	  height: 150px;
	  margin-top: 10px;
	}
	.bloques {
  	width: 99%;
  }
	.bg_home {
  	  padding-top: 40px;
	} 
	h3 {
  	font-size: 29px;
  	line-height: 37px;
	}
	.spread {
 	  margin-left: 14px;
 	}
 	.llama .fa-2x {
	  font-size: 2em;
	  position: absolute;
	  right: -20px;
	}
		.quienes .blo2{
		width: 100%;
		float: left;
	}
	.quienes .llama{
		width: 100%;
		float: left;
	}
	h5 {
	  margin-top: 27px;
 	 }

}
/* Landscape phone to portrait tablet */
@media (max-width: 991px) { 
	#cont .container, #cont .row, #cont .col-md-12{
		padding: 0px;
		margin: 0px;
		width: 100%
	}
	.bloques {
  	width: 100%;
  	background: url(../img/bg_bloques.png);
  	height: 100%;
  	display: block;
  	min-height: 382px;
  }
	.blo1 {
	  width: 100%;
	  background: none;
	  min-height: 150px;
	  float: left;
	  margin-right: 0px;
	}
	.blo2 {
	  width: 100%;
	  background: none;
	  min-height: 100%;

	}
	.bg_home {
	  margin-top: 15px;
	  background: url(../img/foto_home.jpg) 0px 0px;
	  min-height: 370px;
	  background-size: cover;
	  padding-top: 0px;
	}
	.bloques h2 {
	  font-size: 24px;
	  padding: 10px;
	}
	.navbar-brand>img {
 	  display: block;
 	  width: 300px;
	}
	.navbar-header p {
	  color: #0766aa;
	  font-size: 14px;
	  margin: 0px;
	  margin-top: 50px;
	  display: block;
	  padding-top: 18px;
	  padding-left: 14px;
	}
	header {
	   border-bottom: solid 1px #b5e4f6;
	  height: 105px;
	  padding-top: 5px;
	  border-top: none;
	 } 
	.top_black {
 		height: 30px;
 		width: 100%;
 		top: 105px;
 	}
 	.navbar-toggle {
 		border: none;

	}
	.navbar-inverse .navbar-toggle .icon-bar{
		background: #5bc6f0;
	}
	.llama .fa-2x {
	  font-size: 2em;
	  position: absolute;
	  right: 58px;
	 }
	.llama {
		color: #0d6bb1;
		  text-align: center;
		  margin-top: 20px;
		  height: 230px;
		  margin-bottom: 0px !important;
	  }
	  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	  	background: #272525;
	  }
	  .navbar-nav{
	  	margin: 0px
	  }
	  .navbar-inverse ul {

	  	} 
	  .navbar-inverse li {
		  padding: 0px;
		  margin-bottom: 7px;
		  border-right: none;
		  padding-bottom: 8px;
		  border-bottom: solid 1px #3c3a3a
		}
		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
			margin-top: -5px;
	}
	h3{
		text-align: center;

	}
	.img_interna {
  		margin-top: 10px;
	}
	.quienes .blo2{
		width: 100%;
		float: left;
		}
	.quienes .llama{
		width: 100%;
		float: left;
		margin-bottom: 30px;
	}
	h5 {
	  margin-top: 27px;
	  padding-right: 15px;
	  padding-left: 15px;
 	 }
 	 p.simulador{
	  padding-right: 15px;
	  padding-left: 15px;
  }
  .navbar-inverse ul {
    margin-top: 17px;
    margin-bottom: 10px;
}
	.quienes h1 {
	  font-size: 35px;
	  color: #5bc6f0;
	  font-weight: normal;
	  margin-top: 31px;
	  margin-bottom: 20px;
}
.h1{
font-size: 30px;
    color: #5bc6f0;
    font-weight: normal;
    margin-top: 31px;
    margin-bottom: 20px;
}
input.btn-primary {
	width: 100%;
	margin-top: 10px;
}
.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-inverse ul{
    	    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {

    }
    .navbar-text {
        float: none;

    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-collapse {

}
.navbar-brand {
    height: 100%;
        padding: 15px 15px 0px 27px;}
}


/* Landscape phones and down */
@media (max-width: 480px) { 

	.quienes h1 {
	  font-size: 35px;
	  color: #5bc6f0;
	  font-weight: normal;
	  margin-top: 31px;
	  margin-bottom: 20px;
}
.h1{
font-size: 30px;
    color: #5bc6f0;
    font-weight: normal;
    margin-top: 31px;
    margin-bottom: 20px;
}
input.btn-primary {
	width: 100%;
	margin-top: 10px;
		}
		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
			margin-top: 13px;
	}
	h5{

	margin-top: 20px;
}
footer{
	margin-top: 20px;
}
.navbar-brand {
    height: 100%;
    padding: 15px 15px 0px 15px;}
    .top_black {
    height: 30px;
    width: 100%;
    top: 105px;
    display: none
}
.lamas {
    position: absolute;
    right: 0px;
    color: #fff;
    /* border-bottom: solid 1px #fbf700; */
    width: 100%;
    font-size: 21px;
    text-align: center !important;
    top: -33px;
    padding: 1px 20px;
    }
   header {
     height: 135px;
     padding-top: 33px;
}
.blo2 {
    margin-top: 27px;
    }
}
 
 /* Smartphones (landscape) ----------- */
@media (max-width: 386px) { 
	.navbar-brand>img {
	  width: 80%;
	  margin-top: 5px;
	}
	.navbar-header p {
		padding-top: 0px;
		font-size: 12px;
    
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  	margin-top: 3px;
	}
	h3{
		  font-size: 29px;
	}
	.llama .fa-2x {
	  font-size: 2em;
	  position: absolute;
	  right: 35px;
	}	
	.h1 {
    font-size: 24px;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { }
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }
 
/* Desktops and laptops ----------- */
@media only screen and (max-width : 767px) { 

		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
			margin-top: 13px;
	}
footer{
	margin-top: 20px;
}
}

 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) { }
 
/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { }