/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 0px;
  color: #000000;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	
}

.image_frame {
	height: 100%;
	width:100%; background-position: center center;
    background-repeat: no-repeat;
	background-size:cover;
	
}

.navbar-brand {
	background-image: url(../images/layout/logo.png);
	background-repeat: no-repeat;
	background-size: contain;
    width: 220px;
    height: 70px;
    display: block;
    text-align: left;
    text-indent: -2000px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

a, a:hover ,a:focus {
	color: inherit;
	text-decoration: none;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  border-bottom: 10px solid #9CDAEA;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
.navbar-collapse {
 
    text-align: center;
    padding: 10px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #848484;
    text-transform: uppercase;
    font-size: 14px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #60B0C5;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
 color: #206576;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #71b9cb;
    border-radius: 0px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #50acbf;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #50acbf;
}
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #FFF;
}

.navbar-nav>li.social {
	padding: 7px;
}
.nav>li.social >a {
	padding: 0px;

}
.navbar {
    margin-bottom: 0px;
}   

.sub_menu {
	
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sub_menu li {
	float: left;
	
	}
.sub_menu li a {
	display: block;
	padding: 10px;
	color: #60B0C5;
	font-size: 21px;
    text-transform: uppercase;
 
 }
.sub_menu li a:hover, .sub_menu li.active a {
	color: #206576;
 
 }
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.slide_home {
  border-bottom: 10px solid #9CDAEA;
 } 
.slide_home .carousel {
  height: 400px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.slide_home .carousel-caption {
 	 z-index: 10;
	background-image: url(../images/layout/transparent_degrade.png);
	background-repeat: repeat-x;
}
.slide_home .carousel-caption {
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding-bottom: 60px;
   }
.slide_home .degrade_transparent {
	
}
/* Declare heights because of positioning of img element */
.slide_home .carousel .item {
  height: 400px;
  background-color: #777;
}
.slide_home .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}
.slide_home .carousel-control.left {
    background: none;
}

.slide_home .carousel-control.right {
    background: none;
}
.slide_home  .carousel-control {
    width: 5%;
    color: #71b9cb;
}    


.obras_destacadas_home {
	
	padding: 30px 0px;
}
.obras_destacadas_home.obras_destacadas_interna {
	
	padding: 0px 0px;
}


.obras_destacadas_home {
	
	padding: 30px 0px;
}

.obras_destacadas_home h2 {
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-bottom: 30px;
	
}

.obras_destacadas_home .obras_destacadas_reg {
	
}
.obras_destacadas_home .obras_destacadas_reg .obras_destacadsa_foto {
	height: 150px;
	border: 1px solid #e7e7e7;
	padding: 3px;
	margin-bottom: 20px;
}
.obras_destacadas_home .obras_destacadas_reg .obras_destacadsa_texto {
	
	margin-bottom: 20px;
}
.obras_destacadas_home .obras_destacadas_reg .obras_destacadsa_texto h3 {
	font-size: 18px;
	margin: 0px;
	border-bottom: 1px solid  #e7e7e7;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.obras_destacadas_home .obras_destacadas_reg .obras_destacadsa_texto p {
	font-size: 14px;
}
.obras_destacadas_home .obras_destacadas_reg .obras_destacadsa_texto a {
	display: block;	
	font-size: 11px;
	font-weight: bold;
	color: #006a80;
}




.banners_bottom {
  border-bottom: 10px solid #9CDAEA;
  border-top: 10px solid #9CDAEA;
  background-color: #EEF3F6;
	
}
.banners_bottom .banners_bottom_reg {
	
	height: 400px;
	position: relative;
	background-size: cover;
	margin-right: 10%;
	margin-left: 10%;
}

.banners_bottom .banners_bottom_reg a:hover h2 {
	color: #9cdaea;
	}
.banners_bottom .banners_bottom_reg h2 {
	
	text-align: center;
	font-size: 40px;
	position: absolute;
	bottom: 0px;
    right: 0px;
	color: #FFF;
	margin: 10px;
}

.banners_bottom .banners_bottom_reg .banners_degrade {
	background-image: url(../images/layout/transparent_degrade.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 100%;
}




footer {

  border-top: 10px solid #9CDAEA;
	padding-top: 30px;
	padding-bottom: 30px;

}

footer .datos_footer {
	text-align: right;
}


footer ul {
	float: right;
}
footer ul>li {
	float: left;
	list-style: none;
	
	
}
footer ul>li>a.social {
	display: block;
	text-indent: -2000px;
	background-image: url(../images/layout/social.png);
	background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    margin-left: 5px;
    text-align: left;
	
	}

footer  a.social.facebook {
	background-position: 0px 0px;
	
	}

.gallagher {
    font-size: 11px;
    color: #a2a2a2;
    font-style: normal;
    text-align: center;
    display: block;
}	
.gallagher_web_design {
	padding: 30px 0px;
}



	
.submenu {
	
	margin: 0px;
	padding: 0px;
	margin-bottom: 40px;
}	

.submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}	

.submenu ul li {
	list-style: none;
    margin-bottom: 10px;
	
}	

.submenu ul li a {
padding: 10px;
    background-color: #9cdaea;
    display: block;
    color: #1a4953;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	
	}
	
	
.submenu ul li.active a {
	
    background-color: #2c7787;
    color: #FFFFFF;
	
	}	


.encabezados {
	height: 120px;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center center;
}	

.encabezados h2 {
    color: #FFF;
	background-image: url(../images/layout/transparent_degrade.png);
	background-repeat: repeat-x;
	background-position: center center;
    display: inline-block;
    padding: 10px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 20px;
}



.banner_interna_right {
	margin-bottom: 20px;
    border-bottom: 10px solid #9cdaea;
    padding-bottom: 0px;
    height: 260px;
}

.banner_interna_right .carousel {
  height: 250px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.banner_interna_right .carousel-caption {
  z-index: 10;
  background-image: url(../images/layout/transparent.html);
    padding-top: 0px;
    text-align: left;
    padding: 0px 20px;
}


.banner_interna_right .carousel-caption .btn-lg, .banner_interna_right .carousel-caption  .btn-group-lg>.btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 6px;
}

.banner_interna_right .carousel-caption .btn-primary {
    color: #fff;
    background-color: #008265;
    border-color: #2e6da4;
}


/* Declare heights because of positioning of img element */
.banner_interna_right .carousel .item {
  height: 250px;
  background-color: #777;
}
.banner_interna_right .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 250px;
}

.banner_interna_right .carousel-control {

    width: 7%;
    background: transparent;
}





.galeria_de_piscinas {
	margin-bottom: 20px;
    border-bottom: 10px solid #9cdaea;
    padding-bottom: 0px;
    height: 600px;
}

.galeria_de_piscinas .carousel {
  height: 600px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.galeria_de_piscinas .carousel-caption {
  z-index: 10;
  background-image: url(../images/layout/transparent.html);
    padding-top: 0px;
    text-align: left;
    padding: 0px 20px;
}


.galeria_de_piscinas .carousel-caption .btn-lg, .galeria_de_piscinas .carousel-caption  .btn-group-lg>.btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 6px;
}

.galeria_de_piscinas .carousel-caption .btn-primary {
    color: #fff;
    background-color: #008265;
    border-color: #2e6da4;
}


/* Declare heights because of positioning of img element */
.galeria_de_piscinas .carousel .item {
  height: 600px;
  background-color: #777;
}
.galeria_de_piscinas .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 600px;
}

.galeria_de_piscinas .carousel-control {

    width: 7%;
    background: transparent;
}


.home_formulario .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f7fdff;
    border: 1px solid #50acbf;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: none;
}
.home_formulario .btn-primary {
	color: #fff;
    background-color: #71b9cb;
    border-color: #71b9cb;
}





.galeria_de_piscinas {
	margin-bottom: 20px;
    border-bottom: 10px solid #9cdaea;
    padding-bottom: 0px;
    height: 300px;
}

.galeria_de_piscinas .carousel {
  height: 300px;
  margin-bottom: 0px;
}
/* Declare heights because of positioning of img element */
.galeria_de_piscinas .carousel .item {
  height: 300px;
  background-color: #777;
}
.galeria_de_piscinas .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}
/* Declare heights because of positioning of img element */
.galeria_de_piscinas .carousel .item {
  height: 300px;
  background-color: #777;
}
.galeria_de_piscinas .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}


/* Since positioning the image, we need to help out the caption */
.galeria_de_piscinas .carousel-caption {
  z-index: 10;
  background-image: url(../images/layout/transparent.html);
    padding-top: 0px;
    text-align: left;
    padding: 0px 20px;
}


.galeria_de_piscinas .carousel-caption .btn-lg, .galeria_de_piscinas .carousel-caption  .btn-group-lg>.btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 6px;
}

.galeria_de_piscinas .carousel-caption .btn-primary {
    color: #fff;
    background-color: #008265;
    border-color: #2e6da4;
}



.galeria_de_piscinas .carousel-control {

    width: 7%;
    background: transparent;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {




.galeria_de_piscinas {
	margin-bottom: 20px;
    border-bottom: 10px solid #9cdaea;
    padding-bottom: 0px;
    height: 600px;
}

.galeria_de_piscinas .carousel {
  height: 600px;
  margin-bottom: 0px;
}
/* Declare heights because of positioning of img element */
.galeria_de_piscinas .carousel .item {
  height: 600px;
  background-color: #777;
}
.galeria_de_piscinas .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 600px;
}
/* Declare heights because of positioning of img element */
.galeria_de_piscinas .carousel .item {
  height: 600px;
  background-color: #777;
}
.galeria_de_piscinas .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 600px;
}


	
	.navbar-collapse {
	float: right;
    padding: 10px;
    text-align: left;
}

.navbar-nav {
    float: right;
    }
    .navbar-brand {

    width: 260px;
    height: 105px;
    }
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .slide_home .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .slide_home .featurette-heading {
    font-size: 50px;
  }
  
  
  
}

@media (min-width: 992px) {


.navbar-brand {

width: 320px;
    height: 140px;
}


}