body {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif, Verdana, Tahoma, Arial, sans-serif; color: #000; background-color: #FFF; margin: 0; margin-bottom:20px; padding: 0;}
body a:hover {cursor: default;}

/*GENERAL*/

#contenedor {margin: 0 auto; margin-top: 0px; margin-bottom: 20px; width: 990px; height:auto; }

#copy {margin-top: 0px;margin-left: 0px;margin-right: 0px;text-align: right;}
#copy p {color: #170B3B;display: inline;margin-right: 0px;margin-left: 20px;}
#copy a {color: #170B3B;}
#copy a:link , #copy a:visited {text-decoration: none;}
#copy a:hover, #copy a:active, #copy a:focus {text-decoration: underline;}
#copy #masinfo {position:absolute;top:30%;left:35%;height:auto;width: 400px;background-color: #170B3B;text-align:justify;font-family: inherit;padding: 20px 20px 20px 20px;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
#copy #masinfo {opacity:0.9;}
#copy #masinfo h1 {font-size: 15px;color:#DF7401;text-align:center;}
#copy #masinfo p {font-size: 13px;color:#DF7401;}
#copy #masinfo a {font-size: 13px;color:#DF7401;}

.oculto {visibility:hidden;}
.visible {visibility: visible;}
.movil {display: none;}
.clear {clear:both;}

#cabecera {border: solid 10px #DF7401;padding: 5px;}
#cabecera img {display:block;}

.nav-sup .toggle-nav {display:none;}
.nav-sup .close-button {display:none;}
.nav-sup {width: 100%; height: 35px; margin-top: 5px; margin-bottom: 5px; border-top: dotted 4px #170B3B; border-bottom: dotted 4px #170B3B; color: #170B3B;}
.nav-sup a {text-decoration: none; outline:none;}
.nav-sup a:link, .nav-sup a:visited, .nav-sup a:active, .nav-sup a:focus {color: #170B3B;}
.nav-sup a:hover{text-shadow: 0 0 10px #DF7401; -moz-text-shadow: 0 0 10px #DF7401; -webkit-text-shadow: 0 0 10px #DF7401;}
.nav-sup ul {list-style: none; margin-top: 5px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 21px; border-top: solid 2px #170B3B; border-bottom: solid 2px #170B3B;}
.nav-sup ul li {text-transform: uppercase; float: left; z-index: 10; width:19%; text-align:center;}
.nav-sup ul li:first-child {margin-left: 0px; float: left; text-align:left;}
.nav-sup ul li:last-child {margin-right: 0px; float:right; text-align:right;}
.nav-sup ul li ul {position: absolute; margin-top: -1px; margin-left: 50px; display:none; padding: 15px 0px 0px 0px; background-color: #F7D358;}
.nav-sup ul li ul li {padding: 5px 5px 0px 5px; float:none; margin: 0px; width: 100%; z-index: 5; text-align:left;}
.nav-sup ul li ul li:first-child, .nav-sup ul li ul li:last-child {float:none; text-align:left;}
.nav-sup ul li ul li h1, .nav-sup ul li ul li h2 {color: inherit; text-decoration:inherit; outline: none; text-transform:uppercase; font-size: inherit; margin: inherit; padding: inherit; font-weight:inherit;}
.nav-sup .toggle-nav {display:none;}

h1 {color: #170B3B;}
p {color: #170B3B;}
/*INICIO*/

#inicio #circulo1{width: 160px; height: 160px; background-color: #170B3B; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; float: left; margin-left: 10px; margin-top: 20px; z-index: -2;}
#inicio #circulo1 p {text-align:center; margin-top: 30px; margin-left: 20px; font-size: 24px;}
#inicio #circulo1 img {width:160px; height:160px;}
#inicio #circulo2 {width: 90px; height: 90px; background-color: #170B3B; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; float: left; margin-left: -80px; margin-top: 180px; z-index: -2;}
#inicio #circulo2 img {width:90px; height:90px;}
#inicio #circulo3{width: 280px; height: 280px; background-color: #DF7401; -moz-border-radius: 140px; -webkit-border-radius: 140px; border-radius: 140px; float: left; margin-left: 20px; margin-top: 60px; z-index: -2;}
#inicio #circulo3 p {color:#170B3B; font-size: 18px; text-align: center; margin-top: 70px; margin-left: 36px;}
#inicio #circulo3 p a {color:inherit; text-decoration:none; font-size:inherit;}
#inicio #circulo3 p a:hover {cursor: pointer;}
#circulo3 a.botonfb {display:none;}
#inicio #imagen-texto {float:right; z-index: -2;}
#inicio p{text-transform: uppercase; color: #DF7401; font-size: 24px; margin-right: 35px; margin-top: 10px; margin-bottom: 10px; text-align: center;}
#inicio #idesc{text-align: center; margin-right: 30px; margin-top: 0px; border: 5px solid #170B3B; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
#inicio #idesc img {padding-top: 5px; padding-bottom: 2px; padding-left: 5px; padding-right: 6px;}
#inicio #botones {position: absolute; margin-top: 300px; margin-left: 0px;}

/*GENERALES COMUNES*/

.contenido-clase {}
.texto {width: 40%; height: auto; float: left; margin-top: 20px;}
.texto p {text-align: justify; font-size: 14px;}
.texto h1 {margin-top: 0px; margin-bottom: 0px; font-size: 24px; border-top: 2px solid #170B3B; border-bottom: 2px solid #170B3B; padding-top: 4px; padding-bottom: 4px; text-align: center;}
.img {float: left; margin-left:50px; margin-top: 20px;}
.img img {width:100%; height:auto;}
.titulo-carta {margin-top: 20px;margin-bottom: 20px;font-size: 24px;border-top: 2px solid #170B3B;border-bottom: 2px solid #170B3B;padding-top: 4px;padding-bottom: 4px;text-align: center;color: #DF7401;font-style: normal;}
.bold {font-weight:bold;}

/*CLASE HORARIOS*/

#clase-horarios #tabla-horarios {float: left;margin-top: 20px;}
#clase-horarios #tabla-horarios  table{border: 1px solid black;border-spacing: 0px;}
#clase-horarios #tabla-horarios  tr{border: 0px solid black;margin: 0px;}
#clase-horarios #tabla-horarios  th{border: 0px solid black;border-bottom: 1px solid black;margin: 0px;}
#clase-horarios #tabla-horarios .titulo{border: 0px solid black;border-bottom: 1px solid black;border-right: 1px solid black;border-left: 1px solid black;font-size: 18px;text-align: center;}
#clase-horarios #tabla-horarios  td{border-right: 1px solid black;border-left: 1px solid black;text-align: center;padding: 5px 10px 5px 10px;margin: 0px;}
#clase-horarios #tabla-horarios .hora{border: 0px solid black;font-size: 14px;}
#texto-clase-horarios {float:left;margin-top: 40px;margin-right: 20px; margin-bottom:40px; width: 33%;}
#texto-clase-horarios p {text-align: justify;font-size: 14px;}

/*CLASE PRECIOS*/

#clase-precios #texto-precios {width: 350px;height: auto;float: left;columns: 1;-webkit-columns: 1;column-span: all;-webkit-column-span: all;margin-top: 20px;}
#clase-precios #texto-precios p {text-align: justify;font-size: 14px;}
#clase-precios #texto-precios h1 {margin-top: 0px;margin-bottom: 0px;font-size: 24px;border-top: 2px solid #170B3B;border-bottom: 2px solid #170B3B;padding-top: 4px;padding-bottom: 4px;text-align: center;}

/*TALLERES*/

#talleres #texto-talleres {width: 100%;height: auto;margin-top: 20px;}
#talleres #texto-talleres .titulo {margin-top: 0px;margin-bottom: 150px;font-size: 24px;border-top: 2px solid #170B3B;border-bottom: 2px solid #170B3B;padding-top: 4px;padding-bottom: 4px;text-align: center;color: #DF7401;font-style: normal;}
#talleres #texto-talleres .morado {color: #170B3B;text-align:center;margin-top: 0px;font-size: 24px;margin-bottom: 0px;}
#talleres #texto-talleres .naranja {color: #DF7401;text-align: center;font-size: 24px;margin-top: 5px;margin-bottom: 5px;}
#talleres #texto-talleres .naranja a {color: inherit;}
#talleres #texto-talleres .naranja a:link , #talleres #texto-talleres .naranja a:visited {text-decoration: none;}
#talleres #texto-talleres .naranja a:hover, #talleres #texto-talleres .naranja a:active, #talleres #texto-talleres .naranja a:focus {text-decoration: underline;}
#talleres #texto-talleres img {margin-left:450px;margin-top:-100px;margin-bottom:30px;}

/*CONTACTO*/

#contacto #texto-contacto {width: 100%;height: auto;margin-top: 20px;}
#contacto #texto-contacto .titulo {margin-top: 0px;margin-bottom: 150px;font-size: 24px;border-top: 2px solid #170B3B;border-bottom: 2px solid #170B3B;padding-top: 4px;padding-bottom: 4px;text-align: center;color: #DF7401;font-style: normal;}
#contacto #texto-contacto .morado {color: #170B3B;text-align:center;margin-top: 0px;font-size: 24px;margin-bottom: 0px;}
#contacto #texto-contacto .naranja {color: #DF7401;text-align: center;font-size: 24px;margin-top: 5px;margin-bottom: 5px;}
#contacto #texto-contacto .naranja a {color: inherit;}
#contacto #texto-contacto .naranja a:link , #contacto #texto-contacto .naranja a:visited {text-decoration: none;}
#contacto #texto-contacto .naranja a:hover, #contacto #texto-contacto .naranja a:active, #contacto #texto-contacto .naranja a:focus {text-decoration: underline;}
#contacto #texto-contacto img {margin-left:450px;margin-top:-100px;margin-bottom:30px;}

/*AVISO LEGAL*/

#aviso-legal #texto-aviso-legal {width: 100%;height: auto;margin-top: 20px;}
#aviso-legal #texto-aviso-legal .titulop {margin-top: 0px;margin-bottom: 0px;font-size: 24px;border-top: 2px solid #170B3B;border-bottom: 2px solid #170B3B;text-align: center;color: #DF7401;font-style: normal;}
#aviso-legal #texto-aviso-legal ul {list-style-type: none;}
#aviso-legal #texto-aviso-legal ul li {text-align: left;}
#aviso-legal #texto-aviso-legal .titulo {margin-top: 0px;margin-bottom: 0px;font-size: 18px;padding-top: 4px;padding-bottom: 4px;color: #DF7401;font-style: normal;}
#aviso-legal #texto-aviso-legal .contenido {color: #170B3B;margin-top: 0px;font-size: 16px;margin-bottom: 0px;}
#aviso-legal #texto-aviso-legal a {color: #170B3B;}
#aviso-legal #texto-aviso-legal a:link , #aviso-legal #texto-aviso-legal a:visited {text-decoration: none;}
#aviso-legal #texto-aviso-legal a:hover, #aviso-legal #texto-aviso-legal a:active, #aviso-legal #texto-aviso-legal a:focus {text-decoration: underline;}

/*YOGUI CAMP*/
#yogui-camp .texto {width:67%; -webkit-column-count: 2; /* Chrome, Safari, Opera */    -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */    -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;}
#yogui-camp .img {float:right; width:270px;}
#yogui-camp .precios {margin-bottom: -15px;display: block;}

/*@media*/

@media screen and (min-width: 0px) and (max-width:800px) {
    #contenedor {width:100%;}
    #copy {width:90%!important; margin-left: 5%; margin-right:5%; text-align:left;}
    #copy p {margin-left:5px;}
    #copy #masinfo {position:absolute; top:20%!important; left:20%!important; height:auto; width: 50%; padding: 20px 20px 20px 20px;}
    #cabecera {width:90%; border: solid 5px #DF7401; margin-left:2%; margin-right:2%;}
    #cabecera img {width:100%; height: auto;}
    
    .nav-sup {border:0; height:10px;}
    .nav-sup a:link, .nav-sup a:visited, .nav-sup a:active, .nav-sup a:focus {color: white;}
    .nav-sup .toggle-nav {display:inline; margin-left:10px; color:#170B3B!important;}
    .nav-sup .close-button {display: block; margin-left: 20px; margin-top: 20px; font-size: 2em; color:white!important;}
    .nav-sup ul {position:fixed; left: -300px; height:100%; top:0px; background-color:#170B3B; width: 300px; margin-top:0;}
    .nav-sup ul li {display: flex; display:-webkit-flex; margin-top:5px; margin-bottom:5px; margin-left:10px; /*border-top: 2px solid rgb(0,230,160);*/ padding-top:10px; color:white; width:95%!important; text-align:left;}
    .nav-sup ul li:last-child {float:none;}
    .nav-sup ul li.noborder {margin-top:10px; border:none;}
    .nav-sup ul li a {font-size: 1.2em; text-transform: uppercase;}
    .nav-sup ul li ul {position: relative; margin-top: -1px; margin-left: 10px; margin-right:5px; display:none; padding: 5px; background-color:#F7D358;}
    .nav-sup ul li ul li {padding: 5px 5px 0px 5px; float:left; margin: 0px;  width: 100%;  z-index: 5;  text-align:left;}
    .nav-sup ul li ul li h1, .nav-sup ul li ul li h2 {color: inherit; text-decoration:inherit; outline: none; text-transform:uppercase; font-size: inherit; margin: inherit; padding: inherit; font-weight:inherit;}
    
    #contenido {width:100%;}
    
    #circulo1, #circulo2 {display:none;}
    #circulo3 {width:75%!important;  height:75%!important; border-radius: 50%!important; -moz-border-radius: 50%!important; -webkit-border-radius: 50%!important; margin-left:12%!important; margin-right:12%; margin-top:10px!important;}
    #circulo3 p {/*margin-top:20%!important;*/ /*font-size:1em!important;*/}
    #inicio #circulo3 p:first-child {margin-top: 35px!important;}
    #circulo3 a.botonfb {display:block; width: 14%; margin-left: 43%; margin-right: 43%; height: auto;}
    #circulo3 a.botonfb img {width: 100%; height: auto;}
    #botones {display:none;}
    #imagen-texto {width:94%!important; margin-left:3%; margin-right:3%;}
    #imagen-texto p {margin-right:0px;}
    #imagen-texto img {width:97%; height: auto;}
    #imagen-texto #idesc {width:97%; margin-left:0%; margin-right:3%; margin-bottom:20px;}
    .texto {width:94%; margin-left:3%; margin-right:3%;}
    .img {width:94%; margin-left:3%; margin-right:3%;}
    #texto-talleres, #texto-contacto, #texto-precios, #texto-aviso-legal, #texto-clase-horarios, #cafeteria-carta, #tabla-horarios {width:94%!important; margin-left:3%; margin-right:3%;}
    #tabla-horarios table {width:95%;}
    #texto-talleres .titulo, #texto-contacto .titulo {margin-bottom:24px!important;}
    #texto-talleres img, #texto-contacto img {margin:0 auto!important; width:20%; height:20%; margin-left:40%!important; margin-right:40%!important; margin-bottom:20px!important;}
    #texto-aviso-legal p {text-align: justify;}
    .movil {color: #DF7401; text-decoration: none; text-align: center; font-size: 24px; display: inherit; margin-left: 5%;}
    .movil h3 {text-transform: uppercase; text-align:left; font-size:18px;}
    .movil .bold {font-weight: bold;}
    .movil p {text-transform: uppercase; text-align:left; font-size: 16px;}
    .horario {display:none;}
	#yogui-camp .texto {width:94%; -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */    -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;}
#yogui-camp .img {width:97%; margin-left:3%; margin-right:0%;}
#yogui-camp .precios {margin-bottom: -15px;display: block;}
}

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

}