body { font-size: 15px; }
* { font-family: 'Lato', sans-serif; }
p { font-size: 16px; line-height: 24px; }
ul li { line-height: 20px; list-style-type: square; font-size: 16px; }
ol li { margin-bottom: 10px !important; font-size: 16px; padding-left: 5px; }
h1,h2,h3,h4,h5 { font-family: 'Roboto Condensed', sans-serif !important; margin-bottom: 12px; color: #6c6b6b; }
h1 { font-size: 32px; font-weight: 700;   }
h2 { font-size: 28px; font-weight: 700;   }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }

h1.link:hover,h2.link:hover,h3.link:hover,h4.link:hover,h5.link:hover { color: #7c7b7b; }

.link-emulado, .link-emulado:visited, a, a:visited { cursor: pointer; color: #009bff; text-decoration: none; }
.link-emulado:hover, a:hover { color: #0079ff; }

ul.square {list-style-type: square !important; }
.glide__slide { list-style-type: none !important; }

.p-gris { color: grey; }
.title-h2 { font-family: 'Roboto Condensed' !important; color: #6c6b6b !important; font-size: 30px !important; }
.title-h3 { font-family: 'Roboto Condensed' !important; color: #6c6b6b !important; font-size: 20px !important; }
.title-h2-fondo-azul { font-family: 'Roboto Condensed'; color: white; background-color: #00b3cc; font-size: 30px; padding: 10px; }
.title-h2-fondo-azul-oscuro { font-family: 'Roboto Condensed'; color: white; background-color: #34495e; font-size: 30px; padding: 10px; }
.title-h2-fondo-gris { font-family: 'Roboto Condensed'; color: white; background-color: #bdc3c7; font-size: 30px; padding: 10px; }
.boton-amarillo { background-color: #FAAB22 !important; color: white !important; letter-spacing: 1px; }
.boton-amarillo:hover { background-color: #FAB741 !important; }
.boton-gris { background-color: #e0e1e2 !important; color: #434344 !important; letter-spacing: 1px; }
.boton-gris:hover { background-color: #cececf !important; }
.ui.azul.buttons .button, .ui.azul.button {   background-color: #518CA3; color: white; }
.ui.azul.buttons .button:hover, .ui.azul.button:hover { background-color: #4B8297; }
.ui.azul.buttons .button:focus, .ui.azul.button:focus { background-color: #4B8297; }
.ui.azul.buttons .button:active, .ui.azul.button:active { background-color: #427386; }
.ui.azul.buttons .active.button, .ui.azul.buttons .active.button:active, .ui.azul.active.button, .ui.azul.button .active.button:active { background-color: #427386; }

.ui.basic.azul-claro.button { box-shadow: 0px 0px 0px 1px #00b3cc inset ; color: #00b3cc !important; background: transparent none !important; }
.ui.basic.azul-claro.button:focus, .ui.basic.azul-claro.button:hover { box-shadow: 0px 0px 0px 1px #00a4ba inset !important; color: #00a4ba !important; }

.ui.dimmer.modals { z-index: 99999 !important; }

.roboto-cond { font-family: 'Roboto Condensed', sans-serif  !important; font-weight: 400  !important;}
.roboto-cond-light { font-family: 'Roboto Condensed', sans-serif !important; font-weight: 300  !important; }
.roboto-cond-bold { font-family: 'Roboto Condensed', sans-serif  !important; font-weight: 700  !important; }
.lato { font-family: 'Lato', sans-serif; }

.title-fondo-blanco { border: 1px solid lightgrey; display: inline-block; font-size: 30px; padding: 20px; background-color: white; color: #6c6b6b; font-weight: 300;  }
.title-fondo-azul-menu { border: 1px solid lightgrey; display: inline-block; font-size: 30px; padding: 20px; background-color: #00b3cc; color: white; font-weight: 300;  }
.title-fondo-azul-oscuro { border: 1px solid lightgrey; display: inline-block; font-size: 30px; padding: 20px; background-color: #34495e; color: white; font-weight: 300;  }

.titulo-banda { font-family: 'Roboto Condensed'; font-weight: 300; font-size: 40px; line-height: 50px; }

.fondo-blanco { background-color: white !important; }
.fondo-gris { background-color: #E8ECEF !important; }
.fondo-gris-claro { background-color: #ecf0f1 !important; }
.fondo-azul-claro { background-color: #d5e3f1 !important; }
.fondo-azul { background-color: #d5e3f1 !important; }
.fondo-azul-intenso { background-color: #65cccc !important; }
.fondo-azul-oscuro { background-color: #528099 !important; }
.fondo-azul-medio { background-color: #83B8DB !important; }
.fondo-azul-dark { background-color: #34495e !important; }
.fondo-turquesa { background-color: #1abc9c !important; }
.fondo-rojo { background-color: #d96a63  !important; }
.color-blanco { color: white !important; }
.color-gris { color: #bdc3c7 !important; }
.color-gris-claro { color: #ecf0f1 !important; }
.color-asfalto { color: #34495e !important; }
.color-gris-oscuro { color: #6c6b6b !important; }	
.color-gris-asbestos { color: #7f8c8d !important; }
.color-rojo { color: #e74c3c; }
.color-naranja { color: #fdc058; }


/* HEADER */
.header-menu-wrap { z-index: 9999 !important; }
.header-menu-wrap .menu { z-index: 99999 !important; }
.header-menu {  height: 60px !important; }
.menu-popup-servicios { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; 
                        border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;
                        width: 450px !important;
                        color: grey !important; overflow: hidden; 
}
.menu-popup-servicios .submenu-header { border-bottom: 1px solid #EBEBEB;  padding: 10px; color: #17a2b8; font-weight: 400; font-family: 'Roboto Condensed'; font-size: 18px; -moz-user-select: none; user-select: none; -ms-user-select: none; }
.menu-popup-servicios.gris { background-color: #ebf0f2 !important; }
.link-submenu .item { color: #353535 !important; border-bottom: 1px solid #ebf0f2 !important; }
.link-submenu .item:hover { background-color: #ebf0f2 !important; border-radius: 5px; }
.header-menu-visible .item { font-size: 15px; letter-spacing: 0.5px; font-family: "Lato", "Helvetica", sans-serif; }
.header-menu-visible .item.activo {  background-color: #26bdd2 !important; }
.check-header { color: #1bcca9; font-size: 40px !important; }
.bg-azul-menu { background-color: #00b3cc !important; }
.header-menubar { height: 60px !important; background-color: #fdc058 !important; font-weight: bold !important;  }
.header-menubar:hover { background-color: #fdcf58 !important; }
.header-menubar i { transition: all .2s ease-in-out; }
.header-menubar:hover i { -webkit-transform:scale(1.4);transform:scale(1.4); }
.mobile-menu { background-color: #528099; position: absolute; z-index: 99999; width: 100%; top: 60px !important;  }
.mobile-menu .lk { display: block; padding: 10px 25px; color: #ecf0f1;font-family: "Lato", sans-serif; font-weight: 300; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.mobile-menu .lk:hover { background-color: #6197b4; color: white;  }
.mobile-menu .lk.title { background-color: #34495e; color: white; border-bottom: 0px solid #639bb9; }
.mobile-menu .mm-servicios-wrap { background-color: #5c90ac;  } 
.mobile-menu .mm-servicios-wrap .lk:hover:not(.title) { background-color: #6197b4 !important; }
.header-profesionalidad { font-size: 16px !important; color: #95a5a6 !important; }
.search-global, .search-global-desktop { border-radius: 20px !important; border: 0px solid transparent !important; background-color: #dfe6e9 !important; }
.ui.menu .ui.dropdown .menu>.item.search-suggested-items { padding: 0px !important; }
.ui.menu .ui.dropdown .menu>.item.search-suggested-items:hover { background-color: white !important; }
.ui.menu .ui.dropdown .menu>.item.search-suggested-items .item {  white-space : normal !important; border-bottom: 1px solid #f1f1f1; }
.menu-busqueda-movil { width: 300px; }
.ui.dropdown>.left.menu.menu-busqueda-movil { right: -100px !important; }

/* MENU SERVICIOS */
.vertical-tabs:before {  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -1px; z-index: 1; border-left: 1px solid lightgrey; }
.vertical-tabs:after { content: ""; display: table; clear: both; }
.vertical-tabs { position: relative; margin-left: 200px; background-color: white; }
.tabs { position: relative; float: left; width: 200px; padding-left: 0; margin-top: 0px; margin-bottom: 0px; margin-left: -200px; background-color: #ebf0f2; padding: 15px 0px; }
.tabs li { position: relative; list-style: none; }
.tabs li:after { content: ""; display: table; clear: both; }
.tabs li div {
    position: relative; display: block; width: 100%; text-decoration: none; text-align: left; background-color: #ebf0f2; border: 1px solid transparent;
    color: #00b1ca !important;  display: block; padding: 20px 20px 20px 30px; cursor: pointer; margin: 0px; border-right: 1px solid lightgrey;
}
.tabs li.activo div { z-index: 2; border: 1px solid lightgrey; border-right: 1px solid white; border-left: 1px solid transparent; background-color: white; }
.tabs-content .content {  display: none;  padding: 10px; }
.tabs-content .content.activo {  display: block; }
.tabs-content .content a {  z-index: 2 !important;  }
.tabs-divwrap { height: 100px; z-index: 3; cursor: pointer; }
.tabs-divwrap.item:hover { background-color: #ebf0f2 ;  }
.tabs-divleft { display: inline-block; width: 25%; }
.tabs-divright { display: inline-block; width: 75%; height: 80px; margin: 0px; white-space: pre-wrap; padding: 0px 0px 0px 20px; }
.tabs-divright p { color: #b0b6b9; }

/* BUSCADOR */
.search-result-wrap { margin-bottom: 25px; max-width: 750px;  }
.search-result-wrap a { font-size: 18px; }
.search-result-wrap img { height: 80px; width: 90px; margin-right: 20px; object-fit: cover; margin-bottom: 20px; }

/* LOGOTIPO */
.logopq { max-width: 220px !important; margin-top: 10px; }

/* FOOTER */
.ui.inverted.segment.footer {  background-color: #323946; }
.ui.inverted.segment.footer-nosotros { background-color: #394150; border-radius: 2px; padding: 20px; }
.footerlinks .item, .footerlinks a.item  { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); line-height: 20px !important; }
.footer-plus-links i { float: right; }
.subfooter { background-color: #282e3a; padding: 20px; color: #434c5b; }
.subfooter .logo { height: 15px; margin-right: 0px; vertical-align: -3px; }
.subfooter .header { color: #434c5b; }
.subfooter .techicons { display: inline-block; vertical-align: 0px; margin-left: 10px; margin-top: 10px; }
.subfooter .techicons  img:first-child { height: 34px; }
.subfooter .techicons  img:last-child  { height: 39px; vertical-align: -3px; }
.subfooter .techicons  a { color: #229dd1; }
.subfooter .techicons  a:hover { color: #23a9de; }
.psiquion-link { color: #8697B5; }
.psiquion-link:hover { color: #A5BBDF; }
.footer-blue-icon { color: #229dd1; font-size: 18px !important; margin-right: 10px !important; }
.footer-desc { max-width: 370px; }


/* ICONO GO TO TOP */ 
#plat_icon_top { margin: 0; margin-right: 7px; margin-bottom: 25px; padding: 0; background-color: transparent; z-index: 100; bottom:0; right: 0; }
#plat_icon_top a { color: white; text-decoration: none; outline: none; }
#plat_icon_top_inner { width: 60px; margin: 0 auto; height: 36px; line-height: 36px; }

/* PAGE 404 */
.fondo-verde-claro { background-color: #16A085 !important; }
.div404wrap { background-color: white;  color: #222222; width: 400px; margin: 0 auto; margin-top: 150px; padding: 40px; font-size: 25px; border-radius: 10px; }
.err404brand { font-size: 80px; color: #222222; }

/* BREADCRUMB */

.breadcrumbs {
    padding: 0 1.7em 0 0 !important;
    border: 1px solid #ddd;
    background: #F8F8F8;
    line-height: 2.5em;
    height: 2.5em;
    overflow: hidden;
    margin-bottom: 40px;
    font-size: .8em;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;    
    position: relative; }

.breadcrumbs a,
.breadcrumbs .label,
.breadcrumbs .current {
    color: #00b3cc;
    display: block;
    float: left; }


.breadcrumbs .label {
    padding-left: 1em;
    padding-right: 1em;
    margin-right: 1em;
    color: #959595;
    background: #fff;
    height: 2.5em;
    line-height: 1.5em;
    border-right: 1px solid #CDCDCD;
}

.breadcrumbs a.home {
    background: transparent url(../img/breadcrumb-home.png) no-repeat left center;
    width: 16px;
    margin-left: 10px;
    height: 2.5em; }

.breadcrumbs a.home:hover {
    background-position: right center; }

.breadcrumbs .sep {
    display: block;
    float: left;
    padding-left: 1.6em;
    padding-right: 0.7em;
    background: transparent url(../img/breadcrumbs_sep.png) no-repeat center center;
    height: 2.5em; }


/* PORTADA */
.portada-cabecera-wrap.webp { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0)), url(../img/psiquion_slider4.webp) no-repeat center; background-size: cover !important; height: 700px; position: relative; top: 0px; width: 100%; }
.portada-cabecera-wrap.no-webp { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0)), url(../img/psiquion_slider4.jpg) no-repeat center; background-size: cover !important; height: 700px; position: relative; top: 0px; width: 100%; }
.portada-cabecera-text h1 { font-size: 42px; margin-top: 80px; }
.portada-cabecera-text p { font-size: 30px; margin-bottom: 80px; }
.portada-cabecera-wrap .button { font-size: 1.42rem; letter-spacing: .5px; }
.portada-cabecera-wrap .button i { padding-right: 25px !important; }
.portada-cabecera-wrap .button.terapia { background-color: #74b9ff; color: white; }
.portada-cabecera-wrap .button.terapia:hover { filter: brightness( 90%); }

.menutab-wrap .tab { height: 390px !important; }
.menutab-portada .item.active {border-bottom-color: #00B5AD !important;  }
.titulo-blueborder { border-left: 6px solid #74b9ff; padding-left: 21px; margin-bottom: 40px; }
.titulo-blueborder p { font-family: 'Roboto Condensed', sans-serif !important; margin-bottom: 12px; font-size: 24px; font-weight: 700; margin-top: 0px; color: #74b9ff; }
.titulo-blueborder p.uncolored { color: #6c6b6b; }
.titulo-blueborder .azul { color: #74b9ff; }
.portada-terapia a:hover i { color: #00b3cc !important; }

.portada-empezar-terapia { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important;  }
.portada-empezar-terapia .numero { color: white; padding: 6px 10px; font-size: 20px; font-weight: 700; margin-right: 25px; }
.portada-empezar-terapia .numero.amarillo { background-color: #f7b34c; }
.portada-empezar-terapia .numero.azul { background-color: #74b9ff; }
.portada-empezar-terapia .numero.rojo { background-color: #ff7675; }
.portada-empezar-terapia .numero.verde { background-color: #00cec9; }

/* PORTADA - ULTIMOS ARTICULOS BLOG */
.portada-blog-info { position: relative; }
.portada-blog-info h2 { color: #abc2ca; font-weight: 700; margin-bottom: 20px; font-size: 16px; }
.portada-blog-info .contenido { margin-bottom: 20px; }
.portada-blog-info .subtitulo { color: #6c6b6b; }
.portada-blog-info a { color: #6c6b6b; font-weight: 700; }
.portada-blog-info a:hover { color: #828181; }
.portada-blog-info a:hover i { color: #00b3cc !important; }
.portada-blog-info i { transition: all 0.3s ease; }
.portada-blog-wrap {  }
.portada-blog-wrap img { width: 100%; max-height: 200px; height: 200px; object-fit: cover; transition: all 1s ease; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.portada-blog-wrap a:hover * { color: #828181; }
.portada-blog-wrap .contenido { background-color: white; padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.portada-blog-wrap .fecha { color: #8d99a3; font-size: 14px; font-weight: 300; text-transform: uppercase; margin-top: 10px; }
.portada-blog-wrap .fecha i { color: #00b3cc; }


.portada-blog h2 { font-size: 20px; text-align: left; margin-top: 10px; margin-bottom: 10px; }
.portada-blog img { border: 2px solid #E8ECEF; object-fit: cover; min-height: 200px; transition: all 1s ease; }
.portada-posttitle { font-size: 20px !important;  text-align: center !important; }
.portada-posttitle:hover { color: #7f7e7e !important;  }
.portada-pasos td { padding: 5px; padding-bottom: 15px; }

.mini-widget-subscripcion .capa-privacidad { padding: 0px  !important; border: 0px dashed grey !important; margin: 0px  !important;   }
.mini-widget-subscripcion .capa-privacidad p { font-size: 12px; margin-bottom: 10px; }
.mini-widget-subscripcion .capa-privacidad ul { margin-left: -15px !important; } 
.mini-widget-subscripcion .capa-privacidad li { font-size: 14px; margin-bottom: 15px; list-style-type:square; }
.mini-widget-subscripcion .capa-privacidad strong { color: #ffbdbd !important; vertical-align: 0px !important; text-decoration: underline; }
.mini-widget-subscripcion .capa-privacidad a { color: #ffbdbd !important; }
.mini-widget-subscripcion .capa-privacidad i { color: white !important; }
.mini-widget-subscripcion .capa-privacidad-titulo strong { color: white !important; font-size: 12px; vertical-align: -5px !important; padding-left: 10px; text-decoration: none; }
.mini-widget-subscripcion #anotheremail { position: absolute; left: -5000px; }

/* ACCESO */
.logoblanco { padding-top: 10px; }
.grisclarito { color: lightgrey; margin: 0px 5px; }

/* PSICOLOGOS - BUSCADOR */ 
.busc-fondo { background-color: #018196; }
.busc-fondo.webp { background: url(../img/fondo-buscador.webp) repeat-x ; max-width: 100%; }
.busc-fondo.no-webp { background: url(../img/fondo-buscador.jpg) repeat-x; max-width: 100%; }
.busc-filtros-wrap { background-color: transparent; max-width: 800px; padding: 0px; border-radius: 4px; }
.busc-filtros-wrap label { color: white !important; font-weight: 300 !important; font-size: 15px !important;}
.busc-filtros-wrap h1, .busc-filtros-wrap h2 { color: #dfe6e9; padding: 16px; padding-bottom: 0px; margin-bottom: 0px; font-weight: 400;  }
.busc-filtros-wrap .ui.selection.dropdown { border: 0px solid #bdc3c7 !important; }
.busc-filtros-wrap input[type="text"] { border: 0px solid #bdc3c7 !important;  }
.filtro-av { z-index: 1 !important; }

.pager { 
    display: inline-block; border-radius: 50%; padding: 9px 4px 6px 4px; border: 1px solid #d4dade; margin: 2px; font-size: 17px;
    background-color: #F0F0F0; width: 40px; height: 40px; vertical-align: middle; text-align: center; cursor: pointer; margin-bottom: 50px; color: #5c6873;
    -moz-user-select: none; user-select: none; -ms-user-select: none;
}
.pager:hover:not(.pager_sel) { background-image: none; background-color: #32c5d2; color: white; }
.pager_sel { background-image: none; background-color: #00b3cc; color: white; font-weight: 400; }

.ficha-wrap { max-width: 900px; padding: 10px; }
.ficha { margin-bottom: 30px; padding-bottom: 10px !important; }
.ficha-foto { max-height: 300px !important; object-fit: cover; height: 191px !important; }
.ficha-resumen { margin-bottom: 15px; color: #545A5C; margin-top: 5px; }
.ficha-content h4 { color:  #4B4B4B; }
.ficha .orientacion, .ficha .especialidad { margin-bottom: 5px; margin-right: 5px;}
.ficha .orientacion2 { background-color: #1abc9c; color: white; }
.ficha .especialidad { background-color: #89C1E6;  }
.ficha .ui.label.especialidad:hover { background-color: #75B9E6; color: white; }
.ficha .address-icon { color: #585F68; font-size: 25px; margin-left: -8px !important }
.ficha .ui.ribbon {  background-color: #e86c5c !important; padding: 10px !important; margin-bottom: 0px; }
.ficha-icono-no-resultados { color: #E99D1E; margin-top: 60px !important; height: 60px !important; font-size: 80px !important; }
.ficha-precio { padding: 10px 15px 10px 20px; margin: -20px -26px 10px 10px;  background-color: #1abc9c; font-weight: bold; letter-spacing: -0.5px; border-radius: 0px; color: white; 
                display: inline-block; font-size: 16px; float: right; border-top-left-radius: 25px; border-bottom-left-radius: 25px; }

/* FICHA PSICOLOGO */
.ficha-psicologo { max-width: 1127px; margin: 0 auto; }
.ficha-psicologo .perfil-foto { object-fit: cover; height: 230px !important; border-radius: 5px; margin-bottom: 10px;  }

.ficha-psicologo p { font-size: 16px; margin-bottom: 20px; }
.ficha-psicologo * { font-family: 'Lato', sans-serif; }
.ficha-psicologo ul li { line-height: 25px; list-style-type: square; font-size: 16px; }
.ficha-psicologo ol li { margin-bottom: 10px !important; font-size: 16px; padding-left: 5px; }
.ficha-psicologo h1, .ficha-psicologo h2, .ficha-psicologo h3, .ficha-psicologo h4, .ficha-psicologo h5 { 
    font-family: 'Roboto Condensed', sans-serif !important; margin-bottom: 12px; color: #6c6b6b; 
}
.ficha-psicologo h1 { font-size: 32px; font-weight: 700;   }
.ficha-psicologo h2 { font-size: 28px; font-weight: 700;   }
.ficha-psicologo h3 { font-size: 22px; }
.ficha-psicologo h4 { font-size: 18px; }
.ficha-psicologo h5 { font-size: 16px; }


.ficha-psicologo .menu-ficha-psico .active.item { border-color: #00B3CC !important;   }

.ficha-psicologo .perfil-desc table {     border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; }
.ficha-psicologo .perfil-desc table td { padding: 10px; border: 1px solid #ecf0f1; }

.ficha-psicologo .orientacion, .ficha-psicologo .especialidad, .ficha-psicologo .titulacion, .ficha-psicologo .idiomas { margin-bottom: 5px; margin-right: 5px;  }
.ficha-psicologo .titulacion { background-color: #F1C146; color: white; }
.ficha-psicologo .idiomas { background-color: #48B5B0; color: white; }
.perfil-desc { background-color: white; padding: 20px; padding-bottom: 0px; margin-bottom: 0px; position: relative; }
.perfil-desc-header { background-color: #8C96A4; color: white; padding: 19px 15px; text-transform: uppercase;  min-height: 60px; font-size: 20px; text-align: left; margin: -20px -20px 40px -20px; }
.perfil-desc-header i { font-size: 20px; margin-right: 8px; }
.perfil-social { text-align: right; }
.perfil-social a { text-decoration: none; outline: none; }
.perfil-social i { margin-left: 0px; font-size: 28px; }
.perfil-block { background-color: white; padding-bottom: 30px !important; margin-bottom: 30px !important; position: relative; }
.perfil-block-header { background-color: #8C96A4; color: white; padding: 19px 15px; text-transform: uppercase;  min-height: 60px; font-size: 20px; text-align: left; margin: -15px -15px 30px -15px;  }
.perfil-block-header i { font-size: 20px; margin-right: 8px; }
.perfil-tag { padding: 5px; border: 1px solid lightgrey; border-radius: 9px; display: inline-block; margin-right: 5px; text-align: left; margin-bottom: 5px; font-size: 12px; background-color: #F5F5F5; }

.perfil-block-header.naranja { background-color: #FF934D; }
.perfil-block-header.rojo { background-color: #F77284; }
.perfil-block-header.verde { background-color: #16A085;  }

.ficha-lista-caracteristicas li {  list-style: square !important; }

.area-msg {  height: 152px ; resize: none !important; }
.ficha-psicologo #mapa { height: 300px; width: 100%; }

.ficha-psicologo .bxslider { margin: 0px !important; padding: 0px !important; }
.ficha-psicologo .articulos { width: 100%; overflow:hidden;margin-bottom:30px;padding-bottom:25px; border-bottom: 0px solid transparent;}
.ficha-psicologo .articulos h3 { text-align: left; color: #3F434A !important;  }
.ficha-psicologo .articulos h3:hover { color: #555A64 !important;  }
.ficha-psicologo .articulos img { width: 100px !important; } 
.ficha-psicologo .articulos p { font-size: 14px; text-align: justify; }

.ficha-psicologo .consultas { margin-top: 0px !important;  }
.ficha-psicologo .consultas td { padding: 10px !important; }
.ficha-psicologo .bonos { margin-top: -20px !important; }
.ficha-psicologo .bonos td { padding: 10px !important; }
.ficha-psicologo .perfil-promo { max-height: 24px; height: 20px; margin-top: -5px; margin-left: 4px; cursor: pointer; }
.ficha-psicologo .perfil-nombre-servicio {   white-space: nowrap; vertical-align: baseline;  text-align: left; font-size: 16px; }
.ficha-psicologo .perfil-precio { border-radius: 10%; background-color: #a5b1c2; color: white; margin-right: 5px; padding: 6px; display: inline-block;  }
.ficha-psicologo .perfil-precio-bono { border-radius: 10%; background-color: #a5b1c2; color: white; margin-right: 5px; padding: 6px; display: inline-block;  }

.ficha-lista-info { display: inline-block; }
.ficha-img-articulos { max-height: 50px !important; }
.suggest-mail, .suggest-mail-prof { text-align: right; font-size: 13px; max-width: 400px; margin-top: 10px; }
.suggest-mail-text, .suggest-mail-text-prof { font-weight: bold; color: #c0392b; cursor: pointer; font-size: 14px; margin-left: 5px; }

.masleidos { padding: 0px; margin-bottom: 5px; border-bottom: 1px dotted lightgrey; text-align: left; min-height: 110px; padding-top: 10px; padding-bottom: 10px;}
.masleidos-img-wrap { overflow: hidden; width: 105px; height: 85px; float: left; margin-right: 25px; margin-left: 10px; }
.masleidos img { width: 105px; height: 85px; float: left; margin-right: 25px; margin-bottom: 5px; border-radius: 0px; object-fit: cover; transition:all .5s ease-in-out; }
.masleidos img:hover { opacity:0.9; -webkit-transform:scale(1.05);transform:scale(1.15); }
.masleidos:last-child { border-bottom: 0px dotted lightgrey; margin-bottom: 0px; }
.masleidos h3 {  color: #6c6b6b; font-size: 18px;  vertical-align: middle; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; line-height: 27.1428px !important; }
.masleidos h3:hover { color: #32c5d2; }

/* FRONT END GENERAL */

.header-divider { border-bottom: 2px solid grey; }
.header-divider-blanco { border-bottom: 2px solid white; }

.float-img-right { float: right; margin-right: 0em; margin-bottom: 1em; margin-left: 1em; }
.float-img-left  { float: left; margin-right: 1em; margin-bottom: 1em; }

.marco-azul { border: 2px solid #83B8DB; border-radius: 4px; }
.marco-azul-important { border: 2px solid #83B8DB !important; border-radius: 4px !important; }

/* COMO FUNCIONA / PRIMEROS PASOS */
.prim-pasos-h1 { color: white; font-size: 26px; margin-bottom: 0px; color: white !important; line-height: 34px; }
.prim-pasos-wrap { background-color: white; display: inline-block; padding: 20px; border-radius: 10px; max-width: 700px; margin-top: 30px; text-align: left; position: relative; }
.prim-pasos-wrap h2 { font-size: 20px; }
.prim-pasos-wrap-num { position: absolute; top: 40%; left: 15px; color: #bdc3c7; font-family: 'Roboto Condensed';  font-size: 160px; opacity: 0.4; }
.prim-pasos-wrap img { width: 100px !important; }
.prim-pasos-texto { margin-left: 100px; }

/* SERVICIOS ONLINE */

.article-serv-online p { color: rgba(0, 0, 0, 0.7); }
.article-serv-online header { background-color: #19BC9C; font-size: 20px; text-transform: uppercase; color: white; padding: 15px 15px 15px 25px; }
.article-serv-online .imgtop { float: left; width: 200px; margin-right: 15px; }
.article-serv-online .img-paso { margin-right: 20px; width: 35px; }
.article-serv-online .link-buscador { text-transform: uppercase; font-size: 12px; font-weight: bold; letter-spacing: 0px; }
.article-serv-online .lista-feats i { color: #19BC9C; }
.article-serv-online .lista-feats.profesionales { padding: 10px 0px 0px 15px; list-style:  none; color: rgba(0, 0, 0, 0.87); }
.article-serv-online .img-screenshot { float: right; margin: 20px 0px 10px 15px; }

/* USUARIOS: GESTION DE TERAPIA ONLINE */
.banner-terapia { position: absolute; top: 20%; left: 40%; }
.banner-terapia h1 { color: white; font-size: 40px; }
.banner-terapia p { color: white; font-size: 28px; }
.img-gestion { border: 4px solid #ecf0f1; }
.img-gestion-blanco { border: 4px solid #95a5a6; }
.img-gestion-azul { border: 4px solid #b8d1f1; }
.grid-terapia-bloques img { height: 156px !important; }
.img-terapias-wrap { overflow:hidden; width: auto; }
.img-terapias { object-fit: cover; width: 265px; height: 150px; cursor: pointer; transition:all .5s ease-in-out; }
.img-terapias:hover { -webkit-transform:scale(1.2);transform:scale(1.2); filter: grayscale(80%); }
.terapia-titulo a { font-family: 'Roboto Condensed' !important; color: #74b9ff; transition: all 0.5s ease; }
.terapia-titulo a:hover { color: #e5ae58; }

.terapia-head-wrap { position: relative; text-align: center; }
.terapia-head-banner {
    max-width: 100%;
    min-height: 400px !important;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0)), rgba(0, 0, 0, 0) url(../img/pareja-portatil-feliz.jpg) no-repeat scroll center center / cover;
}
.terapia-head-content {  position: relative; z-index: 1; top: 60px; text-align: left; }
.terapia-head-content .button { letter-spacing: 3px; }
.terapia-head-content h1 { font-family: 'Roboto Condensed', sans-serif !important; font-weight: 700; font-size: 50px; color: white; }
.terapia-head-content p { font-size: 30px; font-family: 'Roboto Condensed'; font-weight: 300; color: white; padding-left: 5px; }
.terapia-head-content p span { font-family: 'Roboto Condensed', sans-serif !important; font-weight: 400; color: #e5ae58; }

.carousel-terapias .owl-nav { margin: 0 auto; text-align: center; margin-top: 20px; }
.carousel-terapias .owl-prev:hover i { color: #e5ae58 !important; }
.carousel-terapias .owl-next:hover i { color: #e5ae58 !important; }

/* PSICOLOGIA */
.psico-menu-wrap { overflow: hidden; background-color: white; margin-bottom: 50px; }
.psico-menu-wrap h4 { 
    font-size: 20px; background-color: #f77284; color: white; font-family: 'Roboto Condensed', sans-serif; font-weight:400; word-wrap: break-word;
    display: block; text-transform: uppercase; text-align: left; padding: 10px 10px 10px 25px; margin: 0px; margin-bottom: 0px; }
.psico-menu-wrap ul { text-align: left; list-style-type: none; padding-inline-start: 0px; margin: 0px;}
.psico-menu-wrap li { padding: 10px 5px 10px 25px; transition: all 0.2s ease; border-bottom: 1px solid #E3E7E9;  list-style-type: none; cursor: pointer; }
.psico-menu-wrap li:hover { background-color: #e5e9eb; }
.psico-menu-wrap li a { color: #3B3E4F; }

.terapia-col-a { background-color: #b2bec3; color: white !important; transition: all 0.2s ease; }
.terapia-col-b { background-color: #74b9ff; color: white !important; transition: all 0.2s ease; }
.terapia-col-a:hover { background-color: #c7d4d9; }
.terapia-col-b:hover { background-color: #8ccaff; }

.deco-azul { border-bottom: 5px solid #74b9ff; width: 100px; }
.img-seguro { position: absolute !important; right: 0px !important; }
.num-circle-azul { border: 2px solid #74b9ff; display: inline-block; padding: 2px 10px; margin-right: 10px; border-radius: 50%; }

/* PSICOLOGIA WIDGET PSICOLOGO */
.widget-psicologo-wrap { overflow: hidden; border: 1px solid #14aeb9; max-width: 452px; }
.widget-psicologo-wrap .cabecera { background-color: #14aeb9; }
.widget-psicologo-wrap .cabecera .titulo { padding: 11px; }
.widget-psicologo-wrap .next { background-color: #42949a; }
.widget-psicologo-wrap .next:hover { background-color: #47a0a6; }


/* PSICOLOGIA WIDGET RELACIONADOS */
.blog-rel-carrusel img { height: 155px; max-height: 155px !important; width: 100% !important; object-fit: cover !important; margin-bottom: 10px; }
.blog-rel-carrusel-title { margin-bottom: 20px; }

/* PSICOLOGIA PROBLEMAS */
.problemas-wrap { overflow: hidden; background-color: #F0F4F7; margin-bottom: 50px; }
.problemas-wrap h4 { 
    font-size: 20px; background-color: #f77284; color: white; font-family: 'Roboto', sans-serif; font-weight: 300; word-wrap: break-word;
    display: block; text-transform: uppercase; text-align: left; padding: 15px 15px 15px 25px; margin: 0px; margin-bottom: 0px;
    border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.problemas-wrap ul { text-align: left; list-style-type: none; padding-inline-start: 0px; margin: 0px;}
.problemas-wrap li { padding: 15px 5px 15px 25px; transition: all 0.2s ease; border-bottom: 1px solid #E3E7E9;  list-style-type: none; cursor: pointer; }
.problemas-wrap li:hover { background-color: #e5e9eb; }
.problemas-wrap li a { color: #3B3E4F; }

.blog-info-cat { background-color: #bdc3c7;  padding: 20px; text-align: center; margin-top: 50px; border-radius: 5px; }
.blog-info-cat a { font-weight: 300 !important; }

.ayuda-terapia { padding: 30px; color: white; margin-top: 30px; margin-bottom: 40px; }
.ayuda-terapia.amarillo { background-color: #faab22; } 
.ayuda-terapia.azul { background-color: #00b3cc; } 
.ayuda-terapia h4 { color: white; font-size: 30px; }
.ayuda-terapia h4.cabecera { background-color: #34495e; margin: -30px -30px 30px -30px !important; padding: 20px; }
.ayuda-terapia h5 { color: white; font-size: 20px; margin-bottom: 0px; }
.ayuda-terapia a  { font-weight: 300 !important; }

/* PSICOLOGIA - PASOS TERAPIA */
.pasos-terapia-header { background-color: #5f8f9f; color: white; margin-bottom: 0px;  padding: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.pasos-terapia-title { background-color: #77b2c7; color: white; margin-top: 0px; border: 1px solid #77b2c7; padding: 10px; position: relative; }
.pasos-terapia-title h3 { font-style: italic;  }
.pasos-terapia-content { background-color: #d4e6ec; color: #547e8c; margin-top: 0px; border: 1px solid #d4e6ec; padding: 20px; position: relative; padding-bottom: 30px; padding-left: 55px; }

/* PLATAFORMA PSICOLOGICA */
.ps-head-wrap { position: relative; text-align: center; }
.ps-head-banner {
    max-width: 100%;
    min-height: 400px !important;
    background: rgba(0, 0, 0, 0) url(../img/banner-platafirma.jpg) no-repeat scroll center center / cover;
}
.ps-head-content {  position: relative; z-index: 1; top: 0px; text-align: center; color: white;  }
.ps-head-content .button { letter-spacing: 3px; }
.ps-head-content h1 { color: white; font-family: 'Roboto Condensed', sans-serif !important; font-weight: 300; font-size: 50px; }
.ps-head-content p { font-size: 30px; font-family: 'Roboto Condensed'; font-weight: 300; }
.ps-sub-cloud { position: absolute; z-index: 1; bottom: 0; }
.ps-sub-cloud img { display: block; max-width: 100%; height: auto; }
.ps-module-img { height: 150px !important; }

/* CONSULTA ONLINE */
.co-head-wrap { position: relative; text-align: center; }
.co-head-banner {
    max-width: 100%;
    min-height: 400px !important;
    background: rgba(0, 0, 0, 0) url(../img/mujer-hombre-portatil-banner-dark.jpg) no-repeat scroll center center / cover;
}
.co-head-content {  position: relative; z-index: 1; top: 70px; text-align: center; color: white;  }
.co-head-content .button { letter-spacing: 3px; }
.co-head-content h1 { color: white; font-family: 'Roboto Condensed', sans-serif !important; font-weight: 300; font-size: 50px; }
.co-head-content p { font-size: 30px; font-family: 'Roboto Condensed'; font-weight: 300; }
.co-sub-cloud { position: absolute; z-index: 1; bottom: 0; }
.co-sub-cloud img { display: block; max-width: 100%; height: auto; }
.co-box { position: relative;  background-color: #E8ECEF; margin-bottom: 20px; }
.co-box.verde { border-right: 10px solid #16BE9D; }
.co-box.gris { border-right: 10px solid #AFBBB7; }
.co-box.azul { border-right: 10px solid #00B3CC; }
.co-box p { position: absolute; top: 10px; left: 90px; }
.co-box.verde div { background: #16BE9D; width: 75px; height:  75px; padding: 12px; padding-top: 27px; color: white }
.co-box.gris div { background: #AFBBB7; width: 75px; height:  75px; padding: 12px; padding-top: 27px; color: white }
.co-box.azul div { background: #00B3CC; width: 75px; height: 75px; padding: 12px; padding-top: 27px; color: white }


/* PRECIOS */
.precios-wrap { border: 2px solid #83B8DB; }
.precios-menu-periodo .item.active { background-color: #83B8DB !important; color: white !important; }
.precios-features p { padding: 10px 0px 0px; }
.precios-features .divider { width: 60%; padding: 0px; margin: 0 auto; border-top-color: #c1c5c7 !important; }

/* CONTACTO */
.contact-form-wrap { border: 2px solid #83B8DB; border-radius: 4px; }
.contact-form-wrap .sub.header { color: grey !important; }
.contact-form-wrap input[type="text"] { border: 0px !important;  border-bottom: 1px solid #83B8DB !important; border-radius: 0% !important;  }
.contact-form-wrap textarea { border: 0px !important; border: 1px solid #83B8DB !important;   }
.contact-form-wrap .ui.checkbox .box:before, .ui.checkbox label:before { border: 1px solid #83B8DB !important; }

.more-contact-icon { color: #A2A3A3; }
.more-contact-content { padding-top: 8px !important; }

/* POLITICA DE COOKIES */
.cookie-revocacion { background-color: #83B8DB; padding-top: 60px; }
.cookie-revocacion .firstcol  { background-color: white;  border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.cookie-revocacion .secondcol { background-color: #E0E0E0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.cookie-revocacion .tipo-nav { display: inline-block; padding: 15px; margin: 10px; border-radius: 10px; background-color: #E0E0E0; min-width: 90px; }
.cookie-revocacion .tipo-nav:hover { background-color: #83B8DB; color: white; }
.cookie-estadistica { padding: 30px; border-radius: 10px; margin-top: 25px; background-color: #EAEAEA; }
.cookie-privacidad { border-radius: 10px; background-color: #16a085; color: white; padding: 20px; }


/* PREGUNTAS FRECUENTES */
.faq-menu { background-color: #1abc9c !important;  }
.faq-menu a { color: white; font-size: 18px; }
.faq-menu a.active { background-color: #16a085 !important; color: white !important; }
.faq-menu a:hover:not(.active) { background-color: #1CCDAA !important; }
.bloque-faq .question { font-weight: 400 !important; color: #48AFDB; text-align: left; font-size: 20px;  padding-top: 25px; padding-bottom: 10px; cursor: pointer; border-top: 1px solid #DCDCDC;   }

.accordion-faq {  }
.accordion-faq .question { background-color: #b2bec3; color: white !important; padding: 15px !important; font-size: 18px !important; margin-bottom: 10px; border-radius: 10px; line-height: 25px; -moz-user-select: none; user-select: none; -ms-user-select: none; }
.accordion-faq .question .icon { float: right; }
.accordion-faq .question.active { background-color: #74b9ff; }
.accordion-faq .content p { padding: 0px 20px 10px 20px; color: #636e72;  }

.bloque-faq h2 { font-weight: 400 !important; color: #48AFDB; text-align: left; font-size: 20px;  padding-top: 25px; padding-bottom: 10px; cursor: pointer; border-top: 1px solid #DCDCDC;   }
.bloque-faq:first-child h2 { border-top: 0px solid transparent; }
.bloque-faq div { display: none; margin-bottom: 20px;  background-color: transparent; padding: 0px 20px;  }
.faq-contactar {  margin: 0 auto; margin-top: 60px; padding: 20px; max-width: 300px; border-radius: 10px; }
.faq-image { position: absolute !important; right: 5px; top: 0px; }

/* CALENDAR FICHA */
.calendar-ficha { border: 1px solid #dfe6e9; padding: 5px; }
.calendar-ficha .mes { padding: 2px 0px 0px 0px; }

/* NOTIFICACIONES V1 */
/*
.notif-frame { position: fixed; background-color: transparent; right: 10px; top: 70px; width: 320px; z-index: 9999;  }
.notif { display: inline-block; padding: 7px; width: 100%; cursor: pointer; margin-bottom: 3px; -webkit-border-radius: 3px;    -moz-border-radius: 3px;    -ms-border-radius: 3px;    -o-border-radius: 3px;    border-radius: 3px;
        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.notif-icon { display: table-cell; width: 40px; font-size: 18px; vertical-align: middle; text-align: center; }
.notif-icon i { margin: 0 auto; text-align: center; }
.notif-content { display: table-cell; padding: 5px; font-size: 14px; text-align: left; }
.notif-content a { text-decoration:  underline; }
.notif h4 { color: white; font-size: 16px; margin-bottom: 3px; font-weight: bold; text-align: left; }
.notif li { font-size: 14px; } 
.notif-buttons { width: 100%; text-align: right; margin-top:10px; margin-bottom: 10px; }
.notif-buttons div { margin-left: 6px; }
.notif-frame hr { border-style: none none dotted; border-color: white; }
*/
.warning.notif, .alert.notif  { background-color: #FFB752; color: white; }
.info.notif     { background-color: #65BBD6; color: white; }
.danger.notif, .err.notif, .error.notif   { background-color: #E15554; color: white;  }
.success.notif, .ok.notif  { background-color: #64C48A; color: white; }
.inverse.notif  { background-color: #313442; color: white; }
.warning.notif a, .alert.notif a { color: white; }
.info.notif a { color: white; }
.danger.notif a, .err.notif a, .error.notif a { color: white; }
.success.notif a, .ok.notif a { color: white; }
.inverse.notif a { color: white; }

.danger.notif .notif-progress.ui.progress.success .bar { background-color: #e14b4b !important; }
.danger.notif .notif-progress .bar { background-color: #e18686 !important; }
.success.notif .notif-progress.ui.progress.success .bar { background-color: #64C48A !important; }
.success.notif .notif-progress .bar { background-color: #9bc4a8 !important; }
.warning.notif .notif-progress.ui.progress.success .bar { background-color: #FFB752 !important; }
.warning.notif .notif-progress .bar { background-color: #ffcb8b !important; }
.info.notif .notif-progress.ui.progress.success .bar { background-color: #65BBD6 !important; }
.info.notif .notif-progress .bar { background-color: #98c8d6 !important; }
.inverse.notif .notif-progress.ui.progress.success .bar { background-color: #313442 !important; }


/* NOTIFICACIONES V2 */

.notif-frame { background-color: transparent; width: 320px; z-index: 9999;  }
.notif-frame.fixed { position: fixed; }
.notif-frame.absolute { position: absolute; }
.notif-frame.top { left: 0px; top: 0px; width: 100% !important; }
.notif-frame.top-right { right: 10px; top: 10px; }
.notif-frame.top-left { left: 10px; top: 10px; }
.notif-frame.bottom { left: 0px; bottom: 0px; width: 100% !important; }
.notif-frame.bottom-right { right: 10px; bottom: 10px; }
.notif-frame.bottom-left { left: 10px; bottom: 10px; }
.notif { display: inline-block; padding: 0px; width: 100%; cursor: pointer; margin-bottom: -5px; 
         -webkit-border-radius: 3px;    -moz-border-radius: 3px;    -ms-border-radius: 3px;    -o-border-radius: 3px;    border-radius: 3px;
         -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);    box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.notif-icon { display: table-cell; width: 40px; font-size: 18px; vertical-align: middle; text-align: center; padding-left: 7px; }
.notif-icon i { margin: 0 auto; text-align: center; }
.notif-content { display: table-cell; padding: 13px 10px; font-size: 14px; text-align: left; }
.notif-content a { text-decoration:  underline; }
.notif h4 { color: white; font-size: 16px; margin-bottom: 3px; font-weight: bold; text-align: left; }
.notif li { font-size: 14px; } 
.notif-buttons { width: 100% !important; text-align: left !important; margin-top: 0px; margin-bottom: 0px; }
.notif-buttons div { margin-right: 6px !important; margin-top: 10px !important; }
.amarillo.notif { background-color: #FFB752; color: white; }
.azul.notif     { background-color: #65BBD6; color: white; }
.rojo.notif { background-color: #E15554; color: white;  }
.verde.notif, .ok.notif  { background-color: #64C48A; color: white; }
.negro.notif  { background-color: #313442; color: white; }
.amarillo.notif a, .alert.notif a { color: white; }
.azul.notif a { color: white; }
.rojo.notif a { color: white; }
.verde.notif a { color: white; }
.negro.notif a { color: white; }
.notif-frame hr { border-style: none none dotted; border-color: white; }
.rojo.notif .notif-progress.ui.progress.success .bar { background-color: #e14b4b !important; }
.rojo.notif .notif-progress .bar { background-color: #e18686 !important; }
.verde.notif .notif-progress.ui.progress.success .bar { background-color: #64C48A !important; }
.verde.notif .notif-progress .bar { background-color: #9bc4a8 !important; }
.amarillo.notif .notif-progress.ui.progress.success .bar { background-color: #FFB752 !important; }
.amarillo.notif .notif-progress .bar { background-color: #ffcb8b !important; }
.azul.notif .notif-progress.ui.progress.success .bar { background-color: #65BBD6 !important; }
.azul.notif .notif-progress .bar { background-color: #98c8d6 !important; }
.negro.notif .notif-progress.ui.progress.success .bar { background-color: #313442 !important; }


/* ==========================================================================
    PAGINACION.
 ========================================================================== */ 

/* ATTRIBUTES FOR THE CONTAINER (THIS HOW WE CENTER EVERYTHING)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination                       { clear: both; width: 100%; overflow: hidden; margin-top: 25px; }
.Zebra_Pagination ul                    { position: relative; left: 50%; list-style-type: none; margin: 0; padding: 0; float: left;  }
.Zebra_Pagination li                    { position: relative; float: left; right: 50%;  }

/* COMMON ATTRIBUTES FOR ALL THE LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a                     { background-color: #95a5a6; padding: 13px; padding-top: 8px; padding-bottom: 8px; border: 1px solid white; color: white; text-decoration: none; margin: 0 0px; display: block; float: left; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;font-size: 12px;  }
.Zebra_Pagination a:hover               { background-color: #19BB9C; color: white }

/* "NEXT PAGE" AND "PREVIOUS PAGE" LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.navigation          { border: 1px solid white; overflow: hidden; background-repeat: no-repeat; font-size: 12px; padding-left: 15px; padding-right: 15px; }
.Zebra_Pagination a.disabled            { filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2 }
.Zebra_Pagination a.disabled:hover      { background-color: inherit; color: inherit }

/* hack for transparent borders in IE6 */
/**html .Zebra_Pagination a.navigation    { border-color: #000001; filter: chroma(color=#000001) }*/

/* CURRENT PAGE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.current,
.Zebra_Pagination a.current:hover       { background: #16A085; border-color: white; color: white; }

/* THE "..." SEPARATOR
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination span                  { background-color: #95a5a6; color: white; margin-right: 0px; display: block; float: left; padding: 13px; padding-top: 8px; padding-bottom: 8px; border: 1px solid white; font-size: 12px; }

/* DIV REGISTROS TOTALES DE LA TABLA
----------------------------------------------------------------------------------------------------------------------*/
.total-registros { font-size: 14px; margin-top: 6px; margin-bottom: 4px; color: #7f8c8d; }
.zebra-icons { margin: 0px !important; }

/* GENERICO  */
.no-rounded { border-radius: 0px !important; }
.no-margins { margin: 0px !important; }
.no-padding { padding: 0px !important; }

.cur-pointer { cursor: pointer; }
.oculto { display: none;  }
.oculto_total { display: none !important;  }
.invisible { visibility: hidden; }
.transparente { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
.centrado { margin: 0 auto; text-align: center; }
.centrado-important { margin: 0 auto !important; text-align: center  !important; }
.negrita { font-weight: bold; }
.borderlightgrey { border: 1px solid lightgrey; }
.shadow { box-shadow: 1px 2px 5px rgba(0,0,0,0.3) !important; }
.shadow-light { box-shadow: 1px 2px 5px rgba(0,0,0,0.1) !important; }
.radius4 { -webkit-border-radius: 4px;    -moz-border-radius: 4px;    -ms-border-radius: 4px;    -o-border-radius: 4px;    border-radius: 4px !important; }
.radius5 { -webkit-border-radius: 5px;    -moz-border-radius: 5px;    -ms-border-radius: 5px;    -o-border-radius: 5px;    border-radius: 5px !important; }
.radius-top5  { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.radius-top10 { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.mayusculas {  text-transform: uppercase; }
.posrel { position: relative; }
.togrey:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%);  }
.float-right { float: right !important; }
.float-left  { float: left !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.no-results {  font-weight: bold; font-size: 20px; color: lightgrey; margin-top: 0px; line-height: 28px;}
.hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }
.mini.very { width: 24px !important; }
.tiny.very { width: 60px !important; }
.small.very { width: 120px !important; }
u.dotted { border-bottom: 1px dotted !important; text-decoration: none !important; }
u.dashed { border-bottom: 1px dashed !important; text-decoration: none !important; }

.fontw300 { font-weight: 300 !important;  }
.fontw400 { font-weight: 400 !important;  }
.fontw700 { font-weight: 700 !important;  }

.font10 { font-size: 10px !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }
.font26 { font-size: 26px !important; }
.font28 { font-size: 28px !important; }
.font30 { font-size: 30px !important; }
.font32 { font-size: 32px !important; }
.font34 { font-size: 34px !important; }
.font38 { font-size: 38px !important; }
.font40 { font-size: 40px !important; }
.font42 { font-size: 42px !important; }
.font50 { font-size: 50px !important; }
.font60 { font-size: 60px !important; }

.verde-pq { background-color: #16A085 !important; }
.gris-pq { background-color: #E8ECEF !important; }

.lineheight20 { line-height: 20px !important; }
.lineheight24 { line-height: 24px !important; }
.lineheight25 { line-height: 25px !important; }
.lineheight30 { line-height: 30px !important; }
.lineheight40 { line-height: 40px !important; }

.width10 { width: 10px; }
.width20 { width: 20px; }
.widthfull { width: 100%; }

.maxwidth200 { max-width: 200px; }
.maxwidth250 { max-width: 250px; }
.maxwidth300 { max-width: 300px; }
.maxwidth400 { max-width: 400px !important; }
.maxwidth500 { max-width: 500px; }
.maxwidth1000 { max-width: 1000px !important; }

.maxh80 { max-height: 80px; }

.marginleft5 { margin-left: 5px !important; }
.marginleft10 { margin-left: 10px !important; }
.marginleft15 { margin-left: 15px !important; }
.marginleft20 { margin-left: 20px !important; }

.marginright5 { margin-right: 5px !important; }
.marginright10 { margin-right: 10px !important; }
.marginright20 { margin-right: 20px !important; }

.margintop5 { margin-top: 5px !important; }
.margintop10 { margin-top: 10px !important; }
.margintop20 { margin-top: 20px !important; }
.margintop30 { margin-top: 30px !important; }
.margintop40 { margin-top: 40px !important; }
.margintop50 { margin-top: 50px !important; }

.marginbottom5 { margin-bottom: 5px !important; }
.marginbottom10 { margin-bottom: 10px !important; }
.marginbottom20 { margin-bottom: 20px !important; }
.marginbottom30 { margin-bottom: 30px !important; }
.marginbottom40 { margin-bottom: 40px !important; }
.marginbottom50 { margin-bottom: 50px !important; }

.padding10 { padding: 10px !important; }
.padding15 { padding: 15px !important; }
.padding20 { padding: 20px !important; }
.padding30 { padding: 30px !important; }


.paddingright5 { padding-right: 5px !important; }


.w10 { width: 10px !important; } 
.w20 { width: 20px !important; } 
.w25 { width: 25px !important; } 
.w30 { width: 30px !important; } 
.w40 { width: 40px !important; } 
.w50 { width: 50px !important; } 
.w60 { width: 60px !important; } 
.w80 { width: 80px !important; }
.w100 { width: 100px !important; } .w125 { width: 125px !important; } .w150 { width: 150px !important; } .w160 { width: 160px !important; } 
.w165 { width: 165px !important; } .w170 { width: 170px !important; } .w180 { width: 180px !important; } .w200 { width: 200px !important; } 
.w300 { width: 300px !important; }
.w400 { width: 400px !important; }
.w650 { width: 650px !important; }
.widthfull { width: 100%; }

.maxw50   { max-width: 50px; }
.maxw100  { max-width: 100px; }
.maxw200  { max-width: 200px !important;  }
.maxw250  { max-width: 250px; }
.maxw300  { max-width: 300px; }
.maxw400  { max-width: 400px !important; }
.maxw450  { max-width: 450px !important; }
.maxw500  { max-width: 500px; }
.maxw600  { max-width: 600px; }
.maxw650  { max-width: 650px; }
.maxw700  { max-width: 700px !important; }
.maxw800  { max-width: 800px !important; }
.maxw1000 { max-width: 1000px !important; }
.maxw1200 { max-width: 1200px !important; }
.maxw1300 { max-width: 1300px !important; }

.minw30  { min-width: 30px; }
.minw40  { min-width: 40px; }
.minw50  { min-width: 50px; }
.minw80  { min-width: 80px; }
.minw100 { min-width: 100px !important; }
.minw150 { min-width: 150px !important; }
.minw200 { min-width: 200px !important; }

.h50  { height: 50px !important; }
.h60  { height: 60px !important; }
.h70  { height: 70px !important; }
.h80  { height: 80px !important; }
.h100 { height: 100px !important; }

.minh100 { min-height: 100px !important; }

.m5  { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }

.ml0  { margin-left: 0px !important; }
.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }

.mr0  { margin-right: 0px !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }

.mt-20 { margin-top: -20px !important; }
.mt0  { margin-top: 0px !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mb0  { margin-bottom: 0px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.pad0 { padding: 0px !important; }
.pad5 { padding: 5px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad20 { padding: 20px !important; }
.pad30 { padding: 30px !important; }
.pad40 { padding: 40px !important; }
.pad50 { padding: 50px !important; }

.padt0 { padding-top: 0px !important; }
.padt5 { padding-top: 5px !important; }
.padt10 { padding-top: 10px !important; }
.padt20 { padding-top: 20px !important; }
.padt30 { padding-top: 30px !important; }
.padt40 { padding-top: 40px !important; }
.padt50 { padding-top: 50px !important; }
.padt70 { padding-top: 70px !important; }
.padt90 { padding-top: 90px !important; }

.padb0 { padding-bottom: 0px !important; }
.padb5 { padding-bottom: 5px !important; }
.padb10 { padding-bottom: 10px !important; }
.padb20 { padding-bottom: 20px !important; }
.padb30 { padding-bottom: 30px !important; }
.padb40 { padding-bottom: 40px !important; }
.padb50 { padding-bottom: 50px !important; }
.padb70 { padding-bottom: 70px !important; }
.padb90 { padding-bottom: 90px !important; }

.padr5  { padding-right: 5px !important; }
.padr10 { padding-right: 10px !important; }
.padr15 { padding-right: 15px !important; }
.padr20 { padding-right: 20px !important; }
.padr30 { padding-right: 30px !important; }

.padl5  { padding-left: 5px !important;  }
.padl10 { padding-left: 10px !important;  }
.padl15 { padding-left: 15px !important;  }
.padl20 { padding-left: 20px !important;  }
.padl30 { padding-left: 30px !important;  }
.padl40 { padding-left: 40px !important;  }
.padl50 { padding-left: 50px !important;  }

.p-relative { position: relative; }
.p-absolute { position: absolute; }
.vtop { vertical-align: top !important; }
.vmid { vertical-align: middle !important; }


/* ==========================================================================
 Media Queries for Responsive Design.
 ========================================================================== */

/* LARGE MONITOR */
@media screen and (max-width: 1200px) {
    .pq-blog-leidos-wrap img { max-width: 70px !important; }
    .blog-relacionados-img-wrap { width: 100%; margin-right: 0px !important; }
    .blog-relacionados-url { text-align: center; }
    .blog-ficha-imgagen { margin-bottom: 40px; }
    .terapia-calendar-title { margin-top: 0px !important; }
    .registro-user-wrap, .registro-prof-wrap { padding: 0px !important; }
    .consulta-online-img-portatil { margin-top: 50px; }
    .slider1 {  background-position: 0px 0px; } 
}


/* SMALL MONITOR */
@media screen and (max-width: 991px) {
    .pq-blog-leidos-wrap img { max-width: 130px !important; } 
    .beneficios-content { text-align: center; }
    .faq-image { position: relative !important; top: -20px; margin: 0 auto; }
    .banner-terapia h1 { font-size: 30px !important; }
    .banner-terapia p { font-size: 20px !important; }
    .ps-feat-main-grid .column { padding: 10px !important; }
    .ficha-foto { object-fit: contain; height: auto !important; }
    .header-menu-visible .item { font-size: 13px; }
    .header-menu-visible.right .item { font-size: 13px !important; }
    .dropdown-busqueda.desktop, .header-icon-registro-legend, .header-icon-login-legend { display: none !important; }
    .header-icon-login, .header-icon-registro { display: block !important; }
    .header-top { padding-top: 10px !important; margin-bottom: 0px !important; }
    .portada-cabecera-wrap.webp { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0)), url(../img/psiquion_slider4.webp) no-repeat center ; height: 400px; }
    .portada-cabecera-wrap.no-webp { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0)), url(../img/psiquion_slider4.jpg) no-repeat center ; height: 400px; }
    .portada-cabecera-text h1 { margin-top: 0px; }
    .portada-cabecera-text p { margin-bottom: 20px; }
    .oculto-991 { display: none !important;  }
    .centrado-resp-991 { margin: 0 auto; text-align: center !important; }
}

/* TABLET */
@media screen and (max-width: 768px) {
    .footer-plus-links i { display: block; }
    .footer-plus-links { cursor: pointer; }
    .ficha-psicologo { padding-left: 30px; padding-right: 30px; }
    .header-right-col { display: none !important; }
    .ficha-psicologo .datos { margin: 0 auto; text-align: center; }
    .resp-tabs-container { margin-left: 40px !important; margin-top: -33px !important;  }
    .cookie-revocacion .firstcol { border-radius: 10px 10px 0px 0px;    }
    .cookie-revocacion .secondcol { border-radius: 0px 0px 10px 10px;   }
    .usuario-caracteristicas .firstcol { border-radius: 10px 10px 0px 0px;    }
    .usuario-caracteristicas .secondcol { border-radius: 0px 0px 10px 10px;   }
    .header-menu-visible { display: none !important; }
    .header-menu-right { display: flex !important; }
    .ficha-col-header-right { margin: 0 auto; text-align: center; }
    .menutab-wrap .tab { height: auto !important; }
    .banner-terapia h1 { font-size: 20px !important; }
    .banner-terapia p { font-size: 14px !important; width: 200px; }
    .blog-main-article img { max-height: none; }
    .ps-module-img { height: auto !important; }
    .ps-feat-card { max-width: 450px !important; margin: 0 auto !important;  }
    .img-terapias-wrap { width: auto; max-width: 450px; }
    .img-terapias { object-fit: cover; width: auto; max-width: 450px; height: auto; cursor: pointer; }
    .terapia-resumen { max-width: 500px; }
    .registro-user-wrap, .registro-prof-wrap { max-width: 500px; }
    .reglegend { margin-top: 10px !important; }
    .consulta-online-lista { margin-left: 50px; }
    .consulta-online-img-portatil { height: 300px; margin-left: 50px; margin-top: 0px; }
    .portada-blog-row { max-width: 400px;  }
    .portada-cabecera-wrap .button { font-size: 1.14rem; }
    .portada-cabecera-text h1 { font-size: 40px; }
    .portada-cabecera-text p { font-size: 26px; }
    .oculto-768 { display: none !important;  }
    .centrado-resp-768 { margin: 0 auto; text-align: center !important; }
}

/* ES MIN - INVERSO */
@media screen and (min-width: 768px) {
    .footer-plus-links i { display: none !important; }
    .footer-plus-links { cursor:  auto !important; }
}

@media screen and (max-width: 670px) {
    .ficha-psicologo { padding-left: 20px; padding-right: 20px; }
    .contacto-header { text-align: center; }
    .blog-ficha-imgagen { margin-top: 30px; }
    .faq-menu a { font-size: 16px; }
    .ficha-resumen { font-size: 14px; }
    .terapia-head-content h1 { font-size: 40px; padding-top: 20px; font-weight: 400; }
    .terapia-head-content p { font-size: 20px; background-color: rgba(0, 0, 0, 0.2); padding: 10px; }
}

/* MOVILES GRANDES */
@media screen and (max-width: 550px) {
    .ficha-psicologo { padding-left: 10px; padding-right: 10px; }
    .header-left-col img { margin: 0 auto !important; } 
    .banda-contacto { font-size: 20px !important; }
    .faq-menu a { font-size: 14px; }
    .bloque-faq h2 { font-size: 18px; }
    .blog-post-wrap { padding: 0px 5px 0px 5px; }
    .consulta-online-lista { margin-left: 30px; }
    .portada-cabecera-text h1 { font-size: 34px; }
    .autora-td-foto { display: none; }
}

/* MOVILES */
@media screen and (max-width: 400px) {
    .pq-blog-leidos-wrap img { max-width: 80px !important; } 
    .blog-ficha-imgagen { margin: 5px 150px 10px 30px !important; }
    .faq-menu a { font-size: 12px; }
    .blog-post-wrap { padding: 0px 0px 0px 0px; }
    .regcaret { display: none !important; }
}

/* PRIVACIDAD */

.capa-privacidad { padding: 20px; border: 1px dashed grey; margin-top: 30px; font-size: 14px; }
.capa-privacidad p { font-size: 14px; margin-bottom: 15px; }
.capa-privacidad ul { margin-left: 0px; } 
.capa-privacidad li { font-size: 14px; margin-bottom: 15px; list-style-type:square; }
.capa-privacidad strong { color: #7f8c8d; }
.color-gris { color: #7f8c8d; }


/* MESSAGES */ 
.ui.message.azul { background-color: #c1dbf2 !important; padding: 20px; box-shadow: none !important; }
.ui.message.verde { background-color: #c0f2c3 !important; padding: 20px; box-shadow: none !important; }
.ui.message.amarillo { background-color: #fef2ae !important; padding: 20px; box-shadow: none !important; }
.ui.message.rojo { background-color: #fab1a0 !important; padding: 20px; box-shadow: none !important; }

/* REGISTRO */
.regsel { 
    border: 2px solid #83B8DB !important; border-radius: 4px !important; 
    box-shadow: none !important;
}
.regsel .bottom { border-right: 1px solid #83B8DB !important; border-left: 1px solid #83B8DB !important; border-bottom: 1px solid #83B8DB !important; }
.regsel .description { font-weight: 300; }
.suggest-mail, .suggest-mail-prof { text-align: right; font-size: 13px; max-width: 400px; margin-top: 10px; }
.suggest-mail-text, .suggest-mail-text-prof { font-weight: bold; color: #c0392b; cursor: pointer; font-size: 14px; margin-left: 5px; }
.card-registro:hover {
    background-color: #fff3e4 !important; cursor: pointer;
}
.regtitle { font-weight: 300; margin: -30px -30px 50px !important; padding: 10px 20px 10px 30px; background-color:#00b5ad; color: white; }
.regcaret { color: #00b5ad; position: absolute; font-size: 70px !important; top: 50px; left: 10px; }
.ui[class*="left icon"].input > input.reginput  { padding-left: 50px !important; }
.ui[class*="left icon"].input > input.reginput:focus  { outline: none !important; border-color: lightgrey;} 
.reglegend { margin-top: 95px; }