/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 10px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.redes-fixed{
	background-color: transparent;
	right:100px;
	position:fixed;
	padding:14px 10px;
	bottom:6%;
	width:50px;
	height:50px;
	z-index:5000;
	transition:0.3s;}
	
.redes-fixed:hover{
	background-color: transparent;
	position:fixed;
	padding:14px 10px;
	bottom:7%;
	width:50px;
	height:50px;
	z-index:5000;
	transition:0.3s;}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.bg-menu{
	background:#095270;}
	


.container1600 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media(min-width:768px) {	
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 2px;
}

.footer{
	background: url(../images/bg-footer.jpg) no-repeat center;
	padding:5% 0 1%;}	
	
	.bg2{
	background:url(../images/bg2.jpg) no-repeat center !important;
	background-size:100%;
	padding:18% 0 !important;
	margin:40px 0;
	width:100%;}
	

	
}

@media(min-width:992px) {	
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 10px;
}	

.hovereffect {
	width: 100%;
	height: 164px !important;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: default;
}
	
}
	
@media(min-width:1200px) {	
.container1600{
	width:1320px;}	
	
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 30px;
}	

.hovereffect {
	width: 100%;
	height: 282px !important;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: default;
}

.fixed_width_carousel_caption {
  left: 0%;
  right: 0%;
  width: 100%;
  bottom: 25%;
  text-shadow: none;
  padding: 20px 20px 20px 70px;
  font-family: 'Nunito Sans', sans-serif;
}
	
}

@media(min-width:1400px) {	
.container1600{
	width:1600px;}	
	
.hovereffect {
	width: 100%;
	height: 271px !important;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: default;
}

.fixed_width_carousel_caption {
  left: 0%;
  right: 0%;
  width: 100%;
  bottom: 29% !important;
  text-shadow: none;
  padding: 20px 20px 20px 70px;
  font-family: 'Nunito Sans', sans-serif;
}
	
}

.logo{
	padding-bottom:10px;}
	
.fono{
	font-size:20px;
	margin-top:15px;}
	
.fono p{
	line-height:0pt;}		
	
.verde{
	color:#29abe2;}	
	
.white{
	color:#fff;
	}	
	
.tit-2{
	height:60px;
	font-weight:200;}
	
.img1{
	margin-bottom:10px;}	
	
.img-menu{
	border:#fff solid 3px;}	
	
.img-menu:hover{
	border:#00948f solid 3px;
	      -o-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;}	
	
.bg2{
	background: #095270;
	background-size:100%;
	padding:8% 0;
	margin:40px 0;
	width:100%;}
	
.text-bg-consejo{
	background:#fff;
	opacity:0.8;
	padding:40px;}
	
.bg-gray{
	background:#dadbdd;
	padding:50px 0;}

.bg-clientes{
	background:#095270;
	padding:50px 0;}	
	
	
.bg-gray2{
	background:#525a61;
}

.vertical-algn{
			display:flex;
	align-items:center;}
	
.footer{
	background:#333333;
	padding:5% 0 1%;}
	
	
.pida-cita{
	background:#757b81;
	padding:25px 35px;
	font-size:15px;
}
	
.pida-cita:hover{
	background:#00948f;
	text-decoration:none;
	color:#fff !important;}	
	
.bg-bread{
	background:#dcdedf;}	
	
		

.bg-green{
	background:#00948f;
	padding:30px 0;
	margin-top:50px;}	
	
.thead-inverse{
	background:#525a61;
	color:#fff;}
	
.table1{
	background:#dcdedf;}
	
.paddingleft0{
	padding-left:0;}
	
.paddingright0{
	padding-right:0;}
	
.datos{
	border-left:#00948f solid 4px;
	padding-left:20px;}	
	
	
	/*hover*/
	
	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #29abe2;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 35% 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 5px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-5px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
	/*hover*/	


.celeste{
	color:#29abe2;}	
	
.padding-general{
	padding:50px 0;}	
	

.prod{
  margin-bottom:30px;}