﻿@media (max-width: 425px) {
	#grafica_mobile{
		display: block;
	}
	#grafica_desktop{
		display:none;
	}
}

@media (min-width: 426px) {
	#grafica_desktop{
		display:block;
	}
	#grafica_mobile{
		display:none;
	}
}


/* BOTONES AMARILLOS */

.home-hero .hero-content .uk-button.hero-button, .solicitar-cita .cita-button a.uk-button, .uk-button.ghost, a.uk-button.pre-diagnostico, a.uk-button.solicitar-cita{

	background-color:#FFBC42;

	color:#333;

	font-weight:600;

	border:none;

	box-shadow:  0 2px 4px 0 rgba(0,0,0,0.5);

	padding-top:15px!important;

	padding-bottom:15px!important;

	font-size:20px;

}

.home-hero .hero-content .uk-button.hero-button i, .solicitar-cita .cita-button a.uk-button i, .uk-button.ghost i, a.uk-button.pre-diagnostico i, a.uk-button.solicitar-cita i{ color:#333; }

.home-hero .hero-content .uk-button.hero-button i, .solicitar-cita .cita-button a.uk-button i, .solicitar-cita .cita-button a.uk-button:hover i, .solicitar-cita .cita-button a.uk-button:hover, a.uk-button.solicitar-cita i, a.uk-button.solicitar-cita:hover i{ color:#333; }

a.uk-button.solicitar-cita i{ font-size:19px; }

.home-hero .hero-content .uk-button.hero-button:hover, .solicitar-cita .cita-button a.uk-button:hover, .uk-button.ghost:hover, a.uk-button.pre-diagnostico:hover, a.uk-button.solicitar-cita:hover{

	background-color:#ffc966!important;

	color:#333!important;

}

a.information:before{

	background:none;

	width:0;

	height:0;

}

a.information, .fixed-bottom a.information{ margin-left:0; font-family: 'museo_sans300',"Helvetica Neue",Helvetica,Arial,sans-serif; text-decoration: none; display: block; margin: 0; padding: 8px 16px; }

/* NUEVOS BOTONES LILAS */

.solicitar-cita .cita-button a.uk-button, .uk-button.hero-button.hero-button-cita{
	background-color: #a60077 !important;
	color: #fff !important;
}

.uk-icon.uk-icon-calendar{
	color: #fff !important;
}

.solicitar-cita .cita-button a.uk-button:hover, a.uk-button.hero-button.hero-button-cita.lila-btn:hover, a.uk-button.pre-diagnostico.btn-lila-stk:hover{
	background-color: #a60077ad !important;
	color: #fff !important;
}

a.uk-button.pre-diagnostico.btn-lila-stk{
	padding-bottom: 12px !important;
    padding-top: 10px !important;
	background-color: #a60077 !important;
	color: #fff !important;
}

.uk-icon.uk-icon-calendar.btn-cal{
	top:-1px;
}
/* FINAL NUEVOS BOTONES LILAS */

/* FIN BOTONES AMARILLOS */
.home-hero .hero-button-pred, .home-hero .hero-button-cita{ width: 100%!important; max-width: 400px; }
.home-hero .hero-button-cita{ margin-top:0!important; }
.home-hero .hero-button-cita i{ vertical-align: top; margin-top: -6px; }
.page-template-front-page .home-hero .after-button, .page-template-page-landing .home-hero .hero-button-cita{ display:none; }
@media only screen and (max-width: 767px){
	a.uk-button.hero-button {
    display: block;
    width: 100%;
	max-width: initial;
	}
}





/* ACCORDION TRATAMIENTOS Y SOLUCIÓN */

.eu-ac-tratamiento H3.uk-accordion-title{ font-size:28px; border-bottom: solid thin #A7A7A7; padding-bottom: 16px; }

.eu-ac-tratamiento H3.uk-accordion-title.uk-active{ border:none; }

.eu-ac-tratamiento div.uk-accordion-content.uk-active{ border-bottom: solid thin #A7A7A7; }

/* FIN ACCORDION TRATAMIENTOS Y SOLUCIÓN */



/*correcctiones*/

.tm-footer{ background-color:transparent!important; }

li.llamanos{ display:none; }

.lang-selection a, .lang-selection a:hover{ text-decoration:none; }

.top-header-bar .lang-selection .active i.uk-icon-chevron-down{ margin-left:0; }

header.tm-header > div.uk-container{ padding: 0; }

.uk-modal-dialog a.uk-modal-close.uk-close{ background-color: #a60077 !important; }

.situacion a.uk-button.button-icon { width: 100%; } /*home buttons*/

/* menú idioma */

.lang-selection .active span{ display:none; }

/* Tamaño de fuente del submenú */

.menu-mobile-navigation-menu-container ul.menu li .sub-menu li.title { font-size:20px; }

.uk-accordion-title{ font-size:18px; }

.uk-accordion-title:not(.uk-button){ background-color:transparent; }

.tm-site-branding  h1{ color:#444; font-family: 'museo_sans500', "Helvetica Neue", Helvetica, Arial, sans-serif; }

.solicitar-cita .cita-text .text{ max-width:none; }

.page-template-front-page .home-hero .hero-content .title{ font-size: 38px; line-height: 1.2em; margin-bottom: 0; }

.uk-close:after{ color:#FFF; }

.conoce-eugin .uk-panel a.uk-button, .opinion .uk-panel a.uk-button{ width:100%; }

/* margin top sidebar */

.uk-sticky p:first-of-type {

    margin-top: 16px;

}

.textwidget .uk-sticky{ z-index: 9; } /* correccion z-index por el menu fijado */



/* botones solución */

.btn-tratamiento i, .information i{ top: 0; }

/* botons disabled */

.uk-button:disabled{ background-color:#FB0072!important; }







/* menu principal */

.ubermenu-submenu li.menu-subtitle a span, .ubermenu-submenu li.menu-subtitle a:hover span{

	color: #979797;

	font-size:18px;

}

li.ubermenu-item > span{ border: 2px solid #fff !important; }

li.ubermenu-item > span:hover, .ubermenu-nav .ubermenu-item.ubermenu-active > span{ border-color:#CCC!important; border-bottom-color:#FFF!important; }



.big-footer-menu a.title:hover, .big-footer-menu .muted-text a:hover, .big-footer-menu h5 a:hover{ cursor:default; }



.uk-button:active, .uk-button.uk-active{    background-color: #FB0072;

    border-color: #FB0072;

    color: #fff;}



/* global styling ########################################################### */

em { color: inherit; }

a, a:hover { text-decoration: underline; }

a.eu-boton-situaciones{

	display: block;

    padding: 0 1em 1em;

    text-align: left;

    line-height: 1.3em;

	height:100%;

}

a > i{ margin:0 0.5em 0 0; }

.text-lila{ color:#970074; }

.eu-button{ padding:0.75em; }

.grisblau{ color:#aaa9cd; } /*para los destacados de cabecera de pagina*/

hr.fine{ height:1px; margin: 24px 0;}

.ultima_modificacion{     margin-top: 3em; }

.destacado{ /*bloques de texto destacados*/

	background-color:#F2E8F1;

	color:#970074;

	padding:1em;

	margin-bottom: 1em; 

}

.destacado *:first-child {

    margin-top: 0;

}

.destacado *:last-child {

    margin-bottom: 0;

}

.destacado .porcentaje{

	font-size: 4em;

    font-weight: 600;

    color: #444;

    line-height: 1em;

}

.right-content ul{     padding-left: 16px; }

.right-content ul li{

	list-style:none;

	padding-left:0;

	margin: 8px 0;

}

.right-content ul li a{

	text-decoration:none;

}

.basic-page h1{

	max-width: 850px;

}

.uk-width-1-1>h3{ margin-top: 1em; }

.eu-emptyspace1{ height:1em; }

.eu-emptyspace2{ height:2em; }

.eu-emptyspace3{ height:3em; }

ul.uk-slideshow li{ margin:0; padding:0; list-style:none; }

/* go to top div */
.goto-top-div{ text-align:right; margin-top: 16px; }
.goto-top-div a i{ margin-right:8px; }
/* intertext buttons */
.intertext-buttons{ display:none; }
@media only screen and (max-width: 767px){
	.intertext-buttons{ display:block; }
	.intertext-buttons{ text-align:center; }
	.intertext-buttons p{ margin-top:2em; }
	.intertext-buttons a{ max-width:314px; }
}

/*page list back*/

.page-list-back{ text-align:right; }

.page-list-back a i{ margin-left: 0.5em; }

/* page faqs */
#faq > div{ border-bottom: solid thin #ccc; margin-bottom: 32px; }
#faq div h2{ font-size:1.2em; margin-bottom:0; }
#faq div p{ font-size:1.2em; margin-top:0; }


/* Pagina sellos calidad */

.sellos-list img {

    /*max-width: 100px;*/

    display: block;

    margin: 1.5em auto;

}

.sellos-list hr{

	height: 1px;

    background: #ccc;

    margin: 1em 0 2em;

}

.line-break{ display:block; }

main.tm-main.uk-block{ padding-bottom:0; }

footer.tm-footer.uk-block{ padding-top:0; }

#solicitar-cita-footer hr{ margin: 0 0 16px; }

#solicitar-cita-footer{ margin:32px 0; }

.page-template-page-formularios #solicitar-cita-footer{ display:none; }


/* fertilidad360tips */
#fertilidad360tips{ border-bottom: solid 4px #F2E8F1; }
/*#fertilidad360tips p{ margin-left:16px; }*/
#fertilidad360tips > .destacado{ font-size:1.2em; margin-left:0; }
#fertilidad360tips .destacado{ padding:16px; }
#fertilidad360tips h4{ margin-bottom: 0; font-size:1.2em; }
#fertilidad360tips ul{ padding-left:0; }
#fertilidad360tips ul, #fertilidad360tips li:first-of-type{ margin-top:0; }
#fertilidad360tips ul li{ list-style:none; }
#fertilidad360tips ul li i{ color:#970074; margin-right: 16px; float: left; margin-bottom: 16px; clear: both; margin-top: 4px; } 
/* fin fertilidad360tips */



/*footer*/

.footer-menu a, .big-footer-menu a{ text-decoration:none; }

.big-footer-menu a {

    display: block;

    margin-bottom: 1em;

}



/*bloques contenido*/

.home-hero{ background-position:center!important; min-height: 400px; }

.home-hero .hero-content{ width:480px; }

.eu-grid-boxed{ /*corrección margen izquierdo caja con color de fondo o con iframe*/

	margin-left:0px;

}

.blocs .uk-width-medium-1-2>*:first-child, .blocs .uk-width-medium-1-3>*:first-child, .blocs .uk-width-medium-2-3>*:first-child,.page-template-front-page .blocs .uk-width-medium-1-1>*:first-child {

    border-top: solid thin #cccccc;

	padding-top: 1em;

}

.blocs .uk-width-medium-1-2, .blocs .uk-width-medium-1-3, .blocs .uk-width-medium-2-3, .blocs .uk-width-medium-1-1 {

	margin-bottom: 32px;

}

.blocs .uk-width-medium-1-2>h3, .blocs .uk-width-medium-1-3>h3, .blocs .uk-width-medium-2-3>h3 {

    font-size: 18px;

    color: #979797;

    margin-bottom: 0;

	line-height: 1.5em;

}

.blocs .uk-width-medium-1-2>h4, .blocs .uk-width-medium-1-3>h4, .blocs .uk-width-medium-2-3>h4 {

    margin-top: 0;

}



/*calculadora financiación*/

#calculadora-financiacion{ background-color:#F2E8F1; padding:1em; }

@media only screen and (max-width: 422px){

#calculadora-financiacion input{ margin-bottom:1em; }

}



/*calculadora fertilidad*/

#calculadora-fertilidad{ background-color:#F2E8F1; padding:1em; margin:1em 0; text-align:center; }

#calculadora-fertilidad input{ text-align:center; }



table{ margin-bottom:0.5em; }

th, td{ width:25%; padding:0.5em; text-align:center; }

.horarios th, .horarios td{ width:50%; padding: 0.25em 0.5em; }

th{ background-color:#F2E8F1; word-break: break-all; }

table tr td:first-child{ text-align: left; }

@media only screen and (max-width: 422px){

#calculadora-fertilidad input{ margin-bottom:1em; }

}



/*google maps 100% width*/

.google-maps-wrapper {

	position: relative;

	padding-bottom: 35%; /* aspect ratio */

	height: 0;

	overflow: hidden;

	margin-bottom: 1em;

}

.google-maps-wrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100% !important;

	height: 100% !important;

}

/*video 100% width*/

.video_wrapper{

	position:relative;

	padding-top:56.25%;

}

.video_wrapper iframe{

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    margin: 0;

    top: 0;

    left: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

/* uk-slideshow */

.uk-slidenav-position .uk-slidenav{ display:block; }

.uk-slidenav-contrast, .uk-slidenav-contrast:hover, .uk-slidenav-contrast:focus{ color:#A60077; }

.uk-slidenav-next:before, .uk-slidenav-previous:before{ font-weight:bold; }

a.uk-slidenav.uk-slidenav-contrast{ text-decoration:none; }

.uk-slidenav-position .uk-slidenav-previous{ left:0; }

.uk-slidenav-position .uk-slidenav-next{ right:0; }

ul.eu-slidernav li{ list-style:none; cursor:pointer; margin:0; }

ul.eu-slidernav li img{ width:88px; height:auto; }



/*pagina opiniones*/

.eu-opiniones-item img {

    float: right;

    border-radius: 50%;

}

.eu-opiniones-item p {

    padding-bottom: 2em;

    border-top: solid 2px #970074;

    margin-top: 1em;

    padding-top: 0.5em;

	font-style: italic;

	padding-left:0.5em;

}

/* tratamientos */

.uk-tab a{ text-decoration:none; }

.page-template .right-content a.btn-tratamiento, .page-template .right-content a.information{ display:none; }

.page-solucion .right-content a.pre-diagnostico, .page-solucion .right-content a.solicitar-cita{ display:none; }

.page-solucion .right-content ul{ margin: 0 0 25px 16px!important; }

.peso-pdf{ color:#979797; }



/* equipo */

ul.departamentos li a{ text-decoration:none; }

.list-equipe{ margin-left:-30px; }

.list-equipe > div{ margin-bottom:1em; line-height: 1.25em; }

.list-equipe div > img{ border-bottom: solid 4px #a60077; margin-bottom: 0.25em; }

.list-equipe > div em{ color: #979797; }

.list-equipe > div p{ margin:0; }

.eu-button i.uk-icon-file{ margin-right: 0.5em; top: 0; }

/* equipo modena */

.equipe-modena h4{ border-bottom: solid 1px #a60077; color: #a60077; }

.equipe-modena .list-equipe{ margin-top:0; margin-bottom:0; }

.equipe-modena .dietetica-y-nutricion, .equipe-modena .psicologia{ display:none; }



/* prehomes */

.pre-home div.title{

	background-color:#a60077;

	color:#fff;

	margin-bottom: 0!important;

	padding:16px;

}

.pre-home div.after-button{

	background-color:#fff;

	max-width: 100%!important;

	padding:16px;

}



/* misión, visión y valores */

p.valores .primer{

	font-size: 26px;

    font-weight: 400;

}

p.valores .segon{

	font-size: 22px;

}

/* NUEVOS ICONOS EN LA HOME */
.figure-men{
  background-image: url("https://cdn.eugin.es/wp-content/themes/eugyn/assets/img/man-1.png");
  background-repeat: no-repeat;
  padding-top: 110px;
  background-position-x: center;
  cursor: pointer;
}

.figure-men:hover{
  background-image: url("https://cdn.eugin.es/wp-content/themes/eugyn/assets/img/man-2.png");
}

.figure-women-alone{
  background-image: url("https://cdn.eugin.es/wp-content/themes/eugyn/assets/img/woman-2-1.png");
  background-repeat: no-repeat;
  padding-top: 110px;
  background-position-x: center;
  cursor: pointer;
}

.figure-women-alone:hover{
  background-image: url("https://cdn.eugin.es/wp-content/themes/eugyn/assets/img/woman-2.png");
}

.figure-women{
  background-image: url("https://cdn.eugin.es/wp-content/themes/eugyn/assets/img/pareja-fem-2.png");
  background-repeat: no-repeat;
  padding-top: 110px;
  background-position-x: center;
  cursor: pointer;
}

.figure-women:hover{
  background-image: url("https://cdn.eugin.es/wp-content/themes/eugyn/assets/img/pareja-fem-3.png");
}

.link-prediagnostico:hover{
  text-decoration: none;
}

.text-center{
  text-align: center;
  color: #6c757d;
}

.div-prediagnostico-home{
  margin-top: 40px;
}

.link-prediagnostico{
  text-decoration: none;
}

/* RESPONSIVE ###################################### */

@media only screen and (max-width: 959px){

.mobile-menu-toggle, .mobile-menu-toggle:hover{ text-decoration:none; }

.tm-site-branding .site-description{ display:none; }

.tm-site-branding a img{ margin-left:1em; }



/* correcciones usabilidad 3/7/2017 */

#cookie-law-info-bar{ width: 70%; margin: 0px 15%; }

main.tm-main.uk-block{ padding-bottom:0; }

footer.tm-footer.uk-block{ padding-top:0; }

#solicitar-cita-footer hr{ margin: 0 0 16px; }

}

@media only screen and (max-width: 767px){

.eu-mobile-none{ display:none; }



.page-template-front-page .home-hero .hero-content .title{ font-size: 26px;}



.basic-page-header{ background-size: 80px auto; background-position:100% 0; }

.basic-page-header h1{ margin-right:80px; }

.basic-page-header h3.subtitle{ font-size: 18px; line-height:26px; margin-right:0px!important; }

.basic-page h1{ font-size: 28px; }

.basic-page h3{ font-size: 22px; }

.basic-page h4{ font-size: 18px; }



.uk-grid > * { margin-bottom:1em; }

.uk-grid a.eu-boton-situaciones{

	margin-bottom:1em;

}

a.eu-boton-situaciones img{

	float: left;

    margin: 0 1em 0 0;

}

.home-hero .hero-content{ width: 100%; }



.uk-button i{ display:none; }

form .uk-button i{ display:block; }

}

@media only screen and (max-width: 425px){

.home-hero .hero-content .uk-button.hero-button {

	width: 100%;

}

}