/*

Theme Name: happyyoga administrable

Theme URI: www.3dalcubo.com

Author: 3Dalcubo S.A.S

Author URI: http://3dalcubo.com/

Description:

Version: 1.7



Text Domain: happyyoga administrable


 */

@import url(//fonts.googleapis.com/css?family=Droid+Sans);


 /* RESET ETIQUETAS HTML */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-weight: inherit;

    font-style: inherit;

    font-size: 100%;

    font-family: inherit;

    vertical-align: baseline;

}

:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}

ol, ul {list-style: none;}

table { border-collapse: separate;border-spacing: 0;}

caption, th, td { text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}





/*------------------------------------------------------- GENERAL--------------------------------------------------------*/
.instruccionmovil{display:none}
.quince{width:15%; height:auto}
ul{font-size:14px; font-family: 'Droid Sans', sans-serif; text-align:justify }
.clearboth{clear: both;}
.alignleft{float: left; margin-right: 20px}
.alignright{float:right}
.aligncenter{margin: auto; display: block;}
strong{font-weight: bold;}
.accordion{ width:720px; height:auto;     margin: auto;}
.accordion h1 {  text-align: center;  width:100% !important; }
.accordion h2 { color:#858789; cursor: pointer;   font-size:20px;     border-bottom: solid 2px #858789!important; font-family: 'Droid Sans', sans-serif; width:100% !important;	height:30px; padding-top:40px; }
.accordion h2, .accordion p {  margin: 0; }
.block{ position:relative; background-color:white; margin-left:10px; background-position:top left; 	background-image:url(http://colombia.happyyoga.com/wp-content/themes/img/flecha.JPG); background-repeat:no-repeat;  color:#858789;  font-family: 'Droid Sans', sans-serif;     font-size:14px;}
.accordion article p{ padding-left:10px; padding-right:10px; font-family: 'Droid Sans', sans-serif; padding-top:30px;}
.accordion article p .size-full {width: 100%; height: auto}
h4{color: #7e7e7e; font-size: 17px; font-family: 'Droid Sans', sans-serif; border-bottom:solid 2px #7e7e7e; width:100%; text-align:Center; padding-bottom:10px}
h5{color: #858789; font-size: 17px; font-family: 'Droid Sans', sans-serif;}
.kun{background-color:blue;     }
h6{width:100%; clear:both; margin: 10px 0px;
  font-weight: bold;
  color: #039989; font-size: 17px; font-family: 'Droid Sans', sans-serif;}
.alignleft{float:left; margin-right:20px; margin-bottom:20px;}
.alignright{float:right; margin-left:20px; margin-bottom:20px;}
strong{font-weight:bold; color:#333}
.insta {width:60%; display:block; margin:10%;}
em{font-style:italic;}
.full{width:100%; height:auto}
th {text-align:center !important}



/*------------------------------------------------------- INTRO----------------------------------------------------------*/
.wrapper{max-width:1024px; 	height:auto; margin-top:40px !important; margin:auto; position:relative; font-family: 'Droid Sans', sans-serif; color: #7e7e7e; margin-bottom: 40px; }
.wrapper p{line-height:1.5; color: #7e7e7e; font-size:14px; text-align:justify}
body{background-image:url(img/fondopagina-cielo.jpg); background-repeat:no-repeat; background-position:top center;}

.tablepress, .dataTables_info, .dataTables_filter, .dataTables_length{font-family: 'Droid Sans', sans-serif;}
.morado , .qckundalini , .makundalini , .gakundalini , .chiakundalini , .mekundalini , .qcbigkun , .mabigkun{background-color:#c7acd1}
.amarillo, .qcprenatal, .gamadre, .gaprenatal, .chiaprenatal, .meprenatal{background-color:#faf4a7}
.naranja , .qchatha , .mahatha , .gavinyasa , .gahatha , .mehatha{background-color:#fabf86}
.verde, .qcterapeutico, .materapeutico, .gaterapeutico {background-color:#a0d49c}
.azul, .qccurso,  .gapilates{background-color:#b7dff5}
.rojo, .qcninos, .maninos,  .chianinos, .meninos{background-color:#f9c1c1}
.lila, .qcsadhana, .masadhana,  .mesadhana{background-color:#d5d5e4}
.gris, .gasopurkh, .chidanza{background-color:#b5c9d1}
.cafe, .marestaurativo, .chiayoga, .meyogaprops, .meyogaflow, .chiainbound, .chiayoga{background-color:#aea29c}
code{font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
.qcsadhana{background-color:#fde475; }
.qcbigkun{background-color:#ba9bde; font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
.qckundalini{background-color:#ba9bde; font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
.qcprenatal{background-color:#fefa7d; font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
.qchatha{background-color:#faa648; font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
.qcninos{background-color:#82dec4; font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
.qcterapeutico{background-color:#7fe1c5; font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
.qccurso{background-color:#568cff; font-family: 'Droid Sans', sans-serif; text-align:center; display:block; padding:4px; border-radius:3px;}
/*------------------------------------------------------- HEADER --------------------------------------------------------*/

header{max-width:1024px; height:auto;	margin:auto; position:relative;	margin-top:0px;	padding-top:0px;}
.sol{width:auto; height:auto; top:0px;     right: 0px;    position: absolute;}
#logo{height:auto;	width:140px;	margin:auto;	text-align:center;	margin-top:-50px; 	position:relative; margin-bottom: 15px}
#logo img{width:100%; height:auto; }
#social{height:48px; width:170px;}
#social2{height:48px; width:200px; margin-left:0px;	padding-left:0px;}
#social li{	list-style:none; padding:0px; float:left;}
#social2 li{list-style:none; padding:0px; float:left; margin-left:30px;}
.Menuimagenes{float:left; width: 154px; height: 94px; overflow:hidden; position: relative;    margin: 3px 3.65%; }
.Menuimagenes ul {width: 100%; height: 100%; position:relative;}
.Menuimagenes ul li{width: 100%; height: 100%;}
.Menuimagenes ul li img{width: 100%; height: 100%;}
.Menuimagenes ul li:last-child{  font-size: 9px;  font-weight: 300; position:absolute;   color: #606060 !important; top: 10px; right: 10px; text-transform:uppercase; height: auto; width: 50% !important ; text-align: right;}
.Menuimagenes ul li:last-child strong{font-size: 11px;}
.Menuimagenes h1{font-size: 14px; position: absolute; width: 100%; text-align: center;  bottom: 2px; left: 0px; color: rgba(0,0,0,1.00); font-weight: 300; color: #606060 !important; text-transform: uppercase}

#social{height:48px; width:170px;}
#social li{ list-style:none; padding:0px; float:left; 	}
.facebook, .youtube, #blog, .twitter{ display: block;  background-repeat:no-repeat; }
.facebook { background-position: -0px -384px; width: 48px; height: 48px; }
.youtube { background-position: -48px -384px; width: 48px; height: 48px; }
#blog { background-position: -96px -384px; width: 48px; height: 48px; }
.twitter { background-position: -0px -432px; width: 48px; height: 48px; }


nav{ height:53px; max-width:1024px; margin:auto; font-family: 'Droid Sans', sans-serif; color:#fe6605; }
nav div{height:50px; width:20%; float:left; text-align:left ;}
.centrado{text-align:center !important;}

nav div a:link, a:visited, a:hover, a:active{ color:#fe6605 !important; text-decoration:none;}
.link:link{ color:white !important; text-decoration:none;}
.link:visited{ color:white !important; text-decoration:none;}
.link:hover{ color:#EB8D33 !important; text-decoration:none;}
.link:active{ color:black !important; text-decoration:none;}

.link2:link{ color:white !important; text-decoration:none;}
.link2:visited{ color:white !important; text-decoration:none;}
.link2:hover{ color:#EB8D33 !important; text-decoration:none;}
.link2:active{ color:black !important; text-decoration:none;}

.sedes{position:relative}
.sedes ul{position:absolute; top:20px; left:0px; height:0px; width:140px;   z-index:9999 !important; display:none; 	-webkit-transition-duration:1s;}
.sedes ul li{ list-style:none; 	float:left; width:100%; height:22px; background-color:rgba(240,255,0,1.00); 	padding:0px; margin:0px; text-align:center; border:solid thin rgba(255,255,255,1.00); font-family: 'Droid Sans', sans-serif; }
.sedes:hover  ul{ display:block; margin:0px; padding:0px; height:175px;  transition-property:height !important;
	-moz-transition-duration:1s;}
.der{float:right;margin-right:10px;font-size:12px;color:rgba(0,0,0,1.00);}
.izq{float:left;margin-left:10px;font-size:12px;color:rgba(176,176,176,1.00) !important;}
.m_yoga span{margin-left:40px;}
.m_hacemos span{margin-left:70px;}
.m_salas span{float:right;}
.bogota{background-color:#129f8f !important; color:white;}
.otros{background-color:#7cd7d0 !important; color:white;}
/*------------------------------------------------------- FOOTER --------------------------------------------------------*/

footer{  width: 100%; height: 250px; position: relative;}
#video{height: 250px; width: 100%; background-position: center bottom; background-repeat: no-repeat; background-image: url(img/arboles2500.jpg);} 
.center2 { margin: auto; height: auto; width: 400px; display: none;}
footer #info { width: 100% !important; height: 89px; background-position: center; background-repeat: no-repeat;  background-image: url(img/cesped.jpg); text-align: center; font-family: 'Droid Sans', sans-serif; }
#info .pie { color: #fe6605; margin-right: 10px;}
.firma { position: absolute; left: 80%; bottom: 40px; }
    
    /*------------------------------------------------------- PAGINA DE INICIO-----------------------------------------------*/
#central{ max-width:80%; height:auto; top:0px; left:0px; position:relative;}
#central p{ line-height: 1.5; text-align: justify; font-size: 14px; padding: 0px 10px;}
#central h2{  font-size: 16px; padding: 0px 10px;}
/*------------------------------------------------------- CONTACTO -----------------------------------------------*/

/*------------------------------------------------------- SEDES -----------------------------------------------*/
.Nombre_sede {  font-size: 1.5em; color: #444444;  font-family: 'Droid Sans', sans-serif;   text-align: center;  width: 100%;}
#textosinternos h3 {  width: 100%;  height: 40px; background-color: #8a4b92; top: 0px; right: 0px; color: rgba(255,255,255,1.00); text-align: center; padding-top: 10px; font-size: 18px;  font-family: 'Droid Sans', sans-serif; text-transform: capitalize }
#textosinternos p{line-height: 1.4; text-align: justify; font-size:14px; color: #7e7e7e;}
.container_h{  width: 100%; height: auto; position: relative; float: left; margin-bottom: 15px; border: solid thin #8a4b92;  color: #444444;  font-family: happy;  font-size: 14px; font-family: 'Droid Sans', sans-serif;}

.textosinternos2{  width: 80%; height: auto; position: relative; float: left; margin-bottom: 15px; border: solid thin #8a4b92;  color: #444444;  font-family: happy;  font-size: 14px; font-family: 'Droid Sans', sans-serif;   text-align: justify;}
.textosinternos2 p{  padding: 0px 15px;   line-height: 1.5; font-size:14px; color: #7e7e7e;}
.textosinternos2  strong{  padding: 0px;   }
.container_h ul {padding:15px 60px;   list-style-image: url(img/vineta.png);}
.container_h ul li{line-height:1.3;}
.container_h p{padding:10px}
.textosinternos2 ul{padding: 10px 50px;}
.textosinternos2 ul li{line-height: 1.5;
    font-size: 14px;
    color: #7e7e7e;
margin:5px 0px; list-style: initial;}

.palabrasclaves{}
.palabrasclaves li{    background-color: #D6E8F4;
    float: left;
    padding: 5px 10px;
    border-radius: 6px;}
.diplomado{float:left; width:20%; margin: 20px 2.5%; height:400px; position:relative}
.diplomado h3{ font-size:18px; text-align:center; font-weight:bold; height:35px; border-bottom:solid thick #8a4b92;}
.diplomado .vermas{display:block; margin:auto; position:absolute; bottom: 5px; padding:5px; width:60px; background-color: #8a4b92; left:50%; margin-left:-30px; }
.vermas a{color:white; text-decoration:none;}
/*------------------------------------------------------- SIDEBAR HOME -----------------------------------------------*/
#lat-column{ width:17.5%; height:600px; margin-left:20px; top:0px; right:0px; position:absolute;	}
#noticias{width: 97%; position: relative; height: 547px;  margin: 10px auto; background-color: #7c664f; background-image: url(http://colombia.happyyoga.com/wp-content/themes/img/logo-mitad.png); background-position: bottom;  background-repeat: no-repeat;}
#noticias span{  position: relative; top: 0px; left: 0px; width: 100%; height: 25px; padding-top: 15px; text-align: center;  background-color: #fe6605; color: white; font-family: 'Droid Sans', sans-serif; display: block}
/*------------------------------------------------------- INTERNAS-----------------------------------------------------*/

#lat-column2 {  width: 17.5%; height: 600px; margin-left: 20px; float:left}
#lat-columm2 nav{width: 100%; background-color: #8a4b92;height: 310px;position: relative;background-image: url(http://colombia.happyyoga.com/wp-content/themes/img/menulateral-decoracion.png); background-repeat: no-repeat; background-position: center top;}
#lat-columm2 nav ul{  height: auto;width: auto; margin: 0px;padding: 0px;list-style: none;position: absolute;
  top: 80px; left: 0px;}
#lat-columm2 nav ul li{  width: 100%;  height: 35px; float: left; color: white; font-size: 14px; padding-left: 5px;}

#interno {  width: 98%; background-color: #8a4b92; height: 310px; position: relative; background-image: url(img/menulateral-decoracion.png); background-repeat: no-repeat; background-position: center top; adding-bottom: 20px;}

#interno ul {
  height: auto;
  width: auto;
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: absolute;
  top: 80px;
  left: 0px;
}
#interno ul li{
  width: 100%;
  height: 35px !important;
  float: left;
  color: white;
  font-size: 14px;
  padding-left: 5px;
}

#interno ul li a{color:#fff !important; font-family: 'Droid Sans', sans-serif; text-decoration:none}

.menuprenatal{height:auto;  width:calc(40% - 8px); margin:15px 5%; float:left; position:relative;     border: 4px solid #eaf5fb;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13);
    border-radius: 5px;}
.menuprenatal span{position:absolute; bottom:0px; left:0px; display:block; color:#fff; font-family: 'Droid Sans', sans-serif;  text-align:center; background-color: #1a9288; width:100%; padding:15px 0px; }
.menuprenatal img{width:100%; height:auto}
.recorte{width:70%; margin:0px 15%}
.recorte ul{padding:10px 10%; width:80%; list-style:disc; line-height:1.3; text-align:justify}
/*------------------------------------------------------- NUEVOS ESTILOS-----------------------------------------------------*/
.maincontainer{width: 1024px; margin: auto; height: auto}
#centralmenu{width: 1024px; min-height: 50px}
.nuevowrapper p, .nuevowrapper h2{line-height: 1.5; text-align: justify; font-size: 14px; padding: 0px 10px; max-width:1024px; 	height:auto;  margin:auto; position:relative; font-family: 'Droid Sans', sans-serif; color: #7e7e7e;}
.nuevowrapper2{width: 100%; margin: 0px; padding:  0px; float: left; height: auto}
.nuevowrapper{width: 667px; float: left; height: auto; margin-left: 4px; margin-right: 5px; }
.nuevowrapper2 .accordion{width: 90%; margin-left: 5%}
.nuevowrapper2 .accordion .block p, .nuevowrapper2 p{ line-height: 1.5; text-align: justify; font-size: 14px; padding: 10px 10px; max-width:1024px; 	height:auto;  margin:auto; position:relative; font-family: 'Droid Sans', sans-serif; color: #7e7e7e;}
.nuevowrapper2 ul{padding-left: 70px;}
.nuevowrapper2 ul li{font-family: 'Droid Sans', sans-serif; color: #7e7e7e; list-style: disc; margin-bottom: 4px}
#lat-derecha{float: left; min-height: 300px; width: 173.2px;}
#lat-izquierda{float: left; min-height: 300px; width: 173.2px;}
.Menuimagenes2{width: 150px; float:left; height: auto; border: 4px solid #eaf5fb; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13); border-radius: 5px; margin:20px 0px 10px 15.2px}
.Menuimagenes2 p a img{width: 100%; height: auto; }
#centralmenu .Menuimagenes2:first-child{margin-left:0px}
#lat-izquierda .Menuimagenes2{margin-left:0px; margin-right: 15.2px}
.tituloacordion{color:#858789; font-family: 'Droid Sans', sans-serif; border-bottom: solid 2px #858789!important;  transition: all 1s ease-in;font-size:20px!important}
.tituloacordion img{margin-right: 10px;}
.tituloacordion:hover{color:#039989; border-bottom: solid 2px #039989 !important; transition: all 1s ease-in; }
.nuevowrapper .accordion{width:100% !important; overflow: hidden;}
.accordion .block{width: 100%!; overflow: hidden; }
.accordion .block .completa{width: 100%; height: auto;}
.completa{width: 100%; height: auto;}

.Nuevotitulo{font-size:25px; color:#858789; font-family: 'Droid Sans', sans-serif; text-align: center; width: 100%; height: auto; display: block; padding: 15px 0px}
.tercio{width: 30%; height: auto;}
.mitad{width: 50%; height: auto}
.producto{width: calc(30.3333% - 2px); border: solid thin #999; border-bottom: solid thick #73477a;  margin: 15px 1.5%; float: left; position: relative; height: 570px; background-color: #fdf8fc }
.producto img{width: 60%; height: auto; float: left; margin: 0px 20% }
.producto span{display: block; width: 100%; font-size: 17px; font-family: 'Droid Sans', sans-serif; text-align: center; float: left; padding-top: 5px; font-size: 20px; text-transform: uppercase }
.producto aside{display: block; width: 95%; height: 230px; font-size: 15px; font-family: 'Droid Sans', sans-serif; text-align: justify; padding: 5px 2.5%; float:left; overflow: hidden; font-size: 12px; }
.producto div{position: absolute; width: 70%; text-align: center; bottom: 20px; background-color:  #73477a; color:#FFF; font-weight: 900; left:15%;  }
.producto div p{color:#FFF; font-weight: 900; text-align: center}

.Menuimagenes3{width: calc(30.3333% - 8px); float:left; height: auto; border: 4px solid #eaf5fb; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.13); border-radius: 5px; margin:20px 1.5% 10px}
.Menuimagenes3 img{width: 100%; height: auto}
.Menuimagenes3 ul{width: 100%; margin: 0px; padding: 0px; border-top: solid thin #fe6605; height: auto;}
.Menuimagenes3 ul li{border-right:solid thin #fe6605; width: calc(33.33333% - 1px); float: left; height: 15px; color: #fe6605; text-align: center; list-style: none;padding: 5px 0px; position: relative }
.Menuimagenes3 ul li:hover{background-color:  #fe6605; color: white; }
.Menuimagenes3 ul li:last-child{border: none!important}
.Menuimagenes3 ul li a{ color: #fe6605; text-decoration: none; font-size: 14px}
.Menuimagenes3 ul li:hover a{color:white !important}

.Menuimagenes3 ul li ul{position: absolute; opacity: 0; bottom: 40px; right: 0px; width: 250px; height: 60px; background-color: white; border-radius: 5px; transition: all 1s ease-in; border: none}
.Menuimagenes3 ul li ul li{width: 90%; margin: 10px 5%; float: left; list-style: none;margin: 0px; border:none }
.Menuimagenes3 ul li:hover ul{opacity:1; transition: all 0.5s ease-in;  }
.ninja-forms-cont{font-family: 'Droid Sans', sans-serif;}
.ninja-forms-cont h2{ Text-align:center; font-size: 16px; font-family: 'Droid Sans', sans-serif; }

/*------------.Menuimagenes3 ul li ul------------------------------------------- RESPONSIVE-----------------------------------------------------*/

@media screen and (max-width: 1024px){
#centralmenu .Menuimagenes2{width:calc(30% - 8px); margin: 10px 1.666665%;}
#centralmenu .Menuimagenes2:first-child { margin-left: 1.666665% !important;}
.nuevowrapper{width:calc(100% - 358px);}
#centralmenu{width:100%}
.maincontainer{width:100%}
header, footer{overflow:hidden}
.instruccionmovil{display:block}
}

@media only screen and (max-width: 960px) {
.sol{display:none}

}   

@media only screen and (max-width: 767px) {
.nuevowrapper{width:calc(100% - 8px)}
#lat-izquierda, #lat-derecha{display:none}
.accordion{width:100%}
.textosinternos2 { overflow:hidden; width:100% !important}

}

@media only screen and (min-width: 560px) and (max-width: 767px) {
.Menuimagenes3{width:90%; Margin:10px 5% !important;}
#logo{width:80px; }
#logo img{width:100%; height: auto; margin-top:0px!important}
#social{display:none}
th, .tablepress thead th, td{ height:50px;}
}

@media only screen and (min-width: 479px) and (max-width: 560px) {
th, .tablepress thead th, td{ height:50px;}
}

@media only screen and (max-width: 479px) {
.Menuimagenes3{width:90%; Margin:10px 5% !important;}
#centralmenu .Menuimagenes2{width:calc(40% - 8px); margin: 5px 5%;}
#centralmenu .Menuimagenes2:first-child { margin-left: 5% !important;}
.accordion{width:100%}
.textosinternos2 { overflow:hidden; width:100% !important}
#social{display:none;  }
#logo{width:80px; margin-top:0px !important}
#logo img{width:100%; height: auto;}
th, .tablepress thead th, td{ height:50px;}
}