/*------------------------------------*\
    BASE
\*------------------------------------*/
  
                                
.najanra{color:#ea7125;}                                
                   
.azul{color:#428bca;} 

.lila{color:#e03188; }
.lila-small{color:#e03188;font-size: 0.97em !important}

            

/*------------------------------------*\
    BASE
\*------------------------------------*/

                .borderColor { 
                    
                  
                        text-align: center;
                        display: inline-block;
                        margin-bottom: 20px;
                        }

                .columnImage {
                        min-width: 150px;
                        overflow:hidden;  
                        border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
                        border:   4px solid #eaf5fb;
                        -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13);
                        -moz-box-shadow:    3px 3px 9px rgba(0, 0, 0, 0.13);
                        box-shadow:         3px 3px 9px rgba(0, 0, 0, 0.13);
                }
                .columnImage p a img , .columnImage a img , .columnImage  img {   min-width: 150px;
                        vertical-align: middle;
                        z-index:1; 
                }

                .borderColor .columnImage ,  .borderColor .columnImage p,  .borderColor .columnImage a, .borderColor .columnImage img { margin: 0;}          
                 .columnImage.borderColor p , .columnImage.borderColor  a  { padding: 0 !important; margin: 0 !important}

                .zoom img, img.zoom, nav img{
                        -webkit-transition: -webkit-transform 1s ease-in-out;
                        -moz-transition: -moz-transform 1s ease-in-out;
                        -o-transition: -o-transform 1s ease-in-out;
                }

                .zoom img:hover, img.zoom:hover, nav img:hover{
                        -moz-transform: scale(1.12);
                         -webkit-transform: scale(1.12);
                         -o-transform: scale(1.12);
                 }
                 
                 
                 
                   .no-zoom img, img.no-zoom {
                        -webkit-transition:none;
                        -moz-transition:none;
                        -o-transition: none;
                }

                .no-zoom img:hover, img.no-zoom:hover{
                        -moz-transform: none;
                         -webkit-transform: none;
                         -o-transform: none;
                 }              
                 
                 
                 

                            .columnImageActive {
                                    min-width: 150px;
                                    overflow:hidden;  
                                    border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
                                    border:   4px solid #fbeaf9;
                        -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13);
                        -moz-box-shadow:    3px 3px 9px rgba(0, 0, 0, 0.13);
                        box-shadow:         3px 3px 9px rgba(0, 0, 0, 0.13);
                            }
                            .columnImageActive p a img , .columnImageActive a img , .columnImageActive  img {   min-width: 150px;
                                    vertical-align: middle;
                                    z-index:1; 
                            }

                            .borderColor .columnImageActive ,  .borderColor .columnImageActive p,  .borderColor .columnImageActive a, .borderColor .columnImageActive img { margin: 0;}          
                             .columnImageActive.borderColor p , .columnImageActive.borderColor  a  { padding: 0 !important; margin: 0 !important}             
                 
                 
                 
/*------------------------------------*\
    CONFIG PLUGIN
\*------------------------------------*/


.is-a-text {
  color: #676767;
}
    .is-a-text a {
      color: #424141; line-height: 1.1;
    }
    .is-a-text span {}
   
        .is-a-text a:hover {
          color: #fe6f15;
        }

.is-a-text--small {
  color: #a4a3a3; font-size: 0.9em;
}
    .is-a-text--small a {
          color: #424141; line-height: 1.1;
        }   
        .is-a-text--small a:hover {
                  color: #fe6f15;
                }


.is-a-text--very-small {
  color: #a4a3a3; font-size: 0.95em; 
}


.is-a-text--medium {
  color: #424141; font-size: 1.05em;
}
    .is-a-text--medium a {
          color: #424141; line-height: 1.1;
        }   
        .is-a-text--medium a:hover {
                  color: #fe6f15;
                }
                
.is-a-text--big {
  color: #424141; font-size: 1.2em;
}
    .is-a-text--big a {
          color: #424141; line-height: 1.1;
        }   
        .is-a-text--big a:hover {
                  color: #fe6f15;
                }

.is-a-text--very-very-small {
  color: #a4a3a3; 
  font-size: 0.8em;                      
  font-weight: lighter;
  font-variant: small-caps; 
  line-height: 0.8;
}               
                
              
/*------------------------------------*\
    PAGE HEAD
    Ceci est l'entête de la page
\*------------------------------------*/
 #head{ 
    margin: 0 auto;
    width: 1024px;
    height: 245px;
    text-align: left;
    position: relative;
    font-size: 0.9em;
    
}
                    
    #head  p{
            text-transform:uppercase; 
            color:#007566 ;
            line-height: 1.3;  }
    
    #head span{color:#fe6605}    
    
        #head  #mailship {
           position: absolute; top:0; left:0;
           padding: 1px 15px ; 
           text-align: left;
           font-size:0.85em;
           z-index: 10000}
        #head  #mailship p{ margin-top: 5px;  }    
            
               #mailship  p a{position: relative; left:5px; top:-3px}

               #mailship #siguenos p a{position: relative; left:8px; top:-6px; z-index: 10000}    

                    #searchform {
                    color: black !important;
                    }
                    #searchform input[type="submit"] {
                     background: url("../../uploads/images/search.png") no-repeat !important;
                     text-indent: -9999em;
                     width: 15px !important;
                    }


                    #searchform input[type=text] {
                      border: #cecece solid 1px;
                      opacity: 0.7;
                      border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
                      width: 140px;                          
                    }

                .festival-wraper{position: absolute; top: -20px; right: -30px;}  
 
                
        
               /* == NAV LEFT & RIGHT( SIN DYNAMIC MENU) == */     
   
                   #head nav > ul {
                    padding: 0;
                    margin: 0;
                    display: block;
                    width: 100%;
                    text-align: center;}
                

                #head nav > li {
                    padding: 0;
                    margin: 0;
                    display: block;
                    width: 100%;
                    text-align: center;
                }  

                        #head > li a , #head > li a {
                        text-align: center;
                        display: inline-block;
                        text-decoration: none;
                        margin: 0; 
                        padding: 0;
                        font-weight: lighter;
                        font-size: 1.2em;
                        line-height: 1.2;
                                                       -webkit-transform: translateZ(0);
                        }

                        #head  ul li ul li {display: inline-block}
                        
                                #head  ul li ul li a {
                                    text-align: left !important; 
                                    display: inline;
                                    font-size: 0.9em; 
                                    padding-left: 10px
                                }


                                        #head li  a , #head li a {
                                            color: #218734 
                                        }

                                        #head li  a:visited , #head li a:visited {
                                            font-weight: normal; 
                               //             color: #c04d84  
                                        }		

                                        #head li  a:hover , #head li a:hover								{
                                            font-weight: normal !important; 
                                            color: #fe6605 !important ;
                                            text-decoration: none;
                                        }
                
	#menu1, #menu2,#menu3,#menu4{text-align: center;position: relative}	
        
      /*  #menu4{width: 150%;}*/
        
#menu1{left:-11px}
#menu2{left:-13px}
#menu3{left:-25px}
#menu4{left:-21px;width: 110%}

            #menu2 .dropdown-menu{width: 90px !important; left: 11% !important; bottom: 25px !important; }      
            #menu2 .dropdown-menu li a{padding-left: 10px;line-height: 2}           
            #menu2 {}
            
            #menu2 ul.dropdown.open > .dropdown-toggle,
            #menu2 ul.dropdown.active > .dropdown-toggle,
            #menu2 ul.dropdown.open.active > .dropdown-toggle {}

            
            
            #menu3 {}
            #menu3 .dropdown-menu{width: 265px !important; bottom: 25px !important; left:-20px !important; text-align: left}

            #menu3 ul.dropdown-menu  ul { width:75%; position: relative; top:-1.5em; padding: 0; left:25%; margin-bottom: -1em}
            #menu3 ul.dropdown-menu  ul li{ padding: 0}            
            
            
            #menu3 .dropdown-menu li a{}
            
            #menu3 .dropdown-menu  li.pais{  color: #a4a3a3; font-size: 0.95em; display: inline !important; padding: 0}
            

            
.divider.disp-block{display:block !important;height: 1px;margin-top: -10px}
 ul.dropdown-menu{padding: 5px}
            .dropdown-menu li > a:hover,
            .dropdown-menu li > a:focus,
            .dropdown-submenu:hover > a {
            color: #ffffff;
            text-decoration: none;
            background-image: none;
            background-image: none;
            background-image: none;
            background-image: none;
            background-image: none;
            background-image: none;
            background-repeat: no-repeat;
            filter: none;}


        /* == LOGO == */        
        #head #center-link-home{ position:absolute;
                                 left:42%;
                                 top:10px;
                                 text-align: center; 
                                 margin:0 auto;
                                 z-index:5000;
                                 width: 162px;
                                 color:#7e7e7e; height: 100px;
        }  
        
        /*style the main menu*/
        #center-link-home ul.myMenu{ 
                                display:block; 
                                float:left ;   
                                position: relative; 
                                top:0;  
                                margin:0;
                                padding:0; z-index: 1000 ;
                                height: 100px; /*background-color: blue*/
                               /* position: absolute; 
                                top:174px;  */
        
        }

  
               #center-link-home ul.myMenu li{
                   	list-style:none;
                     /*   margin-bottom: 5px;   */ 
               }
               
                 
               #center-link-home ul.myMenu > li{
                   	 height: 100px; /*background-color: black*/
                     /*   margin-bottom: 5px;   */ 
               }
               
               #center-link-home ul.myMenu > li > a{
color:#7e7e7e;  
               }
                              #center-link-home ul.myMenu > li{line-height: 2;}
               
               
               #center-link-home ul.myMenu li.euro{
                        float:left;
                   	position: relative; left:-10px;
               }
               
               #center-link-home ul.myMenu li.lati{
                        float:right;
                   	position: relative; right:-10px;
               }               

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
        
}

.myMenu li ul li {
	display:inline;
	float:none;
        margin: 0;
        padding: 0;
}
        ul.myMenu li ul li a{
            color: #fe6605 !important;;
            margin: 0;
            text-align: left !important; 
            background:  #ffffff !important;
            padding: 3px 5px!important;
            border: #7e7e7e solid 1px;
            border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
            
        }               

       ul.myMenu li a:hover{
           font-weight: normal !important; 
           color: #318f84 !important; 
           text-decoration: none;
       }      
               

               
               
                        /* == SELECTED == */ 

                            /* == AJOUT DE LA CLASSE : menu-selected-...  A L'ID #MENU-ITEM-(...) DE LA LISTE== */

                            /* == COMMON == */ 

                            li.current_page_item a, 
                            li.current-page-ancestor a{   
                                color: #ea7125 !important; 
                                font-weight: normal!important;
                             }  


                             
                            [id*='menu'].menu-selected > a{ color: #ea7125 !important}
                            li#menu2.menu-selected a{ color: #ea7125 !important}
                         /*   li#menu3.menu-selected a{ color: #ea7125 !important} */
                            li#menu4.menu-selected a{ color: #ea7125 !important}  
                        
                            [id*='menu'] a {color: inherit}

                                div[class*="triangulo"]{ 
                                     width: 28px; height:15px;  
                                     background-image: url('../../uploads/images/flor.png');         
                                     background-repeat: no-repeat;         
                                     background-position: top right;
                                     z-index: 10;
                                     position: absolute;        
                                     top:-33px;}

                            .triangulo1{left: 61px;    }
                            .triangulo2{left: 96px;   }
                            .triangulo3{left: 288px;   }
                            .triangulo4{left: 441px;   }
                            .triangulo5{left: 688px;   }
                            .triangulo6{left: 903px;   }
                            .triangulo7{left: 875px;   }

/*------------------------------------*\
    HOME
\*------------------------------------*/

.marip{position: absolute;top:-50px;z-index: -1}



.title-menu-3{position: absolute;top:-64px;width: 100%;z-index: 10000 ;height: 20px;}
.title-menu-3 img{position: absolute;top:3px;left:10px;transform: scale(.6);opacity: .5}
.title-menu-3 h6{font-size:0.9em;text-transform:uppercase;text-align: center;color: #ea7125 ; line-height: 20px; ;height: 20px;position: relative;left:-19px}

.marge-ok{padding-left: 35px}

.svg-content{position: absolute;top:-65px;width: 204px;z-index: -1;}








.wrapper-mariposa{
    
position: absolute;
top:105px;
margin-left: 206px;
width: 612px;
height: 15px;
overflow: hidden;
z-index: 20
}


img.mariposa{ position: absolute;
animation:mariposa 5s   ; 
-moz-animation:mariposa 5s ;
-webkit-animation:mariposa 5s  ; 
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}

@keyframes mariposa {

0% {left:-200px;}
100% {left:225px}

}

                    

/*
.wrapper-mariposa{
    
position: absolute;
top:105px;
margin-left: 206px;
width: 612px;
height: 15px;
overflow: hidden;
z-index: 20
}


img.mariposa{ position: absolute;
animation:mariposa 30s   ease-in-out ; 
-moz-animation:mariposa 30s infinite  ease-in-out ;
-webkit-animation:mariposa 30s infinite ; }

@keyframes mariposa {

0% {left:-20px;}
10% {left:100px}
30% {left:150px}
50% {left:350px}
90% {left:530px}
100% {left:600px;}
}

@-moz-keyframes mariposa {
0% {left:-20px;}
10% {left:100px}
30% {left:150px}
50% {left:350px}
90% {left:530px}
100% {left:600px;}
}

@-webkit-keyframes mariposa {
0% {left:-20px;}
10% {left:100px}
30% {left:150px}
50% {left:350px}
90% {left:530px}
100% {left:600px;}
}

@-o-keyframes mariposa {
0% {left:-20px;}
10% {left:100px}
30% {left:150px}
50% {left:350px}
90% {left:530px}
100% {left:600px;}
}


*/

/* Carousel base class */
.carousel{
margin-bottom: 0;
}
.carousel .item {
  height: 325px;
}
.carousel .container {
  position: relative;
  z-index: 9;
}
.carousel-control {
  margin-top: 10px; 
}
.carousel img {
  position: absolute;
  bottom:  0;
  left: 0;
  width: 100%;
  height: auto;
}                            
                            
.revista .textRevista { position:relative ; 
                         top:0; 
                         left:0;
                         text-align: center; 
                         line-height: 1.15; 
                 }      
                 .revista .textRevista .rl1 {text-transform:lowercase; 
                                             color:#6d6e71;
                                             font-family: Helvetica; 
                                             font-size:1.2em; }

                 .revista .textRevista .rl2 {display:block; 
                                             font-size:1.2em;
                                             text-transform:uppercase;
                                             font-variant: small-caps;
                                             color:#917c63;} 

                 .revista .imageRevista {position:relative; top:10px;left: -40px; }  
                 .revista .imageRevista img{max-width: none;  }    
    
    
.mantra{  text-align: center ; width: 180px} 
        
           
.wrapper-mantra{    text-align: left; font-size:1em;  color: #888b8d; }     


        audio { display: block; width: 160px;height: 30px; }
        
                    .mantra .artiste{   
                                        background-image: url('../../uploads/images/fondo-mantras.png');
                                        background-repeat: repeat;
                                        background-position: center top;
                                        
                                        padding: 15px 2px;
                                        border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
                                        z-index:1; 
                                        overflow:hidden;  
                                             -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13);
                                              -moz-box-shadow:    3px 3px 9px rgba(0, 0, 0, 0.13);
                                              box-shadow:         3px 3px 9px rgba(0, 0, 0, 0.13);
                                        margin-bottom: 15px;        

                    }
                        .mantra .artiste > img{ margin-bottom: 20px; }

                        .mantra .artiste p{line-height: 20px;height: 30px;}  
                        .player {margin: 0 0 5px 0;}           
                                                    div.info-escucha{ 
                                                                    padding: 4px;
                                                                    margin: 15px 15px 5px 8%;
                                                                    width: 60%;
                                                                     }
                                                            div.info-escucha span{
                                                                            text-align: center; 
                                                                            font-size:0.9em;
                                                                            color: #888b8d;
                                                                            line-height: 0.95;
                                                            }
                                                            div.info-escucha span a{font-weight: bold;color: #888b8d; text-align: center }


span[class*="playerButton"]{display: inline-block}

                                    .playerButton1{  float:left; cursor: pointer; white-space: pre;  line-height: 22px; width:200px; margin-bottom: 10px;}
                                    .playerButton1 img{  margin: 0px 0 -6px 10px; }
                                    .playerLayer1{  padding: 10px 5px ; 
                                                    text-align: left;
                                                    display: none; 
                                                    padding-bottom: 8px;
                                                    width:200px;
                                                    font-size:0.95em;
                                                    line-height: 0px;
                                                    color: #666666;
                                                  }

                                    .playerButton2{  float:left; cursor: pointer; white-space: pre;  line-height: 22px; width:200px; margin-bottom: 10px;}
                                    .playerButton2 img{  margin: 0px 0 -6px 10px; }
                                    .playerLayer2{  padding: 10px 5px ; 
                                                    text-align: left;
                                                    display: none; 
                                                    padding-bottom: 8px;
                                                    width:200px;
                                                    font-size:0.95em;
                                                    line-height: 0px;
                                                    color: #666666;
                                                    }

                                    .playerButton3{  float:left; cursor: pointer; white-space: pre;  line-height: 22px; width:200px; margin-bottom: 10px;}
                                    .playerButton3 img{  margin: 0px 0 -6px 10px; }
                                    .playerLayer3{  padding: 10px 5px ; 
                                                    text-align: left;
                                                    display: none; 
                                                    padding-bottom: 8px;
                                                    width:200px;
                                                    font-size:0.95em;
                                                    line-height: 0px;
                                                    color: #666666;
                                                  }
                        
                                    .playerButton4{  float:left; cursor: pointer; white-space: pre;  line-height: 22px; width:200px; margin-bottom: 20px;}
                                    .playerButton4 img{  margin: 0px 0 -6px 10px; }
                                    .playerLayer4{  padding: 10px 5px ; 
                                                    text-align: left;
                                                    display: none; 
                                                    padding-bottom: 8px;
                                                    width:200px;
                                                    font-size:0.95em;
                                                    line-height: 0px;
                                                    color: #666666;
                                                  }                                

                                    .playerButton5{  float:left; cursor: pointer; white-space: pre;  line-height: 22px; width:200px; margin-bottom: 20px;}
                                    .playerButton5 img{  margin: 0px 0 -6px 10px; }
                                    .playerLayer5{  padding: 10px 5px ; 
                                                    text-align: left;
                                                    display: none; 
                                                    padding-bottom: 8px;
                                                    width:200px;
                                                    font-size:0.95em;
                                                    line-height: 0px;
                                                    color: #666666;
                                                  }     

                                                  
                                                  
 /*------------------------------------*\
    BASE
\*------------------------------------*/                                                 
                                                  
                                   
 
 
/*------------------------------------*\
ALL CENTRO
\*------------------------------------*/



.fondo-all-centro{
   position: relative;
   padding: 13px 2px 13px 15px;
   background-image: url('../../uploads/images/fondo-all-centro.png');
   background-repeat: repeat;
                                                                                     -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13);
                                                                                     -moz-box-shadow:    3px 3px 9px rgba(0, 0, 0, 0.13);
                                                                                     box-shadow:         3px 3px 9px rgba(0, 0, 0, 0.13);
    border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    font-size: 0.96em;
    border: #d9d9d9 1px dotted;
    margin: 20px 10px 30px 10px;
 } 
 section.fondo-all-centro a {display:block; }
  section.fondo-all-centro a:hover{color:#ea7125  ;text-decoration: none }
 section.fondo-all-centro div.col-xs-1.col1-smaller{  width: 4% !important;  }
 section.fondo-all-centro div.col-xs-2.col2-littlebiger,
 section.fondo-all-centro aside.col-xs-2.col2-littlebiger,
 section.fondo-all-centro nav.col-xs-2.col2-littlebiger{  width: 19% !important; padding-right: 0 !important } 

 section.fondo-all-centro > div.borderColor img { max-width: 100%; height: auto;}

.text-wraper{position: relative;height:224px;}
.text-wraper img{position: absolute; top:0; z-index: 1;}
.text-wraper article{position: absolute; top:0; left:5px; z-index: 10; width: 150px;}
.text-wraper article h5{line-height: 1.2em;}

.text-wraper article h5 br{line-height: 0.95;} 
.tel article h5 > span:last-of-type{white-space: pre;}

 span.mail{position: absolute; 
                      bottom:0;right:5px; 
                      width: 170px; 
                      text-align: right; 
                      padding: 0 0 2px 0 ;
                      font-size: 10px;
                      color:  #676767;
            }
  .horse{}  
  .horse-facebook{margin:20px auto 0 auto; text-align: center;}                                       
   
  
  
  .link-box a{display: block;line-height: 1.8;font-size: 1.3em;color: #000}
  
                                                  
 /*  centros == */                                                 
                                                  
                                                  
 /*  HEADER == */  

#header-centro{	    position: absolute;
                    top:0;
                    height: 90px;
                    width: 1024px;
                    border: #dedede 1px dotted;
                    z-index: 15;
                    -webkit-transform: translateZ(0);
                    }		


           
                    
                    
.centro-fat section > div.is-a-block__background {padding-bottom: 30px; margin-bottom: 40px;}
.centro-fat header h4{margin-bottom: 20px;}  
.centro-fat p{text-align: left;}
.centro-fat img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
  

.centro-fat > nav{position: relative;}
div.col-xs-5.sin-margin-left{ padding-left: 0 !important;}                    
                    
                    
.agenda header h3   {margin: 20px 0 30px 5%}           
.agenda img{display:block;margin:15px auto}

 
                ul.lista-actividad{

                        border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                        background-color:white;
                        padding: 10px 5px;
                        overflow: hidden;
                  }

                  ul.lista-actividad li {
                  white-space: nowrap;
                        overflow: hidden;
                  }
                  ul.lista-actividad li:first-child a{
                  color:#e56e29
                  }


                  ul.lista-actividad li:last-child a{
                  color:#e56e29
                   }

                   ul.lista-actividad li:nth-child(3n+2) a{
                  color:#16a18b
                  }       

                 ul.lista-actividad li:nth-child(2n+2) a{
                  color:#c04d84
                  }      
                  
                  
                  
        .horarios img{  text-align: center;  display: block; margin: 0 auto;
                        -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13);
                        -moz-box-shadow:    3px 3px 9px rgba(0, 0, 0, 0.13);
                        box-shadow:         3px 3px 9px rgba(0, 0, 0, 0.13);
                        
                        max-width: 100%;height: auto;
        }
                  p.horario-is-a-big-title{ text-align: center; font-size: 1.7em; }
                  p.horario-is-sadhana{font-size: 1.3em; line-height:2;text-align: center}


          span.c1{ color:#c04d84}
          span.c2{color:#16a18b}
          span.c3{color:#e56e29}
          
          
          .horarios .is-a-block__background{padding-bottom: 45px}
          
          
/* precio */   
.precio .is-a-block__background{}
          
/* mas*/ 

        .wrapper-mas{ width: 70%; margin-left: 15%; }

            .wrapper-mas h3[class*=Button]{ cursor: pointer; margin: 10px 0 0 0; padding: 0 0 0 35px;
                                            line-height: 30px;
                                    background: url('../../uploads/images/BOMBILLA-P.png');
                                    background-repeat: no-repeat;
                                    background-position: -2% 63%;
                                    background-attachment:scroll;
                                    background-color: transparent;

            }

                        .wrapper-mas div[class*=Layer]{ 
                                position: relative;
                                display:none;
                                z-index: 10;
                                font-size: 1.1em;}

                        .wrapper-mas div[class*=Layer] p{padding-left: 30px; text-align: left} 
                        .wrapper-mas div[class*=Layer] img.bombilla {position: absolute; left:-11px; top: -56px}
                        .wrapper-mas div[class*=Layer] img.bombilla--preguntas {position: absolute; left:-9px; top: -66px}          
 
.como-somos article h3 {margin-top:  15px !important; margin-bottom: 15px  !important; }


.alqui article img{display:block; margin-top: 30px;}


.block-centro-wrapper--top{
    margin: 125px 0 65px  0;
 }
.block-centro-wrapper--top h4{line-height: 1.3}
.block-centro-wrapper--top .is-a-block__background{ padding-bottom: 45px}
.block-centro-wrapper--top aside{overflow: hidden}
.block-centro-wrapper--top aside img{max-width: 100%;height: auto}


.block-centro-wrapper{
    margin: 20px 0 60px  0;
}


                                                  
        .container--tittle {}
        .container--tittle img { margin-bottom: 5px;  } 
        .container--tittle h1 {
            position: absolute;
            top: 10px;
            left: 20px;
            margin: 0;
            text-transform: capitalize; 
            color:#258738; 
            font-weight: lighter; 
            font-size: 2.3em;
            display: block;
            text-shadow: 1px 1px 1px #cccccc ;
        }
        
        .container--tittle h1 a{color:#258738; }
                
        /* 1- le 1er element de type span qui est descendant direct */ 
       .container--tittle > span:first-of-type{
            position: absolute;
            top: 10px;
            right:  20px;
            margin: 0;
        }
        
        /* 2- la 1ere div */ 
        .container--tittle div:first-of-type{
            position: absolute;
            bottom:  10px;
            right:  20px;
            text-align: right;
            margin: 0;
            line-height: 0.95;
        }
         /* 3- le dernier span d'un conteneur de l''element ? */ 
        .container--tittle div:last-of-type span{display:block; }
        
         /* le 1er element de type span qui est descendant direct */ 
        .container--tittle span.adressse{
            position: absolute;
            left:  20px;
            bottom: 10px;
            text-align: right;
            margin: 0;
        }
                                                   
 
 /* RUBAN h2*/  
 .anchor-centro{
  display: block;
  height: 115px;
  margin-top: -115px; 
  visibility: hidden;
}
h2.is-a-block__background--h2 
                        {margin: 30px 0 40px 0;
                         background-color: #ffffff;
                         color: #4a4847;
                         padding: 0;
                         height: 60px; 
                         line-height: 60px; 
                         position: relative; 
                         top:0;  
                         left:-2%;
                         text-align: center ;
                         width: 104.5%;
                         border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
                         border: #dedede 1px dotted;
                                                                                 -webkit-box-shadow: 3px 3px 9px rgba(0, 4, 8, 0.13);
                                                                                  -moz-box-shadow:    3px 3px 9px rgba(0, 4, 8, 0.13);
                                                                                  box-shadow:         3px 3px 9px rgba(0, 4, 8, 0.13);
  }
                            .block-centro-wrapper--top h2:before,
                            .block-centro-wrapper--top h2:after,
                            .block-centro-wrapper h2:before,
                            .block-centro-wrapper h2:after{
                            content:"";
                            position: absolute;
                            width: 0;
                            height: 0}  

                            .block-centro-wrapper--top h2:before,
                            .block-centro-wrapper h2:before{
                            left:1px;
                            top:59px;
                            border-width: 8px 8px;
                            border-style: solid;
                            border-color: #e5e5e5 #e5e5e5 transparent transparent;}

                            .block-centro-wrapper--top h2:after,
                            .block-centro-wrapper h2:after{
                            right:1px;
                            top:59px;
                            border-width: 8px 8px;
                            border-style: solid;
                            border-color:#e5e5e5 transparent transparent #e5e5e5
                            }                                                  
                                                  
                                                  
 .is-a-block__background {
border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
background: #f4f3f2; /* Old browsers */
background: -moz-linear-gradient(top, #f4f3f2 0%, #ffffff 15%, #ffffff 50%, #f4f3f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f3f2), color-stop(15%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#f4f3f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f3f2 0%,#ffffff 15%,#ffffff 50%,#f4f3f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f3f2 0%,#ffffff 15%,#ffffff 50%,#f4f3f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f3f2 0%,#ffffff 15%,#ffffff 50%,#f4f3f2 100%); /* IE10+ */
background: linear-gradient( to bottom, #f4f3f2 0%,#ffffff 15%,#ffffff 50%,#f4f3f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f2', endColorstr='#f4f3f2',GradientType=0 ); /* IE6-9 */

                                                                                 -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13);
                                                                                  -moz-box-shadow:    3px 3px 9px rgba(0, 0, 0, 0.13);
                                                                                  box-shadow:         3px 3px 9px rgba(0, 0, 0, 0.13);
}                                                  
 
.is-a-block__background--white-top {
border-top-left-radius:5px;
border-top-right-radius:5px;
  border-style:solid;
  border-top:   #dedede 1px dotted;
   border-left:   #dedede 1px dotted;
   border-right:    #dedede 1px dotted;
   border-bottom: none;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
 
}

.is-a-block__background--white-bot {
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
  border-style:solid;
  border-top:  none;
   border-left:   #dedede 1px dotted;
   border-right:    #dedede 1px dotted;
   border-bottom:  #dedede 1px dotted;
  background-color: #ffffff;
    margin: 0;
  padding: 0;
  
  padding-bottom: 30px;

  margin-bottom: 40px;
                                        -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.13);
                                       -moz-box-shadow:    0px 3px 0px rgba(0, 0, 0, 0.13);
                                  //     box-shadow:         3px 3px 9px rgba(0, 0, 0, 0.13);
                                    box-shadow:         0px 3px 0px rgba(0, 0, 0, 0.13);
}
                                                  
                                                  
                                                  
                                                  
                                                  
                                                  
                                                  
                                                  
                                                  
                                                  
                                                  
                                                  
/*------------------------------------*\
    BASE
\*------------------------------------*/



.pagination {
	width: 80%;
	margin: 0 auto;
	text-align: center;
    	opacity: 0.7;
        border-radius:7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
        font-size: 1.7em;
	}

    



#main-container{}

footer{ display: block;

       /*  background-color: #67ab38;
        min-width:2140px;
        left:50%;
        margin-left: -1070px;   */
        position: absolute;width: 100%;
       /* bottom:-395px;*/
 

     
        
       
        /*top:-220px;
        padding-bottom: 220px;*/
       /* padding-bottom: 316px;*/
        z-index: 10;    
       /* min-height: 400px;*/
       
       



         background-image: url('../../uploads/images/arboles2500.png');
         background-repeat: no-repeat;
         background-position: center top; 
        

}

    #footer{         
        position: relative;  
        /*top:316px;   */
        }


        .footerText {
            height: 30px; 
            padding-top: 227px;
            /*position: relative; */
           /* top:-82px;*/
           }

            .footerText p{
                white-space: pre; 
                color:#6d6e71;
                line-height: 1.1em ;
                }
                .footerText p span{ color: #ec6f31 }
                .footerText p span span{ color: #007566 }


    .menu-footer {
    color: #ffffff;
    margin-top: 88px;
    background-color: #67ab38; 
    padding-top: 15px;
    }
    .menu-footer a { 
        text-transform: lowercase;
        color: #ffffff; 
    }
    .menu-footer a:hover {
    color:#ccc ;
    text-decoration: none
    }

    .menu-footer ul {text-align: left;padding: 0 !important; }
    .menu-footer ul li {margin: 0 !important;padding: 0 !important ;font-variant: small-caps}
    .menu-footer ul ul {margin-left: 15px}
    .menu-footer ul ul li {margin: 0 !important; padding: 0 !important; font-variant: normal}
    .menu-footer ul li a{ font-size: 1.1em;line-height: 1.2}
    .menu-footer ul ul li a{font-size: 0.9em; }
    .menu-footer ul ul li ul li a{ font-size: 0.8em;}               
                    
                    
                    
.credito{color:#fff !important;font-size: .8em}

.credito a{color:#fff !important;}              
                    
                    
                    
                    
                    
                    
                    
 









/*------------------------------------*\
    FANCY BOX NEWSLETTER
\*------------------------------------*/

/*Global*/
.mc_var_label, .mc_header , .mc_header_email{display: none !important ;}


/*Headers*/
.contact-wrapper-top{padding:   25px 40px 0 40px; text-align:left}
.contact-wrapper-bot{padding:   50px 40px 25px 40px; text-align:left;  }

.contact-wrapper-top p {      
    color: #666666 ;
    font-size: 1.25em ; 
    text-align: left !important; 

}
.contact-wrapper-top > p {      
margin-bottom: 0;
}

p.contact-L2{
    display: inline-block !important;
    color: #666666 ;
    font-size: 1.25em ; 
    text-align: left !important;
    margin-bottom: 0 !important;
    line-height: 1}

.contact-wrapper-top p span, .contact-wrapper-bot p span{  color: #318f84 !important;}


/*------------------------------------*\
    MAILCHIMP CONTACTFORM 7
\*------------------------------------*/

                                                        /*------------------------------------*\           
                                                                    CSS Cheat Sheet
                                                        .widget_mailchimpsf_widget	This targets the entire widget container.
                                                        .widget-title	This styles the title of your MailChimp widget. Modifying this class will affect your other widget titles.
                                                        #mc_signup	This targets the entirity of the widget beneath the widget title.
                                                        #mc_subheader	This styles the subheader text.
                                                        .mc_form_inside	The guts and main container for the all of the form elements (the entirety of the widget minus the header and the sub header).
                                                        .mc_header	This targets the label above the input fields.
                                                        .mc_input	This attaches to the input fields.
                                                        .mc_header_address	This is the label above an address group.
                                                        .mc_radio_label	These are the labels associated with radio buttons.
                                                        #mc-indicates-required	This targets the “Indicates Required Field” text.
                                                                Use this to style the submit button

                                                        \*------------------------------------*/

                                                       
  /*.mc_form_inside .button {position: relative; top:-21px;} */                                                      
                                                        
.wpcf7{    margin-bottom: 0 !important; }

 mc_custom_border_hdr, #mc_subheader, .wpcf7-form p{
    color: #318f84 ;
    font-size: 1.15em ; 
    line-height: 1.2  !important; 
    margin-bottom: 0 !important; 
    text-align: left;
    width:  200px;
}

 .wpcf7-form > p{padding:15px 5px;}
 

 
/*ok*/
.mc_merge_var {
padding-top: 1.2em;
}

#mc_signup_form .mc_var_label {
display: inline;
line-height: 1.6em;
}
#mc-indicates-required {
margin: 1em 0 1em 1em;
font-size: 0.9em;
}


.mc_merge_var{float:left !important;  display:inline !important; }
.mc_signup_submit {float:left !important; width:40px  !important; display:inline-block !important;position: relative !important; top:-5px ; left: 5px; }
.mc_form_inside .button{ padding: 1px 2px; float:left !important;font-family: Helvetica;font-weight: bold;text-transform:uppercase; color:#007566 ;}
#mc_signup{ text-align: left !important;margin-bottom:0 !important;}






input[type="email"]
{
          border: #cecece solid 1px;
          opacity: 0.7;
          border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    
width: 230px;

}

input[type="text"]
{
          border: #cecece solid 1px;
          opacity: 0.7;
          border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    
width: 230px;

}






 .wpcf7-form  p
{
line-height: 1.2;
}



         .wpcf7-form input[type="submit"] {
         background: url("../../uploads/images/ok.png") no-repeat;
         text-indent: -9999em;
         width: 34px;
        }


/*------------------------------------*\
    NAV
\*------------------------------------*/


 		
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */

width: 560px; 
height: 40px; 
margin: 0; 
padding: 0;
overflow: hidden; 
font-size: 1.7em;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: normal 16px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


             
/*------------------------------------*\
   NAV CENTRO FIXED
\*------------------------------------*/
             
             
	/* Advanced navigation effects with CSS3 */
	
		@font-face{ 
			font-family: 'WebSymbolsRegular';
			src: url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/websymbols-regular-webfont.eot');
			src: url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/websymbols-regular-webfont.eot#iefix') format('embedded-opentype'),
	     		url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/websymbols-regular-webfont.woff') format('woff'),
	     		url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/websymbols-regular-webfont.ttf') format('truetype'),
	     		url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}
	
	
	
	
    div	a#top_link{
	display: none;
	position: absolute;
        margin-left: 15px;
	top: 62px;
	width                           :	1px;
	height				:	1px;
	border				:	1px solid #dddbdd;
	border-color			:	transparent transparent #dddbdd transparent;
	border-width			:	30px;
	z-index				:	2000;}
	
	
		ul#nav-sb {
			position: absolute;
                        top:120px;
                        margin-left: 15px;
			padding:0;
                        -webkit-transform: translateZ(0);

                         z-index: 5;
                         height: 305px;
		}
		
		ul#nav-sb li {
			position: relative;
			margin:	1px 0px;
			padding: 10px 10px 5px 0;
			list-style:	none;
			width:		160px;
			background:	#fcfcfc;
			border: 1px solid #C4C4C4;	
                               border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
			-webkit-box-shadow: 0px 0px 4px #ccc;
			box-shadow: 0px 0px 4px #ccc;
			-webkit-transition: all 0.15s linear;
			overflow:	hidden;
                        -webkit-transform: translateZ(0);}
		
		ul#nav-sb .icon {
			font-family: 'WebSymbolsRegular',cursive;
			font-size:	 1.5em;
			position:	absolute;
			left:		15px;
			top:		10px;
			text-shadow: 0px 2px 1px #999;
			-webkit-transition: all 0.3s linear;
                        -webkit-transform: translateZ(0);}

		ul#nav-sb li:hover , #nav-sb li.active{
			background:			#dcebeb	;
			-webkit-transform: translateY(-1px) scale(1.01);
                        -webkit-transform: translateZ(0);
			-webkit-box-shadow: 0px 2px 7px #999;
			box-shadow: 0px 2px 7px #999;
			z-index:	1000;
		}
             
                
		
		ul#nav-sb li:hover .icon, #nav-sb li.active .icon {
			-webkit-transform: scale(1.1);
                        -webkit-transform: translateZ(0);
			color:			#b7480c;
		}
		
		ul#nav-sb li a {
                        padding-left: 12px;
                        float:left;
			display:			block;
			text-decoration: 	none;
			color:				#343434;
			text-transform:		uppercase;
			font-size:			0.8em;
			-webkit-transition: c 0.3s linear;
		}
		
                ul#nav-sb li span img{
                        display: block;
                        float:left;
                        padding-top: 5px;
                        padding-left: 5px;

		}

                ul#nav-sb li:hover a {
			color:			#26697f;
		}
		
		ul#nav-sb li a h4 {
			margin:		0;
			padding:	0;
			font-size:	1.5em;
			display:	block;
			text-transform:capitalize;
			font-weight:bold;
                        padding-bottom: 5px;
		}
		
		ul#nav-sb li:hover a h4 , #nav-sb li.activea h4 {
			-webkit-animation: slideFromTop 100ms ease-in-out;
			-moz-animation: slideFromTop 100ms ease-in-out;
			-ms-animation: slideFromTop 100ms ease-in-out;
		}
		
		ul#nav-sb li a span {
			display:	block;
                        font-size: .8em;
		}
		
		ul#nav-sb li:hover a span,#nav-sb li.active a span {
			-webkit-animation: slideFromRight 100ms ease-in-out;
			-moz-animation: slideFromRight 100ms ease-in-out;
			-ms-animation: slideFromRight 100ms ease-in-out;
		}
		
		@-webkit-keyframes slideFromTop {
			from {
				opacity: 0;
				-webkit-transform: translateY(-200%);
                                
			}
			to {
				opacity: 1;
				-webkit-transform: translateY(0%);
			}
		}
		@-moz-keyframes slideFromTop {
			from {
				opacity: 0;
				-moz-transform: translateY(-200%);
			}
			to {
				opacity: 1;
				-moz-transform: translateY(0%);
			}
		}
		@-ms-keyframes slideFromTop {
			from {
				opacity: 0;
				-ms-transform: translateY(-200%);
			}
			to {
				opacity: 1;
				-ms-transform: translateY(0%);
			}
		}
		
		@-webkit-keyframes slideFromRight {
			from {
				opacity: 0;
				-webkit-transform: translateX(100%);
			}
			to {
				opacity: 1;
				-webkit-transform: translateX(0%);
			}
		}
		@-moz-keyframes slideFromRight {
			from {
				opacity: 0;
				-moz-transform: translateX(100%);
			}
			to {
				opacity: 1;
				-moz-transform: translateX(0%);
			}
		}
		@-ms-keyframes slideFromRight {
			from {
				opacity: 0;
				-ms-transform: translateX(100%);
			}
			to {
				opacity: 1;
				-ms-transform: translateX(0%);
			}
		}		

         
                
                
                
                
                
/*------------------------------------*\
    HOME ANIMATION
\*------------------------------------*/

    .news-dim-left{
   position: absolute;
   top:0;
   left:25px;
   border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
   height:80px;
   width:80px;
   background:white;

animation: changedim 18s linear infinite; 
-moz-animation: changedim 18s linear infinite;  /* Firefox */
-webkit-animation:changedim 18s linear infinite;  /* Safari and Chrome */
-o-animation: changedim 18s linear infinite; /* Opera */
   -webkit-animation:changedim 18s linear infinite; /* Safari and Chrome */

   }
   
   .news-dim-right{
   position: absolute;
   top:0;
   right:25px;
   border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
   height:80px;
   width:80px;
   background:white;


animation: changedim 22s linear infinite; 
-moz-animation: changedim 22s linear infinite;  /* Firefox */
-webkit-animation:changedim 22s linear infinite;  /* Safari and Chrome */
-o-animation: changedim 22s linear infinite; /* Opera */
   -webkit-animation:changedim 22s linear infinite; /* Safari and Chrome */

   } 
   
      
   
   

 
 @keyframes changedim{
0%,100% {width:60px ; height: 60px;background:#ffe5f3;top:0;}
50% {width:100px ; height: 100px;background:#ffbfe1;top:325px}
}

@-moz-keyframes changedim{
0%,100% {width:60px ; height: 60px;background:#ffe5f3;top:0;}
50% {width:100px ; height: 100px;background:#ffbfe1;top:325px}
}

@-webkit-keyframes changedim{
0%,100% {width:60px ; height: 60px;background:#ffe5f3;top:0;}
50% {width:100px ; height: 100px;background:#ffbfe1;top:325px}
}

@-o-keyframes changedim{
0%,100% {width:60px ; height: 60px;background:#ffe5f3;top:0;}
50% {width:100px ; height: 100px;background:#ffbfe1;top:325px}
}
 


        @keyframes changedimwhite{
       0%,100% {width:50px ; height: 50px;}
       50% {width:80px ; height: 80px;}
       }

       @-moz-keyframes changedimwhite{
       0%,100% {width:50px ; height: 50px;}
       50% {width:80px ; height: 80px;}
       }
       
       @-webkit-keyframes changedimwhite{
       0%,100% {width:50px ; height: 50px;}
       50% {width:80px ; height: 80px;}
       }

       @-o-keyframes changedimwhyte{
       0%,100% {width:50px ; height: 50px;}
       50% {width:80px ; height: 80px;}
       }


 
@keyframes buledown {
0%, 100%{top:0;}
50% {top:325px}
}

 @-moz-keyframes buledown {
0%, 100%{top:0;}
50% {top:325px}
}

@-webkit-keyframes buledown {
0%, 100%{top:0;}
50% {top:325px}
}

@-o-keyframes  buledown {
0%, 100%{top:0;}
50% {top:325px}
}
 
@keyframes buleup {
0%, 100%{top:0;}
50% {top:325px}
}

 @-moz-keyframes buleup {
0%, 100%{top:0;}
50% {top:325px}
}

@-webkit-keyframes buleup {
0%, 100%{top:0;}
50% {top:325px}
}

@-o-keyframes buleup {
0%, 100%{top:0;}
50% {top:325px}
}




 
 




.anim-left-1{
 position: absolute;
 animation:buledown 20s   linear infinite; ; /*Firefox */
-moz-animation:buledown 20s linear infinite; /*Firefox */
-webkit-animation:buledown 20s  linear infinite; /* Safari & Chrome */
}

    .left-news-1-1{
   position: absolute;
   top:-40px;
   left:25px;
   border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
   height:80px;
   width:80px;
   background:white;

   animation:changecolor3 5s linear infinite;
   -moz-animation:changecolor3 5s linear infinite; /* Firefox */
   -webkit-animation:changecolor3 5s linear infinite; /* Safari and Chrome */
   -o-animation:changecolor3 5s linear infinite; /* Opera */

   }
    .left-news-1-2{
   position: absolute;
   top:150px;
   left: 60px;
   border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
   height:50px;
   width:50px;
   background:white;

   animation:changecolor4 5s linear infinite;
   -moz-animation:changecolor4 5s linear infinite; /* Firefox */
   -webkit-animation:changecolor4 5s linear infinite; /* Safari and Chrome */
   -o-animation:changecolor4 5s linear infinite; /* Opera */
   }

.anim-left-2{
 position: absolute;
 animation:buleup 15s   ease-in-out ; /*Firefox */
-moz-animation:buleup 15s infinite  ease-in-out ; /*Firefox */
-webkit-animation:buleup 15s  linear infinite; /* Safari & Chrome */
}

    .left-news-2-1{
    position: absolute;
    top:-50px;
    left: 15px;
    border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    margin:  0 auto;
    height: 70px;
    width:70px;
    text-align: center;
    background:white;

    animation:changecolor3bis 5s linear infinite;
    -moz-animation:changecolor3bis 5s linear infinite; /* Firefox */
    -webkit-animation:changecolor3bis 5s linear infinite; /* Safari and Chrome */
    -o-animation:changecolor3bis 5s linear infinite; /* Opera */
    }

    .left-news-2-2{
    position: absolute;
    left: 30px;
    top: 250px;
    border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    height: 60px;
    width:60px;

    background:white;

    animation:changecolor4bis 5s linear infinite;
    -moz-animation:changecolor4bis 5s linear infinite; /* Firefox */
    -webkit-animation:changecolor4bis 5s linear infinite; /* Safari and Chrome */
    -o-animation:changecolor4bis 5s linear infinite; /* Opera */
    }



 .fix-left-1{
position: absolute;
top:60px;
left: 50px; 
border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
margin:  0 auto;
height: 100px;
width:100px;
text-align: center;
background:white;
z-index: 50;


animation:changedimwhite 9s linear infinite;
-moz-animation:changedimwhite 9s linear infinite; /* Firefox */
-webkit-animation:changedimwhite 9s linear infinite; /* Safari and Chrome */
-o-animation:changedimwhite 9s linear infinite; /* Opera */
}

.fix-left-2{
position: absolute;
bottom: 80px;left: 80px;
border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
margin:  0 auto;
height: 40px;
width: 40px;
background:white;
z-index: 50;
animation:changecolor3bis 5s linear infinite;
-moz-animation:changecolor3bis 5s linear infinite; /* Firefox */
-webkit-animation:changecolor3bis 5s linear infinite; /* Safari and Chrome */
-o-animation:changecolor3bis 5s linear infinite; /* Opera */

}


.fix-left-3{
position: absolute;
bottom: 15px;
left: 15px;
border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
margin:  0 auto;
height: 45px;
width:45px;
background:white;
z-index: 50;
animation:changecolor4bis 5s linear infinite;
-moz-animation:changecolor4bis 5s linear infinite; /* Firefox */
-webkit-animation:changecolor4bis 5s linear infinite; /* Safari and Chrome */
-o-animation:changecolor4bis 5s linear infinite; /* Opera */
}


.anim-right-1{
 position: absolute;
 right: 0;
 z-index: 50;
 animation:buleup 15s   linear infinite; ; /*Firefox */
-moz-animation:buleup 15s linear infinite; /*Firefox */
-webkit-animation:buleup 15s  linear infinite; /* Safari & Chrome */
}

    .right-news-1-1{
   position: absolute;
   bottom:-40px;
   right:15px;
   border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
   height:80px;
   width:80px;
   background:white;
z-index: 50;
   animation:changecolor3 5s linear infinite;
   -moz-animation:changecolor3 5s linear infinite; /* Firefox */
   -webkit-animation:changecolor3 5s linear infinite; /* Safari and Chrome */
   -o-animation:changecolor3 5s linear infinite; /* Opera */

   }
    .right-news-1-2{
   position: absolute;
   bottom: 150px;
   right: 50px;
   border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
   height:50px;
   width:50px;
   background:white;
z-index: 50;
   animation:changecolor4 5s linear infinite;
   -moz-animation:changecolor4 5s linear infinite; /* Firefox */
   -webkit-animation:changecolor4 5s linear infinite; /* Safari and Chrome */
   -o-animation:changecolor4 5s linear infinite; /* Opera */
   }

.anim-right-2{
 position: absolute;
 right: 0;
 z-index: 50;
 animation:buledown 20s  linear infinite ; /*Firefox */
-moz-animation:buledown 20s linear infinite ; /*Firefox */
-webkit-animation:buledown 20s  linear infinite; /* Safari & Chrome */
}

    .right-news-2-1{
    position: absolute;
    bottom:-50px;
    right: 30px;
    border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    margin:  0 auto;
    height: 70px;
    width:70px;
    text-align: center;
    background:white;
    z-index: 50;

    animation:changecolor3bis 5s linear infinite;
    -moz-animation:changecolor3bis 5s linear infinite; /* Firefox */
    -webkit-animation:changecolor3bis 5s linear infinite; /* Safari and Chrome */
    -o-animation:changecolor3bis 5s linear infinite; /* Opera */
    }

    .right-news-2-2{
    position: absolute;
    right: 30px;
    bottom:  250px;
    border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    height: 60px;
    width:60px;

    background:white;
z-index: 50;
    animation:changecolor4bis 5s linear infinite;
    -moz-animation:changecolor4bis 5s linear infinite; /* Firefox */
    -webkit-animation:changecolor4bis 5s linear infinite; /* Safari and Chrome */
    -o-animation:changecolor4bis 5s linear infinite; /* Opera */
    }





 .fix-right-1{
position: absolute;
top:40px;
right: 50px; 
border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
margin:  0 auto;
height: 100px;
width:100px;
text-align: center;
background:white;
z-index: 50;
animation:changedimwhite 9s linear infinite;
-moz-animation:changedimwhite 9s linear infinite; /* Firefox */
-webkit-animation:changedimwhite 9s linear infinite; /* Safari and Chrome */
-o-animation:changedimwhite 9s linear infinite; /* Opera */
}

.fix-right-2{
position: absolute;
bottom: 80px;right: 80px;
border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
margin:  0 auto;
height: 40px;
width: 40px;
z-index: 50;
background:white;
animation:changecolor3 5s linear infinite;
-moz-animation:changecolor3 5s linear infinite; /* Firefox */
-webkit-animation:changecolor3 5s linear infinite; /* Safari and Chrome */
-o-animation:changecolor3 5s linear infinite; /* Opera */
}


.fix-right-3{
position: absolute;
bottom: 15px;
right: 15px;
border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
margin:  0 auto;
height: 45px;
width:45px;
background:white;
z-index: 50;
animation:changecolor4 5s linear infinite;
-moz-animation:changecolor4 5s linear infinite; /* Firefox */
-webkit-animation:changecolor4 5s linear infinite; /* Safari and Chrome */
-o-animation:changecolor4 5s linear infinite; /* Opera */
}

 




.special-centro a{position:relative; top: 0 ; left:30px;}







 

 @keyframes changecolor2 {
0%,100%   {background:#fff2f9;}
50%  {background:#fff7fb;}
}

@-moz-keyframes changecolor2 {
0%,100%   {background:#fff2f9;}
50%  {background:#fff7fb;}
}

@-webkit-keyframes changecolor2 {
0%,100%   {background:#fff2f9;}
50%  {background:#fff7fb;}
}

@-o-keyframes changecolor2 {
0%,100%   {background:#fff2f9;}
50%  {background:#fff7fb;}
}
 
        @keyframes changecolor2bis {
      0%,100%   {background:#fff7fb;}
      50%  {background:#fff2f9;}
      }

      @-moz-keyframes changecolor2bis {
      0%,100%   {background:#fff7fb;}
      50%  {background:#fff2f9;}
      }

      @-webkit-keyframes changecolor2bis {
      0%,100%   {background:#fff7fb;}
      50%  {background:#fff2f9;}
      }

      @-o-keyframes changecolor2bis {
      0%,100%   {background:#fff7fb;}
      50%  {background:#fff2f9;}
      }

 @keyframes changecolor3 {
0%,100%   {background:#ffd9ed;}
33%  {background:#ffe5f3;}
66%  {background:#fff2f9;}
}

@-moz-keyframes changecolor3{
0%,100%   {background:#ffd9ed;}
33%  {background:#ffe5f3;}
66%  {background:#fff2f9;}
}

@-webkit-keyframes changecolor3 {
0%,100%   {background:#ffd9ed;}
33%  {background:#ffe5f3;}
66%  {background:#fff2f9;}
}

@-o-keyframes changecolor3 {
0%,100%   {background:#ffd9ed;}
33%  {background:#ffe5f3;}
66%  {background:#fff2f9;}
}


            @keyframes changecolor3bis {
            0%,100%   {background:#fff2f9;}
            33%  {background:#ffe5f3;}
            66%  {background:#ffd9ed;}
            }

            @-moz-keyframes changecolor3bis {
            0%,100%   {background:#fff2f9;}
            33%  {background:#ffe5f3;}
            66%  {background:#ffd9ed;}
            }

            @-webkit-keyframes changecolor3bis{
            0%,100%   {background:#fff2f9;}
            33%  {background:#ffe5f3;}
            66%  {background:#ffd9ed;}
            }

            @-o-keyframes changecolor3bis {
            0%,100%   {background:#fff2f9;}
            33%  {background:#ffe5f3;}
            66%  {background:#ffd9ed;}
            }

 

 @keyframes changecolor4 {
0%,100%   {background:#ffcce7;}
25%  {background:#ffbfe1;}
50%  {background:#ffe5f3}
75%  {background:#ffd9ed}
}

@-moz-keyframes changecolor4 {
0%,100%   {background:#ffcce7;}
25%  {background:#ffbfe1;}
50%  {background:#ffe5f3}
75%  {background:#ffd9ed}
}

@-webkit-keyframes changecolor4 {
0%,100%   {background:#ffcce7;}
25%  {background:#ffbfe1;}
50%  {background:#ffe5f3}
75%  {background:#ffd9ed}
}
@-o-keyframes changecolor4 {
0%,100%   {background:#ffcce7;}
25%  {background:#ffbfe1;}
50%  {background:#ffe5f3}
75%  {background:#ffd9ed}
}




        @keyframes changecolor4bis {

        0%,100%   {background:#ffe5f3;}
        25%  {background:#ffd9ed;}
        50%  {background:#ffcce7}
        75%  {background:#ffbfe1}
        }

        @-moz-keyframes changecolor4bis {
        0%,100%   {background:#ffe5f3;}
        25%  {background:#ffd9ed;}
        50%  {background:#ffcce7}
        75%  {background:#ffbfe1}
        }

        @-webkit-keyframes changecolor4bis {
        0%,100%   {background:#ffe5f3;}
        25%  {background:#ffd9ed;}
        50%  {background:#ffcce7}
        75%  {background:#ffbfe1}
        }

        @-o-keyframes changecolor4bis {
        0%,100%   {background:#ffe5f3;}
        25%  {background:#ffd9ed;}
        50%  {background:#ffcce7}
        75%  {background:#ffbfe1}
        }