/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
.retoque{background-position: 50% 74% !important;}
 .retoque2{ background-position: 50% 64% !important;}
 .retoque3{background-position: 50% 222% !important;}
.gris{background-color: #F5F5F5;}
.border0 {border:none;}
.espacio-der{padding-right: 7%;margin-top: -34px;}
.img-tuit{    padding-top: 9px;
    margin-right: 15px;
    margin-left: -5px;}
.tuit{max-width: fit-content;
    margin: 0 auto;}
.boxxer {
  border: 1px dashed #fff;
  position: relative;
  width: fit-content;
  margin: 0 auto;

  
  margin: 20px;
}

.boxxer:before {
  position: absolute;
  background: #8ca202;
  content: '';
  bottom: -10px;
  right: -10px;
  left: -10px;
  top: -10px;
  z-index: -1;
}
.menos{    margin-top: -40px;}
.acordeon{width: 48%;}
.achique{    width: 50%;  float: left;}
.section-title .icon i {
	position: inherit; 
}
.col-sm-4.espacios:hover {
    background-color: #f1f1f1;
}
.espacios{padding: 15px 0 15px 0; text-align: center;}
.testimod .owl-theme .owl-dots .owl-dot span {
    background: black;}
.testimod .owl-theme .owl-dots .owl-dot.active span {
    background: #abc502 !important;}
.blanco{color:white;}
.col-iz{width: 30%;}
.col-der{width: 70%;}
.izq{float: left;}
.der{float: right;}
.twit{    float: left;
    margin-left: 31px;}
.mitad{width: 50%;float: left;}
.mitad.faq{text-align: center;}
.centros{list-style-type:circle; /*margin-left: 32%;*/ margin-left:10%; text-align: left;}
.clear{clear: both;}
			
			#nav > li {
				float:left;
			}
			
		
			#nav li a:hover {
				background-color:#434343;
				color:white;
			}
			
			#nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			#nav li:hover > ul {
				display: grid;
    			text-align: left;
			}
			
			#nav li ul li {
				position:relative;
				padding: 4px 10px 4px 10px;
			}
			
			#nav li ul li ul {
				right:-140px;
				top:0px;
			}
			/**/
			#nav2{background-color: white; opacity: 0.6;}
			#nav2 > li {
				float:left;
			}
			
		
			#nav2 li a:hover {
				background-color:#434343;
			}
			
			#nav2 li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			#nav2 li:hover > ul {
				display:block;
				opacity: 1;
			}
			
			#nav2 li ul li {
				position:relative;
			}
			
			#nav2 li ul li ul {
				right:-140px;
				top:0px;
			}

/*prefooter*/
@media (max-width: 900px){
	#nav li ul {position: relative;}
	.menuzord-menu ul.dropdown{top: 0;}
}
@media (max-width: 800px){
	.mitad {width: 100%;}
}
#botonPrefooter1{
	color: #abc502;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 26px;

}

#botonPrefooter2{
	margin-left: 15px;
	color: #abc502;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 18px;
	padding: 10px 36px;
}
.menuzord-menu:hover > .sub-menu {
    left: auto;
    opacity: 1;
	display: block;}
/**/

/*footer*/


.redesSociales a:hover{
	color: #4f4f4f;
}

.redesSociales a:hover i {
    color: #4f4f4f !important; 
}

.footer a {
    color: #989898 ;
}

.footer p {
    color: #989898 ;
}

.widget .widget-title {
    margin-bottom: 21px;
}

#widget-title_der{
	margin-bottom: 23px ;
}

.widget .post-title a {
    font-size: 12px;
}

.redesSociales{
    border-bottom: 1px dashed #404040;
}

.imagenFooter{
	width:80px;
	height: 55px;
}

.imagenPrefooter{
	/*max-width:200px;
	max-height: 120px;*/
	margin-top: 12px;
	margin-bottom: 50px;
}

.color{
	color: #8ca202;
}

#social{
    margin-bottom: 5px ;
}

/**/

/* header */

.botonHeader{
	font-family: 'Raleway';
    font-size: 13px !important;
    font-weight: 600;
    color: #8ca202;
}

.botonHeader > i{
	padding-right: 10px;
}
.botonHeader > img{
	padding-right: 10px;
}

.botonesHeader{
    margin-bottom: 5px !important;
}

.bg-theme-header{
	background-color: #abc502;
}

.iconosSocial{
	/*padding-right: 18px !important;*/
	padding-right: 10px !important;
	padding-left: 0px !important;
}

.fa-phone{
	padding-right: 10px;
}

.fa-envelope-o{
	padding-right: 10px;
}
.caja2{margin-right: -51%;
    padding: 1px 0 0;
	background-color: white;
	opacity: 0.6;
	}
@media only screen and (max-width: 1200px){
	#listadoHeader {
	    float: none !important;
	    text-align: center;
	}

}
	.menuzord-brand img {
	    max-height: 64px ;
	}

	#menuzord-right{
		padding-bottom: 15px;
	}

	.menuzord-menu{
		padding-top: 20px;
	}

	.menuzord-menu > li {
	    padding-bottom: 0px;
	}

	.header_left{
		float: left !important;
	}

@media only screen and  (max-width: 1199px ){
	.prueba{
		display: none;
	}
}
@media only screen and  (min-width: 1200px ){
	.caja2{margin-top: -5px;}
}

@media only screen and (min-width: 991px) and (max-width: 1200px ){
	#headerRight{
		float: right;
	}
}

.textoHover:hover {
	color: #222222  !important;
}




/*index Seccion 1*/

.saberMas{
	color: #95ac02;
	font-weight: 700;
}

#center{
	text-align: center;
}

.negrita{
	font-weight: 600;
}

/**/

/*index seccion2*/

.h1Seccion2{
	font-size: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#containerSeccion2{
    padding-top: 60px;
    padding-bottom: 0px;
}

#pSeccion2{
	padding-top: 20px;
    padding-bottom: 39px;
    font-family: 'Open Sans';
    font-size: 18px;
}

 .carouselArriba .owl-dots .owl-dot span {
    border: 0px !important;
}

.carouselArriba .owl-dots {
    padding-top: 25px;
    padding-bottom: 62px;
    margin-top: 0px !important;
}

#h4Seccion2{
	margin-bottom: 0px;
}

#spanSeccion2{
	margin-bottom: 95px;

}

/**/

/* index seccion 3*/

.pb-7 {
    padding-bottom: 7px ;
}

.paddingNoticia{
	padding-top: 16px;
}

.h4NoticiaCarousel{
	padding-top: 29px;
}

.noticiaCarousel{
	padding-bottom: 34px;
}

.event-date{
	
	font-family: 'Open Sans';
}

.border-bottom-fecha {
   /* border-bottom: 3px solid #eeeeee !important;*/
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.border-bottom-fecha:after {
    background: #ffff;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 7px;
    position: absolute;
    width: 43px;
}


.font-num{
	font-weight: 800;
	font-size: 45px;
}

.font-fecha{
	font-weight: 700;
	font-size: 26px;
}

.mtMio{
	margin-bottom: 0px;
	padding-top: 15px;
}

.p-fecha{
	padding-left: 15px;
    padding-right: 15px;
    padding-top: 18px;
    padding-bottom: 23px;
}

/**/

/* index seccion 4*/

#pSeccion4{
	font-family: 'Open Sans';
	font-size: 15px;
}

#botonForo{
	font-size: 13px;
    padding: 16px 90px;
    color: #f1f1f1;
    background-color: #9fb731 !important;
    border-color:  #9fb731;
}

#botonForo:hover{
    background-color: #8ca202   !important;
}

/**/

/*****************/
/*QUIENES---SOMOS*/
/*****************/
.funciones-lista{	list-style-type: square;
				    text-align: left;
				    margin: 0 auto;
				    width: 1000px;}

.foto-miembros{    float: left;
    			   margin-right: 40px;}

.lista-miembros{clear: both;
				padding-top: 40px;}

.whatsapp-button{

border: 1px solid #5cbe4a; 
display: inline-block !important; 
position: relative; 
cursor: pointer; 
text-transform: none; 
color: #fff; 
border-radius: 5px; 
background-color: #5cbe4a; 
background-repeat: no-repeat; 
background-position: 5px; 
line-height: 1.2; 
text-decoration: none; 
text-align: left;
padding: 6px 6px 6px 42px;
letter-spacing: .6px;
font-size:16px;
background-image: url("/images/whatsapp-share-icon.png");
}
#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
    margin: 0 auto;
}

/**********************/
/*PREGUNTAS FRECUENTES*/
/**********************/
.lista-tratamientos{margin: 0 auto;
    text-align: left;
    width: 247px;
    list-style-type: initial;
}

/*.centro-test{    margin-left: 16%;}*/
.imagen-test{ float: left;  padding-top: 40px;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15
{
  position: relative;
  min-height: 1px; 
}
.col-xs-15
{
  width: 20%;
  float: left;
}
/*.col-md-15{ margin-left: -252px;}*/
@media (min-width: 768px)
{
  .col-sm-15
  {
    width: 20%;
    float: left;
    
  }
 /* .col-md-15{margin-left: -243px;}*/
}
@media (min-width: 992px)
{
  .col-md-15
  {
    width: 20%;
    float: left;
    margin-left: 0;

  }
}
@media (min-width: 1200px)
{
  .col-lg-15
  {
    width: 20%;
    float: left;
  }
	.col-prefooter {width:14.25%;}
}
@media (max-width: 1199px)
{
	.col-prefooter {text-align: center}
}


.contact-msg {text-align: center; font-weight: bold; color:#abc502;}
.contact-msg.rojo {color:red;}
.estatut {font-weight: bold;}
.estatut:hover {color:#555 !important;}
/* imágenes wordpress */
.wp-image-2880 {width:100%;}