body{
    background-color: #ffffff;   
    font-family: Exo Light Italic;
    color: #ffffff;
    overflow-x: hidden;
   }
   .view_pc{display: block;}
   .view_cell{display: none;}
   .nopad{
       padding: 0px;
   }
   a:hover {
       text-decoration: none;
   }
   .web {
       background-color: #ffffff;
   }
   header {
       position: fixed;
       z-index: 2;
       width: 100%;
       padding: 50px 0px;
   }
   
   section {
       color: #000000;
       position: absolute;
       z-index: 2;
       width: 100%;
   }
   
   
   .owl-dots {
       display: none !important;
   }
   
   
   
   
   .botones {
       background: transparent;
       position: fixed;
       z-index: 3;
       width: 100%;
       bottom: 70px;
       height: 150px;
   }
   .botones .hijos a {
       padding: 14px 15px;
       display: block;
       border: 1px solid #ffffff;
       margin-bottom: 7px;
       font-size: 13pt;
       position: relative;
       max-width: 245px;
       line-height: 14pt;
       color: #ffffff;
       cursor: pointer;
   }
   .botones .hijos a i {
       background-image: url(http://evoluteeth.com/img/btnPrincipal-pc.png);
       background-repeat: no-repeat;
       background-position: bottom;
       width: 10px;
       height: 17px;
       position: absolute;
       right: 12px;
       top: 16px;
       background-size: 10px;
       display: block;
   }
   
   h2.owl-slide-animated.owl-slide-title.is-transitioned {
       font-size: 29pt;
       line-height: 32pt;
   }
   
   img.logo {
       width: 325px;
   }
   
   .slider-texto{
       margin-top: -100px;
       padding: 13px;
       }
   
       img.logoa {
       position: absolute;
       width: 43px;
       left: -56px;
       top: -10px;
   }
   .pagina_web{
    /*   background-image: url(../img/parallax-sala.png?v=6);
       background-size: 100%;
       background-repeat: no-repeat;
       background-color: #ea4a4a00;*/
    overflow-x: hidden;
   }
   .row.row_bienvenido {
       color: #ffffff;
       min-height: 500px;
   }
   
   .row.row_bienvenido p {
       font-size: 16pt;
   }
   
   
   .logo-cell {
       width: 230px;
   }
   
   .row_bienvenido {
       position: absolute;
       top: 50px;
       color: #ffffff;
       width: 100%;
       padding-top: 360px;
   }
   .row_bienvenido p {
       font-size: 15pt;
   }
   
   .row_bienvenido h1 {
       margin-bottom: 15px;
   }
   
   .manto {
       position: fixed;
       z-index: 5;
       width: 100%;
       bottom: 0;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.8);
       overflow: auto;
   }
   body.publicidad {
       overflow: hidden;
   }
   body.publicidad section {
       position: relative !important;
       margin-top: 0 !important;
       display: none !important;
   }
   .publication {
       padding: 60px 0px 0px 0px;
       position: relative;
   }
   .publication .btn {
       border-radius: 0px;
       padding: 5px 20px;
   }
   .publication .cerrar {
       cursor: pointer;
       position: absolute;
       top: 5%;
   }
   .formulario-max {
       max-width: 500px;
       position: relative;
       margin: auto;
   }
   .row.formulario-max .cerrar {
       right: 15px;
       top: 0;
       position: absolute;
       z-index: 3;
       font-family: Helvetica;
       font-size: 14pt;
   }
   .row_contenido {
       color: #a3c09e;
       background-image: -webkit-gradient(linear,left top, left bottom,from(#17a2b8),color-stop(#77b2b3),color-stop(white),to(white));
       background-image: -webkit-linear-gradient(#17a2b8,#77b2b3, #ffffff,white);
       background-image: -o-linear-gradient(#17a2b8,#77b2b3, #ffffff,white);
       background-image: linear-gradient(#17a2b8,#77b2b3, #ffffff,white);
       margin-top: -2px;
   }
   
   
   .imgParallax {
       background-image: -webkit-gradient(linear,   left top, left bottom,   from(#ffffff00),   color-stop(#00000000), color-stop(#17a2b8), to(#17a2b8));
       background-image: -webkit-linear-gradient(#ffffff00,   #00000000, #17a2b8, #17a2b8);
       background-image: -o-linear-gradient(#ffffff00,   #00000000, #17a2b8, #17a2b8);
       background-image: linear-gradient(#ffffff00,   #00000000, #17a2b8, #17a2b8);
       position:  relative;
   }
   .dateclic {
       background-color: #c2c2c2;
       color: #000;
       padding: 0px 8px;
       border: 0px;
       text-align: center;
       vertical-align: middle;
   }
   
   .dateclic span {
       margin-top: 9px;
   }
   .fondoAlerta {
    position: fixed;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#17a2b8),color-stop(#77b2b3),color-stop(white),to(white));
    background-image: -webkit-linear-gradient(#17a2b8,#77b2b3, #fff,#fff);
    background-image: -o-linear-gradient(#17a2b8,#77b2b3, #ffffff,white);
    background-image: linear-gradient(#17a2b8,#77b2b3, #fff,#fff);
    height: 100%;
    z-index: 3;
    width: 100%;
    padding: 50px 15px;
    font-size: 20px;
    text-align: center;
}

.salirmensaje a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
}

/*SISTEMA WEB*/
.www_sistema {
    color: #000;
}
.www_sistema header {
    position: relative;
    padding: 0;
    margin-bottom: 30px;
}
.www_sistema .form-control {
    border: 1px solid #3b6a75;
}
.menu_opciones_paciente {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu_opciones_paciente li {
    background-color: #e2e5dd;
    float: left;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #3b6a75;
}

.menu_opciones_paciente li a img {
    max-width: 40px;
    float: left;
    margin-right: 5px;
}
.menu_opciones_paciente li a {
    color: #3b6a75;
    line-height: 40px;
    padding: 5px 5px;
    display: block;
    height: 50px;
}
.menu_opciones_paciente li a i {
    background-color: #3b6a75;
    width: 20px;
    height: 20px;
    display: block;
    color: white;
    line-height: 10px;
    text-align: center;
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
    float: right;
    margin: 10px 5px;
}

.menu_opciones_paciente li a span {
    float: left;
    margin-left: 5px;
}
form#frmSave {
    background-color: #f8f9fa;
    border-radius: 15px;
}

.bloque_left {
    background-color: #e2e5dd;
    padding: 15px;
    height: 100%;
}

.bloque_right {padding: 15px 15px 15px 0px;}
.btn-consulta {
    position: relative;
}

.noti_number {
    position: absolute;
    background-color: #086a79;
    width: 18px;
    height: 18px;
    line-height: 8px;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
    font-size: 10px;
    top: -5px;
    right: -10px;
}

.dropdown-menu {
    display: block !important;
}
/*END SISTEMA WEB*/




   @media screen and (min-width: 0px) and (max-width: 767px) {
        .owl-carousel h2 {
           font-size: 11pt;
       }
   
       .logo {
           max-width: 240px;
           margin: 0px
       }
   
       header {
           padding: 10px 15px;
       }
   
       .align-items-sm-top {
               padding: 160px 0px 0px 0px;
       }
   
       .align-items-sm-top .container {
           padding: 0px;
       }
   
   
   
       .botones .hijos a {
       background-color: #ffffff;
       max-width: 220px !important;
       margin: 5px auto 0px auto;
       color: #a3c09e;
       border-color: #a3c09e;
       padding: 10px 15px;
   }
   .botones .hijos a:hover,.botones .hijos a:active {
        color: #a3c09e;
   }
   .rowcell{
       margin: 0px
   }
   
   .logo-cell {
       width: 195px;
       margin-left: -25px;
   }
   
   h2.owl-slide-animated {
       font-size: 10pt !important;
       line-height: 11pt !important;
       width: 120px !important;
   }
   
   .botones {
       bottom: 15px;
   }
   
   .row_bienvenido {
   }
   
   .row_bienvenido h1 {
       font-size: 23pt;
       margin-bottom: 15px;
   }
   
   .row_bienvenido p {
       font-size: 11pt;
   }
   
   .slider-texto {
           margin: -55px;
   
       padding: 0px 10px;
   }
   .owl-slide-text {
       width: 115px;
       float: right;
       margin-top: -82px;
       margin-right: -15px;
   }
   .form-control {
       border-radius: 0px;
       border: 0px;
   }
   
   .form-group {
       margin-bottom: 8px;
   }
   
   .container {
       padding: 0px 20px;
   }
   .botones .hijos a i {
       background-image: url(http://evoluteeth.com/img/btnPrincipal.png);
       right: 9px;
       top: 11px;
       background-size: 8px;
   }
   .publication {
       padding: 20px;
   }
   .view_pc{display: none;}
   .view_cell{display: block;}
   
   
   }