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

        /* for IE */
	src: url('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/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('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/fonts/DroidSans.ttf') format('truetype');
}

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

        /* for IE */
	src: url('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/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('Droid Sans Bold'),
	     url('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/fonts/DroidSans-Bold.ttf') format('truetype');
}

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

        /* for IE */
	src: url('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/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('mir'),
	     url('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/fonts/HelveticaNeueLTStd-UltLt.ttf') format('truetype');
}



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

        /* for IE */
	src: url('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/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('http://formacion-profesor-kundalini-yoga-bilbao.happyyoga.com/fonts/perpetua-titling-mt-light.ttf') format('truetype');
}


ul, li{list-style: none}

.header h1,
.header h3{
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;
}



body{
   font-family: "Droid Sans", "Arial", "Helvetica", sans-serif;overflow-x: hidden;
}

strong{
   font-family: "Droid Sans Bold", "Arial", "Helvetica", sans-serif; font-weight: normal;
}

hr {
        display: block;
        height: 1px;
        padding: 0;
        margin:  10px 0;
        border:  #eee  1px solid;
    }


    
/*font-family: "mir", "Arial", "Helvetica", sans-serif; */
.header h1 {font-weight: lighter;position:relative;text-align: left}
.header h1 span{ font-size: 41px;line-height: 1.25 }
.header h1 .span1{letter-spacing: 3px;color:#59595b}
.header h1 .span2{color:#df3188}
.header h1 .span3{letter-spacing: 4px;color:#19171c}
.header h3 {margin-top: 5px;color:#797979;text-align: center; text-transform: uppercase;letter-spacing: -1px; }

.rose{color:#e51d9b}
.bleu{color:#009ee0}


.color, span.color{ color:#e51d9b}
span.color2{ color:#009ee0 !important}
h1 span.color{ color:#e51d9b}
h1 span.little{font-size:0.7em;  font-variant: small-caps;color:  #666666}  
h1 span.little2{font-size:0.8em;  font-variant: small-caps;color:#009ee0 !important;} 

h3.sb{font-size: 21px}
h3.sb span.little{font-size:0.75em;  color:  #666666}  
h3.sb span.little2{font-size:0.8em;  color:#009ee0 !important;} 
h3.sb span.big{font-size:1.05em;  color:#009ee0!important;}  

span.big2{font-size:1.2em;  color:  #666666} 

h5{text-align: center; margin-top: 30px; }
 
h4{color: #676767;margin: 35px 0 10px -5px;padding: 0;font-size: 1.1em}
h4 span{color: #e51d9b;font-size: 1.2em}

 



p{text-align: left;   color: #676767;}
 


.is-a-big-text{
  color: #676767;
  font-size: 1.2em;
  font-weight: bold;
}

/*
h4 span.little{font-size:0.7em;  font-variant: small-caps;color:  #666666}  
h4 span.little2{font-size:0.8em;  font-variant: small-caps;} 
*/
 a img{}
 
 
 .width-90{width: 80%; margin: 0 auto;     background-color: rgba(234,241,249,0.7);
border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
 
 
body ,html {overflow-x:  hidden}
 

 
 
 .img-prof{margin-top: 35px;margin-bottom: 15px}
 

h6{font-size: 16px;color: #7d7d7d}



.img-contact{display: block;margin: 0 auto;text-align: center}

h2{font-size: 26px;  font-weight: normal;margin: 35px 0 20px 0;}


h6{font-size: 19px;  font-weight: lighter;}


.logo a img {transform: scale(.8)}

.img-full-width{margin-left:-24.5%;width:138%;margin-top:30px}

body{}
/*
.header{padding-top: 290px}*/
.fecha h6{color:#fff}

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

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
     
   .header{padding-top: 0px}
   .fecha h6{margin-left: 0;width: 100%;}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
     
  .center-img{padding-top:0px;}
 .center-img a, .center-img a img{display: block;margin: 0 auto;  }   

     
    .fecha h6{width: 100%;float: none;}
    .h6{font-size: 19px;  font-weight: lighter;margin: 20px 0 15px 0;}
    .img-full-width{margin-left:-42%;width:150%;margin-top:30px}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
   .logo a img {transform: scale(1)}        
   .header{padding-top: 30px}


    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        
        .logo{padding-left: 75px;padding-top: 40px}
        .fecha h6{width: 50%;float: right;padding-top: 80px}

.img-full-width{margin-left:-35%;width:150%;margin-top:30px}

h4{margin-left: 0;}
h4, h4 + p{padding-left: 20px;}


    }
    

    @media only screen and (max-width : 580px) { 
    .logo a img {transform: scale(.5)}
    
    
    }   
    
    
    
/*
    
    [class*='col-']{
 outline: 1px solid orange;
} 

*/

@media only screen and (min-width : 1200px) { 

.contacto{padding: 0}
.contacto > * {padding: 0;text-align: right}
.contacto p{font-size: .8em}
    
}  

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

.contacto{text-align: center}
.contacto h4{margin-top: 50px}
.contacto > * {padding: 0;text-align: center}
.contacto p{font-size: 1.2em}
    
}  

.dl-horizontal {

padding-left: 65px
}

.dl-horizontal dt {
text-align: left;

}





.prog{
    width:90%;margin: 0 auto; 
}

.prog {padding-top: 15px;padding-bottom: 15px;}