/*
Theme Name:     Theme FonoInfancia 2018
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         WebySEO
Theme URI: 		http://themeforest.net/user/artbees
Template:       fonoinfancia
Text Domain: mk_framework
Domain Path: /languages/
*/

@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah&display=swap');

body {
	font-family: "Ruda", sans-serif;
}

.bg-post-expertos h, .caja_noticia_verde h1,
.box-home-titulos  {
	font-family: "Ruda", sans-serif !important;
}


a:hover, a:focus {
	text-decoration: none;
}

.text-azul {
    color: #4085d9;
}
.text-verde {
    color: #74b72d;
}
.text-rojo {
    color: #d31219;
}
.text-plomo {
    color: #616161;
}




.list-menu-top {
    display: inline-block;
}
.list-menu-top li {
	display: inline-block;
	vertical-align: middle;
    margin-left: 10px;
}
.list-menu-top li a {
	display: block;
	font-family: "Ruda", sans-serif;
}
.list-menu-top li .btn-globo-amarillo,
.list-menu-top li .btn-globo-verde {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    height: 104px;
    width: 132px;
    line-height: 104px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    outline: none;
}
.list-menu-top li .btn-globo-amarillo {
	background-image: url('images/botones/burbuja-llama.png');
	color: #000;
}
.list-menu-top li .btn-globo-verde {
	background-image: url('images/botones/burbuja-chatea.png');
	color: #fff;
    line-height: 1rem;
    padding-top: 20px;
}
.list-menu-top li a span {
    line-height: 1.2em;
    display: block;
    padding-top: 45px;
    font-size: 13.5px;
    font-weight: bold;
}
.list-menu-top li a span.llamanos {
	padding-top: 50px;
    font-size: 16px;
}

.heateor_sss_sharing_container {
    margin: 15px 0;
}

.box-categorias{
    margin-top: 20px;
}
#searchform button {
    background: transparent;
    border: none;
    pointer-events: auto;
}



.menu-top {
	margin: 15px auto;
}
#menu-menu-principal {}
#menu-menu-principal li {
	margin: 5px;
}
#menu-menu-principal li a {
	font-family: "Ruda", sans-serif;
	padding: 5px 15px;
    background-position: center;
	font-weight: 900;
	color: #000;
}
#menu-menu-principal li a:hover, 
#menu-menu-principal li.current-menu-item a {
	background: url(images/iconos/mancha-menu.png) no-repeat;	
    background-size: 100% 32px;
    color: white;
    text-decoration: none;
    background-position: center;
}

.home_content {
    margin: 30px auto !important;
}
.caja_noticia_verde {
    margin-top: 30px !important;
}

.carousel.slide {
    margin-bottom: 30px;
}


.box-categorias {}
.box-home.bg-box-chat {
    background-image: url(images/home/fondo-chat.png);
}
.box-home.bg-box-crianza {
    background-image: url(images/home/fondo-crianza.png);
}
.box-home.bg-box-quienes {
    background-image: url(images/home/fondo-quienes-somos.png);
}
.box-home.bg-box-noticias {
    background-image: url(images/home/fondo-noticias.png);
}
.box-categorias .box-home {
    background-repeat: no-repeat;
    background-position: center;
    height: 360px;
    position: relative;
    margin-bottom: 30px;
}
.box-home-titulos   {
    font-size: 2.4rem;
    font-weight: 900;
    text-transform: uppercase;
    padding-left: 30px;
    position: absolute;
}
.bg-box-chat .box-home-titulos {
    top: 80px;
    left: 350px;
}
.bg-box-crianza .box-home-titulos {
    top: 70px;
}
.bg-box-quienes .box-home-titulos {
    top: 75px;
    left: 350px;
}
.bg-box-noticias .box-home-titulos {
    top: 80px;
    left: 200px;
}

.box-home-titulos img {
    display: inline;
}
.box-home #boton-chat img {
    display: none;
} 
.bg-box-chat .box-home-titulos img {}
.bg-box-crianza .box-home-titulos img {}
.bg-box-quienes .box-home-titulos img {}
.bg-box-noticias .box-home-titulos img {}

.box-home-text {
    max-width: 490px;
    margin-left: 55px;
    font-size: 1rem;
    text-align: justify;
    position: absolute;
    top: 180px;
    color: white;
}
.box-home-text.text-derecho {
    left: 250px;
}
.bg-box-chat .box-home-text {}
.bg-box-crianza .box-home-text {}
.bg-box-quienes .box-home-text {}
.bg-box-noticias .box-home-text {
    color: #616161;
}

/* 
.post_expertos h2 {
    background: #4085d9 !important;
    text-align: left !important;
    font-weight: 900;
    padding-left: 10px;
} */

.post_expertos p {
    text-align: justify;
    margin-bottom: 20px;
    font-size: 1rem !important;
}
.post_expertos .articulos {
	padding: 0 !important;
}
.post_expertos img {
    height: auto !important;
    margin: 0 auto;
}

.bg-post-expertos {
    background-position: initial;
    margin-bottom: 25px;
    padding-top: 100px;
}
.bg-post-expertos h1 {
    display: inline-block;
    font-weight: 900;
    text-transform: uppercase;
    color: white;
    margin-bottom: 30px;
    background: url(images/iconos/fondo-titulo.png) no-repeat;
    background-position: center;
}
.bg-post-expertos img {
	max-width: 100% !important;
	width: 35% !important;
}




#que_hacer .contenedor_articulos .box_articulo {
    padding: 0 15px;
}
#que_hacer .contenedor_articulos .box_articulo .border-categoria {}
/* #que_hacer .contenedor_articulos .box_articulo .border-categoria:hover {
    background: #4085d9 !important;
} */

#elipsis {}
#elipsis .detalle-categoria {
    margin: 0 !important;
    float: none !important;
}
#elipsis .detalle-categoria .titulo-categoria {
    padding-bottom: 0 !important;
}
#elipsis .detalle-categoria .titulo-categoria h4 {
    font-family: "Ruda", sans-serif !important;
    font-weight: 900;
    font-size: 1rem !important;
    margin-bottom: 0px;
    text-align: center;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#elipsis .detalle-categoria .titulo-categoria p {
    font-weight: normal;
    font-family: "Ruda", sans-serif !important;
    font-size: .75rem !important;
    height: 60px;
    overflow: hidden;
    margin-bottom: 5px;
}
#elipsis .img-categoria {
    float: none !important;
}

/* #que_hacer .contenedor_articulos .box_articulo .border-categoria:hover > #elipsis .detalle-categoria .titulo-categoria {
    color: white !important;
} */



.caja_noticia_verde h1, .caja_noticia_verde h2 {
	font-size: 16px !important;
	font-weight: 900 !important;
    padding-bottom: 0 !important;
    border: none !important;
	height: 25px;
    background: transparent !important;
    color: #333 !important;
    line-height: 1.5 !important;
}
.caja_noticia_verde iframe.big {
	width: 94% !important;
}





footer {
	margin-top: 15px;
	background: #3f576e !important;
	width: 100% !important;
	padding: 0 !important;
}
footer p {
    margin-top: 10px !important;
}
footer  h4 {
	font-family: "Ruda", sans-serif;
	color: white;
    font-weight: 900;
    border: 0;
    margin: 25px 0 15px;
}

.box-contacto {
    padding: 25px 0 0 0 !important;;
}
#contacto img {
	margin: 0 auto !important;
}
#contacto .contacto-social {
    padding: 0 0 40px 0 !important;
}
#contacto ul.social li a {
	background: white;
	border-radius: 8px;
	height: 60px;
    text-align: center;
}
#contacto ul.social li a .img-responsive {
    padding: 20% 0 0 0;
    margin: 0 auto;
}
#contacto ul.social li a.face{background: url(images/iconos/facebook.png) no-repeat !important;}
#contacto ul.social li a.tw{background: url(images/iconos/twitter.png) no-repeat !important;}
#contacto ul.social li a.you{background: url(images/iconos/youtube.png) no-repeat !important;}


#contacto span.nombre, 
#contacto span.asunto,
#contacto span.email,
#contacto span.telefono,
#contacto span.mensaje {
	border-radius: 8px;
	margin-right: 5px;
	background-size: cover !important;
}
/* */
#contacto span.nombre {background: url(images/formulario/nombre.png) no-repeat !important; background-size: cover !important;} 
#contacto span.asunto {background: url(images/formulario/asunto.png) no-repeat !important; background-size: cover !important;}
#contacto span.email {background: url(images/formulario/email.png) no-repeat !important; background-size: cover !important;}
#contacto span.telefono {background: url(images/formulario/telefono.png) no-repeat !important; background-size: cover !important;}
#contacto span.mensaje {background: url(images/formulario/mensaje.png) no-repeat !important; background-size: cover !important;}


#contacto select.formintegra,
#contacto input.formintegra,
#contacto textarea.mensaje_integra {
	border-radius: 8px !important;
}
#contacto .enviar {
    /*background: url(images/botones/enviar.png) no-repeat !important;*/
    color: #000 !important;
    height: 70px !important;
    outline: none !important;
    border: 0 !important;
}
footer .list-logos {
    overflow: auto;
    margin-bottom: 15px;
}
footer .list-logos li {
	float: left;
    margin: 5px auto 5px;
    margin-right: 20px;
}
footer .list-logos.cinco li {
	width: 20%;
}
footer .list-logos li a {
    display: block;
    text-align: center;
    line-height: 60px;
    height: 60px;
    margin-top: 10px;
}
footer .list-logos li a img {
	width: auto !important;
    height: 58px;
    vertical-align: middle;
    display: inline !important;
}


footer .box-bg-azul {
    padding: 0 0 10px 0;
}
#contacto .contacto-social {
    text-align: center;
}
footer #contacto ul.social {
    width: initial;
    height: 70px;
    overflow: hidden;
    display: inline-flex;
    max-width: 500px;
    margin: 0 auto;
    /* text-align: center; */
}




@media (min-width: 320px) {
    .box-categorias .box-home {
        height: 170px;
        margin-bottom: 20px;
    }
    .bg-box-chat .box-home-titulos,
    .bg-box-quienes .box-home-titulos {
        top: 15px;
        left: 110px;
    }
    .box-home-titulos {
        font-size: 1.4rem;
    }
    .box-categorias .box-home {
        background-size: contain;
    }
    .bg-box-crianza .box-home-titulos { top: 0; }
    .box-home.bg-box-crianza .box-home-titulos span {
        max-width: 130px;
        display: inline-flex;
        vertical-align: text-bottom;
    }
    .bg-box-quienes .box-home-titulos span {
        display: inline-flex;
        max-width: 100px;
        vertical-align: bottom;
    }
    .bg-box-noticias .box-home-titulos {
        top: 20px;
        left: 0;
    }
    .box-home-text {
        max-width: 230px;
        margin-left: 0;
        font-size: .75rem;
        top: 80px;
        padding: 5px;
        overflow: hidden;
        height: 88px;
    }
    .box-home-text.text-derecho {
        left: 110px;
    }
    footer #contacto ul.social {
        height: 50px;
    }
    #contacto ul.social li {
        margin-right: 15px;
    }
    #contacto ul.social li a {
        width: 50px !important;
        height: 50px !important;
    }

    #contacto ul.social li a .img-responsive {
        padding: 15% 0 0 0;
        max-width: 70%;
        max-height: 100%;
    }
    #contacto .contacto-social {
        margin-right: 15px !important;
    }
    #contacto .contacto-social .ico-twitter img {
        padding-top: 12px !important;
    }
    #contacto .contacto-social .ico-instagram img {
        padding-top: 8px !important;
    }
    #contacto .contacto-social .ico-youtube img {
        padding-top: 15px !important;
    }
    #contacto .enviar {
        margin-left: 0 !important;
    }
    .logo_desktop {
        margin-top: 9px;
        float: none;
        margin-left: 10px;
        max-width: 200px;
        display: inline-flex;
    }
    .logo_desktop img {
        height: 33px;
    }
    .img-fluid {
        max-width: 100%;
    }
    .bg-post-expertos {
        /*background: url(images/bg-title-min.jpg) no-repeat;*/
        background-size: contain;
        height: initial;
    }
    
    .bg-post-expertos h1 {
        background-size: cover;
        font-size: 1.5rem;
    }
    .bg-post-expertos img {
        position: relative;
        bottom: -10px;
    }
    #elipsis .detalle-categoria ul {}
    #elipsis .detalle-categoria .titulo-categoria {
        height: 50px;
    }
    #elipsis .detalle-categoria .titulo-categoria p {
        display: none;
    }
    /* .post_expertos h2 {
        font-size: 18px !important;
    } */
    .banner-accion {
        max-width: 80%;
        margin: 0 auto;
    }
    .tel-mobile {
        display: inline-flex !important;
        vertical-align: top !important;
        margin-top: 5px;
        font-size: 1.5rem !important;
        float: right;
        margin-right: 10px;
    }
    .tel-mobile .glyphicon {}
    .navbar {
        margin-bottom: 10px;
    }
    .navbar-default {
        background-color: white !important;
        border: 0 !important;;
    }
    #menu-menu-principal li {
        display: block;
    }
    

}
@media only screen and (max-width: 480px) {
  
  #contacto ul.social{width: 270px;}
  #contacto ul.social li{margin-right: 15px !important;}

}
@media (min-width: 768px) {
	.offset-md-1 {
	    margin-left: 8.333333%;
	}
	.offset-md-2 {
	    margin-left: 16.666667%;
	}
    .box-categorias .box-home {
        height: 360px;
        margin-bottom: 30px;
    }
    .box-home-text {
        max-width: 490px;
        margin-left: 55px;
        font-size: 1rem;        
        top: 170px;
        height: initial;
    }
    .bg-box-chat .box-home-titulos {
        top: 80px;
        left: 350px;
    }
    .box-home-titulos {
        font-size: 2.4rem;
    }
    .box-home-text.text-derecho {
        left: 250px;
    }
    .bg-box-crianza .box-home-titulos {
        top: 70px;
    }
    .bg-box-quienes .box-home-titulos {
        top: 75px;
        left: 350px;
    }
    .box-home.bg-box-crianza .box-home-titulos span,
    .bg-box-quienes .box-home-titulos span {
        max-width: 600px;
    }
    #contacto .contacto-social .ico-twitter img {
        padding-top: 18px !important;
    }
    #contacto .contacto-social .ico-instagram img {
        padding-top: 10px !important;
    }
    #contacto .contacto-social .ico-youtube img {
        padding-top: 18px !important;
    }
    #elipsis .detalle-categoria .titulo-categoria {
        height: initial;
    }
    #elipsis .detalle-categoria .titulo-categoria p {
        display: block;
    }
    .bg-post-expertos {
        background: url(images/bg-blog.jpg) no-repeat;
        background-size: cover;
        height: 350px;
    }
    .bg-post-expertos h1 {
        font-size: 2.5rem;
    }
    .post_expertos h2 {
        font-size: 25px;
    }
    .banner-accion {
        max-width: 100%;
    }
    .logo_desktop {
        margin-top: 30px;
        display: block;
        float: left;
        max-width: initial;
    }
    .logo_desktop img {
        height: auto;
    }
    #menu-menu-principal li {
        display: inline-flex;
    }
    #contacto .enviar {
        margin-left: 45px !important;
    }
    .videos-rincon article.caja_noticia_verde:nth-child(3n+1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .contenedor_articulos .box_articulo:nth-child(4n+1) {
        clear: both;
    }
    .que_hacer2 .box_articulo .img-categoria {
        height: auto !important;
    }
    .bg-post-expertos h1 {
        padding: 0 50px;
    }
}
button.open_chat {
    bottom: 0px;
    right: 0px;
}
.contenedor_post p img.alignleft {
    float: left;
    width: inherit;
    margin-right: 20px;
}

.contenedor_post p img.alignright {
    float: right;
    width: inherit;
    margin-left: 20px;
}

.wp-pagenavi {
    float: right;
    margin-bottom: 20px;
}
.bg-title{
    font-family: 'Gloria Hallelujah', cursive !important;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size: 35px !important;
    width: 100%;
    padding: 7px;
    margin: 10px auto;
}
.bg-title.red-large {
    background-image: url('../fonoinfancia-child/images/titulos/title-red.png') !important;
    background-size: 100% 70px;
}
.bg-title.blue {
    background-image: url('../fonoinfancia-child/images/titulos/blue.png') !important;
    background-size: 100% 50px;
}
.bg-title.green {
    background-image: url('../fonoinfancia-child/images/titulos/green.png') !important;
    background-size: 100% 50px;
}
.bg-title.light-blue {
    background-image: url('../fonoinfancia-child/images/titulos/light-blue.png') !important;
    background-size: 100% 50px;
}
.bg-title.yellow {
    background-image: url('../fonoinfancia-child/images/titulos/yellow.png') !important;
    background-size: 100% 50px;
}
.bg-title.red {
    background-image: url('../fonoinfancia-child/images/titulos/red.png') !important;
    background-size: 100% 50px;
}
#descargaDocumentos {
    background-color: #efefef;
    padding: 40px;
    margin: 15px auto;
}
#descargaDocumentos .file .details {
    background-color: #e7e7e7;
    padding: 15px;
    border-radius: 5px;
    margin: 10px auto;
}

#descargaDocumentos .file:hover .details {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

#descargaDocumentos .file .details i {
    margin-left: 30px;
    font-size: 20px;
}

#descargaDocumentos .file .details .titleDoc {
    font-size: 20px;
    font-family: "Ruda", sans-serif;
}

#descargaDocumentos .file .details .titleDoc img {
    float: left;
    margin-right: 15px;
    margin-top: -4px;
}

#descargaDocumentos .file .details .filesize {
    font-size: 16px;
    font-family: "Ruda", sans-serif;
    margin-top: 5px;
}

#descargaDocumentos .file .download a {
    font-size: 20px;    
    font-family: "Ruda", sans-serif;
    display: block;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    width: 60%;
    background-color: #00adef;
    border-color: #00adef;
    color: #fff;
    border-radius: 0;
}

#descargaDocumentos .file:hover .download a {
    background-color: #73b72d;
    border-color: #73b72d;
}

.page-template-rincon .head_general{
    margin-bottom: 30px;
}

.page-template-rincon .bg-post-expertos center{
    float: left;
    margin-left: -49px;
}

 /* Small Devices, Tablets */
 @media only screen and (max-width : 768px) {
    .page-template-rincon .bg-post-expertos center{
        float: none;
        margin-left: 0px;
        padding-bottom: 40px;
    }
    .page-template-rincon .bg-post-expertos center h1{
        margin-bottom: 10px;
    }
    .bg-title.red-large {
        font-size: 20px !important;
    }
}

#contacto form {
    margin-top: 24px !important;
}