/* 
 * Estilos de clases que puedan ser usadas en el sitio entero. 
 */ 

.avisoOn {
    float:right;
	width:20px;
	height:20px;
	background-image:url('../images/icono_aviso_1.gif');
}

.avisoOff {
	float:right;
    width:20px;
	height:20px;
    background-image:url('../images/icono_aviso_0.gif');
}
 
/* Estilo para un DIV sin altura y a todo lo ancho de su propio contenedor */

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Estilos para los enlaces que aparecen a la izquierda */

.enlacesLeft { 
    width: 100%; 
	border: 1px solid #D5D5C8; 
	margin: 0px 5px 6px 5px; 
	line-height: 110%; 
	border-right: 2px solid #76765C;	
} 
	  
.enlacesLeft a { 
	color: #003333; 
	padding-left: 6px; padding-top: 4px; padding-bottom: 4px; 
	background-color:#f8FFf0;
	display:block; 
	background-color: #D2D6B1; 
	text-decoration:none; 
	border-bottom: 2px solid #E9ECCF;
} 

.enlacesLeft a:visited {
	text-decoration:none;
}

.enlacesLeft a:hover { 
	background-color: #c2c6a1; 
	color: #000000;
} 

.enlacesLeft a:active { 
    background-color: #c2c6a1; 
	color: #003333;
} 
  
 /* Botón con descripión */
 
.botonLink div {
	padding-bottom:0.2em;
    margin-bottom:2px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
}

.botonLink div a {
    color: #003300; 
	font-weight:bold;
    margin-top:1px;
	padding-left: 8px; padding-top: 4px; padding-bottom: 4px; 
	display:block; 
	border-bottom:1px;
	background-color:#f0f0f8;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	transition: color .3s, background-color .3s;
	-webkit-transition: color .3s, background-color .3s;
	-moz-transition: color .3s, background-color .3s;
}
	  
.botonLink div a:hover {
	background-color:#708070;
	color:#f0f0f8;
}
	
.botonLink div a:active {
	background-color:#90a090;
	color:#ffaa00;
}
.botonLink div.bto-item-description {
	padding-left:2em; 
	color:#668866;
	font-size:11px;
}



/* indentación general */

.indent {
	text-indent: 2em;
	padding-left: 2em;
}

.list {
  padding-left: 1em;
  padding-top: .2em;
  padding-bottom: .25em;
}

.list-li {
	background-image: url(images/li-circle.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin: 0px;
	margin-left:2px;
	padding-top:.2em;
	padding-bottom: .2em;
	text-indent: -.4em;
	padding-left: 2em;
	list-style-type:disc;
}
.list-li2 {
	background-image: url(images/li-ring.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin: 0px;
	margin-left:2px;
	padding-top:.2em;
	padding-bottom: .2em;
	text-indent: -1em;
	padding-left: 2.5em;
	list-style-type:circle;
}
/* Configuración por defecto para las fotos de indice de asanas, pranayamas, mudras, savasanas */	

 .ejercicio_item, .ejercicio-item {
    width:280px;
	height:125px;
	float:left;
	margin:2px;
	padding:4px;
	border-color:#88888a8;
    border-width:1px;
    border-style:outset;
 }
  .ejercicio_item span, .ejercicio-item span{
    font-size:1em;
	text-decoration:none;
	text-align:right;
	border:none;
  }

 .ejercicio_item a:link, .ejercicio-item a:link{
     color:#003366;
     border-color:#336699;
  }    /* unvisited link */
   
 .ejercicio_item a:visited, .ejercicio-item a:visited {
     color:#003366;
     border-color:#336699;
  } /* visited link */
 
 .ejercicio_item a:hover, .ejercicio-item a:hover {
    color:#FF6600;
	 border-color:#FF6600;
  }   /* mouse over link */
 
 .ejercicio_item a:active, .ejercicio-item a:active  {
    color:#000000;
    text-decoration:none;
  }  /* selected link */
  
  .ejercicio_item:hover, .ejercicio-item:hover {
     background-color:#dee9f7;
  }
  .ejercicio_item img, .ejercicio-item img {
       border-color:#8888a8;
       border-width:1px;
       border-style:solid;
	   float:none;
  }
  
  .ejercicio_item .foto_item, .ejercicio-item .foto-item{
      width:140px;
	  float:left;
  }
  
  .ejercicio_item .separador , .ejercicio-item .separador{
      clear:both;
  }
  .ejercicio_item a img, .ejercicio-item a img {
       width:128px;
       border-color:#8888a8;
       border-width:1px;
       border-style:solid;
       margin-top:8px;
	   margin-right:6px;
       margin-bottom::6px;
       text-decoration:none;
	   float:left;
  }
  .ejercicio_item p, .ejercicio-item p {
       font-size:0.9em;
       padding-top:1em;      
	   padding-left:1em;       
	   padding-right:1em;
       text-align:left;
	   float:none;
	   padding-top:6px;
       margin-bottom:.2em;
	   margin-top:0px;
  }
  .ejercicio_item .titulo, .ejercicio-item .titulo {
       text-align:right;
       margin-bottom:.2em;
  }
  
  #container td#main-content
  {
      padding-left:32px;
	  padding-right:24px;
  }