/*
Theme Name: newhappyyoga 

*/

/* 
[class*='row']{
 outline: 1px solid red;
} 

[class*='col-xs']{
 outline: 1px solid  #ea7125;
}
*/





@font-face {
	font-family: 'Droid Sans';

        /* for IE */
	src: url('fonts/DroidSans.eot');

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('Droid Sans'),
	     url('fonts/DroidSans.ttf') format('truetype');
}


@font-face {
	font-family: 'DroidSansBold';

        /* for IE */
	src: url('fonts/DroidSans-Bold.eot');

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('DroidSansBold'),
	     url('fonts/DroidSans-Bold.ttf') format('truetype');
}


@font-face {
	font-family: 'perpetua';

        /* for IE */
	src: url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/perpetua-titling-mt-light.eot');

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('perpetua'),
	     url('fonts/perpetua-titling-mt-light.ttf') format('truetype');
}

@font-face {
	font-family: 'helvetica';

        /* for IE */
	src: url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/HelveticaNeueLTStd-UltLt.eot');

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('perpetua'),
	     url('http://www.happyyoga.com/wp-content/themes/newhappyyoga/fonts/HelveticaNeueLTStd-UltLt.ttf') format('truetype');
}

//-Template: -twentyfourteen
header, nav, section, article, aside, figure, footer { display: block; }

html, body, form, fieldset {
   margin: 0;
   padding: 0;
   border: 0;
   font-family: "Droid Sans", "Arial", "Helvetica", sans-serif;
 }
 
ol, ul,li {
list-style: none;
}
ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
li {
    padding-left: 1em;color:#7e7e7e;
}


address{color:#7e7e7e;}

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

img {
  max-width: 100%;
  height: auto;
}

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






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

body{     
line-height: 1.5; 
text-align:center; 
width: 100%;
height:100%;
min-width:1024px;
background-image: url('../../uploads/images/fondo-superior2.jpg');
background-repeat: no-repeat;
background-position: center top;
overflow:auto;
}

#main{  
margin:0 auto ; 
margin-top:0px;;
text-align:left;  
position: relative;
z-index: 0;
}

/* Reset the container */
.container {
  width: 1024px !important;
  max-width: none !important;
}


strong{
   font-family: "DroidSansBold", "Arial", "Helvetica", sans-serif; 
   font-weight: normal;
font-weight: 100;
}

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


/* Demonstrate the grids */
.col-xs-4 , .col-xs-6 , .col-xs-2 {
/* 
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
*/ 
}

    div.col-xs-7.five-three {
    width: 60% !important;
    }

    div.col-xs-5.five-two {
    width: 40% !important;
    }

    div.col-xs-2.col2-bigger,     aside.col-xs-2.col2-bigger , nav.col-xs-2.col2-bigger {
      width: 20% !important;
    }
 

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

section{
   /* -webkit-transform: translateZ(0);*/
     padding-left: 1%;
}    

h1{ 
   font-family: "perpetua", "Arial", "Helvetica", sans-serif;
    text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}     
article {        }  
section p{// text-align: justify; 
         //  color:#7e7e7e;
color:#666666;
}    




.width95{  width: 95%  !important; ; }
.width85{  width: 85%  !important; ;  }
.width65{  width: 65% !important; }    
    

.is-a-block__big-content{
    margin:  30px 0;
    padding: 15px 10px 25px 20px;
}

.is-a-block__litle-content{
    margin:  10px 0 ;
    padding: 10px 10px 15px 10px;
}
    .is-a-block__litle-content p{padding: 0 10px;}

.is-a-block__very-litle-content{
    padding: 10px 20px 15px 10px;
}
.is-a-block__very-litle-content p{font-size:1.1em}

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


.all-design h1{color: #218734; font-weight: lighter; text-align: center}






/*------------------------------------*\
   HOME
\*------------------------------------*/                         
    
div.diapo-margin {
    width: 92% ;margin: 0 auto;
  
   padding: 40px 0 0  0;
}      

section.seo-bomb{
    margin: 40px 20px -220px 20px

}

section.seo-bomb h1{
    text-align: center;
    font-size: 2em;
    font-weight: lighter;
    width: 85%;
    margin: 20px auto 30px auto;
    color: #7e7e7e;
    
}

section.home .seo-bomb p{}

/*------------------------------------*\
    SINGLE + CAT (NEW - HAPPY CENTRAL)
\*------------------------------------*/ 



.single-post h3 {font-size: 1.3em;color: #e03188; line-height: 0.95; font-weight: bold;width: 60%}

.happy-central img , 
.single-post section img {
  max-width: 100%;
  height: auto;
}
img.logo{margin-right:  15px;}
span.auteur{font-size: 0.75em; color: #5357ad; font-weight: bold}
span.time{display:inline-block;margin-top: 15px;font-size: 0.7em;}

li.current-cat  a{color: #e03188 !important;font-weight: bold}
li.current-cat  a:hover{text-decoration: none}

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


h1.single-post{
   width: 80%; margin: 0 auto; 
   margin-top: 20px;
   margin-bottom: 30px;
}










.single-post{
   margin-bottom: -190px;     
}
.single-post > nav{
    margin-top: 30px;  
}




/*------------------------------------*\
   HAPPY CENTRAL
\*------------------------------------*/ 
ul.lista-gategoria li h4{ font-variant: small-caps}
ul.lista-gategoria li ul li{ padding-left: 0;}

.img-blog{margin-left: -20px; margin-bottom: 15px;}

.happy-central   h1{color: #218734; font-weight: lighter}
.happy-central   h5{color: #218734; font-weight: bolder !important}

/*- NAV -*/ 
.col-xs-2.little{padding: 0 !important;}
.happy-central  nav ul {margin: 0; padding: 0}
.happy-central  nav a, .single-post> nav a{font-size: 1.2em; color:#9e9e9e; padding-left: 25px}
.happy-central  nav a:hover, .single-post> nav a:hover {color: #e03188;  } 
.happy-central  nav{    margin-top: 30px;  }

/*- SECTION -*/ 
.happy-central  section{margin-bottom: -190px;}

.happy-central  section > article{ margin: 20px 0;}

.happy-central  section > article p{ font-size: 0.9em;}

.happy-central  section > article h3 {font-size: 1.3em;color: #e03188; line-height: 0.95; font-weight: bold;width: 60%}

/*- ASIDE -*/ 
.happy-central  aside{ 
                    background-image: url('../../uploads/images/fondo-news.png');
                    background-repeat: repeat-y;
                    background-position: center top;
                    border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  
margin: 30px auto 0 auto;

text-align: center;


}

.happy-central  aside h3 {font-size: 1.2em;color: #e03188; line-height: 35px; height: 15px; font-weight: bold; margin-bottom: 15px;}
.happy-central  aside h2{font-size: 1.2em;color: #e03188; line-height: 35px; height: 45px; font-weight: bold; text-align: center}

.happy-central .col-xs-4.col-image{margin-top: 10px;}


/*------------------------------------*\
   respira
\*------------------------------------*/  
    
section.respira{
            margin-bottom: -200px;
            margin-top: -30px;
}

.respira header h1{padding: 30px 0; text-align: center;color:#c04d84;}

.respira  h2, .respira  h3{color:#ea7125;}

section.respira   p img{ margin:20px auto;  }

    
/*------------------------------------*\
   YOGA
sidebare x6 dans nav: use relative1
section(header article)
\*------------------------------------*/  


.kriya {}

#kriya img{display: block;margin: 0 auto;max-width: 100%;height: auto;}

.kriya h1{ text-align: left; margin-bottom: 50px; color:#c04d84;}
.kriya h2{ 

                color:  #6fb0a9; 
                font-weight: lighter; 
                text-transform: uppercase;
                text-align: center;
                margin: 70px 0 50px 0;
               }  
/*- sb -*/ 
            .yoga-lista nav ul {  padding-right:0; }

            .yoga-lista nav ul li{  
                           width: 80%;
                           color:#bbbbbb;
                           padding-left: 10px;
                           font-weight: normal;
                           display: inline-block;
                           padding-bottom: 25px;
                          }

                           .yoga-lista nav ul li a{
                           text-align: left; 
                           color: #888b8d;
                           line-height: 0.9;
                           font-size: 1.2em;}

              .yoga-lista nav  ul li a.actif--medit ,  .yoga-lista nav ul li.current_page_item a{color: #318f84 !important;}
              .yoga-lista nav ul li a.actif--medit:hover  {color: #fe6605!important;text-decoration: none}


/*------------------------------------*\
    CRIANZA + YOGA
\*------------------------------------*/ 

    .relative1{
        position: relative; 
        top : -134px;
        }
    
        section.relative1{
        margin-bottom: -350px; 
        }
    

/*------------------------------------*\
   YOGA
sidebare x6 dans nav: use relative1
\*------------------------------------*/  
    
section.yoga{}
section.yoga h1{color: #ea7125 }
section.yoga h2{color: #676767}
section.yoga h3{color: #676767}
section.yoga h4{color: #676767}


        section.yoga article img{text-align: center; margin:25px auto; display: block}
     
    
/*------------------------------------*\
  CRIANZA
sidebare x6 dans nav : use relative1
\*------------------------------------*/  
    

section.crianza{}
section.crianza h1{color: #ea7125 }



    .crianza header {min-height: 80px;}
    .crianza header h1{width: 100%; 
                      margin: 15px auto 30px auto; 
                      text-align: center ;
                      padding-left:  1%;
                      padding-top: 20px;}  

    section.crianza article{padding-left: 5%}
    section.crianza article img{text-align: center; margin:25px auto; display: block}

    
/*------------------------------------*\
   HEADER HATHA + KUNDA  OLD
\*------------------------------------*/

        .intro-hatha{
                    color: #676767;
                    font-size:1.1em; 
                    line-height: 1;
                    margin-left: 8%;
                   }
        .intro-hatha h1{font-size:2em; line-height: 1.1;   font-weight: lighter}
        .intro-hatha span{font-size:1.2em;}
        .intro-hatha span.little{font-size:0.45em;  display: block;font-variant: small-caps;} 
                    span.detail{margin: 20px auto; width: 100%; display: inline-block; font-size: 0.95em !important; text-align: center}   
                    
/*------------------------------------*\
   POSTGRADOS
\*------------------------------------*/    

                                                  
.central-col
{   background-color: #fff;
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0, 0, 0, 0.05) inset;
}
.central-col:before, .central-col:after
{
	content:"";
    position:absolute; 
    z-index:-1;
   /* box-shadow:0 0 20px rgba(0,0,0,0.8);*/
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    border-radius:100px / 10px;
} 
.central-col:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}

.postgrado--header h1,
.postgrado--header h2,
.postgrado--header h3,
.postgrado--header p > span
{
   color: #27b3b8; /*vert*/
}

.postgrado--header h1{margin-top: 65px;font-size: 37px}
.postgrado--header h1 span,.postgrado--header h3 span{color:#eb2e9c /*rose*/}



.postgrado--content h1, .postgrado--content .rose{color:#eb2e9c /*rose*/}

.postgrado--content h1 span {color:#767575 !important /*gris*/}
.rose{color:#eb2e9c ;padding-top: 15px}
.vert{color:#27b3b8 ;padding-top: 15px}


.n1{color:#eb2e9c } .n1 span {color:#767575 !important /*gris*/}
.n2{padding-left: 15px;color:#27b3b8}
.n3{padding-left: 30px}


.postgrado--content h3{ font-size:15px;color: #27b3b8; /*vert*/}
.postgrado--content h2{color: #27b3b8;margin-top: 30px}

*:focus {
    outline: none;
}


#sb-postgrados   li {width: 110%}

#sb-postgrados   li  a {
    padding: 10px 5px;
    line-height: 2;
 
}
#sb-postgrados   li  a {color:#eb2e9c !important}
#sb-postgrados  > li > a span {color:#767575 }
    
#sb-postgrados   li  li a  {color:#27b3b8 !important }
#sb-postgrados   li  li li a  {color:#767575  !important }

#sb-postgrados li li { padding-left: 0}
#sb-postgrados li li li a { padding-left: 0}



/*------------------------------------*\
   new formacion
\*------------------------------------*/                         
.ashtanga{}   
.color, span.color{ color:#e51d9b}
span.color2{ color:#009ee0 !important}


.page-id-4406 h1{color:#9512e6}

.page-id-4406 h2{color:#0952d3}
.page-id-4406 h3{color:#0952d3}

.sb {padding: 10px; margin: 0 auto;     background-color: rgba(234,241,249,0.7);
border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }


.page-id-4408 h1{color:#8aab32}

.page-id-4408 h2{color:#fd5f28}
.page-id-4408 h3{color:#fd5f28}


/*------------------------------------*\
  new  HATHA + KUNDA  TOP
\*------------------------------------*/  



/* BOTH */

.listpage-on-p li{display: inline}

/*sb */


.new-sb-form > ul{margin-top: 50px}
.new-sb-form > ul {padding-left: 0;padding-right: 25px}
.new-sb-form li {padding-left: 0}


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

.header-hatha{}
.header-hatha h1{color : #db3d18;font-size: 50px;line-height: .9}
.header-hatha h1 span{color : #19171c;font-size: inherit;display: block; font-size: 36px}
.header-hatha h3{color : #db3d18;}

.new-sb-form li.active-item-sb-hatha a {color: #db3d18 !important}

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


.header-kunda{}
.header-kunda h1{color : #e03188;font-size: 50px;line-height: .9}
.header-kunda h1 span{color : #19171c;font-size: inherit;display: block; font-size: 36px}
.header-kunda h3{color : #e03188;}

 li.active-item-sb-kunda a, a.active-item-sb-kunda {color: #e03188 !important}   
                    
.pdf{position: absolute;bottom: 0;right: 0;width: 50px;height: 50px}

/*------------------------------------*\
   HATHA utilise "relative" de crianza
\*------------------------------------*/

section.hatha article h2{
    /*color:#e03188*/
    color:#db3d18;

}
    
section.hatha article{ padding-left: 2% }  



.hatha article h2 {width: 90%; 
    margin: 50px auto 20px  auto; text-align: center;
    color: #676767;; 
   
   
    text-transform: uppercase;
    font-variant: small-caps; 
    font-weight: lighter;
    font-size: 1.7em ; 
    line-height: 0.99;
}

    .relative2{
        position: relative; 
        top : -254px;
    }    
 
    section.relative2{
        margin-bottom: -475px; 
    }

.hatha article > p img{ margin:20px auto;   position: relative !important; left: -5% !important}

.profes p{ }
.profes p img{ margin: 30px 15px 10px 0 !important; float: left; }
        
.sb-right-hatha{
    background: url('../../uploads/sb-hatha.jpg');
      background-repeat: no-repeat;
      background-position: 100px 130px;
      background-attachment:scroll;
      background-color: transparent;
    /*  width: 188px;*/
      height: 500px;
}     
     

/*------------------------------------*\
    ALQUILER DE SALAS
\*------------------------------------*/

.alquiler-content-top{}

.alquiler-content-top h1{   
    font-variant: small-caps;
    font-weight: lighter; 
    text-align: center
}     
section.alquiler-content h2 {text-align: center}


/*------------------------------------*\
    KUNDA
sidebare x6 + link pdf : use relative3
section(header article)
\*------------------------------------*/

section#kunda-row{
        margin-top: 15px;
        margin-bottom: -218px; 
        }
        
section#kunda-row h2{ }

section#kunda-row img{text-align: center; margin:25px auto; display: inline-block}


.kunda-page article{    padding-left: 8%;}
.kunda-page article h2{ color: #e03188}

        
.center{margin: 0 auto; text-align: center;}
.small{font-size: 0.9em;}
.big{font-size: 1.5em;}

.block-margin-top-10{position: relative;top: 10px;}
.block-margin-top-30{position: relative;top: -25px;}
.line-margin-top-10{margin-top: -10px;}


a#back-top{
    display: block; 
    background: url('img/top.jpg');
    width: 35px;height: 35px;border-radius: 50%;
    position: absolute; bottom: -200px;right: 0; z-index: 1100
    
}
                                
                                                     
h4.title-sb{display: inline-block;width: 40%;margin: 0;}
h4.title-sb a{color:#e03188;  font-variant: small-caps; font-size: 1.5em; line-height: 0.99}
h4.title-sb a:hover{text-decoration: none;color:#ea7125;}
    #kunda-nav {	
        position: absolute;
        top:0;
        float:left;
        margin-left: 5px;
        padding:0;
        -webkit-transform: translateZ(0);
        border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
        padding: 8px;
        z-index: 5;
    }
     #kunda-nav ul {padding-left:5px !important;}
     #kunda-nav ul li{list-style: none; padding-left:5px;color: #888b8d;}
     #kunda-nav ul li a{    
                        text-align: left; 
                        font-size:1em;
                        color: #888b8d;
                        line-height: 2;
                        line-height: 0.95}

     #kunda-nav ul li a:hover { color: #e03188; text-decoration: none;}
 
.main-kunda{   
color:#7e7e7e;
position: relative; 
 -webkit-transform: translateZ(0);}
        .main-kunda p{ text-align: justify;}
        .main-kunda h2{font-size: 1.7em;  }
        div[id*=tema-]{ }
        div[id*=tema-] p, 
        div[id*=tema-] h2,
        div[id*=tema-] h3,
        div[id*=tema-] span,
        div[id*=tema-] ul{ 
                           z-index: 5;
                           position: relative;
                           left:27%;
                           width:  51%; 
                           text-align: left;
        }
            div[id*=tema-] p{   text-align: justify;}
            div[id*=tema-] h2{  margin: 0 0 0 -14%}
            div[id*=tema-] h3{  margin: 0;}
            div[id*=tema-] span{}
            #tema-2 p {margin-left: 17%}  #tema- h2  {margin-left: 3%} 
            #tema-4 h2 {margin: 0}    #tema-4 ul {margin-left: 20%} 

        div[id*=tema-] h3{margin-left: 0;}

        .imgk1{	
              background: url('../../uploads/images/KY/0.png');
              background-repeat: no-repeat;
              background-position: 95% 105%;
              background-attachment:scroll;
              background-color: transparent;
                }
        .imgk2{
              background: url('../../uploads/images/KY/2.png');
              background-repeat: no-repeat;
              background-position: 0 0;
              background-attachment:scroll;
              background-color: transparent;
                }
        .imgk3{	
              background: url('../../uploads/images/KY/3.png');
              background-repeat: no-repeat;
              background-position: 28% 95%;
              background-attachment:scroll;
              background-color: transparent;
                }
        .imgk4{	
              background: url('../../uploads/images/KY/4.png');
              background-repeat: no-repeat;
              background-position: 97% 100%;
              background-attachment:scroll;
              background-color: transparent;
                }
        .imgk5{	
              background: url('../../uploads/images/KY/5.png');
              background-repeat: no-repeat;
              background-position: 75% 107%;
              background-attachment:scroll;
              background-color: transparent;
                }        

        .imgk6{	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/6.png") no-repeat scroll 0 0 transparent;	width: 1004px; height: 696px; position: relative; right: 25%}


         .main-kunda .modules{  z-index: 5;
                                position: relative;
                                left:27%;
                                margin: 0 ;
                              }
                     .modules h2{width: 25%; 
                                text-align: center; 
                                margin: 0 0 0 10%; 
                                line-height: 0.99;}

                      .modules h3{margin: 0 0 0 9%;width: 32%;
                               }

                     .modules + span{
                    margin-left: 10%;
                                   }

        span.tercerA{                           
            margin: 5px 0 0 8%;
            font-size: 0.95em;}


        span.cuando{  
            
            font-size: 0.6em;width: 110%;text-align: right}


                    div[id*=modulo-]{
                            }    
                    div[id*=modulo-] p, 

                    div[id*=modulo-] ul
                    { 
                           z-index: 5;
                           position: relative;
                           left:27%;
                           width:  47%; 
                           text-align: left;
                    }   

            div[id*=modulo-] p{   text-align: justify;}
            div[id*=modulo-] p span{  display: inline; margin: 0}
            div[id*=modulo-] span{ display: inline-block;}




         .imgk-sol1{      background: url('../../uploads/images/KY/M1.png');
              background-repeat: no-repeat;
              background-position: 0 17%;
              background-attachment:scroll;
              background-color: transparent;
                }


         .imgk-sol2{      background: url('../../uploads/images/KY/M2.png');
              background-repeat: no-repeat;
              background-position: 0 17%;
              background-attachment:scroll;
              background-color: transparent;
                }

          .imgk-sol3{      background: url('../../uploads/images/KY/M3.png');
              background-repeat: no-repeat;
              background-position: 0 17%;
              background-attachment:scroll;
              background-color: transparent;
                }
          .imgk-sol4{      background: url('../../uploads/images/KY/M4.png');
              background-repeat: no-repeat;
              background-position: 0 17%;
              background-attachment:scroll;
              background-color: transparent;
                }
           .imgk-sol5{      background: url('../../uploads/images/KY/M5.png');
              background-repeat: no-repeat;
              background-position: 0 17%;
              background-attachment:scroll;
              background-color: transparent;
                }
            .imgk-sol6{      background: url('../../uploads/images/KY/M6.png');
              background-repeat: no-repeat;
              background-position: 0 17%;
              background-attachment:scroll;
              background-color: transparent;
                }

.bibli{text-align:center; }
.bibli p{line-height: 0.9;margin-left: 30%;}

.imgkDocente{position: relative; left:12%;background: url("../../uploads/images/KY/docente.png") no-repeat scroll right bottom transparent; margin:0; width: 790px;	height: 442px; line-height: 442px;} 

.imgk-P1{  position: absolute; right:-70% ;background: url("http://www.happyyoga.com/wp-content/uploads/KY/images/KY/P1.png") no-repeat scroll 0 0 transparent;	width: 259px; height: 258px;}
.imgk-P2{position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P2.png") no-repeat scroll 0 0 transparent;	width: 196px; height: 278px;}
.imgk-P3{position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P3.png") no-repeat scroll 0 0 transparent;	width: 219px; height: 304px;}
.imgk-P4 {position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P4.png") no-repeat scroll 0 0 transparent;	width: 265px; height: 283px;}
.imgk-P5 {position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P5.png") no-repeat scroll 0 0 transparent;	width: 264px; height: 285px;}
.imgk-P6 {position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P6.png") no-repeat scroll 0 0 transparent;	width: 264px; height: 287px;}
.imgk-P7 {position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P7.png") no-repeat scroll 0 0 transparent;	width: 249px; height: 261px;}
.imgk-P8 {position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P8.png") no-repeat scroll 0 0 transparent;	width: 200px; height: 287px;}
.imgk-P9 {position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P9.png") no-repeat scroll 0 0 transparent;	width: 200px; height: 289px;}
.imgk-P10{position: absolute; right:-70% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/KY/P10.png") no-repeat scroll 0 0 transparent;	width: 140px; height: 47px;}
.docent{position: relative; left:27%; width: 60%;}
.docent img{max-width: none;float:right; padding:  0 0 10px 10px; margin: 0}
.docent span{}
.docent h3{text-align: left; margin: 0;line-height: 0.95}
.imgk-Mu1{	background: url("http://www.happyyoga.com/wp-content/uploads/images/Mu1.png") no-repeat scroll 0 0 transparent;	width: 606px; height: 260px;}
.imgk-Mu2{position: absolute; right:-30% ;	background: url("http://www.happyyoga.com/wp-content/uploads/images/Mu2.png") no-repeat scroll 0 0 transparent;	width: 281px; height: 448px;}
.modalite{position: relative; left:27%; width: 58%;z-index: 10;}
.modalite h2{margin: 0}
.certif-img1{background: url("../../uploads/images/KY/4-1.jpg") no-repeat scroll right bottom transparent; margin:0; width: 535px; height: 185px;}
.certif-img2{background: url("../../uploads/images/KY/4-2.png") no-repeat scroll right bottom transparent; margin:0; width: 800px;  height: 300px;}
.certif-img2 p{width: 65%;}
.certif-img3{background: url("../../uploads/images/KY/4-3.jpg") no-repeat scroll right bottom transparent; margin:0; width: 519px; height: 182px;}

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

#cocina ul.herbo {position: absolute; left: 0; margin: 25px 0 0 25px;}
#cocina ul.transfo {position: absolute; right: 0; margin: 25px 25px 0 0; text-align: right}
#cocina ul a{line-height: 0.95;}
#cocina ul li a{color:#684921; font-size: 1.2em; text-transform: uppercase}
#cocina a:hover{ text-decoration: underline}




                    #cocina-sidebar{position: relative;width: 200px; height: 200px;  top:50px}
                    #cocina-sidebar img{position: absolute;left:-27px;top:0;

                    }
                    #cocina-sidebar nav {position: absolute;
                                           
                                       top:21px;left:-15px;
                                       margin: 35px 0 0 55px;

                    }
                    #cocina-sidebar ul ,#cocina-sidebar ul li { margin: 0;padding: 0}

                    #cocina-sidebar ul li a{ color:#224d15; font-size: 1.2em;line-height: 0.95;
                    }

                    #cocina-sidebar ul li a:hover{ color:#fe6605; 
                    }
                    #cocina-sidebar ul li.current_page_item a{ color:#fe6605; 
                    }
                    a.actif, li.actif a{ color:#fe6605 !important; 
                    }

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

div[id*="intro-cocina"]{padding-top: 130px;}        
div[id*="intro-cocina"] h1{text-align: left;}  
   #intro-cocina-1{
/*background: url("../../uploads/images/intro-cocina-1.jpg") no-repeat scroll 0 0 transparent;*/
}                
            
    #intro-cocina-1 h1 {padding-left: 70px; font-size: 2em; font-weight: lighter;line-height: 0.95;}

        #intro-cocina-1 h1 span:first-child{color:#442502;font-size: 1.2em;   text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}
        #intro-cocina-1 h1 span:last-child{color:#1b0f00;font-size: 1.3em;text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}

    #intro-cocina-1 p{color:#676767;font-size: 1.05em; text-align: center;}


    #intro-cocina-1 p > span:first-child{color:#114600;font-size: 1.4em;margin-top: -20px; text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}


    #intro-cocina-1 p > span{display: inline-block;color:#664720;font-size: 1.1em; text-align: left}
    #intro-cocina-1 p  span span{font-size: 0.8em; font-weight: bold;}

    #intro-cocina-1 strong{color:#664720; font-weight: bold ;font-size:1.2em}

    #intro-cocina-1 img{display: block;margin: 20px auto 10px auto}


    #intro-cocina-1 h2 {color: #5e2b03; margin: 30px auto  15px auto; width: 260px;text-align: center;}

    #intro-cocina-1 div {background-color: rgba(255,255,255,0.7);}
    #intro-cocina-1 div p{color:#676767;margin: 0 auto; width: 400px;font-size: 1.05em; text-align: left; margin-bottom: 20px; }



#intro-cocina-1 header{/*height: 357px;overflow: hidden*/position: relative; width:70%;left: 15%}
#intro-cocina-2 header{height: 370px;overflow: hidden}
#intro-cocina-2 {background: url("../../uploads/images/intro-cocina-2.jpg") no-repeat scroll 0 0 transparent;
}     

    #intro-cocina-2 h1 {padding-left: 40px; font-size: 1.6em; font-weight: lighter;line-height: 0.95;text-transform: uppercase; width:80% }

        #intro-cocina-2 h1 span:first-child{color:#5d3b12;font-size: 1.4em;  text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}
        #intro-cocina-2 h1 span:last-child{color:#b23b00;font-size: 1.3em;   text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}

    #intro-cocina-2 p{padding-left: 40px; font-size: 1.05em; text-align: left;}

    #intro-cocina-2 p span{color:#5d3b12;font-size: 1.05em; text-align: left;}
    #intro-cocina-2 p span span{font-size: 0.9em; font-weight: bold;}

    #intro-cocina-2 h2 {color: #5e2b03; margin: 30px auto  15px auto; width: 400px;text-align: center;}
    #intro-cocina-2 div {background-color: rgba(255,255,255,0.7);}
    #intro-cocina-2 div p{color:#676767;margin: 0 auto; width: 430px;font-size: 1.05em; text-align: left; margin-bottom: 20px; }

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


section[id*="cocina"] h1{text-align: left !important;}  


#cocina-1{
background: url("../../uploads/images/fondo-cocina-herbo.jpg") no-repeat scroll 0 0 transparent;

} 
    #cocina-1-header{width: 55%; padding: 30px 0 40px 215px ; }
    #cocina-1-header h1 {font-size: 2.3em; font-weight: lighter;line-height:1.1; margin: 0; padding: 0}

        #cocina-1-header h1 span:first-child{ color:#442502;font-size: 1.2em;    text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}
        #cocina-1-header h1 span:last-child{display: inline-block; color:#1b0f00;font-size: 1.3em;     text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}
        #cocina-1-header > span{color:#114600;font-size: 1.6em;  font-weight: bold;  text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}
        #cocina-1-header img{position: absolute; left:30px; top:20px;}





.img-cocina0{ position:absolute; right:0; top:100px;}
.img-cocina1{ position:absolute; right:0; top:0}     
.img-cocina2{ position:absolute; right:0; top:372px;}        
.img-cocina3{}		
.img-cocina4{ position:absolute; right:0; top:36px;}		

	#cocina-1  h2{  color:#fe6605;  
                        font-size: 2.1em; 
                        text-align: left; 
                        font-weight: normal}

	#cocina-1  h3{  color:#fe6605;  
                        font-size: 1.4em; 
                        text-align: left; 
                        font-weight: normal}
        
        
        
        #cocina-1  p{          
                                   font-size: 1em;
                                   color: #858789;
                                   text-align: left;
                                   margin-bottom: 15px;
        }


        #cocina-1  a{   
                                   font-size: 1.05em;
                                   font-weight: bold;
                                   color: #007566;
                                   

        } 


        #cocina-1 nav ul li{        
                                   font-size: 1.05em;
                                   color: #858789;
                                   

        } 
        
        
        
section#cocina-1,section#cocina-2{ margin-bottom: -200px;}        
        
        
/*------------------------------------*\
Transfo
\*------------------------------------*/ 
#cocina-2{
background: url("../../uploads/images/fondo-cocina-transfo.jpg") no-repeat scroll 0 0 transparent;

} 
    #cocina-2-header{width: 55%; padding: 30px 0 40px 130px ; }
    
     #cocina-2-header h1 {padding-left: 40px; font-size: 1.6em; font-weight: lighter;line-height: 0.95;text-transform: uppercase; width:80% }

        #cocina-2-header h1 span:first-child{display:block;color:#5d3b12;font-size: 1.4em;  text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}
        #cocina-2-header h1 span:last-child{color:#b23b00;font-size: 1.3em;   text-shadow: -5px 0px 20px  #ffffff, 0px -5px 20px #ffffff, 5px 0px 20px #ffffff, 0px 5px 20px #ffffff;}
       #cocina-2-header img{position: absolute; left:30px; top:20px;}




.img-cocina5{ position: relative; top: -150px;  }
.img-cocina6{ position:absolute; right:0; top:-100px;}     
        
        #cocina-2 .put-on-right{  float:right;position: relative; right: 0; padding: 50px 0 0 50px;
        }
        #cocina-2  p span img{ position: absolute; right:-100px; top: -100px;
        }


.img-cocina7{ position:absolute; right:0; top:100px;}        
.img-cocina8{}		
.img-cocina9{ position:absolute; right:0; top:130px;}	


	#cocina-2  h2{  color:#fe6605;  
                        font-size: 2.1em; 
                        text-align: left; 
                        font-weight: normal}

	#cocina-2  h3{  color:#fe6605;  
                        font-size: 1.4em; 
                        text-align: left; 
                        font-weight: normal}
        
        
        
        #cocina-2  p{              font-size: 1em;
                                   color: #858789;
                                   margin-bottom: 15px;
        }


        #cocina-2  a{   
                                   font-size: 1.05em;
                                   font-weight: bold;
                                   color: #007566;
                                   

        } 


        #cocina-2 nav ul li{        
                                   font-size: 1.05em;
                                   color: #858789;
                                   

        } 




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


.searchpage p, .searchpage h1 ,  .searchpage h4 , .searchpage form {
    width: 60%;
    margin: 0 auto;    
}
.searchpage h1{color: #c04d84;}