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

.navbar-brand{
	padding: 0;
	margin-top: 5px;
}

.navbar-header{
	margin-top:0;
	height: 75px;
}
.navbar-right{
	margin-top: 15px;
}
.navbar{
	margin-bottom: 5px;
	background-color: transparent;
	border: none;
}
.navbar-default .navbar-nav>li>a{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #50ceab !important;	
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
	color:#50ceab !important;
	background-color:#FFF;
}
.navbar-default .navbar-nav>li>a:visited{
	color: #000 !important;	
}
.navbar-default .navbar-nav>li>a:active{
	color: #000 !important;	
}
.dropdown-menu{
	border: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	background-color:#FFF !important;
}
.dropdown-menu>li>a{
	color: #000 !important;
	line-height: 20px;
	padding: 7px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	background-color: #FFF !important;
}
.dropdown-menu>li>a:hover{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #50ceab !important;
	background-color: #FFF !important;
}
.dropdown-menu>li>a:visited{
	color: #000 !important;
	line-height: 20px;
	padding: 7px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	background-color: #FFF !important;
}
.dropdown-menu>li>a:active{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #50ceab !important;
	background-color: #FFF !important;
}
.navbar-nav .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
	background-color: #FFF !important;
}
/*-------------------------------*/
.dropdown-toggle:hover{
	color: #50ceab !important;
	background-color: #fff !important;
}
.dropdown-toggle:focus{
	color: #50ceab !important;
	background-color: #fff !important;
}
.navbar-toggle{
	margin-top: 20px;
}
/*----nav bar--------*/

/*----lineas del accordion------*/
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #50ceab;
    text-decoration: none;
}
a:visited {
	color: #fff!important;
    text-decoration: none;
}
a:active {
	color: #50ceab !important;
    text-decoration: none;
}

.panel-default{
	border: 1px #50ceab solid;
}
h1.frase{
	margin: 50px 0 20px;
	font-family: 'Merriweather', "serif";
	font-style: italic;
	font-weight: 400;
	color: #3c8476;
	font-size: 32px !important;
}
.frase{
	padding-left: 15px;
	padding-right: 5px;
}
.logo{
	margin: 10px 0; 
	padding-left: 5px;
}
.lead{
	margin: 50px 0 20px;
	font-family: 'Merriweather', "serif";
	font-style: italic;
	font-weight: 400;
	color: #3c8476;
	font-size: 32px !important;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	overflow-wrap: break-word; 
    word-break: break-word;
}

/*-----titulo pagina-----*/
h1.lineas-laterales {
	display: flex;
	align-items: center;
	border-bottom: none;
	padding: 20px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 100;
}
h1.lineas-laterales::before {
	content: '';
	flex: 1;
	border-bottom: solid 2px #50ceab;
	margin-right: 15px;
}
h1.lineas-laterales::after {
	content: '';
	flex: 1;
	border-bottom: solid 2px #50ceab;
	margin-left: 15px;
}
/*------titulo pagina------*/

.img-rounded-icons{
	padding-top: 15px;
}
.ico-fondo{
	margin-bottom: 10px;
	padding: 15px 30px;
	border: 1px #50ceab solid;
	background-color: #f4f4f4;
}
.ico-fondo-verde{
	padding: 15px 10px;
	background-color: #a8f4dd;
}
.img-rounded{
 	padding-bottom: 10px;	
}
.btn-default{
	margin-top: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #000 !important;
	background-color: #fff;
    border-color: #000;
}
.btn-default:hover {
  color: #000 !important;
  background-color: #e6e6e6;
  border-color: #000;
}
p{
  font-family: 'Open Sans', sans-serif;
  color:#000;
  font-size: 15px !important;
}
p.trayectoria {
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size: 15px !important;
	margin-bottom: 20px;
}
h1{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 100;
	color: #000;
	line-height:1.2em;
	margin-top: 0;
}
h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:400;
	color: #000;
	margin-top: 0;
	padding-top: 15px;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #000;
	line-height:1.3em;
	margin-top: 5px;
}
h1.servicios{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 100;
	color: #D9DADB;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #D9DADB;
}
p.servicios {
	color:#D9DADB;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000;
	/*margin-top: 0;*/
}
h5{
	font-family: 'Open Sans', sans-serif;
	/*font-weight:400;*/
	color: #000;
	margin-bottom: 10px;
	}
h6{
	font-size: 12px;
	font-weight:400;
	color: #888888;
	font-family: 'Open Sans', sans-serif;
	margin: 25px 0 30px 0;
}
/*--------- pags--------------*/
.clientes{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 18px !important;
	line-height: 28px;
	padding: 15px;
}
ul.clientes{
	font-size: 15px;
	padding-top: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.ico{
	margin: 0 0 20px;
}
.parrafo{
	margin-bottom: 30px;
	padding-left: 15px;
}
.parrafo-ico{
	margin: 20px 0;
}
.parrafo-intro{
	margin: 40px 0 5px 0;
	padding-left: 15px;
}
.parrafo-porque{
	margin: 30px 0 5px 0;
	padding-left: 30px;
}
.parrafo-servicios{
	margin: 40px 0 5px 0;
	padding-left: 30px;
}
li.bajada {
	color: #000;
}
.parrafo-servicios-fondo{
	margin: 20px 0 5px 0;
	padding: 20px 25px;
	background-color: #F4F4F4;
}
.servicios-fondo{
	margin: 40px 0 5px 0;
	padding: 15px 20px;
	border: 1px #CCC solid;
	background-color: #999;
}
li.servicios{
	color: #D9DADB;
}
.parrafo-saldos{
	margin-bottom: 40px;
}
.parrafo-contacto{
	margin-bottom: 40px;
	border-left: 1px #CCC solid;
	padding-left: 20px;
}

footer{
	float:left;
	width: 100%;
	margin: 0;
	padding-top: 15px;
	background-color: #37675c;
}
footer p{
	color: #FFF;
	margin-left: 20px;
}
footer h5{
	color: #FFF;
	margin: 20px 0 0 20px;
}
.gly{
	font-size: 15px;
	color: #FFF;
	padding: 10px;
	margin-right: 40px;
	margin-bottom: 20px;
	/*background-color: #50ceab;
	border-radius: 5px;*/
}

/*------------ form consultas------------*/
.form-horizontal{
	margin: 0 0 20px;
}
/*.form-group{
	padding-bottom: 0;
}*/
.form-control{
/*	border-color: #000;*/
	font-family:'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 20px;
}

/*---otra prueba de iconos redes en footer*/
.social-buttons li a:link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 25%; /* Los hace circulares */
  font-size: 25px;
  line-height: 40px;
  color: #000 !important;
  background-color: #50ceab;
  transition: all 0.3s;
  text-decoration: none;
}

.social-buttons li a:visited {
    background-color: #50ceab;
    color: #fff;
}
/* 3. Estado HOVER (Mouse encima) */

.social-buttons li a:hover {
    background-color: #50ceab; 
    color: #fff !important;
}
.social-buttons li a:active {
    background-color: #50ceab;
     color: #fff;
}

/*--------pruebas carousel---------*/
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-menu-left {
  left: 50%;
  margin-left: -30px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-menu-right {
  right: 50%;
  margin-right: -30px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
ol.carousel-indicators{
	bottom: 5px;
}

/*----media queries-----*/
@media (min-width: 992px) {
	.logo{
	width: 5%;
}
}


@media screen and (min-width: 768px) {
	.social-buttons {
    margin-left: 20px;
}
}
@media (max-width: 687px) { /* Para pantallas con un ancho máximo de 576px (teléfonos pequeños) */
	.navbar-right{
	padding-top: 0;
}
	ol.carousel-indicators{
	bottom: 2px;
}
	.carousel-control .icon-prev,
    .carousel-control .glyphicon-menu-left {
    left: 50%;
    margin-left: -20px;
}
   .carousel-control .icon-next,
   .carousel-control .glyphicon-menu-right {
   right: 50%;
   margin-right: -20px;
}
   h1.lineas-laterales {
	padding: 15px 0;
	font-size: 18px;
	}
	.social-buttons {
    margin-left: 20px;
}
	.gly{
	margin: 0 20px 10px 0;
}
	footer h5{
	margin: 10px 0 0 20px;
}
	
}
@media (max-width: 576px) { /* Para pantallas con un ancho máximo de 576px (teléfonos pequeños) */
	.navbar-right{
	padding-top: 0;
}
	ol.carousel-indicators{
	bottom: 2px;
}
    h1.lineas-laterales {
	padding: 15px 0;
	font-size: 18px;
	}
	.social-buttons {
    margin-left: 20px;
}
	.gly{
	margin: 0 20px 20px 0;
}	

}