@font-face {

    font-family: 'AvenirLTStd-Book';    

    src: url('../fonts/AvenirLTStd-Book.otf');

 }

 @font-face {

    font-family: 'AvenirLTStd-Medium';    

    src: url('../fonts/AvenirLTStd-Medium.otf');

 }

  @font-face {

    font-family: 'AvenirLTStd-Roman';    

    src: url('../fonts/AvenirLTStd-Roman.otf');

 }

 #img-mision{

    margin-top: 20%;

 }

 #nosotros img{

    margin: 0 auto;

    display: table;

    margin-top: 25%;

    width: 30%;

 }

  #nosotros{

    padding: 80px 20px;

  }

 #nosotros h3 {

    font-family: 'AvenirLTStd-Roman';

    font-size: 35px;

    color: #009ba9;

    text-align: center;

    margin-bottom: 5%;

    letter-spacing: 1px;

}

 #nosotros h4 {

    font-family: 'AvenirLTStd-Roman';

    font-size: 30px;

    color: #009ba9;

    margin-top: 5%;

    margin-bottom: 5%;

    letter-spacing: 1px;

}

#nosotros p {

    font-family: 'AvenirLTStd-Roman';

    font-size: 20px;

    color: #555;

    text-align: justify;

    margin-top: 5%;

    line-height: 1.3;

}

 #seccion2{

    padding: 80px 20px;

 }

 #quien-soy br{
     margin-bottom: 10px;;
 }
 #informes img{

    padding-top: 20%;

    margin: 0 auto;

    display: table;
    width: 80px;
    height: auto;
 }



 #informes #redes{

    margin-top:100px;

    margin-bottom: 5%;

 }

  #seccion2 img{

    margin: 0 auto;

    display: table;

    width: 550px;

    margin-bottom: 50px;

 }

 #seccion2 h2{

    font-family: 'AvenirLTStd-Roman';

    font-size: 45px;

    color: #009ba9;

    margin-bottom: 5%;

    text-align: center;

    letter-spacing: 1px;

}

 #seccion2 h3{

     font-family: 'AvenirLTStd-Roman';

    font-size: 20px;

    text-align: justify;

    color: #595959;

    line-height: 1.3;

}

 #seccion2 p{

    font-family: 'AvenirLTStd-Roman';

    font-size: 20px;

    text-align: justify;

    color: #595959;

    line-height: 1.3;

}

 #seccion2 p span{

    font-family: 'AvenirLTStd-Roman';

    font-size: 20px;

    text-align: justify;

    color: #009ba9;

    margin-top: 5%;

    line-height: 1.3;

}

.titproduct {

    background: #009ba9;

    color: #FFF;

    font-family: 'AvenirLTStd-Roman';

    text-transform: uppercase;

    padding: 20px;

    font-size: 20px !important;

    margin-bottom: 0px;

}

.listproduct > li > a:focus, .listproduct > li > a:active, .listproduct > li > a:hover, .listproduct > li > .active, .listproduct li.active a {

    color: #FFF!important;

    background: #727275;

}
.listproduct li a {

    font-size: 1.2em;

    background: #e2e2e2;

    color: #595959;

    font-family: 'AvenirLTStd-Roman';

    border-bottom: 1px solid #A9A9A9;

    transition-duration: 0.2s;

    line-height: 28px;

}

#myCarousel .carousel-inner > .item > img {

    width: 100%;

    object-fit: cover;
    object-position: bottom;

}

.nop {

    padding: 0;

}

#logo_superior {

    right: 0%;

    left: 10%;

    top: 0%;

    width: 20%;

    position: absolute;

    z-index: 1;

    bottom: 0;

}

.carousel-control.left, .carousel-control.right{ 

	background-image:none; 

}

#myCarousel .carousel-caption {

    width: 100%;

    left: 0%;

    height: 30%;

    bottom: 0;

    background: rgba(0,0,0,0.5);

}

#myCarousel .carousel-caption h3 {

    font-family: 'AvenirLTStd-Book';

    font-size: 40px;

    text-transform: uppercase;

    margin-top: 3%;

}

.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #009ba9;

    border: 1px solid #009ba9;

    border-radius: 10px;

}

.carousel-indicators .active {

    width: 12px;

    height: 12px;

    margin: 0;

    background-color: #727275;

    border: 1px solid #727275;

}

#header {
	padding: 0px 0px;
	background-color: #FFF;
	border-bottom: 4px solid #46a5af;
}

#header p {
	font-family: 'AvenirLTStd-Medium';
	color: #46a5af;
	padding: 23px;
	font-size: 20px;
	text-align: center;
	background-color: #fff;
	margin-top: 26px;
	border-radius: 20px;
	font-weight: bold;
}





#header .logo{



    width: 70%;

    position: relative;



}

.navbar-toggle .icon-bar {

    display: block;

    width: 30px;

    height: 4px;

    border-radius: 1px;

    background: #FFF;

}

#seccion2 .navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: -10px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

#header-barra {

    background-color: #727275;

    padding: 0px 10px;

}

#header-barra a {

    color: white;

    font-family: 'AvenirLTStd-Book';

    letter-spacing: 2px;

    text-decoration: none;

    font-size: 20px;

}

#header-barra a span{

	color: #009ba9;

	font-size: 30px

}

#header-barra p {

	text-align: center;

}

#logo-wa {

    margin-top: 35px;

}

#quien-soy{

	padding: 80px 20px;

	text-align: center;

}

#quien-soy img{

	margin: 0 auto;

	display: table;

}

#quien-soy h3 {

    font-family: 'AvenirLTStd-Roman'; 

    font-size: 35px;

    color: #009ba9;

    margin-bottom: 45px;

    letter-spacing: 1px;

}

#quien-soy p {

    font-family: 'AvenirLTStd-Roman'; 

    font-size: 20px;

    color: #5e5e5e;

    margin-top: 45px;

    line-height: 1.3;

    padding-left: 14%;

    padding-right: 14%;

    text-align: center;

}

#parrafo-quien-soy{

    margin-top:2% !important;

}

#quien-soy p span{

    font-family: 'AvenirLTStd-Roman'; 

    font-size: 25px;

    color: #646464;

    font-weight: bold;

}

#servicios{

	padding: 80px 20px;

	text-align: center;

	background-color: #115e6b;

}

#servicios h3 {

    font-family: 'AvenirLTStd-Roman'; 

    font-size: 35px;

    color: white;

    margin-bottom: 5%;

    letter-spacing: 1px;

}

#servicios a {

    font-family: 'AvenirLTStd-Roman';

    text-align: center;

    text-decoration: none;

    font-size: 20px;

}



.btn-modal { background: #009ba9;color: #FFF;width: 100%;margin: 0 auto;display: table;font-size: 20px;border-radius: 10px;padding: 35px 10px;font-family: 'AvenirLTStd-Roman';display: block;text-align: center;transition: .5s ease;display: flex;margin-bottom: 30px;justify-content: center;align-content: center;flex-direction: column;height: 30px;}

.btn-modal2 {background: #009ba9;color: #FFF;width: 95%;margin: 0 auto;display: table;font-size: 20px;border-radius: 10px;padding: 35px 10px;font-family: 'AvenirLTStd-Roman';display: block;text-align: center;transition: .5s ease;display: flex;margin-bottom: 20%;justify-content: center;align-content: center;flex-direction: column;height: 30px;}

.btn-modal3 {background: #009ba9;color: #FFF;width: 100%;margin: 0 auto;display: table;font-size: 20px;border-radius: 10px;padding: 35px 10px;font-family: 'AvenirLTStd-Roman';display: block;text-align: center;transition: .5s ease;display: flex;margin-bottom: 20%;justify-content: center;align-content: center;flex-direction: column;height: 30px;}



.btn-modal:focus, .btn-modal:hover {

    color: #23527c;

    background-color: white;

    text-decoration: underline;

}

.btn-modal2:focus, .btn-modal2:hover {

    color: #23527c;

    background-color: white;

    text-decoration: underline;

}

.btn-modal3:focus, .btn-modal3:hover {

    color: #23527c;

    background-color: white;

    text-decoration: underline;

}



#especialistas {
	padding: 180px 0px;
	background: linear-gradient(0deg, rgba(0, 0,0, 0.5), rgba(0, 0,0, 0)), url(../imagenes/fondo-especialistas.jpg);
	background-repeat: no-repeat;
	height: auto;
	text-align: center;
	background-size: cover;
	padding-bottom: 160px;
}

#especialistas img{

    margin: 0 auto;

    display: table;

    padding-bottom: 45px;

    width:350px;

}

#especialistas h3 {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    font-size: 35px;

    text-align: center;

    letter-spacing: 1px;

    /*margin-bottom: 45px;*/

    margin-top: 0%;

}

#especialistas p {

    margin-bottom: 10px;

    font-family: 'AvenirLTStd-Medium';

    color: white;

    text-align: center;

    font-size: 20px;

    line-height: 1.3;

    padding-left: 14%;

    padding-right: 14%;

}

#myCarousel2 .carousel-indicators {

    bottom: -80px;

}





#mapa #map{



    padding: 100px;

    height: 700px;

}





#cita {

    padding: 80px 20px;

    background-color: #009ba9;

}

#cita h3 {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    font-size: 35px;

    text-align: center;

    letter-spacing: 1px;

    margin-bottom: 45px;

}

#cita p{

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    font-size: 20px;

    line-height: 1.3;

}

#cita a{

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-decoration: none;

    text-align: center;

    font-size: 20px;

}

#cita h4{

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    font-size: 25px;

    margin-bottom:10%;

}

#cita img{

	padding-top: 10%;

	padding-bottom: 10%;

	margin: 0 auto;

	display: table;

}

#tarjetas img{

	padding-bottom: 15%;

	margin: 0 auto;

	display: table;

}

#tarjetas{

	padding: 80px 20px;

    background-color: #727275;

}

#tarjetas h3 {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    font-size: 35px;

    text-align: center;

    letter-spacing: 1px;

    margin-bottom: 45px;

}

#tarjetas p{

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    font-size: 20px;

    line-height: 1.3;

    margin-bottom: 80px;

}

#informes {

    padding: 80px 20px;

    background:linear-gradient(0deg, rgba(0, 0,0, 0.5), rgba(0, 0,0, 0.5)), url(../imagenes/footer.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}

#informes h3 {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    font-size: 35px;

    text-align: center;

    letter-spacing: 1px;

    margin-bottom: 45px !important; 

}

#informes form{

    margin-bottom: 10%;

}

#informes p{

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    font-size: 20px;

    margin-bottom: 10%;

}

.checkbox label, .radio label {

    font-family: 'AvenirLTStd-Roman';

    min-height: 20px;

    padding-left: 20px;

    margin-bottom: 0;

    font-weight: 400;

    cursor: pointer;

    color: white;

}

#informes a {

    color: #ffffff;

    text-decoration: none;

}

.g-recaptcha {

    width: 300px;

    margin: 0 auto 1em auto;

    display: flex;

}

.btn-primary {

    margin: 0 auto;

    color: white;

    font-family: 'AvenirLTStd-Roman';

    background-color: #009ba9;

    border-color: #009ba9;

    display: table;

    padding: 4px 25px;

    font-size: 20px;

}

.btn-primary:hover {

    color: #fff;

    background-color: #727275;

    border-color: #727275;

}

#f2 {

    background: #009ba9;

    text-align: center;

    padding: 5px;

}

#f2 p {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    font-size: 15px;

}

#f2 a {

    color: #ffffff;

    font-family: 'AvenirLTStd-Roman';

    text-decoration: none;

}

@media (min-width: 768px) and (max-width: 1100px){

		#logo_superior {

    right: 0%;

    left: 10%;

    top: 0%;

    width: 30%;

    position: absolute;

    z-index: 1;

    bottom: 0;

}

#myCarousel .carousel-caption {

    width: 100%;

    left: 0%;

    height:40%;

    bottom: 0;

    background: rgba(0,0,0,0.5);

}



#myCarousel .carousel-caption h3 {

 

    font-size: 35px;

    margin-top: 2%;

}



#myCarousel .carousel-inner > .item > img {

    object-fit: cover;

    /* height: 700px; */

    width: 100%;

}

	#header p {

    font-family: 'AvenirLTStd-Medium';

    color: white;

    padding: 15px;

    font-size: 18px;

    text-align: right;

}

#header img {

    right: 0%;

    left: 0%;

    top: 0%;

    position: absolute;

    z-index: 1;

    bottom: 0;

}

#header-barra a {

    color: white;

    font-family: 'AvenirLTStd-Book';

    letter-spacing: 0;

    text-decoration: none;

    font-size: 19px;

}

#informes p {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    font-size: 17px;

    margin-bottom: 10%;

}

}







@media (max-width: 767px){

#cita {

    padding: 80px 20px;

    background-color: #009ba9;

    height: 1270px;

}



#servicios a{

    font-size: 16px;

    margin-bottom: 5%;

}

#nosotros h4 {

    font-family: 'AvenirLTStd-Roman';

    font-size: 35px;

    color: #009ba9;

    margin-top: 15%;

    text-align: center;

    margin-bottom: 5%;

    letter-spacing: 1px;

}

#servicios h3 {

    font-family: 'AvenirLTStd-Roman';

    font-size: 35px;

    color: white;

    margin-bottom: 15%;

    letter-spacing: 1px;

}

#especialistas img {

    margin: 0 auto;

    display: table;

    padding-bottom: 45px;

    width: 230px;

}

#nosotros img {

    margin: 0 auto;

    display: table;

    margin-top: 25%;

    width: 55%;

    margin-bottom: 15%;

}

#myCarousel .carousel-inner > .item > img {

    object-fit: cover;

    /* height: 410px; */

    width: 100%;

}

#especialistas p {

    margin-bottom: 10px;

    font-family: 'AvenirLTStd-Medium';

    color: white;

    padding-left: 10%;

    padding-right: 10%;

    font-size: 20px;

}



.btn-modal2 {

    background: #009ba9;

    color: #FFF;

    width: 112%;

    margin-left: -6%;

    /* margin: 0 auto; */

    /* display: table; */

    font-size: 20px;

    border-radius: 10px;

    padding: 35px 10px;

    font-family: 'AvenirLTStd-Roman';

    display: block;

    text-align: center;

    transition: .5s ease;

    display: flex;

    margin-bottom: 20%;

    justify-content: center;

    align-content: center;

    flex-direction: column;

    height: 30px;

}

.btn-modal3 {

    background: #009ba9;

    color: #FFF;

    width: 112%;

    margin-left: -6%;

    /* margin: 0 auto; */

    /* display: table; */

    font-size: 20px;

    border-radius: 10px;

    padding: 35px 10px;

    font-family: 'AvenirLTStd-Roman';

    display: block;

    text-align: center;

    transition: .5s ease;

    display: flex;

    margin-bottom: 20%;

    justify-content: center;

    align-content: center;

    flex-direction: column;

    height: 30px;

}

#myCarousel .carousel-caption h3 {

    font-family: 'AvenirLTStd-Book';

    font-size: 27px;

    margin-top: 5%;

}

#menu-principal {

    margin-bottom: 0;

    background-color: #FFF;

}

#menu-principal p {

    font-family: 'AvenirLTStd-Medium';

    color: white;

    margin-top: 3px;

    padding: 0px;

    font-size: 17px;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    background-color: #009ba9;

    border-radius: 20px;

}

#menu-principal img {

    width: 300px;

  

    display: table;

}

#logo-wa img {

    float: left;

    width: 45px;

    margin: 0 auto;

    margin-right:10px;

}


#logo-wa {

    position: absolute;
    
    top: 0;

    right: 0;
}


#whatsapp{

    width: 300px;

    z-index: 100;

    position: fixed;

    bottom: 1em;

    left: 1em;

    right: auto;

    padding: 0px;

}

#whatsapp span{ 
    display: inline-block;
    background: #009ba9;
    color: white;
    padding: 10px;
    border-radius: 5px; 
}


#menu-principal .logo{

      margin: 0;

}

#myCarousel .carousel-caption {

    width: 100%;

    left: 0%;

    height: 30%;

    bottom: 0;

    background: rgba(0,0,0,0.5);

   /* display: none;*/

}

#myCarousel .carousel-caption h3 {



    font-size: 1em !important;

    margin-top: 2%;

    margin-left: 5%;

    margin-right: 5%;

}



#quien-soy {

    padding-top: 20px;

    

}



#quien-soy img {



    width: 80px;

}



.navbar-default .navbar-toggle {

    border-color: transparent;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #009BA9;

    border-radius: 20px;

}
.navbar-default .navbar-toggle:hover .icon-bar {

    background-color: #FFF;

    border-radius: 20px;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 40px;

    height: 5px;

    border-radius: 1px;

}

.navbar-default .navbar-toggle:hover {

    background-color: #009ba9;

}

.navbar-default .navbar-nav>li>a {

    color: #6d6e70;

    font-family: 'AvenirLTStd-Roman';

    font-size: 20px;

    padding: 20px 10px;

}

#seccion2 h2 {

    font-family: 'AvenirLTStd-Roman';

    font-size: 35px;

    color: #009ba9;

    margin-bottom: 5%;

    text-align: center;

    letter-spacing: 1px;

}







#quien-soy p {



    padding-left: 10%;

    padding-right: 10%;



}

#parrafo-quien-soy{

    margin-top:4% !important;

}



h3{



    font-size: 20px !important;



}



h4{



    font-size: 18px !important;

}



p, a{


    font-size: 15px !important;

}



carousel-caption



}


@media (max-width: 1300px) {
    #myCarousel .carousel-inner > .item > img {
        width: 100%;
        object-fit: contain;
        object-position: top;
    }
}

@media (max-width: 1200px) {
    #myCarousel .carousel-indicators {
        bottom: -40px !important;
    }
}



@media (min-width: 768px) and (max-width: 1000px){

#logo-wa {

    margin-top: 1%;

}

#header p {

    font-family: 'AvenirLTStd-Medium';

    color: white;

    padding: 15px;

    font-size: 14px;

    text-align: right;

}

#cita a {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-decoration: none;

    text-align: center;

    font-size: 16px;

}

#header img {

    right: 0%;

    left: -5%;

    top: 0%;

    width: 74%;

    position: absolute;

    z-index: 1;

    bottom: 0;

}

#logo-wa {

    width: 10%;

    margin-top: 7%;

}

#header-barra a {

    color: white;

    font-family: 'AvenirLTStd-Book';

    letter-spacing: 0;

    text-decoration: none;

    font-size: 17px;

}

#header-barra a span {

    color: #009ba9;

    font-size: 20px;

}

#quien-soy p {

    font-family: 'AvenirLTStd-Roman';

    font-size: 19px;

    color: black;

    margin-top: 5%;

    line-height: 1.3;

}

#servicios a {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    text-decoration: none;

    font-size: 16px;

}

#especialistas p {

    margin-bottom: 10px;

    font-family: 'AvenirLTStd-Medium';

    color: white;



    font-size: 24px;

}

#cita p {

    font-family: 'AvenirLTStd-Roman';

    color: white;

    text-align: center;

    font-size: 16px;

}

#seccion2 .navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: -10px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}





}



@media (max-width: 645px){



    #mapa #map{



     

        height: 550px;

    }
    #informes img{
        width: 50px;
     }


}

@media (max-width: 990px){
    #especialistas {
        padding-bottom: 80px;
        background-position: bottom;
        background-size: cover;
    }
}

@media (max-width: 521px){



    #mapa #map{



        padding: 80px;

        height: 450px;

    }

    #especialistas .item{
        height: 100px;
    }

    #especialistas {
            padding-bottom: 80px;
            background-position: bottom;
            background-size: cover;
    }


}



@media (max-width: 450px){





    #menu-principal img {

        width: 250px;

        

    }



    #logo-wa img {

        width: 45px;



    }



    #logo-wa {

        margin-top: 20px;

    }



}





@media (max-width: 400px){



    #mapa #map{



        padding: 50px;

        height: 400px;

    }



}

#tarjetas img {  max-width: 180px; }

/*@media (min-width: 768px){
    #tarjetas img {  max-width: 180px; }
}*/


#mostrarmodal .contenido{
    position: relative;
}
#mostrarmodal img,#mostrarmodal .contenido{
	width: 400px;
    margin: 0 auto;
	margin-top: 50px;
    margin-bottom: 50px;
}
#mostrarmodal .close {
    position: absolute;
	top: 50px;
	right: 8px;
	float: right;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	color: #44a5ae;
	text-shadow: 0 1px 0 #44a5ae;
	filter: alpha(opacity=20);
	opacity: 1;
}

.rc-anchor-light {
	color: #646464;
}

@media(max-width:500px){
    #mostrarmodal .contenido{
        width: 90%;
        text-align: center;
        margin: 50px auto;
    }
    #mostrarmodal img{
        width: 100%;
     }
}


#myCarousel .carousel-indicators {
	bottom: 80px;
}

/* #myCarousel .carousel-indicators li, #myCarousel .carousel-indicators li.active{

	width: 20px;
    height: 20px;
    margin: 0;
} */

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #a6a6a6;
	background-color: transparent;
}


#btn-float{
    width: 260px;
    text-align: center;
    z-index: 100;
    position: fixed;
    left: 1em;
    right: 0em;
    bottom: 1em;
}

#btn-float img{ width: 45px; float: left; }

#btn-float span{
    display: inline-block;
    background: #009ba9;
    color: white;
    padding: 10px;
    border-radius: 5px; 
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.31); 
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.31);
}