@font-face {
    font-family: "modernline-webfont";
    src: url("../font/modernline-webfont.woff2") format("woff2"),
        url("../font/modernline-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "imprima-Regular";
    src: url("../font/Imprima-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ArchitectsDaughter-Regular";
    src: url("../font/ArchitectsDaughter-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@media screen and (min-width:971px){
    header-nav{display: inline-block}
}
/***** RESET *****/
/**/
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
        box-sizing: border-box;
}
html{
    background-color: #ffffff;
    font-family: Vegur, 'PT Sans', Verdana, sans-serif;
    color: #4b4b4b;    

}
body{
    height: 100%;
    text-align: justify;
}
a:visited,a:link{
    color: #4b4b4b;
}
p{
    line-height: 25px;  
}
/***** GENERAL *****/
/**/
h2{
    text-align: center;
    padding-bottom: 30px;
    font-weight: 500;
    border-top: 1px solid rgba(34,138,127,0.5);
    border-bottom: 1px solid rgba(34,138,127,0.5);
    padding: 10px;
    margin: auto;
    width: 70%;
    line-height: 27px
}
p, li, a, textArea, input{font-size: 15px;}
h3{font-size: 17px;}
h4{font-size: 16px;}
.bloqueUno{
    margin: 80px 0 0;
    text-align: center;
    padding: 80px 0 80px;
    width: 100%;    
    background-size: cover;     
}
.botones{
    width: 35%;
    margin: 10px 32.5%;
    background-color: rgba(34,138,127,0.3);
    border-bottom: #218479 1px solid;
    border-right: #218479 1px solid;  
}
.botones:hover{
    transition: 0.5s ease-in-out;
    background-color: rgba(180,180,180,0.4);
    border-bottom: rgba(180,180,180,0.9) 1px solid;
    border-right: rgba(180,180,180,0.9) 1px solid; 
}
.botones div{
    display: none;
    background-color: white;
    border-radius: 8px;   
}
.fondoProcesoIndex{
    background-color: #F1F1F1;
}
.fondoDudasIndex{
    background: url(../img/fondoDudasIndex.jpg) center center no-repeat;
    background-size: cover;    
}
.fondoDudas{
    background: url(../img/preguntaFondo.jpg) center center no-repeat;
    background-size: cover;
}
/*i{padding-right: 15px;}*/
/***** HEADER *****/
/**/
header{
    display: inline-block;
    position: fixed;    
    width: 100%;
    top: 0;
    z-index: 3;
    background-color: #ffffff;
    border-bottom: solid 1px rgba(34,128,127,0.4);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;       
}
.header-menu{
    display: inline-block;    
    height: 80px;
}
.header-logo{
    position: absolute;
    width: 30%;
    height: 79px; 
}
.header-logo a{
    background: url(../img/logoHeader.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    margin: 0 0 0 10%;
    padding: 0 125px;
    width: 30%;
    height: 79px;
}
#menu{display: inline-block;}
.header-nav{
    margin-top: 30px;
    float: right;
    overflow: hidden;
    position: absolute;
    right: 20px;
    z-index: 2
}
.header-nav li{
    display: inline-block;
}
.header-nav li a{
    font-size: 12px;
    float: left;
    padding: 0 15px;
    display: inline-block;
    float: right; 
}
.header-nav a{
    color: #4b4b4b;
}
.header-nav a:hover{
    color: #228A7F;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;   
}
#btn_menu{
    float: right;
    width: 30px;
    height: 30px;
    display: none;
    background: url(../img/icon-menu.png) no-repeat center;  
    background-size: 30px;   
    padding-right: 100px;
    padding-top: 75px;
}
#mascara{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.6);
    display: none;
}
.activo{
    background: #fff176;
    color:#222;
}
/***** BODY *****/
/**/
.home-content{
    margin-top: 80px;
    height: 470px;
    position: relative;
    border: 6px solid #228A7F;  
    overflow: hidden;    
    width: 100%;
    display: inline-block;     
}
.slideshow-container div{
    height: 100%;
    position: absolute;
    z-index: 1;
}
.mySlides{
    display: none;
    width: 100%;   
}   
.mySlides:nth-of-type(1){
    background: url(../img/logoPortada.jpg) center center no-repeat;
    background-size: contain;  
} 
.mySlides:nth-of-type(2){
    background: url(../img/montanaRelax.jpg) center center no-repeat;
    background-size: cover;  
} 
.mySlides:nth-of-type(3){
    background: url(../img/faro1.jpg) center center no-repeat;
    background-size: cover;  
} 
.mySlides:nth-of-type(2) p{
    margin: 20px 10% 0 10%;
    text-align: center;
    padding: 15px;
    background-color: rgba(34,138,127,0.5);
    border-radius: 5px;    
}
.mySlides:nth-of-type(3) p{
    margin: 20px 10% 0 10%;
    text-align: center;
    padding: 15px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  z-index: 2;
  position: relative;
  top: 660px;
}
.active {
    background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 3.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/*******************/
.seccionPrimera{
    padding: 0 15% 80px;
    overflow: hidden;
}
.seccionPrimera article{
    display: inline-block;
    width: 33.33%;
    height: 30%;
    float: left;
    padding: 4% 2%;  
    justify-content: flex-start  
}
.seccionPrimera article div{ 
    background-color: #F1F1F1;
    padding: 15px 8%; 
    text-align: center;
    height: 380px;
}
.seccionPrimera article div:first-child{   
    width: 100%;
    height: 180px;
    background-color: white;
    border: 2px solid #F1F1F1;
}
.iconoMetodo{   
    background: url(../img/circulos2.jpg) center center no-repeat;
    background-size: contain; 
}
.iconoImplicacion{   
    background: url(../img/heart2.jpg) center center no-repeat;
    background-size: contain; 
}
.iconoEtica{   
    background: url(../img/target4.jpg) center center no-repeat;
    background-size: contain; 
}
.seccionPrimera div h4{
    color: #228A7F;
    text-align: center;
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
}
.seccionPrimera div p{
    line-height: 25px;    
}
/*********************************************/
.intro{
    display: inline-block;
    width: 100%; 
    padding: 50px 15%; 
}
.intro h3{
    line-height: 25px;
}
.intro p{
    display: inline-block;
    line-height: 25px;
}
.seccionSegunda{
    display: inline-block;
    width: 100%;   
}
.seccionSegunda div{
    padding: 80px 15%;   
    background-color: rgba(255, 255, 255,0.5);
}
.seccionSegunda div h2{
    border-top: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(255,255,255,1);
}
.seccionSegunda p{
    margin: 50px 0 40px;
    display: inline-block;
    line-height: 25px;
}
.seccionSegunda span{
     color: #228A7F;
     font-weight: bold;
}
.fondoComoTrabajo{
    background: url(../img/hojasTurquesa.jpg) center center no-repeat;
}

/*********************************************/
.seccionTercera{
    display: inline-block;
    width: 100%;  
    padding: 40px 15% 0; 
}
.seccionTercera article{
    display: inline-block;
    width: 100%;  
    overflow: hidden
}
.seccionTercera article div{
    float: left;
    display: inline-block;
    width: 33.33%;
    margin: 50px 0 40px;
    padding: 15px 3%;  
}
.seccionTercera div h4{
    color: #228A7F;
    text-align: center;
    padding-bottom: 15px;
    font-size: 17px;
}
.seccionTercera article div p{
    text-align: center;
    line-height: 25px;
}
/*********************************************/
.seccionProblemasIndex{    
    width: 100%;  
    padding: 50px 15% 40px; 
    background: url(../img/fondoDudas2.jpg)
}
.seccionProblemasIndex h2{
    border-color: #FFFFFF;
}
.seccionProblemasIndex article{
    padding-top: 50px;
}
.seccionProblemasIndex div{
    text-align: center;
    margin-top: 40px;
}
.seccionProblemasIndex ul li{
   border: 1px solid #CECECE; 
   display: inline-block;
   width: 18%;
   padding: 15px 8px;
   margin: 20px 10px;
   background-color: rgba(255,255,255,0.7);
}
.seccionProblemasIndex ul li:hover{
   transition: 0.5s ease-in-out;
   background-color: rgba(255,255,255,1); 
   border-color: #BBBBBB;    
}
.seccionCuarta{
    display: inline-block;
    width: 100%;
    padding: 40px 15%;  
}
.seccionCuarta article{
    padding: 40px 0;  
}
.seccionCuarta article div{
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px; 
}
.seccionCuarta article h4{
    cursor: pointer;
    color: #228A7F;
    text-align: center;
    font-weight: 400;
}
.seccionCuarta p{
    text-align: justify;
    line-height: 25px;    
}
.dudas p:nth-of-type(1),.dudas p:nth-of-type(2){text-align: center}
.seccionCuarta h2{
    margin-bottom: 60px; 
}
.seccionCuarta div.botonMasInfo{
    width: 18%;
    margin: 0 41%;
}
/*********************************************/
.seccionQuinta{
    display: inline-block; 
    width: 100%;
}
.seccionQuinta p{
    text-align: center;
    margin: 40px 0 25px;
}
.seccionQuinta h4{
    text-align: center;
    margin-bottom: 25px;
}
.seccionQuinta h4:nth-of-type(1){
    color: #218479
}
.seccionQuinta article{
    padding: 80px 15%;  
    background: url(../img/telefonoRojo2.jpg) center center no-repeat;
    background-size: cover;
}
div.formulario{
    background-color: rgba(255, 255, 255,0.6);
    width: 70%;
    margin-left: 15%;
    padding: 50px 5%;
    border-radius: 5px;
}
.formulario input, textArea{
    padding: 8px;
    margin-top: 5px;
    width: 100%;
    font-family: Vegur, 'PT Sans', Verdana, sans-serif;
    color: #4b4b4b;  
    border: #ffffff 1px solid;
    border-radius: 5px;
}
.formulario input[type="text"]:hover, input[type="phone"]:hover, input[type="email"]:hover, textArea:hover{
    border: #228A7F 1px solid;
    transition: ease-in-out 0.3s;
}
.formulario input[type="submit"]{
    width: 30%;
    margin-left: 35%;
    border-radius: 5px;
    border: rgba(34,138,127,0.8) 1px solid;
    background-color: rgba(255,255,255,0.8);
    cursor: pointer;
}
.formulario input[type="submit"]:hover{
    border: rgba(34,138,127,0.8) 1px solid;
    transition: ease-in-out 0.4s;
    background-color: rgba(34,138,127,0.8)
}
.formulario p,
.infoContacto p{
    width: 100%;
}
.checkbox{
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-left: 10%;
    position: relative;
    height: 70px;    
} 
.checkbox input{
    display: inline-block;
    position: absolute;
    right: 102%;
    padding-bottom: 10px;
    width: 15px;
}
.checkbox div{
    display: inline-block;
    position: absolute;
    font-size: 14px
}
.checkbox div b{
    color: #228A7F;

}
.mensajeForm{
        font-weight: 800;
    color: #218479
}
/***** SOBRE MI *****/
/**/
.contentAbout{
    background-image: url(../img/hojasFondo4.jpg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-size: contain;
    display: inline-block;
    width: 100%;
    margin-top: 80px;
    padding: 80px 0 0;
}
.aboutme{
    display: table;
    height: 400px;
    width: 70%;
    position: relative;
    margin:  0 15%;
    border: 1px solid #228A7F;
    border-radius: 10px;
}
.fotoPerfil{
    width: 40%;
    display: table-cell;
    background: url(../img/fotoPerfil2.jpg)  center center  no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.info{
    width: 60%;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
}
.info h3{
    color: #228A7F;
    font-family: 'modernline-webfont';
    font-size: 28px;
}
/*********************************************/
.aboutDesc{
    position: relative;
    display: inline-block;
    background-image: url(../img/hojaAzul2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
.aboutDesc div{
    height: 380px;
    text-align: justify;
    display: table-cell;
    padding: 80px 25%;
    background-color: rgba(250,250,250,0.1);
    vertical-align: middle;
}
.aboutDesc h4{
    line-height: 20px;
    font-weight: 400;
}
.aboutDesc span{
    font-weight: bold;
}
/*********************************************/
.aboutMore{
    background: url(../img/pattern.jpg) center center no-repeat;
    width: 100%;   
}
.aboutMore article{
    width: 100%;
    background-color: rgba(255, 255, 255,0.7);
    overflow: hidden;
    position: relative;
    padding: 80px 15%;
}
.aboutMore span{
    font-weight: 500;
    color: #228A7F;
    font-weight: bold;
}
.descContent{
    width: 100%;
    padding: 60px 0;
    overflow: hidden;
}
.textDesc{
    float: left;
    /*width: 50%;*/
    width: 100%;
    padding-right: 2.5%;
}
/*.aboutVideo{
    float: right;
    padding-left: 2.5%;
    width: 50%
}
.aboutVideo iframe{
    padding-top: auto;
}*/
/*********************************************/
.aboutExperience{
    background: url(../img/pattern.jpg) center center no-repeat;
    background-size: cover;
}
.aboutExperience article{
    padding: 80px 15%;  
    overflow: hidden;
    background-color: rgba(36,141,130,0.7);
}
.aboutExperience h2{
    border-top: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(255,255,255,1);
}
.aboutExperience div{
    width: 50%; 
    float: left;    
    display: inline-block;    
    padding: 50px 2% 15px;
}
.aboutExperience h3{
    color: #228A7F;
    color: #ffffff;
    padding-bottom: 20px; 
}
.aboutExperience h4{
    padding-bottom: 15px; 
}
.aboutExperience li{
    padding-bottom: 15px;
    list-style: outside;
    
}.aboutExperience li span{
    font-weight: bold; 
}
/*********************************************/
.aboutEssential{
    width: 100%;
    background: url(../img/arboles5.jpg) center center no-repeat;
    background-size: cover;     
}
.aboutEssential article{
    background-color: rgba(255,255,255,0.5);
    padding: 80px 15%; 
}
.aboutEssential h3{
    color: #228A7F;
    padding-bottom: 20px; 
    text-align: center;
}
.essentialsDesc{
    padding: 50px 0;
    text-align: justify;
}
.essentialsType{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
}
.essentialsType div{
    float: left;
    width: 33%;
    height: 390px;
    margin-left: 0.5%;
    margin-bottom: 20px;
    padding: 15px 3%; 
    background-color: rgba(255,255,255,0.8);
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    
}
.essentialsType div h4{
    color: #228A7F;
    text-align: center;
    padding-bottom: 15px;
    font-weight: 400;
}
.essentialsType div p{
    text-align: center;
    line-height: 25px;
}
.essentialsType div:nth-child(1){
    margin: 0;
}
.essentialsType div:nth-child(4){
    text-align: center;
    margin-left: 17%
}

/***** TARIFAS*****/
/**/
.tarifas{  
    background: url(../img/hojasTarifa.jpg) center center no-repeat;
    background-size: cover;     
}
.tarifas h2{
    border-color: #FFFFFF;
}
.tarifas article span{
    font-size: 12px;
}
.tarjeta{
    height: 100%;
    margin: 30px 0;
    width: 20%; 
    position: relative;
    display:inline-block;
    vertical-align: middle;
}
.tarjeta div:nth-child(1){
    background-color: rgba(36,141,130,0.5);
}
.tarjeta div:nth-child(2){
    background-color: rgba(255,255,255,0.5);       
    border: 1px solid rgba(36,141,130,0.5);
}
.tarjeta:nth-of-type(2) div:nth-child(2) p{
    padding: 28px 1%;
}
.tarjeta div:nth-child(1) h4{
    padding: 3%;
}
.tarjeta div:nth-child(2) p{
    display: inline-block;
    padding: 43px 1%;
    height: 150px;
}

/****************************************/
.infoTarifas{
    display: inline-block;
    width: 100%;  
    text-align: center;
    margin-top: 20px;
}
.infoTarifas div{
    width: 20%;
    height: 200px;
    display: inline-block;
    background-color: #228A7F;
}
.condiciones{
    display: inline-block;   
    padding: 80px 15% 80px;
    line-height: 25px;   
    text-align: justify;
}
/******************************/
.contactoTarifa{
    padding: 80px 0 50px;
    background: url(../img/telefonosNegros2.jpg) center center no-repeat;
    background-size: cover;   
}
.contactoTarifa h2{
    border-color: white;
}
.contactoTarifa article{
    padding: 0 12%;  
}
.contactoTarifa h4{
    padding: 20px 0 40px;
    text-align: center;
}
.contactoTarifa h3{
    text-align: center;
    color: white
}
.contactoTarifa p:nth-of-type(1){ 
   padding: 20px 0 20px;
   text-align: justify;
}
.contacto i.iconFacebook, i.iconInstagram{    
    height: 19px;
    padding-left: 10px;

}
/***** TERAPIAS *****/
/**/
.terapia{    
    background: url(../img/patternWhite2.jpg) center center no-repeat;
    background-size: cover;
}
.terapia h2{
    border-color: white;
}
.terapia div{
    width: 80%;
    padding: 50px 5%;
    display: inline-block;
    text-align: justify;
}
.terapia div p span{
    color:white;
    font-weight: 800;
}
.listaTerapia{
    padding: 80px 20% 10px;    
}
.listaTerapia ul{
    text-align: left;
    padding: 50px 0;
}
.listaTerapia li{
    margin-bottom: 10px;
    list-style-type: disc;
}
section.listaTerapia div div{
    margin-bottom: 80px;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    border: 1px solid teal;     
    padding: 10px;
}
.fasesTerapia{
    padding: 80px 10%;
    display: inline-block;
    overflow: hidden;
    background: url(../img/fasesLuna1.jpg) center center no-repeat;

}
.fasesTerapia h2{
    text-align: center;
    font-weight: 500;
    margin: auto;
    width: 50%;
    border-top: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(255,255,255,1);
}
section.fasesTerapia p{
    padding: 50px 0;
    text-align: center;
}
.cajaFase{
    display: inline-block;
    width: 32%;
    float: left;
    margin-left: 2%;
    border: 1px solid #FFFFFF;  
}
.cajaFase:nth-last-of-type(3){
    margin-left: 0;
}
.cajaFase h4{
    text-align: center;  
    padding: 20px 0;
}
.cajaFase p{
    background-color: rgba(255,255,255,0.5);
    border:1px solid #D9D9D9;
    height: 300px;
}
section.fasesTerapia p:nth-last-child(1){
    padding: 15px;
}
.fondoProceso{
    background: url(../img/hojasLargas2.jpg) center center no-repeat;
    background-size: cover;
}
.botonMasInfo{
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;   
    text-align: center;
    width: 24%;
    margin: 60px 38% 80px 38%;
    padding: 10px;   
    border: 1px solid teal;   
    border-radius: 2px;
    background-color: white;
}
div.botonMasInfo:hover{
    background-color: #9A9A9A;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;    
}
div.botonMasInfo a{
    color: #4b4b4b;
}
div.botonMasInfo:hover a{
    color: white;
   -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}
.metodo{
    padding: 80px 15% 40px;   
    background-color: #F1F1F1
}
.metodo h2{}
.metodo p{
    padding-top: 40px;   
}
.metodo div:nth-of-type(1){
    width: 100%;
    display: inline-block;
    margin-top: 35px;
}
.metodo div article{
    display: inline-block; 
    width: 32.5%;
    text-align: center;
    padding: 2%;
    border: 1px solid #FFFFFF;
    background-color: rgba(34,138,127,0.3);
}
/***** CONTACTO *****/
/**/
.contacto{
    width: 100%;
    padding: 80px 0 0;    
    margin: 80px 0 0;
    overflow: hidden;
}
.contacto h2{
    margin-bottom: 50px;
}
.contactoSubBloque{
    float: left;
    width: 50%;
    padding: 50px 0;
}
.contactoSubBloque:nth-of-type(1){
    padding-left: 15%;
    padding-right: 2%;
}
.contactoSubBloque:nth-of-type(1) ul li{
    list-style: none;
}
.contactoSubBloque:nth-of-type(2){
    padding-right: 15%;
}

.contacto div.formulario{
 margin: 0;
 width: 100%;
}
section.contacto{
    background: url(../img/oldphoneFondo.jpg) center center no-repeat;
    background-size: cover;
}
.contacto ul{
    padding: 20px 5% 10px;
}
.contacto li{
    margin-bottom: 10px;
    list-style-type: disc;  
}
.contacto h3{
    text-align: left;
    font-size: 23px;
    color: #228A7F;
    padding: 10px 0 10px;
}
.contacto article{
    text-align: left;
}
.contacto article h4{
    padding: 5px 0 10px 0;
    text-align: left;
}
.contacto article p{
    padding: 5px 0 10px 0;
}
.contacto div.formulario{padding: 10px;}
.contacto div.formulario div:last-child{
    padding: 0 0;
    padding: 0 0 10px;
    color: #228A7F;
    margin: 0;    
}
.infoContacto{
    background-color: rgba(255,255,255,0.8)
}
.infoContacto div.formulario{
    padding-top: 0;
    background-color: #EAEAEA;
}
.contacto div.formulario form{
    padding: 0;
}
.infoCita{
    padding-top: 20px;
    padding: 20px 20% 0; 
    text-align: justify
}
div.infoCita p{font-size: 14px;}
div.cancelacionCita{
    padding: 0 0;
    width: 70%;
    display: inline-block;
    padding: 10px 20px 20px;
    border: 1px #9E9E9E dashed;
    margin: 0 15% 30px;
    background-color: #EBFFFD
}
.cancelacionCita h3{
    font-size: 14px;
    color: inherit;
}
.cancelacionCita p{
    font-size: 12px;
}
.cancelacionCita p span{
    font-weight: 800
}
.direccion{padding: 0 15% 50px;}
.direccion h3,.direccion p{text-align: center}
.direccion ul{padding: 20px 20% 0;}
.contacto article .subLista p{
    padding:3px 0;
    text-align: left;
}
.google-maps {
    position: relative;
    padding-top: 50%; 
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 20%;
    width: 60% !important;
    height: 60% !important;
}
/***** DUDAS *****/
/**/
.dudas{
    display: inline-block;
    width: 100%;
    padding: 40px 0;  
}
.dudas article{
    padding: 40px 0;  
}
.dudas article div{
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px; 
}
.dudas article h4{
    cursor: pointer;
    color: #228A7F;
    text-align: center;
    font-weight: 400;
}
.dudas p{
    text-align: justify;
    line-height: 25px;    
}
.dudas p:nth-of-type(1),.dudas p:nth-of-type(2){text-align: center}
/***** PROBLEMAS *****/
/**/
.seccionProblemas{
    margin: 80px 0 0;
    padding: 80px 0;
    background: url(../img/fondoProblemas.jpg) center center no-repeat;
    background-size: cover;
}
.seccionProblemas h2{
    border-color: #FFFFFF;
}
.seccionProblemas h3{
    text-align: center;
    margin-top:50px;
    color:white;
    font-weight: 500;
    background-color: rgba(34,138,127,0.5);
    padding:25px;
    border: 1px solid rgba(255,255,255,0.5);       
}
.seccionProblemas p{
    color: #FFFFFF;
}
.seccionProblemas article{
    padding: 50px 15%;
}   
.seccionProblemas article{
    padding: 50px 15% 10px;
}   
.seccionProblemas div{
    text-align: center;
    margin-top: 40px;
}
.seccionProblemas ul li{
    border: 1px solid #CECECE; 
    display: inline-block;
    width: 70%;
    padding: 15px 8px;
    margin: 20px 15%;
    background-color: rgba(255,255,255,0.7);
}  
.seccionProblemas ul li a:visited,a:link{
    text-decoration:none
}    
.seccionProblemas ul li:hover{
   transition: 0.5s ease-in-out;
   background-color: rgba(255,255,255,1); 
   border-color: #BBBBBB;    
}
#mensaje{display: inline-block;}
.mensaje{
   background-color: rgba(34,138,127,0.5);
   padding:25px 15%;
   margin-left:10%; 
   width: 80%;
   border: 1px solid rgba(255,255,255,0.5);

}
.mensaje p{
   color:#ffffff;
   font-size: 15px;
   font-weight: 600;
   text-align: justify;
}
.mensaje span a{
    border-bottom: 1px #ffffff solid;
    color:#ffffff;
}
/***** PROBLEMAS *****/
/**/

.contenedor{
    margin-top: 80px;
    padding: 80px 0;
    background: url(../img/fondoTodosProblemas.jpg) center center no-repeat;
    background-size: cover;   
    line-height: 22px;
    text-align: justify;
}
.contenedor p{
    padding: 0 15%;
}
.contenedor h2{
    margin-bottom: 50px;
}
.contenedor h3{
    margin: 45px 0 35px 0;
    color: #218479;
    font-size: 19px;
    text-align: center;
}
.contenedor ul{
    padding: 20px 0;
}
.contenedor li{
    padding: 2px;
}
.subContenedor{ 
    width: 65%;
    margin-left: 17.5%;
}
.subContenedor p{ 
    padding: 0 0;
text-align: left;
}    
.subContenedor h4{
    font-size: 16px;
    margin-top: 15px;
}
.subContenedor span{
    font-weight: 900; 
    font-size: 20px; 
    padding-right: 10px;
}
.subContenedor ul{
    display: table-cell;
    position: relative;
    align-content: center;
    padding: 20px 0;
}
.subContenedor ul li{
    list-style-type: disc;
}
.subContenedor .subLista{
    padding: 20px 8%;
}
/*****************/
/****/
/****/
.politicaPrivacidad{
    margin-top: 80px;
    padding: 80px 20%;
}

.politicaPrivacidad h2{
    margin-bottom: 20px;
}

.politicaPrivacidad h3{
    margin-top: 20px;
    margin-bottom: 20px;
}

.politicaPrivacidad li{
    list-style: disc;
    padding: 10px 0;
    margin-left: 40px;
}
.politicaPrivacidad h4{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: rgba(34, 138, 127,0.5);
    text-align: center;
}

/***** BLOG *****/
/**/
.blog{
    margin-top: 80px;
    padding: 80px 0;
    background-size: cover;   
    line-height: 22px;
    text-align: center;   
    background: url(../img/periodico1.jpg) center center no-repeat;
    background-size: cover;   
    font-family: "Imprima-Regular";
}
.blog h2{
    border:none;
    color: #228A7F;
    font-family: 'modernline-webfont';
    font-size: 42px;
    padding-top: 0;
    padding-bottom: 30px
}
.blog div{
    padding: 50px 15%;
}
.entradasBlog{
    overflow: hidden;
    padding: 30px 5%;
}
#corajeTerapia div:nth-of-type(2), #necesarioPsico div:nth-of-type(2), #obsesionFelicidad div:nth-of-type(2), #mejorarAutoestima div:nth-of-type(2), #terminarRelacion div:nth-of-type(2), #preocupacionExcesiva div:nth-of-type(2), #nosSeparamos div:nth-of-type(2), #encontrarPareja div:nth-of-type(2), #dependenciaEmocional div:nth-of-type(2){
    height: 260px;
    padding: 50px 2%;
}
.entradasBlog article{
    float: left;
    width: 28%;
    margin-bottom: 20px;
    background-color: #F1F1F1;
    justify-content: flex-start;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 3px 3px #DBDBDB;
}
.entradasBlog article:hover {
    background-color: #228A7F;
    transition: all 0.5s ease-in-out;
}
.entradasBlog article:hover h4{
    color: white;
    transition: all 0.5s ease-in-out;
}
.entradasBlog article{
    margin-left:2.6%;
    margin-right:2.6%; 
}/*
.entradasBlog article:nth-of-type(1){
    margin-left:19%;
    margin-left: 9%;
    margin-left:2.6%;
}
.entradasBlog article:nth-of-type(2){
    margin-left:3.5%;
    margin-right:3.5%;
    margin-left:4%;
    margin-right:19%;
    margin-left:2.6%;
    margin-right:2.6%; 
}
.entradasBlog article:nth-of-type(3){
    margin-right: 9%;
}*/
.entradasBlog article div{ 
    border-radius: 10px 10px 0 0;
    text-align: center;
}
.entradasBlog article div:nth-of-type(2){
    border-radius: 0 0 10px 10px;   
}
.entradasBlog article div:first-child{   
    width: 100%;
    height: 180px;
}
.entradasBlog div h4{
    color: #228A7F;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.entradasBlog div p{
    padding-top: 15px;
    text-align: justify;   
}
.entradasBlog div p:hover{
    color:white; 
       -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}
/*********************/
.classBlog{
    /*margin-top: 60px;*/
    padding: 80px 0 0;
    background-color: rgba(224, 255, 255, 0.5);
    text-align: justify;
    position: relative;
    font-family: 'imprima-Regular';
}

.lineaDivisoria{
    width:100%;
    margin:auto;
    height: 60px;
    background: url(../img/lineaDivisoria1.png) center center no-repeat;
    background-size: contain;
}
.classBlog h2{
    border: 0;
    width: 80%;
    font-size: 30px;
    font-style: italic;
}
div.imgCoraje, div.imgCoraje2, div.imgCoraje3, div.imgEncontrarPareja{
    padding: 0 0 20px;
}
.imgCoraje div{
    width: 96%;
    background: url(../img/corajeTerapia.jpg) center center no-repeat;  
    
}    
.imgCoraje2 div .imgCoraje3 div{
    width: 96%;
}    
.imgCoraje2 div{   
    background: url(../img/botesCoraje3.jpg) center center no-repeat;
}
.imgCoraje3 div{
    background: url(../img/aprendizajeCoraje1.jpg) center center no-repeat;   
}
.imgCoraje div, .imgCoraje2 div, .imgCoraje3 div{
    height: 400px;
    background-size: contain;    
    margin: 0 2%;
}

div.imgNosSeparamos{
    padding: 20px 0;
}

.imgNosSeparamos div{
    width: 96%;
    background-color: blue;
    background: url(../img/nosSeparamos.jpg) center center no-repeat;
} 
.imgNosSeparamos div{
    height: 400px;
    background-size: contain;    
    margin: 0 2%;
}
/*
.imgDependenciaEmocional div{
    width: 96%;
    background: url(../img/dependenciaEmocional.png) center center no-repeat;
} 
.imgDependenciaEmocional div{
    height: 400px;
    background-size: contain;    
    margin: 0 2%;
}*/
.imgDependenciaEmocional, .imgEncontrarPareja, .imgObsesionFelicidad, .imgCorajeTerapia, .imgNecesarioPsicologo{
    width: 100%;
    height: 400px;
    display: inline-block;text-align: center
}
.imgDependenciaEmocional_bg{
    background: url(../img/dependenciaEmocional.png) center center no-repeat;
}
.imgEncontrarPareja_bg{
    background: url(../img/encontrarPareja.png) center center no-repeat;
}
.imgObsesionFelicidad_bg{
    background: url(../img/obsesionFelicidad.jpg)  center center no-repeat;
}
.imgCorajeTerapia_bg{
    background: url(../img/corajeTerapia.jpg)  center center no-repeat;
}
.imgNecesarioPsicologo_bg{    
    background: url(../img/necesarioPsicoIntro.JPG)  center center no-repeat;    
}
.imgDependenciaEmocional_bg, .imgEncontrarPareja_bg, .imgObsesionFelicidad_bg, .imgCorajeTerapia_bg, .imgNecesarioPsicologo_bg{
    background-size: 450px 400px;    
    width: 450px;
    height: 100%;
    border: teal solid 1px;
    text-align: center;
    display: inline-block   
}

.classBlog p{
    padding: 15px 15%;
}
.blogFrase{
    font-style: italic;
    margin: 0 5%;
    color:rgb(30, 158, 160);
    text-align: center;       
}
.blogPoema{
    text-align: center;
    padding: 25px 0;
    font-style: italic;
}
.blogPoema p:nth-of-type(2){
    padding: 0 0;
    font-size: 13px;
}
.fondoPerfilBlog{
    background-image: url(../img/fondoBlog1.jpg);
    background-repeat: no-repeat;
    /*background-position-x: 100%;*/
    background-size: cover;    
    padding: 50px 0;
}

article.descBlog{
    padding: 20px 3% 20px;
    display: table; 
    margin: auto auto;
    border: 1px solid #228A7F;
    border-radius: 10px;
    width: 50%;
}
div.fotoPerfilBlog div{
    width: 110px;
    height: 110px;
    background-color: blue;
    border-radius: 100%;
    background: url(../img/fotoPerfilBlog.jpg)  center center  no-repeat;
    background-size: cover;
}
div.infoBlog{
    display: table-cell;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    padding-left: 15px;
}
div.infoBlog p:nth-of-type(1){
    color:#228A7F;
}
.classBlog article.descBlog p{
    padding: 0 0;
}
.compartirRedes{
    margin: 30px 0 ;
    text-align: center;
}
.compartirRedes h4{
    padding-bottom:20px;
}
.iconFacebook, iconface{
    padding-left: 40px;
    background: url(../img/facebook.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 20px;
}
.iconWhatsapp, iconws{
    padding-left: 40px;
    background: url(../img/whatsapp.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 20px;
}
.iconInstagram, iconinsta{
    padding-left: 40px;
    background: url(../img/instagram.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 20px;
}
.botonMasBlog{
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;   
    text-align: center;
    width: 20%;
    margin: 20px 40% 0 40%;
    padding: 10px;   
    border: 1px solid teal;   
    border-radius: 2px;
    background-color: white;   
}
.botonMasBlog:hover{
    background-color: rgba(34,138,127,0.5);
   -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
    color: white;
}
.botonMasBlog:hover a{
    color: white;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}
/**************/
.blogList{
    padding: 15px 15%;
}
.imgNecesario div{
    width: 96%;
    background: url(../img/necesarioPsicoIntro.jpg) center center no-repeat; 
    height: 400px;
    background-size: contain;    
    margin: 0 2%;
} 
.blogList ul li{
    list-style: disc;
    margin-left: 15px;
}
.blogList ul p{
    padding: 10px 0 23px;
}
.botonWhatsapp{
    margin: 20px 43%;
    font-size: 15px;
    /*width: 15%;*/
    border-radius: 50px;
    background-color: #00bb2d;
    padding: 10px 1%;
    color:#ffffff;
    text-align: center;
}
.botonWhatsapp:hover, .btnwhatsapp:hover{
    transition: 0.5s ease-in-out;
    background-color: #228A7F;
    color:#ffffff;
}
.imagenTexto{
    width: 70%;
    margin: 0 15% 20px;;
    padding: 150px 0;
    background: url(../img/necesarioPsico.jpg) center center no-repeat;
    background-size: cover;
}
.imagenTexto p{
    font-size: 18px;
    padding-bottom: 25px;
    text-shadow: 2px 2px 2px #9A9A9A;   
}
.imagenTexto h3{
    text-align: center;
    font-size: 22px;
    text-shadow: 2px 2px 2px #9A9A9A;   
}
.fraseNecesarioPsico{
    text-align: center;
    padding-bottom: 10px
}
.fraseNecesarioPsico span{
    color:#228A7F;;
    font-size: 18px;
    font-weight: 600;
}
/********/
.obsesionFelicidad h3{
    text-align: center;
    color: #228A7F;
    font-size: 25px;
    padding: 25px 0 30px;
}
.obsesionFelicidad h4{
    color: #228A7F;
    font-size: 20px;
    padding: 25px 15% 0;
}
.videoObsesion{
    text-align: center; 
    /*padding: 3%;*/
}
.videoObsesion iframe{
    width: 560px;
    height: 315px;
    padding-bottom: 10px;
}
.imgObsesion div, .imgObsesion2 div{
    width: 96%;
}
.imgObsesion div{
    background: url(../img/obsesionFelicidad.jpg) center center no-repeat;  
}    
.imgObsesion2 div{
    background: url(../img/obsesionFelicidad2.jpg) center center no-repeat;
}
.imgObsesion div, .imgObsesion2 div{
    height: 400px;
    background-size: contain;    
    margin: 0 2%;
}
.obsesionFelicidad span{
    color: #228A7F;
    text-decoration: underline;
}

.aviso{padding-top: 10px;padding-bottom: 10px;}
.aviso p{font-size: 13px; color:teal; width: 40%; margin: 0 30%;background-color: white;text-align: center;padding: 10px 0;border: teal solid 1px}
/*******************/

  
/********************/

.listAuto, .listTerminar{
    padding: 15px 15%;
}
.listAuto h3 , .listTerminar h3{
    color:#228A7F;
    text-align: center;
    font-size: 19px;
    padding: 15px 0 20px;
}
.listTerminar h4{
    text-align: center;
    font-size: 17px;
    padding: 15px 0 20px;
}
div.listAuto p, div.listTerminar p{
    padding: 0 0;
    padding: 5px 0;
}
.listAuto ul li, .listTerminar ul li{
    list-style: disc;
    margin-left: 15px;
    padding: 5px 0;
    line-height: 25px;
}
.listAuto ul p, .listTerminar ul p{
    padding: 10px 0 10px;
}
.listAuto .fraseCentrada{
    padding: 0 0;
    padding: 25px 0 12px;
    text-align: center;
}
.listAuto:nth-of-type(2){
    padding: 15px 15% 0;
}
.listAuto:nth-of-type(2) ul p{
    padding-left: 15px;
}
.finAuto{
    text-align: center;
}
.videoAutoestima, .videoTerminar, .videoPreocupacion, .videoNosSeparamos{
    text-align: center;
}
.classTerminar h3, .classPreocupacion h3, .classNosSeparamos h3{
    color:#228A7F;
    text-align: center;
    font-size: 19px;
    padding: 15px 0 20px;
}
.classTerminar:nth-last-child(2), .classPreocupacion:nth-last-child(2), .classNosSeparamos:nth-last-child(2){
    padding: 25px;
}
.classPreocupacion div.listAuto:nth-of-type(2) li, .classNosSeparamos div.listAuto:nth-of-type(1) li{
    font-size: 17px;
}

.listBlog{
     padding: 15px 15%;
}
.listBlog h3{
    text-align: center;
    padding-bottom: 20px;
    color:#228A7F;
    font-size: 18px;
    padding-top: 15px;
}
.listBlog li{
    list-style: disc;
    margin-left: 15px;
    padding: 5px 0 15px;;
    line-height: 25px;
    font-size: 17px;
}
.listBlog ul p{
         padding: 10px 0 10px;
}
.listBlogMini{
    margin: 0 2%;
        
}
/***** FOOTER *****/
/**/

footer{
    width: 100%;
    text-align: center;
    padding: 60px 0;
    background-color: #228A7F;
    color: #232222;
}
footer nav li:first-child{
    font-weight: bold;
    padding-bottom: 10px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 15px; 
    border-top: 1px solid #FFFFFF;
    margin-top: 15px; 
}
footer nav li:last-of-type{
    margin-top: 10px;
    color: #FFFFFF;
    padding-bottom: 20px;
}
footer li{
    padding-top: 5px;
    width: 50%;
    margin: 0 25%;
}
footer li a:visited, footer li a:link{
    color:#232222;
}
footer span{
   font-weight: bold; 
}
footer li i.iconFacebook, li i.iconInstagram{
    padding-left: 20px;
}
/*****************Fotos entradas del blog**************/
.entradaCoraje{
    background: url(../img/corajeTerapiaMini.jpg) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaCoraje{
    transition: all 0.5s ease-in-out;
    background: url(../img/corajeTerapiaMiniColor.jpg) center center no-repeat;  
    background-size: cover;
}
.entradaPsico{
    background: url(../img/necesarioPsicoIntro.jpg) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaPsico{
     transition: all 0.5s ease-in-out;
    background: url(../img/necesarioPsicoIntroVerde.jpg) center center no-repeat;  
    background-size: cover;   
}
.entradaObsesion{
    background: url(../img/obsesionFelicidad.jpg) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaObsesion{
    transition: all 0.5s ease-in-out;
    background: url(../img/obsesionFelicidadVerde.jpg) center center no-repeat;  
    background-size: cover;   
}
.entradaAutoestima{
    background: url(../img/mejorarAutoestima2.jpg) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaAutoestima{
    transition: all 0.5s ease-in-out;
    background: url(../img/mejorarAutoestimaVerde.jpg) center center no-repeat;  
    background-size: cover;   
}
.entradaTerminar{
    background: url(../img/terminarRelacion.jpg) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaTerminar{
    transition: all 0.5s ease-in-out;
    background: url(../img/terminarRelacionVerde.jpg) center center no-repeat;  
    background-size: cover;   
}
.entradaPreocupacion{
    background: url(../img/preocupacionExcesiva.png) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaPreocupacion{
    transition: all 0.5s ease-in-out;
    background: url(../img/preocupacionExcesivaVerde.jpg) center center no-repeat;  
    background-size: cover;   
}
.entradaNosSeparamos{
    background: url(../img/nosSeparamos.jpg) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaNosSeparamos{
    transition: all 0.5s ease-in-out;
    background: url(../img/nosSeparamosVerde.jpg) center center no-repeat;  
    background-size: cover;   
}
.entradaEncontrarPareja{
    background: url(../img/encontrarPareja.png) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaEncontrarPareja{
    transition: all 0.5s ease-in-out;
    background: url(../img/encontrarPareja2.png) center center no-repeat;  
    background-size: cover; 
}
.entradaDependencia{
    background: url(../img/dependenciaEmocionalMiniatura.png) center center no-repeat;  
    background-size: cover; 
}
.entradasBlog article:hover .entradaDependencia{
    transition: all 0.5s ease-in-out;
    background: url(../img/dependenciaEmocionalMiniatura1.png) center center no-repeat;  
    background-size: cover; 
}

.section_blog{
    
}
/*****************************************/
/*****************************************/
.fondoBlog{
    background: url(../img/flores.png) center center no-repeat;
    background-size: cover; 
    padding-top: 60px;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
.title{
    background: url(../img/fondo.png) center center no-repeat;
    background-size: cover; 
    border-top: teal 1px solid;
    border-bottom: teal 1px solid;
    padding-bottom: 10px; 
    padding-top: 10px;
    margin-bottom: 20px;
}
.title h2{
    color:#228A7F;  
}

.lista_1 li {
    text-align: center;
    font-size: 21px;
    color:teal;
    padding: 20px 5% 0 5%;
}
.lista_1 h3 {
    text-align: center;
    font-size: 24px;
    padding: 25px 0 20px;
    padding-left: 1%;
    padding-right: 1%;
    color:#228A7F;
}
.lista_1 h4 {
    text-align: center;
    color:teal;
    font-size: 18px;
    padding: 15px 5%;
}


.meCompartes{
    margin: 30px 0 ;
    text-align: center;
}
.meCompartes p{
    font-size: 19px;
}
.color_teal{color:teal;}


/************************************************************/
/************************************************************/


.iconface{
    padding-left: 40px;
    background: url(../img/face.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 40px;
}
.iconws{
    padding-left: 40px;
    background: url(../img/ws.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 40px;
}
.iconinsta{
    padding-left: 40px;
    background: url(../img/insta.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 40px
}
.iconmail{
    padding-left: 40px;
    background: url(../img/mail.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 40px
}
.iconyou{
    padding-left: 40px;
    background: url(../img/youtube.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    height: 40px
}


/******************************************************/
/******************************************************/


.dataTable {
  display: block;
  width: 100%;
  margin: 1em 0;
}

.dataTable thead, .dataTable tbody, .dataTable thead tr, .dataTable th {
  display: block;
}

.dataTable thead {
  float: left;
}

.dataTable tbody {
  width: auto;
  position: relative;
  overflow-x: auto;
}

.dataTable td, .dataTable th {
  padding: .625em;
  line-height: 1.5em;
  border-bottom: 1px dashed #ccc;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}

.dataTable th {
  text-align: left;
  background: rgba(0, 0, 0, 0.14);
  border-bottom: 1px dashed #aaa;

}

.dataTable tbody tr {
  display: table-cell;
}

.dataTable tbody td {
  display: block;
}

.dataTable tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.07);
}



 /*CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	/*margin:0 auto;*/
	padding:10px;
    text-align: center;
	/*clear:both;
    color: #333;*/
    bottom:0px;
    position:fixed;
    /*font-size: 15px;*/
  /*  left: 0px;*/
    background-color: #FFF;
    opacity:0.9;
  /*  filter:alpha(opacity=70);*/ /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
}
.botonCookies{
    background-color: #228a7f;
    font-size: 15px;
    width: 80px;
    height: 25px;
    color: white;
    margin: 6px;
        
}
.my-fixed-item {
    position: fixed;
    left:0;
    bottom: 0;
    min-height: 30px;
    width: 220px;
    padding-top: 6px;
    text-align: center;
    word-wrap: break-word;
    background-color: white;
    border: 1px solid #EAEAEA ;
    border-top-right-radius: 4px;
    font-size: 13px;
}
.my-fixed-item a:first-child{
    width: 200px;
}
.my-fixed-item a:last-child{
    width: 20px;
}


/*.cookiesms:hover{
bottom:0px;
}*/
/*
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-top: 5px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}*/

/* Fin del CSS para cookies */