@charset "utf-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color: #666666;
		background-color:#FEFBF2;
		background-position:top;
    }
	.danza #menu { 
    	width: 140px; 
		height: 200px;
    	text-align: left; 
		position:absolute;
		top:145px;
		left: 700px;
		background-image:url(../images/barra1.png);
    } 
    .danza #container_big { 
    	width: 890px;  
    	margin: 0 auto; 
    	text-align: left; 
		background: none;
		margin-top: 10px;
		
    } 
	.danza #container { 
    	width: 100%;  /* esto creará un contenedor con el 80% del ancho del navegador */
    	background: #FEFBF2;
    	margin-left: 30px; 
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    } 
     .danza #header { 
    	padding: 0 10px;  
		border-top:#ccc 1px solid;
		border-right:#ccc 1px solid;
		border-left:#ccc 1px solid;
		background-image:url(../images/header3.jpg);
		background-color: #FEFBF2;
    } 
    .danza #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
    }
	
	.danza #sidebar1 {
    	float: left; 
    	width: 144px; 
    	padding: 15px 0; 
		/*border-bottom:#cf7b19 6px solid;*/
		border-top: #ccc 1px solid;
		border-right: #ccc 1px solid;
		border-left:#ccc 1px solid;
		height: 340px;
		padding-left: 4px;
		padding-right: 7px;
		margin-top: 4px;
		background: #FEFBF2 url(../images/espalda.jpg) bottom right no-repeat;
    }
    
	.danza #sidebar11 {
    	float: left; 
    	width: 144px; 
    	padding: 15px 0; 
		/*border-bottom:#cf7b19 6px solid;*/
		border-top: #ccc 1px solid;
		border-right: #ccc 1px solid;
		border-left:#ccc 1px solid;
		height: 340px;
		padding-left: 4px;
		padding-right: 7px;
		margin-top: 4px;
		background: #FEFBF2 url(../images/53.jpg) bottom right no-repeat;
    }
	.danza #sidebar12 {
    	float: left; 
    	width: 144px; 
    	padding: 15px 0; 
		/*border-bottom:#cf7b19 6px solid;*/
		border-top: #ccc 1px solid;
		border-right: #ccc 1px solid;
		border-left:#ccc 1px solid;
		height: 340px;
		padding-left: 4px;
		padding-right: 7px;
		margin-top: 4px;
		background: #FEFBF2 url(../images/vela1.jpg) bottom right no-repeat;
    }
	.danza #sidebar13 {
    	float: left; 
    	width: 144px; 
    	padding: 15px 0; 
		/*border-bottom:#cf7b19 6px solid;*/
		border-top: #ccc 1px solid;
		border-right: #ccc 1px solid;
		border-left:#ccc 1px solid;
		height: 340px;
		padding-left: 4px;
		padding-right: 7px;
		margin-top: 4px;
		background: #FEFBF2 url(../images/vela.jpg) bottom right no-repeat;
    }
    .danza #sidebar2 {
    	float: right;	width:61.2%; 	padding-left: 4px;
		border-bottom:#cf7b19 6px solid; font-size: 70%;	min-height: 374px;
		background:  #FEFBF2 url(../images/back/1.jpg) right  bottom no-repeat;	margin-left: 20px;	z-index:20;   }
	
	.danza #sidebar21 {
    	float: right;	width:61.2%; 	padding-left: 4px;
		border-bottom:#cf7b19 6px solid; font-size: 70%;	min-height: 374px;
		background:  #FEFBF2 url(../images/back/2.jpg) right  bottom no-repeat;	margin-left: 20px;	z-index:20;   }
	
	.danza #sidebar22 {
    	float: right;	width:61.2%; 	padding-left: 4px;
		border-bottom:#cf7b19 6px solid; font-size: 70%;	min-height: 374px;
		background:  #FEFBF2 url(../images/back/3.jpg) right  bottom no-repeat;	margin-left: 20px;	z-index:20;   }
	
	.danza #sidebar23{
    	float: right;	width:61.2%; 	padding-left: 4px;
		border-bottom:#cf7b19 6px solid; font-size: 70%;	min-height: 374px;
		background:  #FEFBF2 url(../images/back/4.jpg) right  bottom no-repeat;	margin-left: 20px;	z-index:20;   }
	
	.danza #sidebar24 {
    	float: right;	width:61.2%; 	padding-left: 4px;
		border-bottom:#cf7b19 6px solid; font-size: 70%;	min-height: 374px;
		background:  #FEFBF2 url(../images/back/5.jpg) right  bottom no-repeat;	margin-left: 20px;	z-index:20;   }
	
	.danza #sidebar25 {
    	float: right;	width:61.2%; 	padding-left: 4px;
		border-bottom:#cf7b19 6px solid; font-size: 70%;	min-height: 374px;
		background:  #FEFBF2 url(../images/back/6.jpg) right  bottom no-repeat;	margin-left: 20px;	z-index:20;   }
	
	.danza #sidebar26 {
    	float: right;	width:61.2%; 	padding-left: 4px;
		border-bottom:#cf7b19 6px solid; font-size: 70%;	min-height: 374px;
		background:  #FEFBF2 url(../images/back/7.jpg) right  bottom no-repeat;	margin-left: 20px;	z-index:20;   }
	
	 .danza #nav { 
    	padding: 0 2px;  
		height: 22px; border-bottom:#cf7b19 1px solid;	padding-left: 5px;font-size: 120%;
    }
	.danza #texto1 {
    	margin: 0.3em auto; padding: 15px;
    }
	.danza #textoscroll {
    	margin-top:2px;
		margin-left: 10px;
    }
	.danza #historiascroll {
		/* Typical fixed height and fixed width example */
		width: 350px; height: 250px; overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;  margin: 0.3em auto; padding: 15px;
	}
	.danza #cortoscroll {
		/* Typical fixed height and fixed width example */
		width: 350px; height: 118px; overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;  margin: 0.3em auto; padding: 15px;
	}
	.danza #inicioscroll {
		/* Typical fixed height and fixed width example */
		width: 400px; height: 80px; overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;  margin: 0.3em auto; padding: 15px;
	}
	.danza #texto2 {
    	margin-top:10px;
		margin-left: 10px;
		height: 280px;
		overflow:hidden;
		width:95%; float:left;
    }
	.danza #texto {
    	margin-top:10px;
		margin-left: 10px;
		height: 130px;
		overflow:hidden;
		width:95%; float:left;
    }
	.danza #flechas { margin-top:20px; cursor:pointer; }
	.danza #bloque1 {width: 40%; float: right;	margin-top:2px;  }
	.danza #bloque2 {margin-top:2px;  width: 57%; margin-left: 0.3em auto; }
	.danza #bloque3 {margin-top:20px;  width: 57%; }
	.danza #bloque4 {margin-top:20px;  width: 95%; }
    .danza #sidebar1 p, .danza #sidebar1 h3 {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
	 .danza #sidebar2 h3 {
    	margin-right: 10px;
		color: #339;
		font-size: 130%;
    }
	.danza #sidebar2 p  texto p{
    	margin-left: 10px; 
    	margin-right: 10px;
		text-align:justify;
    }
	.danza #sidebar2 c {
    	margin-left: 10px; 
    	margin-right: 10px;
		text-align:center;
    }
    .danza #mainContent { 
    	margin: 0 26% 0 18.2%;
		height: 340px;
		width:144px;
		padding-top: 5px; 
		
		
		
    }
.slideshow{z-index:0; }
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}
/*.slideshow-captions-hidden{height:0;opacity:0;}
.slideshow-captions-visible{height:22px;opacity:.7;}*/
.slideshow-captions-hidden{height:0;}
.slideshow-captions-visible{height:22px;}
.slideshow-controller li{list-style:none;}   

	.danza #footer { 
    	padding: 0 10px;
		border-bottom: 1px #cf7b19 solid;
    } 
    .danza #footer p {
    	margin: 0; 
    	padding: 10px 0;
		font-size: 70%;
		color:#cf7b19;
		font-weight:bold;
    }
	.danza #footer a{ color:#cf7b19; 	text-decoration: none;}
    
    /* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }