@charset "utf-8";
/* CSS Document */

#container {
    position: relative;
    display:block;
    clear:both;
    max-width: inherit;
}

@media (max-width: 47.938em) {
	#container {
		padding: 0px;
		width: auto;
	}
}
#container #main-content {
    background-color:#fafff8;
    max-width: 1200px;
}

#ruta-ejercicio {
	padding: 4px;
	padding-left: 14px;
	border-color:#f0fff0;
	border-style:solid;
	border-width:1px;
	border-bottom-color:#999;
	border-radius: 4px 4px 4px 4px;
	background-color: #ffffff;
}

.hatha {
	vertical-align:top;
	font-size: 16px;
	color: #607068;
}

.hatha h1, h2, h3 {
	color: #805020;
}
.hatha h1 {
	font-size: 24px;
}
.hatha h2 {
	font-size: 20px;
}
.hatha h3 {
	font-size: 18px;
}


.hatha a{
	color: #50a070;
}
.hatha a:hover {
	color: #a07040;
}
.hatha-ejercicio {

}

.hatha-ejercicio div.bloque {
    padding-left:12px;
}

.hatha .lateral-izq {
	padding-left:1em;
	padding-right:.6em;
}

.hatha .lateral-izq img {
	border-style:solid;
	border-width:1px;
	padding:1px;
	border-color:#406040;
	width: 100%;
}

.hatha .lateral-der {
	
}

.hatha .lateral-der img {
	border-style:solid;
	border-width:1px;
	padding:1px;
	border-color:#406040
}

.hoja-asanas p > img {
	width: 100%;
	height: inherit;
}

nav.otros-ejercicios {
	padding-top: 2em;
}

nav.otros-ejercicios .nav span.visible-xs {
    display: inline!important;
}
nav.otros-ejercicios > .nav > li {
   border: solid;
   border-style: outset;
   border-width: 1px;
   border-color: #d0e0d0;
   width: 100%;
}
nav.otros-ejercicios > .nav > li > a:hover {
   background-color: #d0f0d0;
}

/* ejercicios items */

ul.ejercicio-list {
    padding: 1em;
}

.ejercicio-list .ejercicio-item {
    margin-bottom: .2em;
    border-color: #b0b0c0;
    list-style-type: none;
    overflow: hidden;
    border-style:none;
}

.ejercicio-list .ejercicio-item:hover {
    background-color: #fffff8;
}

.ejercicio-list .ejercicio-item a {
    display: block;
    height: 140px;
    margin: 0.2em;
    color: #909090;
    font-size: 0.9em;
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
}
@media (max-width: 991px) { 
    .ejercicio-list .ejercicio-item a {
        font-size: 1em;
        min-height: 110px;
    }
    ul.ejercicio-list {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.ejercicio-list .ejercicio-item a:hover,
.ejercicio-list .ejercicio-item a:active {
    box-shadow: 2px 2px 6px #808080;
    background-color: #f8fffa;
    overflow: inherit;
}

.ejercicio-list .ejercicio-item p {
    padding:1em;;
} 

.ejercicio-list .ejercicio-item div.foto-item {
    margin-right: .5em;
    width: 140px;
	max-width: 40%;
    float: left;
    padding: 0px;
} 
.ejercicio-list .ejercicio-item .foto-item img {
    width: 100%;
    border-color: #d9eae2;
}

.ejercicio-list .ejercicio-item p.titulo {
    font-size: 1em;
    line-height: 1.1em;
    font-weight: bold;
    color: #709080;
    padding-top: 1em;
    padding-bottom: 0.4em;
    text-align: right;
    background-color: #dcece4;
    border-color: #dcece4;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 4px;
}
.ejercicio-list .ejercicio-item p.titulo span.subtitulo {
	font-size: .85em;
}
.ejercicio-list .ejercicio-item p.desc {
    font-size: 1em;
    color: #9c9688;
}
  
.ejercicio-list .ejercicio-item a:hover {
    text-decoration: none;
}
.ejercicio-list .ejercicio-item a:hover p {
    color: #666666;
    text-decoration: none;
}
.ejercicio-list .ejercicio-item a:hover p.titulo {
    color: #907010;
    border-color: #907010;
}
.ejercicio-list .ejercicio-item a:hover p.desc {
    background-color: #fffff8;
}
@media (min-width: 1200px) {
    .ejercicio-list .ejercicio-item .foto-item {
        width: 40%;
        max-width: 160px;
    }
    .ejercicio-list .ejercicio-item p.titulo {
        font-size: 1.0em;
        line-height: 1.0em;
    }
}


/* otros ejercicios */

.otros-ejercicios {
	
}
.otros-ejercicios .lista-enlaces {
	padding: 1em;
	padding-left: 0em;
	padding-right: 0em;
}
.otros-ejercicios .descrip {
    font-size: .8em;
    line-height: 1.15em;
    color: #b8cabb;
    margin-top: .5em;
}
.otros-ejercicios a:hover .descrip {
    color: #304030;
}

/** Desactivacion de elemento 'otros ejercicios' propio de la hoja mostrada */
.hoja-asanas .otros-ejercicios .lista-enlaces #otros-asanas{
	display:none;
}
.hoja-pranayamas .otros-ejercicios .lista-enlaces #otros-pranayamas{
	display:none;
}
.hoja-savasanas .otros-ejercicios .lista-enlaces #otros-savasanas{
	display:none;
}
.hoja-mudras .otros-ejercicios .lista-enlaces #otros-mudras{
	display:none;
}
.hoja-deepen .otros-ejercicios .lista-enlaces #otros-interior{
	display:none;
}

/* nuevo - usado en deepen yoga */

.hoja-listado .ejercicio-list {
    padding:8px;
}
.hoja-listado .ejercicio-list li {
    list-style-type: none;
}

.hoja-listado .ejercicio-list .ejercicio-item  {
    width:inherit;
    float: inherit;
	height: inherit;
	padding: .5em;
	border-style: solid;
	border-color:#e0f5e0;
	background-color:#f8faf8;
}
.hoja-listado .ejercicio-list .ejercicio-item:hover {
    box-shadow:2px 1px 4px #a0a0a0;
	background-color: #f8f0f0;
}

@media (max-width: 768px) { 
	.hoja-listado .ejercicio-list .ejercicio-item div.foto-item {
        /* se mantiene left */
		float: left;
	}
}

.hoja-listado .ejercicio-list .ejercicio-item .foto-item img {
    width: 100%;
    height: 100%;
	margin: 0px;
	padding: 0px;
}

.hoja-listado .ejercicio-list .ejercicio-item .titulo {
    text-align: left;
}
.hoja-listado .ejercicio-list .ejercicio-item .titulo a{
    color: #688868;
	text-decoration: underline;
	display: inline;
	border-style: none;
}
.hoja-listado .ejercicio-list .ejercicio-item .titulo a:hover {
    text-decoration: underline;
	background-color: #b090b0;
	color: #ffffff;
}
.hoja-listado .ejercicio-list .ejercicio-item .titulo + p {
    font-size: .85em;
    margin-bottom: .2em;
	color: #809a80;
}