/*Backgroound gray*/

.path-medicamentos-otc .region-content {}

.path-medicamentos-otc .main-container {
    width: 100%;
}

.path-medicamentos-otc .view-medicamentos-otc {
    margin: 0 auto;
    max-width: 1170px;
    padding-top: 35px;
    padding-bottom: 40px;
}

.path-medicamentos-otc .views-element-container {
    background-color: #F6F6F6;
    padding-top: 20px;
}

.path-medicamentos-otc .views-element-container::before {
    content: "Productos destacados";
    text-transform: uppercase;
    text-align: center;
    margin-top: -80px;
    width: 100%;
    display: block;
    padding-bottom: 40px;
    font-size: 24px;
}

.path-medicamentos-otc .col-sm-12 {
    padding-right: 0;
    padding-left: 0;
}


/*End Backgroound gray*/

.path-medicamentos-otc .node-readmore a,
.medicamentos-otc .node-readmore a {
    background-image: url(/../../../../sites/default/files/icons/sec-medicamentos.svg);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 38px;
    padding-left: 70px;
}

.path-medicamentos-otc .node-readmore a:hover,
.medicamentos-otc .node-readmore a:hover {
    background-image: url(/../../../../sites/default/files/icons/sec-medicamentos-over.svg);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 38px;
    padding-left: 70px;
}


/*Título*/

.path-taxonomy.medicamentos-otc h1.page-header {
    background-image: url(/../../../../sites/default/files/icons/icon-medicamentos.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 44px;
    padding-left: 70px;
}


/*Bloque Menus*/

.medicamentos-sin-receta #block-menumedicamentossinrecetaotc-2,
.complementos-alimenticios #block-menumedicamentossinrecetaotc-2,
.productos-sanitarios #block-menumedicamentossinrecetaotc-2 {
    margin-left: 0%;
    border: 0px solid #AFCB37;
}

#block-menusproductos {
    max-width: 1170px;
    margin: 25px auto 60px;
    display: flex;
    flex-wrap: wrap;
    min-height: 300px;
}

#block-menumedicamentosconreceta,
#block-menumedicamentossinrecetaotc,
#block-menumedicamentosconreceta-2,
#block-menumedicamentossinrecetaotc-2 {
    max-width: 49%;
    flex: 0 0 49%;
    display: flex;
    flex-direction: column;
    height: 200px;
}

#block-menumedicamentosconreceta,
#block-menumedicamentosconreceta-2 {
    margin-right: 1%;
    border: 1px solid #AFCB37;
}

#block-menumedicamentossinrecetaotc,
#block-menumedicamentossinrecetaotc-2 {
    margin-left: 1%;
    border: 1px solid #AFCB37;
}

#block-menumedicamentosconreceta h2,
#block-menumedicamentosconreceta-2 h2 {
    background-image: url(/../../../../sites/default/files/icons/medicamentos-con-receta.svg);
    background-repeat: no-repeat;
    background-position: 15px 0;
    background-size: 55px;
    padding-left: 75px;
}

#block-menumedicamentossinrecetaotc h2,
#block-menumedicamentossinrecetaotc-2 h2 {
    background-image: url(/../../../../sites/default/files/icons/medicamentos-sin-receta.svg);
    background-repeat: no-repeat;
    background-position: 15px 0;
    background-size: 55px;
    padding-left: 75px;
}

#block-menumedicamentosconreceta h2::after,
#block-menumedicamentosconreceta-2 h2::after {
    content: "Medicamento sujeto a prescripción médica";
    text-transform: none;
    float: left;
    width: 100%;
    font-size: 16px;
    padding-top: 10px;
    height: 40px;
}

#block-menumedicamentossinrecetaotc h2::after,
#block-menumedicamentossinrecetaotc-2 h2::after {
    content: "Medicamento que se puede comprar sin una receta médica";
    text-transform: none;
    float: left;
    width: 100%;
    font-size: 16px;
    padding-top: 10px;
    height: 40px;
}

#block-menusproductos li {
    padding: 0 10px;
}

#block-menusproductos section ul li a,
#block-menusproductos nav ul li a {
    background: #AFCB37;
    color: #fff;
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    border: 1px solid #AFCB37;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 20px;
}

#block-menusproductos section li a:hover,
#block-menusproductos section li a.is-active,
#block-menusproductos nav ul li a:hover,
#block-menusproductos nav ul li a.is-active {
    background: #fff;
    color: #AFCB37;
}

#superfish-menu-medicamentos-con-receta,
#superfish-menu-medicamnetos-sin-receta-otc,
#block-menumedicamentosconreceta-2 ul.nav,
#block-menumedicamentossinrecetaotc-2 ul.nav {
    display: flex;
    margin-bottom: -50px;
}


/*Reducir menu*/

.path-taxonomy.medicamentos-otc .main-container .region-header {
    height: 200px;
}

.path-taxonomy.medicamentos-otc #block-menusproductos {
    max-width: 1170px;
    margin: -100px auto 20px;
    display: flex;
    flex-wrap: wrap;
    min-height: 100px;
    justify-content: center;
}

.path-taxonomy.medicamentos-otc #block-menusproductos h2 {
    display: none;
}

.path-taxonomy.medicamentos-otc #block-menumedicamentossinrecetaotc {
    margin-left: 0%;
    border: 0px solid #AFCB37;
}


/*Btn Medicamnetos*/

#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-contentcd148a16-0c21-4e60-a685-522ec80b9441 a,
#block-menusproductos a.medicamentos {
    background-image: url(/../../../../sites/default/files/icons/sec-medicamentos.svg);
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 62px;
    padding-top: 73px;
}

#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-contentcd148a16-0c21-4e60-a685-522ec80b9441 a:hover,
#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-contentcd148a16-0c21-4e60-a685-522ec80b9441 a.is-active,
#block-menusproductos a:hover.medicamentos,
#block-menusproductos a.medicamentos.is-active {
    background-image: url(/../../../../sites/default/files/icons/sec-medicamentos-over.svg);
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 62px;
    padding-top: 73px;
}


/*Btn complemtos*/

#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-contentf57b979f-0019-4df7-a127-45dd2bb45ec4 a,
#block-menusproductos a.complementos {
    background-image: url(/../../../../sites/default/files/icons/sec-complementos-alimenticios.svg);
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 60px;
    padding-top: 85px;
}

#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-contentf57b979f-0019-4df7-a127-45dd2bb45ec4 a:hover,
#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-contentf57b979f-0019-4df7-a127-45dd2bb45ec4 a.is-active,
#block-menusproductos a:hover.complementos,
#block-menusproductos a.is-active.complementos {
    background-image: url(/../../../../sites/default/files/icons/sec-complementos-alimenticios-over.svg);
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 60px;
    padding-top: 85px;
}


/*Btn productos Sanitarios*/

#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-content6016abce-fd72-4e5c-924e-e880f8c8d623 a,
#block-menusproductos a.sanitarios {
    background-image: url(/../../../../sites/default/files/icons/sec-productos-sanitarios.svg);
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 60px;
    padding-top: 85px;
}

#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-content6016abce-fd72-4e5c-924e-e880f8c8d623 a:hover,
#block-menusproductos #menu-medicamnetos-sin-receta-otc-menu-link-content6016abce-fd72-4e5c-924e-e880f8c8d623 a.is-active,
#block-menusproductos a:hover.sanitarios,
#block-menusproductos a.is-active.sanitarios {
    background-image: url(/../../../../sites/default/files/icons/sec-productos-sanitarios-over.svg);
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 60px;
    padding-top: 85px;
}


/*Vista listado*/

.path-medicamentos-otc .tv-medicamentootc .panel-default,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-default {
    display: flex;
    position: relative;
}

.path-medicamentos-otc .views-row:nth-child(2n) .panel-default,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li:nth-child(2n) .panel-default {
    flex-direction: row-reverse;
}

.path-medicamentos-otc .tv-medicamentootc .panel-body,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-body {
    background-color: #fff;
    padding-left: 30%;
    padding-right: 45px;
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100% !important;
    width: 100% !important;
}

.path-medicamentos-otc .views-row:nth-child(2n) .panel-body,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li:nth-child(2n) .panel-body {
    background-color: #fff;
    padding-left: 45px;
    padding-right: 30%;
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}

.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .links {
    margin-bottom: -25px;
}

.path-medicamentos-otc .tv-medicamentootc .panel-heading,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-heading {
    z-index: 9;
    max-width: 25%;
    padding-left: 30px;
}

.path-medicamentos-otc .views-row:nth-child(2n) .panel-heading,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li:nth-child(2n) .panel-heading {
    padding-left: 0px;
    padding-right: 30px;
}

.path-medicamentos-otc .tv-medicamentoot .views-row:nth-child(2n) .panel-default,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li:nth-child(2n) .panel-default {
    flex-direction: row-reverse;
}

.path-medicamentos-otc .view-medicamentos-otc .views-row,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li {
    margin-bottom: 35px;
}

.view-medicamentos-otc .field--name-field-indicacion-otc,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .field--name-field-indicacion-otc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.view-medicamentos-otc .statistics-counter {
    display: none;
}

.view-medicamentos-otc .summary-teaser-post,
.path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .summary-teaser-post {
    padding-bottom: 0;
}


/*End Vista listado*/