html {height:100%; }
body {height:100%; position: relative; background: #fff;} 

@font-face { font-family: libre; src: url(../fonts/LibreBaskerville-Regular.ttf); } 
@font-face { font-family: roboto; src: url(../fonts/roboto.ttf); } 

h2 { font-family: libre, serif; font-size: 2.5em; line-height: 1.2em; color:#fff; padding: 20px 0px; }

h3 { font-family: libre, serif; font-size: 2.5em; line-height: 1em; color:#008046; padding: 20px 0px; }

p { font-family: roboto, sans-serif; font-size: 1em; color: #000; line-height: 1.5em; padding: 0px 0px;}
p a:link { text-decoration:none; color:#000!important; font-weight:bold; }
p a:visited { text-decoration:none; color:#000!important; font-weight:bold; }
p a:hover { color: #008046 !important; }
p i { color: #008046 !important; font-style:normal; }
p small { color:#fff !important;}
p small a:link { text-decoration:none; color:#fff!important; font-weight:bold; }
p small a:visited { text-decoration:none; color:#fff!important; font-weight:bold; }

@media screen and (max-width: 768px){
h2 { font-size: 2em;}
h3 { font-size: 2em;}
}	

.btn { font-family: roboto; font-size: 0.8em; transition: all 0.3s ease 0s; padding: 8px 25px; background:#fff; color: #000; margin: 10px 0px; }
.btn:link, .btn:visited { text-decoration:none; color: #000 !important; }
.btn:hover { background:#008046; color:#fff !important;}

.btn_inverso { background:#7A7A7A; color: #fff; }
.btn_inverso:link, .btn_inverso:visited { text-decoration:none; color: #fff!important; }
.btn_inverso:hover { background:#008046; color:#fff;}




/*///////////////////////////////////////////////////////////////// */




.link_arriba { position:fixed; bottom:75px; right:50px; z-index: 1; opacity:1; display:none; }
.link_arriba:hover { opacity:0.5 }
.link_arriba img {height: 50px;}

.link_whatsapp_verde { position:fixed; bottom:150px; right:50px; z-index: 5;  }
.link_whatsapp_verde img { height: 60px; transition: 0.5s; }
.link_whatsapp_verde img:hover { scale:1.2; }


@media screen and (max-width: 768px){
.link_arriba { bottom:70px; right:20px; }
.link_arriba img {height: 30px;}

.link_whatsapp_verde { bottom:110px; right:20px;  }
.link_whatsapp_verde img {height: 50px;}
}




/*///////////////////////////////////////////////////////////////// */




.nav-agrandar-achicar { background: #fff; padding: 15px 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.agrandar-achicar {padding:0px 0px; border-bottom: #999 solid 1px;}

.nav-logo { height: 60px; width: auto; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.nav-logo-agrandar-achicar {height: 40px; width: auto;}

.navbar-brand p { padding: 0px 0px 0px 20px !important; display:inline-block; font-family: libre, sans serif; font-size:1.2em; color:#000; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; line-height:0 !important;}
.p-agrandar-achicar { padding: 0px 0px 0px 10px !important; font-size:1em !important; line-height:0 !important;}

.nav-item {padding:0px 10px;}
.navbar-nav .active { color: rgba(0, 0, 0, 1)!important; }

.navbar-nav a { text-decoration: none; cursor: pointer; }
.navbar-nav a:link { color: rgba(0, 0, 0, 0.7); text-decoration: none;  }
.navbar-nav a:visited { color: rgba(0, 0, 0, 0.7); text-decoration: none;  }
.navbar-nav a:hover { color: rgba(0, 128, 70, 1);}
.nav-link-redes { display: inline-block; padding-right: 10px !important; padding-left: 5px !important;}
.nav-link-redes img { height: 18px; width: auto; margin-top:-3px; opacity: 0.7; }
.nav-link-redes img:hover { opacity: 1;}
.redes_negro {display:inline-block;}
.redes_blanco {display:none;}

.menu_mostrar_achicado {display:none;}

.dropdown-menu { border: 0px; background: rgba(0, 0, 0, 0.5); }
.dropdown-menu a:link, a:visited {  color:#fff;  } 
.dropdown-menu a:hover {color:#fff; background: rgba(0, 0, 0, 0.5);}
.dropdown-item { display: block }
.dropdown-toggle {padding-left: 0px !important;}

.dropdown .nav-link {display: inline-block; }

@media screen and (max-width: 768px){
	
.nav-agrandar-achicar { padding: 0px 0px; }	
.navbar { padding: 0px; margin: 0px; min-width: 100%; text-align: center; display: block; }
.nav-logo { height: 40px; margin-left:-15px; }
.navbar-brand { display: block; padding:15px 0px;}
.navbar-brand p { font-size:1em; padding: 0px 0px 0px 0px; margin-left:-15px;}

.navbar-toggler { float:right; position: absolute; right: 0px; top: 15px; background-color:transparent; border:0px solid rgba(255,255,255,0.5)}
.navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.navbar-nav { text-align: center; padding:0px; margin: 0px; }
.nav-item { padding: 5px 0px; border-bottom: #004628 solid 1px; background:#008046; display:block !important; }
.navbar-nav a:link, a:visited {color:#fff !important;}
.navbar-nav a:hover {color:#fff !important;}
.navbar-nav .active { color:#fff !important; }
.nav-link-redes { margin: 0px 5px; }
.nav-link-redes img { opacity: 1; }
.redes_negro {display:none;}
.redes_blanco {display:inline-block;}
}




/*///////////////////////////////////////////////////////////////// */




.inicio { height: 100%; padding-top:120px; }
.swiper-wrapper, .swiper-slide {padding: 0px;}

  /* Cambiar color al bullet del Slider */
.swiper-pagination-bullet{background:#fff;opacity:.5}
.swiper-pagination-bullet-active{background:#fff;opacity:1}
  /* Cambiar color a las flechas del Slider (Cambiar %23fff por %23colorhexa)*/
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; padding-top:160px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");opacity: 0.5; padding-top:160px;}
.swiper-button-next:hover, .swiper-button-prev:hover {opacity:1;}

.verdurizar { width:100%; height: 100%; background: rgba(0, 70, 40, 0.5);}

.slide1 {background:#01F18E; background-image: url("../img/Maternal_San-Ignacio_Inicio_01.jpg"); background-size: cover; background-position: center; }
.slide2 {background:#01F18E; background-image: url("../img/Maternal_San-Ignacio_Inicio_02.jpg"); background-size: cover; background-position: center; }
.slide3 {background:#01F18E; background-image: url("../img/Maternal_San-Ignacio_Inicio_03.jpg"); background-size: cover; background-position: center; }


.swiper-slide .container {height: 100%; text-align: center; display:table; }
.caja_txt { width:100%; display:table-cell; vertical-align:middle;}
.caja_txt img { height: 150px; margin: 0px 0px 0px 0px; }
.caja_txt h2 span { padding:0px; margin:0px; line-height:0px; display: block;}


@media screen and (max-width: 768px){
.inicio { padding-top:50px; }
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ display: none; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ display: none;}

.swiper-slide .container {padding:0px;}
.caja_txt { padding: 0px 20px; }
.caja_txt img { height: 40px; }
.caja_txt h2 span { display: inline;}

}




/*///////////////////////////////////////////////////////////////// */




.historia { padding: 120px 0px 100px 0px; }
.historia_img img { width:100%; padding-top:30px;}
.historia_txt img {height:100px; width:auto; margin-top:-50px;}
.historia_txt .al_lado_foto {display:inline-block; padding-left:10px; }

@media screen and (max-width: 768px){
.historia { padding: 100px 0px 50px 0px; text-align:center; }
.historia_img img { width:50%; }
}




/*///////////////////////////////////////////////////////////////// */

 

.separador {height:50%; background-image:url("../img/Maternal_San-Ignacio_Fondo_Frase.jpg"); background-attachment:fixed; background-position:center; text-align:center; padding: 0px !important;}
.separador .row { width:100%; height:100%; text-align:center; padding:0px; margin: 0px !important;}
.separador hr { border: #999 solid 1px;}
.separador h2 span { padding:0px; margin:0px; line-height:0px; display: block;}

@media screen and (max-width: 768px){
.separador { height: auto; background-attachment: scroll;}
.separador h2 {padding: 50px 0px; }
.separador h2 span { display: inline;}
}





/*///////////////////////////////////////////////////////////////// */




.galeria { padding: 100px 0px 100px 0px; }
.galeria .row { }
.galeria h3 {text-align:center; }
.galeria p {text-align:center; padding-bottom:20px; }

.galeria figure {padding:10px; }
.galeria figure a { padding:0px; display:block; position: relative;  overflow: hidden; margin: 0; }
.galeria figure a img { width:100%; padding:0px; filter: grayscale(0.5);}

.galeria figure a img:hover{ animation: bloom ease-in-out .75s forwards;}

.galeria figure a::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0;	background: rgba(0,128,70,1); border-radius: 0%; transform: translate(-50%, -50%); }
.galeria figure a:hover::before { animation: efectocuadrado ease-in-out .75s;}

@keyframes bloom {
	0% { filter: grayscale(.5);	}
	100% { filter: grayscale(0); }
}

@keyframes efectocuadrado {
	0% { background: rgba(0,128,70,0);}
	40% { background: rgba(0,128,70,0.5);}
	100% { width: 200%;	height: 200%; background: rgba(0,128,70,0);}
}


.galeria figure figcaption { display: none;}
.pswp__caption__center { text-align:center !important; }
.pswp__bg { background:rgba(0, 0, 0, 0.8) !important;}
.pswp__button--share { display:none !important;}
.pswp__button--fs { display:none !important;}

@media screen and (max-width: 768px){
.galeria { padding: 80px 10px 50px 10px; }
.galeria .row { padding: 0px 0px 0px 0px; }
.galeria figure {padding:0px 5px;}
}




/*///////////////////////////////////////////////////////////////// */

 


.mapa { height:50%; background:#999; border-top: #999 solid 1px; border-bottom: #999 solid 1px;}




/*///////////////////////////////////////////////////////////////// */




.contacto {height: calc(100% - 50px);}

.contacto_contenedor { height: 100%; }
.contacto_contenedor_on { height:100%;}
.contacto_data img { height:20px; margin-top:-1px; padding-right: 10px ;}

.contacto_formulario {padding: 50px 0px 0px 0px;}
.form-control { font-family:roboto; font-size:1em; color:#000; margin:10px 0px; border : none; background: none; border-bottom: 1px solid #000; border-radius: 0px; }
.form-control:focus {color:#000; border-color: green; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.form-control::placeholder { color: #000!important; opacity: 0.5!important;}

.mostrar_chico {display:none;}

.g-recaptcha {padding-top: 0px; margin: 20px 0px; overflow:hidden;}

@media screen and (max-width: 768px){
.contacto { height:auto;}
.contacto_data { text-align:center; padding: 80px 0px 0px 0px; }
.contacto_formulario { padding: 0px 0px 30px 0px; text-align:center;}
.form-control { text-align:center;}
.mostrar_chico {display:block; padding: 50px 0px; }
}




/*///////////////////////////////////////////////////////////////// */




.footer { text-align: center; height:50px; background:#008046; overflow:hidden;} 
.footer p {padding-top: 10px; }
.footer img {height:25px; padding: 0px 0px 0px 5px; margin-top: -2px; }
.footer p span {display: inline;}

@media screen and (max-width: 768px){
.footer { height:auto; padding:20px 0px 10px 0px;} 
.footer p {padding: 0px 0px 0px 0px; line-height:1em; }	
.footer p span {display: block;}	

}