.botonTienda{
    background: #ffb40f;
    margin-bottom:20px !important;
    padding: 5px;
    margin: auto;
    width: 30%;
    display: flex;
    text-align: center;
    align-items: center;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    justify-content: center;
    text-decoration: none;
}
 .botonTienda:hover{
 background:#e7a20c;
 text-decoration: none;
 color:white;
}
*{
    margin: 0;
    padding: 0; 
}
.imagengesInicio{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
h1{
    font-weight:bold;
    font-size:24px !important;
}
h2,h3,h4{
    color: #ffb40f !important;
}
.imagengesInicio>div{
    width:30%;
}
.imagen,.abrirModalAliados{
    cursor: pointer;
}
.formularioContacto{
    display: flex;
    flex-wrap: wrap;
}
.formularioContacto>article{
    width: 50%;
    padding: 0% 4%;
}
.contacto{
    border-right: 1px solid grey;
}
#nivoSlider, #nivoSlider img{width:100%;height:auto !important}
.subMenu{
    background: white;
    position: absolute;
    flex-wrap: wrap;
    display: flex;
    width: 20%;
        box-shadow: 0px 1px 4px 0px rgb(163 163 163);
}
.formModalUsuario>div{
    width: 100%;
    text-align: left;
}

.subMenu li{
    display: flex;
    width: 100%;
    border-bottom: 1px solid #cacaca;
}
.subMenu li a{
    width: 100%;
    color: black;
    padding: 10px;
    
}

p{
    font-size: 18px !important;
}
.cabeceraServicio{
        display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
        flex-wrap: wrap;
}
.descripcionLargaServicio{
        margin-bottom: 50px;
}
.botonesCerrarAbrir{
    display: none;
}
.videoServicio{
    width: 100%;
}
.descripcionCortaServicio{
    width: 35%;
}
.videoServicio iframe{
        width: 100%
    }   
.botonesCerrarAbrir>i{
    zoom: 1.5;
}
body{
    background-color: #f8f8f8 !important;
}
.logo{
        width: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.blog{
    display: flex;
    flex-wrap: wrap;
}
.publicacion {
    width: 31%;
    background: white;
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 15%);
    margin: 10px 1%;
    height: 400px;
    cursor: pointer;
}
header{
	padding: 0.7%;
    position: fixed;
        align-items: center;
    height: 60px;
    width: 100%;
    top: 0px;
    display: flex !important;
    z-index: 10;
    background: white;
    box-shadow: 0px 2px 5px 0px rgb(163 163 163);
}
.banner{
        margin-top: 100px;
}
.menu{
    width: 80%;
    display: flex;
    align-items: center;
}
.menu>ul{
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0;
    flex-wrap: wrap;
    width: 100%;
}
.menu>ul>li{
	display: inline-block;
    padding: 10px;
    cursor: pointer;
}
.hoverMenuPrincipal:hover{
    background: #fafafa;
} 

.subMenu li:hover{
    background: #fafafa;
} 

.botonSolicitarCita:hover{
    background: #25c549;
    border-color: #25c549;
}    
.menu>ul>li>a{
	color: black;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.footertown {
    background-color: #f2f2f2;
    text-align: center;
    border-top: 1px solid #e1e1e1;
}
.footertown .widget {
    padding: 10px 0;
    text-align: left;
}
.footertown .widget h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-top: 0;
    color: #000 !important;
}
.footertown .widget ul {
    margin: 0px 0;
    padding: 0;
}
.footertown .widget ul li {
    list-style: none;
    font-size: 14px;
    font-family: Helvetica;
    padding: 8px 0;
}
.footertown .widget ul li a {
    color: #363636;
}
.copyright-wrapper{
	background: black;
    text-align: center;
    color: white;
    padding: 5px;
}
.copyright-wrapper p{
	margin-bottom: 0;
}
.nivoSlider {
    height: 70vh !important;
}
.menuMediosPago{
    display: flex;
    align-items: center;
}
.menuMediosPago li{
        margin-right: 4px;
}
.whatsapp {
    position: fixed;
    z-index: 2;
    bottom: 100px;
    right: 8px;
    display: flex;
    align-items: center;
    height: 60px;
    text-align: center;
    min-width: 60px;
    max-width: 95vw;
    background-color: #15b952;
    color: #fff;
    width: 60px;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
    cursor: pointer;
    transition: background-color .2s linear;
    -webkit-tap-highlight-color: transparent;
}
.whatsapp img {
    width: 100%;
}
.botonSolicitarCita{
    background-color: #28a745;
    border-color: #28a745;
    padding: 10px;
    border-radius: 10px;
}
.botonSolicitarCita a{
        color: white !important;
    font-weight: bold;
}
.contenido{    
    width: 90%;
    margin: 115px auto 60px;
    padding: 20px !important;
    background: white;
    border-radius: 2px !important;
    border: 1px solid #ebebeb !important;
}
.validar{
    color: red;
    width: 100%;
    float: right;
    padding-right: 5px;
    text-align: left;
    font-size: 12px;
}
.formularioSolicitud{
    border: 1px solid #ebebeb;
    padding: 1%;
    border-radius: 5px;
}
.none{
    display: none;
}
.imagen{
    height: 200px;
}
.imagen img{
    object-fit: contain;
}    
.descripcion{
    height: 200px;
    padding: 15px;
}
.descripcion h3{
    color: #ed7f00;
    font-size: 20px;
    font-weight: 600;
}
.descripcion p{
    color: black;
}
.descripcion span{
    color: grey;
    font-size: 16px;
}
.publicacionUnica p{
    color: black;
    font-size: 13px;
}
.publicacionUnica span{
    color: grey;
    font-size: 13px;
}
.textoBlog{
    color: black !important;
}
.imagenBlog{
    margin: 0px 15px 10px 0px;
}
.descripcionUnica{
    color: black !important;
    font-size: 16px !important;
}
.especialistas{
    background: white;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.especialistaUnica{
    width: 31.3%;
    margin: 10px 1%;
    text-align: center;
}
.especialistaUnica > .imagen{
    text-align: center;
    margin: 0;
}
.especialistaUnica > .imagen img{
    border-radius: 80px;
}
.nombres{
    text-align: center;
    font-weight: bold;
}

.masServicios{
    display: flex;
    flex-wrap: wrap;
}
.servicioUnico{
   border: 1px solid #c3c3c3 !important;
    margin: 6px 1%;
    width: 23%;
    position: relative;
    padding: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
}
.servicioUnico:hover{
        background: #e4e4e4;
}
.servicioUnico p{
    margin: 0;
    position: absolute;
    bottom: 0px;
    background: #000000c2;
    width: 100%;
    left: 0px;
    color: white;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
}
.hiperVinculoAzul{
    color:blue !important;
}
@media only screen and (max-width: 1024px) {
    .botonTienda{
        width:100%;
    }
    .telefono{
        position:fixed;
        right:5px;
    }
    h1,h2,h3{
        font-size: 20px !important;
    }
    .imagengesInicio>div{
        width:100%;
        margin-bottom: 20px;
    }
    .subMenu {        
        position: static;
        width: 100%;
    }

    .contenido{
        width:98% !important;
    }
    .publicacion{
        width:100% !important;   
        height: 420px !important
    }
    .descripcion {
        height: 220px;
    }
    .especialistas {
        padding: 0px !important;
    }
    .especialistaUnica{
        width:100% !important;  
        border-bottom: 1px solid #cccccc;
    }
    #menu-secundario{
        text-align: center !important;
    }
    .botonesCerrarAbrir{
        display: flex;
        padding: 20px;
        width: 20%;
        text-align: center;
        align-items: center;
        position: absolute;
        top: 0%;
    }
    .menu{
        display: none; 
            width: 100%; 
    }
    .logo{
        width: 100%;
        align-items: center;
        position: fixed;
    }
    .closeMenu{
        display: none;
    }
    .hoverMenuPrincipal{
        width: 100%;
    }
    .menu>ul>li {
        border-bottom: 1px solid #b7b7b7;
    }
    .menu>ul {
        margin-top: 60px;
    }
    .imagenBlog{
        width: 100%;
        margin: 0;  
    }
    .publicacionUnica iframe{
        width: 100%
    }
    .especialistas iframe{
        width: 100%
    }     
    .servicioUnico{
        width: 100%
    }
    .videoServicio{
        width: 100%
    }
    .descripcionCortaServicio{
        width: 100%
    }
    .nivoSlider {
        height: auto !important;
    }
    .formularioContacto>article{
       width: 100%;
       padding: 0%;
       border-right:  none;
       border-bottom: 1px solid grey
    }
}