.montserrat-normal{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.montserrat-bold{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
}
.container{
	position:relative;
	float:left;
	width:100%;
}
.in{
	position:relative;
	float:left;
	width:90%;
	left:5%;
}
.in-2{
	position:relative;
	float:left;
	width:95%;
	left:2.5%;
}
.in-3{
	position:relative;
	float:left;
	width:98%;
	left:1%;
}
.txt-cnt{
	text-align:center;
}
.txt-rig{
	text-align:right;
}
.txt-lft{
	text-align:left;
}
.txt-just{
	text-align:justify;
}
.mar-60{
	margin-top:60px;
	margin-bottom:60px;
}
.mar-30{
	margin-top:30px;
	margin-bottom:30px;
}
.mar-20{
	margin-top:20px;
	margin-bottom:20px;
}
.mar-10{
	margin-top:10px;
	margin-bottom:10px;
}
.marb-30{
	margin-top:10px;
	margin-bottom:30px;
}
#barra-azul{
	background-color:#2e5ea6;
	color:white;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}
#redes img{
	width:25px;
	margin-top: 5px;
    margin-left: 2px;
}
.ajus{
	position: relative;
	top:4px;
}
.col-50{
	position:relative;
	float:left;
	width:50%;
}

.logo{
	position:relative;
	float:left;
	width:30%;
	font-family: "Montserrat", sans-serif;
	color:#2e5ea6;
}
.menu{
	position:relative;
	float:left;
	width:40%;
	position:relative;
	float:left;
	width:40%;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	text-align:center;
}
.menu a{
	color:#4771b0;
	margin-left:10px;
	margin-right:10px;
	text-decoration:none;
	font-size:18px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.menu a:hover{
	color:#38b6ff;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.informacion{
	position:relative;
	float:left;
	width:30%;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}
.informacion h3{
	margin:0;
	padding:0;
}
.iconowp{
	color: #00bf62;
    font-size: 35px !important;
}
#banner{
	position:relative;
	float:left;
	width:100%;
	height:580px;
	background-image:url('../imagenes/banner.png');
	background-size:cover;
	background-position:center;
}
.inbanner{
	position: relative;
    float: right;
    width: 45%;
    margin-top: 15%;
    text-align: right;
    right: 10%;
}
.inbanner h2, h3{
	margin:0;
	padding:0;
	font-family: "Open Sans", sans-serif;
}
.inbanner h3{
	color:white;
	font-size:33px;
	-webkit-text-stroke: 1px #384752;
	
}
.inbanner h2{
	color:#132540;
	font-size:35px;
}
.btn-azul{
	background-color: #132540;
    color: white;
    font-size: 20px;
    padding: 16px;
    border: 3px solid #132540;
    border-radius: 5px;
    margin-top: 15px;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.btn-azul:hover{
	background-color:rgb(255 255 255 / 0%);
	color:#132540;
	font-size:23px;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#sobre_mi{
	font-family: "Montserrat", sans-serif;
}
#sobre_mi h1{
	font-weight:400;
	margin:0;
	padding:0;
	font-size: 40px;
}
.col50{
	position:relative;
	float:left;
	width:50%;
}
.col50 img{
	max-width:100%;
}
#servicios{
	background-color:#f1f4f4;
	font-family: "Montserrat", sans-serif;
}
#servicios h1{
	color:#132540;
	font-weight:400;
	
	padding:0;
	font-size: 40px;
}
.col33{
	width:33.33%;
	position:relative;
	float:left;
}
.col33 img{
	max-width:95%;
}
.cuadro_blanco{
	position:relative;
	float:left;
	width:100%;
	background-color:white;
	margin-top:-10px;
	border-radius: 20px;
	margin-bottom:20px;
}
.cuadro_blanco img{
	max-width:200px;
}
.titulo{
	min-height:125px;
}
.ah3{
	margin:0;
	font-size: 30px;
}
.blu{
	color:#132540;
}
.sky{
	color:#38b6ff;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.sky:hover{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	font-size:35px;
}
.oh{
	overflow:hidden;
}
#footer {
	background-image:url('../imagenes/fondo_footer.png');
	background-size:cover;
	font-family: "Montserrat", sans-serif;
}
#footer h3{
	color:#132540;
}
#footer h2{
	font-weight: 600;
	color:#132540;
	font-size: 40px;
}
.col40{
	width:40%;
	position:relative;
	float:left;
}
.col60{
	width:60%;
	position:relative;
	float:left;
}
#fot h3{
	font-weight: 600;
    font-size: 32px;
}
#fot img{
	max-width:35px;
	margin-left:2px;
	margin-right:2px;
	top: 6px;
    position: relative;
}
.btn-cita{
	background-color: #38b6ff;
    border: 2px solid #38b6ff;
    color: white;
    font-size: 22px;
    padding: 10px 22px 10px 22px;
    border-radius: 10px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.btn-cita:hover{
	background-color:rgb(255 255 255 / 0%);
	color:#38b6ff;
	border: 2px dashed#38b6ff;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.divisor{
	/*border:1px solid #0070fa;*/
	border:1px solid #2f69bf;
}

#job{
	background-color:#f1f4f4;
	font-family: "Montserrat", sans-serif;
}
#job h1{
	color:#0070fa;
}
.cl40{
	width:40%;
	position:relative;
	float:left;
}
.cl40 img{
	width:100%;
}
.cl60{
	width:60%;
	position:relative;
	float:left;
}
#certificaciones{
	background-color:#38b6ff;
	color:white;
	font-family: "Montserrat", sans-serif;
}
.c30{
	width:30%;
	position:relative;
	float:left;
}
.c30 img{
	width:100%;
}
.c70{
	width:70%;
	position:relative;
	float:left;
}
#educacion{
	background-image:url('../imagenes/fondo_estetoscopio.png');
	background-size:cover;
	font-family: "Montserrat", sans-serif;
}
#educacion h1{
	color:#0070fa;
}
#services{
	background-color:#38b6ff;
	color:white;
	font-family: "Montserrat", sans-serif;
}
#services h1{
	font-weight:600;
	margin-bottom:0px;
	font-size: 47px;
}
#services h2{
	font-weight:400;
	margin-bottom:10px;
	font-size: 30px;
}
.c25{
	width:25%;
	position:relative;
	float:left;
}
.c25 img{
	max-width:100%;
}
.c75{
	width:75%;
	position:relative;
	float:left;
}
.colm50{
	width:50%;
	position:relative;
	float:left;	
}
#servicio_holter{
	background-color:#f1f4f4;
	font-family: "Montserrat", sans-serif;
}
#servicio_holter h2{
	font-weight:600;
}
.c-35{
	position:relative;
	float:left;
	width:40%;
}
.c-35 img{
	max-width:100%;
}
.c-65{
	position:relative;
	float:left;
	width:60%;
}
#chequeos{
	font-family: "Montserrat", sans-serif;
}
#chequeos h2{
	font-weight:600;
}
#contacto{
	font-family: "Open Sans", sans-serif;
	background-image:url('../imagenes/fondo_contacto.png');
	background-size:cover;
	color:white;
}
.c-50{
	position:relative;
	float:left;
	width:50%;
}
.c-50 img{
	max-width:100%;
}
.inp{
	width:80%;
	font-family: "Montserrat", sans-serif;
	font-size:16px;
	padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ara{
	width:80%;
	font-family: "Montserrat", sans-serif;
	font-size:16px;
	resize:none;
	padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.menuresponsivo{
	display:none;
}

/* Modal Content/Box */
.modal {
	display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
	font-family: "Open Sans", sans-serif;
    background-color: rgb(46 94 166 / 100%);
    /* box-shadow: 10px 10px 5px 0px rgb(196 196 196 / 75%); */
    /* -webkit-box-shadow: 10px 10px 5px 0px rgb(196 196 196 / 75%); */
    -moz-box-shadow: 10px 10px 5px 0px rgba(196,196,196,0.75);
}
.modal-content {
    width: 100%;
    left: 0%;
    position: relative;
    float: left;
    top: 0%;
    border-radius: 6px;
}
.titulo-ventana-modal{
	background: #0b5a42;
    color: white;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
}
.in-modal-times{
	position: absolute;
    float: left;
    width: 90%;
    left: 5%;
    top: 10px;
    z-index: 999;
}	
/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 28px !important;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
#menuRes a{
	color:white;
	text-decoration:none;
}
#menuRes button{
	width: 100%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgb(255 255 255 / 0%);
    color: white;
    border: none;
}
#menuRes button:hover{
	background-color:#10407b;
}
#pie{
	font-family: "Montserrat", sans-serif;
	color: white;
    background: #2e5ea6;
}
@media screen and (max-width: 1105px){
	.logo{
		width:100%;
		text-align:center;
	}
	.logo h2{
		margin-top:10px;
		margin-bottom:5px;
		padding:0;
	}
	.menu{
		width:100%;
	}
	.informacion{
		width:100%;
	}
	.c25{
		width:30%;
		text-align:center;
	}
	.c25 img {
		max-width: 100%;
		width: 175px;
	}
	.c75{
		width:70%;
	}
	.c75 h2{
		margin-top:0px;
		margin-bottom:10px;
		padding:0;
		
	}
	
}	
@media screen and (max-width: 1075px){
	#job h1 {
		color: #0070fa;
		font-size: 28px;
	}
}
@media screen and (max-width: 1020px){
	.heart {
        width: 85px !important;
    }
}
@media screen and (max-width: 1000px){
	.c-35{
		width:100%;
		text-align:center;
	}
	.c-35 img{
		max-width:100%;
		width:300px;
	}
	.c-65{
		width:100%;
	}
	.c-50 img{
		max-width:100%;
		width:300px;
		margin-top:80px;
	}
}
@media screen and (max-width: 975px){
	.cl60{
		width:100%;
	}
	.cl40{
		width:100%;
		text-align:center;
	}
	.cl40 img{
		max-width:100%;
		width:300px;
	}
	.c30{
		text-align:center;
	}
	.c30 img{
		max-width:100%;
		width:200px;
	}
	.c70 h1{
		margin-top:0px;
		margin-bottom:10px;
		font-size:26px;
	}
	#educacion h1{
		margin-top:0px;
		margin-bottom:10px;
		font-size:26px;
	}
}
@media screen and (max-width: 955px){
	.titulo {
		min-height: 90px;
	}
	.ah3 {
		margin: 0;
		font-size: 22px;
	}
}
@media screen and (max-width: 920px){
	.c25{
		margin-top:20px;
		width:100%;
	}
	.c75{
		width:100%;
	}
	.colm50 {
		width:100%;
	}
	.colm50 .in{
		width:100%;
		left:0%;
	}
	#eco .txt-cnt{
		text-align:left;
	}
}
@media screen and (max-width: 840px){
	.col50{
		width:100%;
		text-align:center;
	}
	.col50 img{
		max-width:100%;
		width:400px;
	}
	.heart {
        width: 85px !important;
    }
	.col40{
		width:100%;
		margin-bottom:40px;
	}
	.col60{
		width:100%;
	}
}
@media screen and (max-width: 800px){
	#banner {
		height: 470px;
		background-position:center;
	}
	.inbanner {		
		width: 90%;
		margin-top: 15%;
		right: 5%;
	}
	.col33{
		width:100%;
	}
}
@media screen and (max-width: 750px){
	.c30{
		width:100%;
	}
	.c70{
		width:100%;
	}
	.c-50{
		width:100%;
	}
	.c-50 img{
		max-width:100%;
		width:300px;
		margin-top:20px;
		margin-bottom:60px;
	}
}
@media screen and (max-width: 650px){
	#banner {
		height: 370px;
		background-position:center;
	}
	.inbanner h3 {
		font-size: 27px;
	}
	.inbanner h2 {
		color: #132540;
		font-size: 29px;
	}
}
@media screen and (max-width: 565px){
	#barra-azul .col-50{
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}
	#barra-azul .col-50 .txt-rig{
		text-align:center;
	}
	.menu{
		display:none;
	}
	.menuresponsivo{
		position:relative;
		float:left;
		width:100%;
		display:block;
	}
}
@media screen and (max-width: 500px){
	#fot h3 {
		font-size: 19px;
	}
	#fot img {
		max-width: 25px;
	}
}