@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
body {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

/* Bootstrap customization */
.carousel-control.left,.carousel-control.right{
	background: none;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right
{
	background: rgba(0,0,0,.5);
	border-radius: 20px;
	height: 35px;
	width: 35px;
	
}
.carousel-control .glyphicon-chevron-left{padding-top: 3px; padding-right: 5px;}
.carousel-control .glyphicon-chevron-right{padding-top: 2px;}

.navbar{
	background:rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;
	/*background: #fff;*/
	padding-bottom: 20px;
	margin-bottom: 0px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-top{
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	padding-bottom: 0px;
}
.navbar-brand{
	padding:0  15px;
	margin-top: 27px;
	margin-bottom: 27px;	
}

.brand-Scroll{ margin-top: 7px;}

.navbar-nav > li.active > a{
    background: transparent none repeat scroll 0% 0%;
    padding-top: 30px;
    border-top: 5px solid #005580;
    color: #005580;
}

.navbar-nav > li.open > a, 
.navbar-nav > li:hover > a {
    background: transparent none repeat scroll 0% 0%;
    /*padding-top: 50px;*/
    border-top: 5px solid #005580;
    color: #005580;
}

.navbar-nav > li > a {
    /*padding-top: 55px;*/    
    color: #4D4D4D;
	font-size: 15px;
	font-weight: bold;	
}

.navbar-nav > li > a.navbar-nav-PaddingTopNoScroll{
	padding-top: 55px;   
}
.navbar-nav > li > a.navbar-nav-PaddingTopNoScroll:hover{
	padding-top: 50px;   
}

.navbar-nav > li > a.navbar-nav-PaddingTopScroll{
	padding-top: 35px;   
}
.navbar-nav > li.active > a.navbar-nav-PaddingTopScroll,
.navbar-nav > li > a.navbar-nav-PaddingTopScroll:hover{
	padding-top: 30px;   
}

.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover{
	background: transparent;
	display:block;
	content: '';
	border-top: solid 5px #005580;  
	margin-top: 0px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  
}

.carousel-caption{
	bottom: 56%;
	font-size: 24px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top:30%;
}

.panel{ border:none;}
.panel-default {        
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #f2f2f2;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f2f2f2;
    border-color: #ccc;
    padding: 10px 30px;
}

.panel-group{
	margin-bottom: 0px;
}

.panel-group .panel {
    margin-bottom: 0px;
    border-radius: 0px;
}

.panel-group .panel + .panel {
    margin-top: 0px;
    border-top: none;
}

.panel-body{
	background: #fff;
}

.panel-collapse > .panel-body > ul{
	list-style-position: inside;
}

.modal-dialog{
	z-index: 1060;
}

.modal-content{
	border-radius: 0px;
}

.modal-header{
	border-bottom: none;	
}

.modal-footer{
	border-top: none;
}
.navbar-nav > li {padding-left: 0px;}

ul > li{    
    color: #005580;
    padding-left: 15px;
}
ul > li > span {    
    color: #4D4D4D; /* or whatever color you prefer */
    font-size: 18px;
    line-height: 1.71428;
    display: -moz-grid;
    display: inline-flex;
	width: 95%;
}

.navbar-toggle .icon-bar{ background: #fff;}
.navbar-toggle{background-color: rgb(0, 85, 128);}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #005580;
    text-shadow: 0px 1px 0px #FFF;
    opacity: 1;
}

/* Custom Styles */

.signoSocios{
	border-radius: 26px;
	background: #005580 none repeat scroll 0% 0%;
	color: #FFF;
	font-size: 31px;
	font-weight: 100;
	width: 46px;
	margin-left: 43%;
}
.signoSocios:hover,.clickable:hover,.pointer:hover{
	text-decoration: none;
	background: #4281a1;
	cursor: pointer;
	color: #fff;
}
.pointer{
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}

.clickable {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

.signo{margin-right: 5px;}


ol.d {
	list-style-type: lower-alpha;
	font-size: 18px;
	margin-left: 30px;
	line-height: 1.71428;
}

li.paddingLeft0{
	padding-left: 0;
}



.titulo_proyectos {    
    color: #4D4D4D; /* or whatever color you prefer */
    font-size: 18px;
    line-height: 1.71428;
    padding-left: 30px;	
}

.padding0{
	padding-right: 0px;
	padding-left: 0px;
}

.img-responsive{ display: inline;}

#estudio {padding-top:50px; background-color: #fff; padding-top: 80px;}
#socios {padding-top:50px; background-color: #F2F2F2; padding-top: 80px;}
#servicios {padding-top:50px; background-color: #ffffff; padding-top: 80px; padding-bottom: 80px}
.backAcordion{background:#f2f2f2;}
#valores {padding-top:50px; background-color: #ffffff; padding-top: 80px;}
#clientes {padding-top:50px; background-color: #f2f2f2; padding-top: 80px;}
#novedades {padding-top:50px; background-color: #ffffff; padding-top: 80px;}
#contacto {padding-top:50px; background-color: #f2f2f2; padding-top: 80px;}
#mapa {padding-top:0px; background-color: #4d4d4d;}
.footer{background-color: #333333; color: #fff; }
.paddingFooter{ padding: 38px 0px;}
.datosPie{padding:40px 0px; color: #fff; background-color: #4d4d4d;}

.azulOscuro{color: #005580;}
.azulClaro{color:#6c9bb3;}
.textosAlt{color:#949494}



#volver{
	color: #005580;
	position: fixed; 
	bottom: 20px; 
	right: 0px; 
	left: auto; 
	background: #fff; 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 5px 5px 5px 10px;
	opacity: .75;	
	cursor: pointer;
}

.volver{
	cursor: pointer;
}





/* Resets */
.carousel-caption > h1{ font-size: 45px; font-weight: 700; color: #fff;}
.carousel-caption > p{ font-size: 30px; font-weight: 400; color: #fff;}

.titulo_seccion{font-size: 56px; font-weight: 400; color: #005580; text-transform: uppercase;}
.texto_seccion_largo{font-size: 18px; font-weight: 400; color: #4D4D4D;}

.nombre_persona{font-size: 18px; font-weight: 700; color: #005580; margin-top: 25px;}
.puesto_persona,.texto_seccion_corto,.fecha_novedades{font-size: 18px; font-weight: 400; color: #4D4D4D;}

.puesto_persona{height: 80px;}

.titulo_servicio,.titulo_noticia{font-size: 22px; font-weight: 400; color: #005580;}
.panel-title{font-size: 22px; font-weight: 400; color: #005580; line-height: 1.2; }
.panel-title > a{ text-decoration: none;}
.panel-title > a:hover{ color: #4D4D4D;}

.titulo_exclusivos{font-size: 36px; font-weight: 400; color: #005580;}


.titulo_valores{font-size: 22px; font-weight: 400; color: #005580; text-align: left; margin-bottom: 7px;}

.contenedorValores{
	height: 145px;
}

.texto_valores{font-size: 18px; font-weight: 400; color: #4D4D4D;}
.fechaNovedades{font-size: 18px; font-weight: 400; color: #4D4D4D; margin-bottom: 30px;}

.texto_novedades{font-size: 16px; font-weight: 400; color: #4D4D4D;}

.texto_contacto{font-size: 15px; font-weight: 400; color: #4D4D4D;}
.texto_modal{font-size: 14px; font-weight: 400; color: #4D4D4D;}

.marginBottomSeccion{margin-bottom: 80px;}

.marginBottomSocios{margin-bottom: 51px;}

.marginBottonNovedadesHome,.novedadesLista,.marginBottonNovedadesLista{margin-bottom: 30px;}

.marginTopButtonSend{margin-top: 40px;}

.marginBottomClientes{margin-bottom: 20px;}

.marginBottomDocumentosClientes{margin-bottom: 30px;}



.colunm2{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}

.renglonLista{
	margin-bottom: 50px;
}
.documentosLista{
	border-bottom: 1px solid #B3B3B3;
	padding-bottom: 18px;
	padding-top:0px;
}
.documentsofecha{
	padding-top:25px;		
}

a.linkArchivo{font-size: 18px; font-weight: 400; color: #005580; padding-left: 20px;}

input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input,
.form-control{border-radius: 0px;}
.novedadesEnd{
	padding-bottom: 52px;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 34px;
}

.novedadesLista{
	padding-bottom: 30px;
	border-bottom: 1px solid #B3B3B3;
	margin-bottom: 30px;
}

.btn{ border-radius: 0px; }
.azul{background: #005580;}

.borderBottom{border-bottom: 1px solid #B3B3B3; margin-bottom: 17px; padding-bottom: 17px}

a.linkAzul{color: #005580;}


/* Reponsive adaptation */
@media(max-width: 1199px){
	.navbar-nav > li > a{
		font-size: 12px
	}
	.contenedorValores{
		height: 145px;		
		margin-bottom: 15px;
	}
}

@media(max-width: 1024px){
	.datosPie{
		font-size: 12.5px;
	}
	.navbar-nav > li > a{
		font-size: 12px
	}
	.carousel-caption {
	    bottom: 40%;
	    font-size: 24px;
	}
	.close {
	    float: right;
	    font-size: 42px;
	    font-weight: bold;
	    line-height: 1;
	    color: #005580;
	    text-shadow: 0px 1px 0px #FFF;
	    opacity: 1;
	}
	.contenedorValores{
		height: 145px;
		margin-bottom: 15px;
	}

}

@media(max-width: 991px){	
	.container {
	    width: 100%;
	}
	.container-fluid {
	    margin-right: auto;
	    margin-left: auto;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.container-fluid>.navbar-header{
		padding: 0 15px;
	}
	.carousel-control{
		top: 139px;
	}
	.carousel-control .glyphicon-chevron-left {
	    padding-top: 2px;
	    padding-right: 5px;
	}
	.carousel-control .glyphicon-chevron-right {
	    padding-top: 1px;
	}
	.carousel-caption {
		bottom: 20%;
	}
	.carousel-caption > p{
		font-size: 22px;
	}
	.signoSocios{
		margin-left: 46%;
		margin-bottom: 60px;
	}
	#estudio,#socios,#servicios,#valores,#clientes,#novedades,#contacto{ 
		padding-top: 40px; padding-bottom: 40px;
	}
	.marginBottomSeccion {
	    margin-bottom: 40px;
	}
	.nombre_persona{
		height: 44px;
	}
	.marginBottomSeccion {
	    margin-bottom: 20px;
	}
	.fechaNovedades{
		margin-top: 20px;
	}
	.navbar{
		padding-bottom: 0px;
	}
	.navbar > .container{
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
	}
	.navbar-nav {
	    margin: 0px 0px;
	    padding-bottom: 0px;
	}
	.navbar-brand {
	    display: block;
	    height: 100%;
	    margin-top: 5px;
    	margin-bottom: 5px;
	}	
	.navbar-nav > li > a{
		border-bottom: 1px solid #ccc;
	}
	
	.nav > li:hover ,.nav > li > a:hover, .nav > li > a:focus {
	    text-decoration: none;
	    background-color: #eee;
	    border-top: none;
	}
	.nav .open > a, 
	.nav .open > a:focus, 
	.nav .open > a:hover{		
		display:block;
		content: '';
		background-color: #eee;
	    border-top: 0px transparent;
		margin-top: -5px;
		border-color:#eee;;
	}	
	.navbar-nav > li.open > a, .navbar-nav > li:hover > a {
	    background: #eee;
	    border-top: 1px solid #ccc;
	    color: #005580;
	}
	.contenedorValores {
	    height: auto;
	    margin-bottom: 20px;
	}

}
@media(max-width: 768px){	
	.carousel-control{
		top: 139px;
	}
	.carousel-control .glyphicon-chevron-left {
	    padding-top: 2px;
	    padding-right: 5px;
	}
	.carousel-control .glyphicon-chevron-right {
	    padding-top: 1px;
	}
	.carousel-caption {
		bottom: 20%;
	}
	.carousel-caption > p{
		font-size: 22px;
	}
	.signoSocios{
		margin-left: 46%;
		margin-bottom: 60px;
	}
	#estudio,#socios,#servicios,#valores,#clientes,#novedades,#contacto{ 
		padding-top: 40px; padding-bottom: 40px;
	}
	.marginBottomSeccion {
	    margin-bottom: 40px;
	}
	.nombre_persona{
		height: 44px;
	}
	.marginBottomSeccion {
	    margin-bottom: 20px;
	}
	.fechaNovedades{
		margin-top: 20px;
	}
	.navbar > .container{
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
	}
	.navbar-nav {
	    margin: 0px 0px;
	    padding-bottom: 0px;
	}	
	.navbar-nav > li {
	    padding-left: 15px;
	}
	.navbar-nav > li > a{
		border-bottom: 1px solid #ccc;
	}
	
	.nav > li:hover ,.nav > li > a:hover, .nav > li > a:focus {
	    text-decoration: none;
	    background-color: #eee;
	    border-top: none;
	}
	.navbar-nav > li.active > a{
		border-top: none;
		padding-top:10px;
		background: #eee;
	}
	.nav .open > a, 
	.nav .open > a:focus, 
	.nav .open > a:hover{		
		display:block;
		content: '';
		background-color: #eee;
	    border-top: 0px transparent;
		margin-top: -5px;
		border-color:#eee;;
	}	
	.navbar-nav > li.open > a, .navbar-nav > li:hover > a {
	    background: #eee;
	    border-top: 1px solid #ccc;
	    color: #005580;
	}

	.contenedorValores {
	    height: auto;
    	margin-bottom: 40px;
	}


}

@media(max-width: 736px){
	
	.carousel-caption {
		bottom: 48%;
	}
	.carousel-caption > h1{
		font-size: 32px;
	}
	.carousel-caption > p{
		font-size: 18px;
		line-height: 1;
	}
	.marginBottomResponsive{
		padding-bottom: 40px;
	}
	.marginBottomResponsive{
		padding-bottom: 40px
	}
	.carousel-control {
	    display: none;
	}	
	.panel-title{
		font-size: 19px;
	}
	.navbar{
		padding-bottom: 0px;
	}
	.navbar-brand{
		padding:0px 15px 0 15px;
		margin-top: 0px;
		margin-bottom: 0px;	
		max-width: 67%;
	}
	.navbar-brand > img {
	    display: block;
	    height: auto;
	    padding: 5px 0;

	}	
	.nombre_persona{
		height: auto;
	}
	.titulo_seccion{
		font-size: 40px;
	}
	.form-group + .marginBottomSeccion{
		margin-bottom: 40px;
	}
	ol.d {
	    list-style-type: lower-alpha;
	    font-size: 16px;
	    line-height: 1.71428;
	}
	.titulo_proyectos {
	    font-size: 16px;
	    margin-left: -30px;
	}
	.contenedorValores {
	    height: auto;
	}
	.novedadesListaHome{
		padding-bottom: 30px;
		border-bottom: 1px solid #B3B3B3;
		margin-bottom: 30px;
	}
	.contenedorValores {
	    height: auto;
	    margin-bottom: 40px;
	}
	
}
@media(max-width: 667px){
	.carousel-caption {
		bottom: 46%;
	}
	
}
@media(max-width: 600px){
	.carousel-caption {
		bottom: 34%;
	}
	.carousel-caption > h1{
		font-size: 32px;
	}
	.carousel-caption > p{
		font-size: 18px;
		line-height: 1;
	}
}	
@media(max-width: 568px){
	.carousel-caption {
		bottom: 51%;
	}
	.carousel-caption > h1{
		font-size: 22px;
	}
	.carousel-caption > p{
		font-size: 16px;
		line-height: 1;
	}
}

@media(max-width: 414px){
	.navbar-brand{
		padding:0px 30px 0 0px;
	}
	.container-fluid > .navbar-header{
	    margin-right: 0px;
	    margin-left: 0px;
	}
	
	.carousel-caption {
		bottom: 23%;
	}
	.container-fluid {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.carousel-caption > p {
	    font-size: 14px;
	    line-height: 1;
	}
	.titulo_seccion{
		font-size: 24px;
	}
	.marginBottomSeccion {
    	margin-bottom: 40px;
	}
	#estudio,#socios,#servicios,#valores,#clientes,#novedades,#contacto{ 
		padding-top: 40px; padding-bottom: 40px;
	}
	#contacto{
		padding-left: 0px;
		padding-right: 0px;
	}
	.texto_seccion_largo,.titulo_proyectos {
		font-size: 16px;
	}
	.signoSocios {
	    margin-left: 39%;
	}
	.panel-title {
	    font-size: 18px;
	}
	.signo{
		margin-right: 5px;
	}
	.panel-collapse > .panel-body > ul{
		padding-left: 0px;
		padding-right: 0px;
	}
	ul > li > span{
		width: 94%;
		font-size: 16px;
	}
	.titulo_valores{
		font-size: 18px;
	}	
	.titulo_servicio{
		font-size: 14px;
	}
	.titulo_noticia{
		font-size: 18px;
	}
	.titulo_exclusivos{font-size: 22px;}
	.novedadesEnd{
		padding-left: 0px;
		padding-right: 0px;
	}
	.form-group {
	    margin-bottom: 15px;
	    padding-left: 0;
	    padding-right: 0;
	}
	.navbar-nav > li > a{
		width: 100%;
		float: auto;
	}
	.contenedorValores {
	    height: auto;
	    margin-bottom: 20px;
	}

}
@media(max-width: 384px){
	.carousel-caption {
		bottom: 0%;
	}
	.carousel-caption > p {
	    font-size: 14px;
	    line-height: 1;
	}
	.titulo_seccion{
		font-size: 24px;
	}
	.marginBottomSeccion {
    	margin-bottom: 40px;
	}
	#estudio,#socios,#servicios,#valores,#clientes,#novedades,#contacto{ 
		padding-top: 40px; padding-bottom: 40px;
	}
	#contacto{
		padding-left: 0px;
		padding-right: 0px;
	}
	.texto_seccion_largo,.titulo_proyectos {
		font-size: 16px;
	}
	.signoSocios {
	    margin-left: 39%;
	}
	.panel-title {
	    font-size: 18px;
	}
	.signo{
		margin-right: 5px;
	}
	.panel-collapse > .panel-body > ul{
		padding-left: 0px;
		padding-right: 0px;
	}
	ul > li > span{
		width: 94%;
		font-size: 16px;
	}
	.titulo_valores{
		font-size: 18px;
	}
	.contenedorValores {
	    height: auto;
	}
	.titulo_servicio{
		font-size: 14px;
	}
	.titulo_exclusivos{ font-size: 18px; }
	.novedadesEnd{
		padding-left: 0px;
		padding-right: 0px;
	}
	.form-group {
	    margin-bottom: 15px;
	    padding-left: 0;
	    padding-right: 0;
	}
}
@media(max-width: 375px){
	.carousel-caption {
		bottom: 0%;
	}
	.carousel-caption > p {
	    font-size: 14px;
	    line-height: 1;
	}
	.titulo_seccion{
		font-size: 24px;
	}
	.marginBottomSeccion {
    	margin-bottom: 40px;
	}
	#estudio,#socios,#servicios,#valores,#clientes,#novedades,#contacto{ 
		padding-top: 40px; padding-bottom: 40px;
	}
	#contacto{
		padding-left: 0px;
		padding-right: 0px;
	}
	.texto_seccion_largo,.titulo_proyectos {
		font-size: 16px;
	}
	.signoSocios {
	    margin-left: 39%;
	}
	.panel-title {
	    font-size: 18px;
	}
	.signo{
		margin-right: 5px;
	}
	.panel-collapse > .panel-body > ul{
		padding-left: 0px;
		padding-right: 0px;
	}
	ul > li > span{
		width: 94%;
		font-size: 16px;
	}
	.titulo_valores{
		font-size: 18px;
	}
	.contenedorValores {
	    height: auto;
	}
	.titulo_servicio{
		font-size: 14px;
	}
	.titulo_exclusivos{ font-size: 18px; }
	.novedadesEnd{
		padding-left: 0px;
		padding-right: 0px;
	}
	.form-group {
	    margin-bottom: 15px;
	    padding-left: 0;
	    padding-right: 0;
	}	
}
@media(max-width: 320px){
	.carousel-caption {
		bottom: 0%;
	}
	.carousel-caption > p {
	    font-size: 14px;
	    line-height: 1;
	}
	.titulo_seccion{
		font-size: 24px;
	}
	.marginBottomSeccion {
    	margin-bottom: 40px;
	}
	#estudio,#socios,#servicios,#valores,#clientes,#novedades,#contacto{ 
		padding-top: 40px; padding-bottom: 40px;
	}
	#contacto{
		padding-left: 0px;
		padding-right: 0px;
	}
	.texto_seccion_largo,.titulo_proyectos {
		font-size: 16px;
	}
	.signoSocios {
	    margin-left: 39%;
	}
	.panel-title {
	    font-size: 18px;
	}
	.signo{
		margin-right: 5px;
	}
	.panel-collapse > .panel-body > ul{
		padding-left: 0px;
		padding-right: 0px;
	}
	ul > li > span{
		width: 94%;
		font-size: 16px;
	}
	.titulo_valores{
		font-size: 18px;
	}
	.contenedorValores {
	    height: auto;
	}
	.titulo_servicio{
		font-size: 14px;
	}
	.titulo_exclusivos{ font-size: 18px; }
	.novedadesEnd{
		padding-left: 0px;
		padding-right: 0px;
	}
	.form-group {
	    margin-bottom: 15px;
	    padding-left: 0;
	    padding-right: 0;
	}
}