/***********************************************/
/* HTML tag styles                             */
/***********************************************/
* {
	margin: 0px;
	padding: 0px;
}
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background:#000080;
}

a {
	color:#FF0000;
	text-decoration: underline;
}

a:hover {
	color:#FF9933;
}


/******* hyperlink and anchor tag styles *******/


.link-more a {
	text-decoration: none;
}

.espaciado {
	margin : 0px;
	height : 10px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}

h3{
    font: bold 100% Arial,sans-serif;
    color: #334d55;
    margin: 0px;
    padding: 0px;
}

/*************** list tag styles ***************/

ul{
    list-style-type: square;
}

ul ul{
    list-style-type: disc;
} 

ul ul ul{
    list-style-type: none;
}

/********* form and related tag styles *********/

form {
    margin: 0px;
    padding: 0px;
}

label{
    font: bold 1em Arial,sans-serif;
    color: #334d55;
}
				
input{
    font-family: Arial,sans-serif;

}
#rafo{
    width:998px;
    height:930px;
    margin-left:auto;
    margin-right:auto;
	background:#000000;
}

#trio_imagen {
    position:relative;
	 width: 136px;
	 left: 730px;
}

#trio_imagen span {
	float: right;
	display: block;
	background:url(imagenes/trio.gif) no-repeat 0px 0px;
	position: absolute;
	top: 10px;
	z-index: 1;
	width: 136px;
	height: 195px;
	left: 1px;
}

#cuerpo_principal{
    float:left;
	width:796px;
	height:600px;
	background-color: #000000;
}

#encabezado{
    background-color: #000000;
	margin-left: 192px;
	width:795px;
	height:157px;
}

#logo{
    margin-left:140px;
    width:360px;
	height:157px;
}

#parte_izquierda{
	float: left;
	width:191px;
	height: 461px;
	padding: 0px;
	background-color: #F5f7f7;
	
}

#contenido{
    width:790px;
	height:600px;
	float:left;
	
}

.encabezado_grupo {
    width:775px;
	height:40px;
	float:left;
	padding:10px 0px;
	}
	.encabezado_grupo h3 {
	font: bold 175% Arial,sans-serif;
	color: #FFFFFF;
	}
	
.historia_grupo{
    color:#FFFFFF;
	margin:10px 5px 0px;
	font-size: 80%;
	min-height: 115px;
	width:775px;
	float:left;
	text-align:justify;
	background-color:#000000;
	border:1px solid #000000;
}

html>body .historia_grupo {
          height:auto;
}

.historia_grupo h3{
	font: bold 175% Arial,sans-serif;
	color: #FFFFFF;
	padding: 0px 0px 5px 0px;
}

.historia_grupo img{
	float: left;
	padding: 0px 0px 0px 0px;
	
}
.espacio-foto{
    width:10px;
	height:107px;
	margin-left:160px;
	}
	
.encabezado_integrantes{
    width:798px;
	height:40px;
	float:right;
	padding:10px 0px;
	}
.encabezado_integrantes h3 {
	font: bold 175% Arial,sans-serif;
	color: #FFFFFF;}
/*************** story styles ******************/

.historia_integrantes {
    color:#FFFFFF;
	padding:0px 0px 0px 20px;
	margin-left:auto;
	margin-right:auto;
	font-size: 80%;
    width:775px;
	height:550px;
    float:left;
	text-align:justify;
	border:1px solid #000000;
	background-color:#000000;
}



#separador {
	width: 670px;
	height: 1px;
	background:url(imagenes/separador.gif) repeat-x 0px 0px;
	overflow: hidden;
}

.Yacana{
    width:775px;
	height:350px;
	padding:10px;
	color:FFFFFF;
	font-size: 80%;
	text-align:justify;
	background-color:#000000;
	
	
}   
.Yacana img{
	float: left;
	padding: 0px 10px 0px 0px;
	
}