/* Formato Inicial */

* {
	margin:0;
	padding:0;
	border:0;
	box-shadow: 0;
	box-sizing: border-box;
	}



@font-face {
  font-family: 'Ubuntu', ;
  
}

.container {
  padding-right: 10px;
  padding-left:10px;  
  width:80%;
  margin:auto;
  text-align:center;
}

.container-fluid  {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	
}

.gal{
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
}







.galeria a :hover , .galeria a:focus{	
background: rgb(black)	;
}

body {
	background:#ffffff;
    color: rgb(120, 120, 120); 
	font-family: Ubuntu;
	font-weight:light;
	font-size: 16px;
	text-align: center;
    }
	


header {
	margin: 0;
	padding: 0;
	border:0;
	box-shadow: 0;
}

 .contact1 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	right: 20px ;
	z-index:100;	
	}	
	
.contact1:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact1 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }

.contact2 {
	width:100px;
	max-width:100px;
	position: fixed;
	bottom: 5px;
	right: 50%;
	z-index:100;	
	}	
	
.contact2:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact2 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }

 
.contact3 {
	width:100px;
	max-width:100px;
	position: fixed;
	bottom: 5px;
	right: 70%;
	z-index:100;	
	}	
	
.contact3:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact3 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }

 
 /* footer*/
	footer {
	background: rgb(40,40,40);
	color: rgb(120,120,120);
	text-align: center;
	margin:auto;
	}
	
.dark div{
  
  border-bottom:solid 1px rgb(120,120,120);
  width:100%;
  height:10px;
  
}	
	
@media (min-width: 1280px) {
	
footer .footeralign {
	
	text-align:left;

}	

footer .footeralign2 {
	
	text-align:left;
    
}	

}

@media (max-width: 1279px) {
	
footer .footeralign {
	
	text-align:left;

}	

footer .footeralign2 {
	
	text-align:left;
    
}	

}

	
footer .container3 {

	margin:auto;
    width:80%;
}	
	
footer h2 {
	
	color:rgb(51,155,255);
	font-size:30px;
	
}	
	
footer h3 {
	
	color:mediumseagreen;
	font-size:18px;
	
}

footer a, footer p  {
	
	
	color:rgb(200,200,200);
	font-size:15px;
	
	
}


 footer i {
	 text-align:center;
	 color:rgb(200,200,200) !Important;
	 font-size:30px !Important;
	 
 }

 footer i:hover , footer a:hover {
	 
	 color:rgb(51,155,255) !Important;
	 
 }


 


.google-maps{
position: relative;
left:0;
padding-bottom: 0; // This is the aspect ratio
height:0;
overflow: hidden;
margin-bottom: 20px;
color: rgb(50,30,0);
margin-left:0px;

}

	
h1 {	
    font-family: Ubuntu;
	color: white;
	margin-bottom:10px;
	margin-top:10px;
	font-weight: normal;
	font-size:50px;
	

}

h2 {	
    font-family: Ubuntu;
	color: mediumseagreen;
	margin-bottom:30px;
	margin-top:30px;
	font-weight: normal;
	font-size:40px;	

}

h3 {	
    font-family: Ubuntu;
	color: rgb(80,80,80);
	margin-bottom:30px;
	margin-top:30px;
	font-weight: normal;
	font-size:20px;	

}



/* Dropdown*/
.dropdown-menu {
	 background: rgba(0,0,0,.7);
	 border-radius:0px;
	 
}

.dropdown-menu .divider {
    background-color: #ffffff;
}

.dropdown-menu > li > a {
  color: #ffffff;
  font-size:14px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #7CFC00;
}

.dropdown-toggle:active, .open .dropdown-toggle {
	background:#7CFC00 !important; color:#ffffff !important;
}

.caret {
	color: #ffffff;
}



/*Menu NavBar*/

.navbar{
	border: 0px;
	margin-top:50px;
	margin-bottom:10px ;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:20px;
    padding-right:20px;	
	position: fixed;
	top: 0px;
	width:100%;
	z-index: 99;
	-webkit-box-shadow: 0px 4px 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 4px 3px 3px rgba(0,0,0,.3);
box-shadow: 0px 4px 3px 3px rgba(0,0,0,.3);	}


.navbar-inverse {
  background: rgba(0,0,0, .7);
  border:0; 
 }

.navbar-inverse .navbar-nav {
	margin-left: 10px;
	margin-right:10px;
	
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #FFFFFF;
  
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #FFFFFF;
  
}
.navbar-inverse .navbar-nav > li > a{
color: #FFFFFF;
border: 0;
margin-left: 5px;
margin-top :5 px;
padding-left: 5px;
padding-right:5px;
font-size:20px;

}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
  color: #FFFFFF;
  background-color: mediumseagreen;
  border-radius: 5px;
 
  }
  
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff; 
}

.navbar-inverse .navbar-toggle {
  border-color: #ffffff; 
}

.navbar-inverse .navbar-toggle:focus{
  background-color: rgba(0,0,0,.8);
}

.navbar-inverse .navbar-toggle:hover{
  background-color: rgba(0,0,0,.8);
}






.wowslider-container1 {
	margin-top:0px;
}


.fotoslider {
	padding-top:0px;
	margin-bottom:15px;
	-webkit-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
}

.body{
	position:relative;
}



	


.logo1 {
	position: fixed;
	top: 25px;
	left: 30px;
	z-index:100;
}


 


.navbar-collapse {
	
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  
}

 .formulario {
	 margin-top:5px;
	 margin-bottom: 25px;
	 padding-bottom: 15px;
	 padding-top:10px;
 }
 
 
 
 .formulario p{
	 font-size:12px;
	 margin-top:0px;
	 margin-bottom:5px;
 }
 
 .form-horizontal  {
	 margin-bottom: 15px;
 }
 
 .formulario input, .formulario select, .formulario text-area {
	 margin-bottom: 0px;
	 background: #ffffff !important;
	 
 }
 
 
 
 .Her { display:none;}
 
 
 
 
 
 .form-horizontal input, .form-horizontal select , .form-horizontal textarea {
	 
	 margin-top:5px;
	 padding-top:5px;
	 
	 
 }
 
 
	#boton {
	 padding: 10px;
	 background: mediumseagreen;
	 width: 120px;
	 cursor: pointer;
	 margin-top: 10 px;
	 margin-bottom: 10 px;
	 display: inline-block;
	
 }
 
 #boton:hover{
	 opacity: .8;
	
 }
 
 #caja {
	 display: none;

	
 }
 
 #boton:hover + #caja{
	 display: block;
	 width: 100%;
	 margin: auto;
	 transition: height .4s;
	 height: 500px;
	
 }
 
 
 .alerta {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    }
    .alerta-contenido {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
		font-size:14px;
    }
    .alerta-cerrar {
        float: right;
        width: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        cursor: pointer;
        border-radius: 0.25rem;
        background-color: lightgray;
    }
    .alerta-cerrar:hover {
        background-color: darkgray;
    }
    .alerta-mostrar {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }
 
 
 
 
 /*---acordeon---*/

#container-main{
	margin:40px auto;
	width:95%;
	min-width:320px;
	max-width:960px;
}


.accordion-container {
	width: 100%;
	margin: 0 0 20px;
	clear:both;
}

.accordion-titulo {
	position: relative;
	display: block;
	padding: 20px;
	font-size: 24px;
	font-weight: 300;
	background: mediumseagreen;;
	color: #fff;
	text-decoration: none;
}
.accordion-titulo.open {
	background: mediumseagreen;;
	color: #fff;
}
.accordion-titulo:hover , .accordion-titulo:focus , .accordion-titulo:active{
	background: mediumseagreen;
	color:white;
	text-decoration:none;
}

.accordion-titulo span.toggle-icon:before {
	content:"+";
}

.accordion-titulo.open span.toggle-icon:before {
	content:"-";
}

.accordion-titulo span.toggle-icon {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 38px;
	font-weight:bold;
}

.accordion-content {
	display: none;
	padding: 20px;
	overflow: auto;
}

.accordion-content p{
	margin:0;
}

.accordion-content img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	width: 50%;
	height: auto;
}


@media (max-width: 767px) {
	.accordion-content {
		padding: 10px 0;
	}
}
 
 
 .hotere {
	
	height:35px;
}

.login1 { 

width:95%;
margin:auto;
margin-top:2px;
margin-bottom:2px;
}

.login2 { 

font-size:18px !Important;
width:100%;
padding-top:7px;
padding-bottom:7px;
margin:auto;
height:60px;
margin-top:10px;
margin-bottom:10px;

}

.login2 {
	margin-top:4px;
	background:mediumseagreen;
	border: 1px solid mediumseagreen;
	
}

.login2: hover , .login2:focus , .login2:active {
	margin-top:4px;
	background:mediumseagreen !Important;
	border: 1px solid mediumseagreen !Important;	
}


.blanco{
	
	background:white !Important;
	border-right: none;
	margin-left:2px;
	height:50px;
}

.sinbordeizq{
	
	border-left: none;
	
	
}

.input-group{
	
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	
	
}

.login1 {
	
	background:mediumseagreen;
	border: 1px solid mediumseagreen;
	height:50px;
}

.login1: hover , .login1:focus , .login1:active {
	
	background:mediumseagreen !Important;
	border: 1px solid mediumseagreen !Important;	
}

.reservainput2{
	width:95% !Important;
	height:50px;
	

	
	
}

.header1{position:relative;}

@media(min-width: 992px) {

.reserva {
	
	display:block;
	position: absolute;
    top: 100%;
    left: 50%;
    width: 80%;
    margin:  -10% 0 0 -40%;    
    z-index:1;
    background: rgba(80,80,80,.8);	
	border: 1px solid rgba(80,80,80,.8);
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	border-radius:10px;
}

}

@media(max-width: 991px) {

.reserva {
	
	display:block;
	width:80%;
	margin:auto;
	margin-top: 20px;
	margin-bottom:20px;
    background: rgba(80,80,80,.8);	
	border: 1px solid rgba(80,80,80,.8);
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	border-radius:10px;
}

}

.header2{
	
background:mediumseagreen !Important ;
margin:auto;
padding-top:70px;
padding-bottom:70px;
padding-left:20px;
padding-right:20px;
	
	
}

.header2 h2 , .header3 h2{	
    font-family: Ubuntu;
	color: white;
	margin-bottom:10px;
	margin-top:10px;
	font-weight: normal;
	font-size:40px;	
	

}

.footermca { position:relative; }

.logofinal{position:absolute;
           right: 20px;
		   top:-70px;}



.header2 article {	
    font-family: Ubuntu;
	color: white;
		

}

.ventajas i { color : mediumseagreen; }



/*Portfolio*/

#portfolio .container-sm, #portfolio .container-md, #portfolio .container-lg, #portfolio .container-xl {
  width:90%;
}
#portfolio .container-fluid .portfolio-box, #portfolio .container-sm .portfolio-box, #portfolio .container-md .portfolio-box, #portfolio .container-lg .portfolio-box, #portfolio .container-xl .portfolio-box {
  position: relative;
  display: block;
}
.portfolio-box .portfolio-box-caption, #portfolio .container-sm .portfolio-box .portfolio-box-caption, #portfolio .container-md .portfolio-box .portfolio-box-caption, #portfolio .container-lg .portfolio-box .portfolio-box-caption, #portfolio .container-xl .portfolio-box .portfolio-box-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  opacity: 0;
  color: #fff;
  background: mediumseagreen;
  transition: opacity 0.25s ease;
  text-align: center;
}

.portfolio-box .portfolio-box-caption .project-category, #portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-md .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category, #portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category {
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

 .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-sm .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-md .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-lg .portfolio-box .portfolio-box-caption .project-name, #portfolio .container-xl .portfolio-box .portfolio-box-caption .project-name {
  font-size: 20px;
}
.portfolio-box:hover .portfolio-box-caption, #portfolio .container-sm .portfolio-box:hover .portfolio-box-caption, #portfolio .container-md .portfolio-box:hover .portfolio-box-caption, #portfolio .container-lg .portfolio-box:hover .portfolio-box-caption, #portfolio .container-xl .portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}


.img-fluid {
  width: 100%;
  height: auto;
}

/*Fin Portfolio*/

/*SocialMedia*/

section.contact {
  text-align: center;
}

section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

section.contact h2 i {
  color: #dd4b39;
}

section.contact ul.list-social {
  margin-bottom: 0;
}

section.contact ul.list-social li a {
  font-size: 40px;
  line-height: 80px;
  display: block;
  width: 80px;
  height: 80px;
  color: white;
  border-radius: 100%;
}

section.contact ul.list-social li.social-twitter a {
  background-color: grey;
}

section.contact ul.list-social li.social-twitter a:hover {
  background-color: darkgrey;
  transition: all 1s;
	 transform: scale(1.1) !Important;
}

section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
  
}

section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
  transition: all 1s;
	 transform: scale(1.1) !Important;
}

section.contact ul.list-social li.social-google-plus a {
  background-color: green;
}

section.contact ul.list-social li.social-google-plus a:hover {
  background-color: darkgreen;
  transition: all 1s;
	 transform: scale(1.1) !Important;
}

.fa-heart {color:red;}


.bg-primary {
  background: greenyellow !Important;
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/*Fin Social Media*/

.consulta { height:50px;
margin:auto;
border-right: 10px solid mediumseagreen;
margin-top:10px;
margin-bottom:10px;}

@media (min-width: 992px) {

.parallax {
	
	height:500px;
	background: url(http://www.los-talas.com.ar/images/talas07.jpg) 100% 0;
	 background-size:100%;
	background-attachment: fixed;
    


}

.parallax1 {
	
	
	background: url(http://www.merlocentro.com.ar/images/merlo-piscina01.jpg) 100% 0;
	 background-size:100%;
	background-attachment: fixed; 


}

.suscribete h3 {color: mediumseagreen; font-size:30px;}

}

@media (max-width: 992px) {

.parallax {
	
	height:120px;
	background: url(http://www.los-talas.com.ar/images/talas07.jpg) 100% 0;
	 background-size:100%;
	background-attachment: fixed; 


}

.parallax1 {
	
	
	background: url(http://www.merlocentro.com.ar/images/merlo-piscina01.jpg)  400% 0;
	 background-size: 400%;
	background-attachment: fixed; 


}

.suscribete h3 {color: mediumseagreen; font-size:25px; font-weight:bold;}

}


footer i {
	margin:auto;
	width:50px;

	
}

.suscribete { width:50%;}


.login3 { 

font-size:16px !Important;
width:100%;
padding-top:7px;
padding-bottom:7px;
margin:auto;
height:60px;
margin-top:10px;
margin-bottom:10px;
background:mediumseagreen;
border: 1px solid mediumseagreen;
float:left:
}

.login3 {
	
	background:mediumseagreen !Important;
	border: 1px solid mediumseagreen !Important;
	
}


.login3: hover , .login2:focus , .login2:active {
	
	background:mediumseagreen !Important;
	border: 1px solid mediumseagreen !Important;	
}

.susinput{
width:100%;
padding-top:7px;
padding-bottom:7px;
margin:auto;
height:60px !Important;
margin-top:10px;
margin-bottom:10px;
	
	
}





/*Testimonials--*/


.redm{color: #A91F24;}

.alcenter{text-align:center;}

#TestC{
 background:rgb(255,255,255); 
  background-size: 100%;
  width:100%;
  height:400px;
  
}

.redz{
  width:100%;
  height:100%;
  background-color: rgba(0, 0, 0, 0.2);
  position:absolute;
  z-index:1;
}

#TestC h1{
  margin-left:5%;
  padding-top:1%;
  color:rgb(120,120,120);
  -webkit-text-stroke: .1px gray;
}

.carousel-control{
    top: inherit;
    bottom: 30px;
    font-size: 35px;
    left: inherit;
    z-index:999;
    width:2%;
    margin-right:5%;
}

.carousel-control.left {
 background-image: none;
 filter: none;
 right: 45px;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
     filter: none;
}

.quote-section{
  width:70%;
  margin:0 auto;
  position:relative;
  padding:20px;
  font-size:18px;
  margin-top:4%;
  border-radius:10px;
  color:rgb(120,120,120);
  background:rgba(255,255,255,.2);
}

#ql{
  padding:0px 15px 0px 15px;
}
#qr{padding:0px 15px 0px 15px;}

.autor-section{
  width:30%;
  margin:0 auto;
  margin-top:1%;
  color:rgb(120,120,120);
  font-size:16px;
  text-align:center;
  border-radius:5px;
  background:rgba(255, 255, 255, 0.2);
  padding:5px;
}

/*Fin Testimonials*/


/*Modal*/
.modal1 {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	
	animation: modal 1s 2s forwards;
	visibility: hidden;
	opacity: 0;
	
	z-index:2000;
}

.contenido1 {
	margin: auto;
	width: 60%;
	padding-bottom:20px;
	background: white;
	border-radius: 10px;
	z-index:2002 !Important;
}

@media (min-width: 992px) {
	
.contenido1 { width:60%;}	

}

@media (max-width: 991px) {
	
.contenido1{ 
width:80%;
}
	
}

#cerrar {
	display: none;
}

#cerrar + label {
	position: fixed;
	color: #fff;
	font-size: 25px;
	z-index: 2001;
	background: darkred;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	right: 150px;
	top: 150px;
	cursor: pointer;
	
	animation: modal 1s 2s forwards;
	visibility: hidden;
	opacity: 0;
}

#cerrar:checked + label, #cerrar:checked ~ .modal1 {
	display: none;
}

@keyframes modal {
	100% {
		visibility: visible;
		opacity: 1;
	}
}
/*Fin Modal*/