@charset "utf-8";
/* CSS Document */
/*Sitio Web: Grisaux*/

/*******************************************************************************/
/*GENERALES*/
/*******************************************************************************/
/*Ubicación de la página y color de fondo*/
BODY, HTML{
margin:0px;
height:100%;
background-color:#000000;
}
/*Tipos, tamaños y colores de letras de todo el sitio*/
H1,LI,A{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
color:#FFFFFF;
}
H1{
display:inline;
}
H2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:600;
color:#FFFFFF;
display:inline;
}
/*Comportamiento de los links pasivos*/
A{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FF0000;
}
/*Comportamiento de los links activos*/
A:hover{
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#FF0000;
}
/*Link "Grisaux.com.ar" del Men*/
.link_grisaux{
font-size: 18px;
font-weight: bold;
color:#FFFFFF;
}
.link_grisaux:hover{
font-size: 18px;
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
}
/*Comportamiento de los lists del menú*/
LI{
list-style:circle;
padding-left:0;
margin-left:0;
}
UL{
padding-left:0;
margin-left:16px;
}
/*Comportamiento de los textos de varios IDs*/
#TEXTOS,#CANCIONES,#BOLETIN{
padding-top:0px;
text-align:left;
}
/*Comportamiento de los textos de varios IDs*/
#MENU{
padding-top:0px;
text-align:justify;
}


/*******************************************************************************/
/*CAPAS ID PARTICULARES*/
/*******************************************************************************/
/*ID Capa principal que abarca a todas salvo el bajo*/
#MAIN{
	position:relative;
	visibility:visible;
	width:1024px;
	height:auto;
	min-height:650px;
	margin: 0 auto 0 auto;
}
/*ID Capa cabecera con imágen*/
#CABECERA{
	position:relative;
	float:left;
	visibility:visible;
	width:100%;
	height:100%;
	margin-bottom:30px;
}
/*ID Capa Centro que abarca las capas del centro*/
#CENTRO{
	position:relative;
	float:left;
	visibility:visible;
	width:1024px;
	height:auto;
	min-height:450px;	
}
/*ID Capa Menú y presentación del sitio*/
#MENU{
	position:relative;
	float:left;
	visibility:visible;
	width:20%;
	height:auto;
	margin-right:5%;
}
/*ID Capa Textos muestra los textos subidos*/
#TEXTOS{
	position:relative;
	float:left;
	visibility:visible;
	width:30%;
	height:auto;
	margin-right:5%;
	margin-top:2%;
}
/*ID Capa Canciones muestra los mp3 subidos*/
#CANCIONES{
	position:relative;
	float:left;
	visibility:visible;
	width:25%;
	height:auto;
	min-height:100px;
	margin-right:3%;
	margin-top:2%;
	padding:6px 6px 6px 6px;
	background:#191919;
	-moz-border-radius: 10px; /* Firefox*/  
    -ms-border-radius: 10px; /* IE 8.*/  
    -webkit-border-radius: 10px; /* Safari,Chrome.*/  
    border-radius: 10px; /* El estándar.*/
}

/*Estilo de los mp3 subidos*/
#CANCIONES Object{
vertical-align:top;
}
/*Estilo de la tabla donde esta el flash y el titlo del mp3*/
#CANCIONES Table{
width:100%;
height:100%;
border-bottom:1px #FFFFFF groove;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
color:#FFFFFF;
text-align:left;
padding-left:5px;	
vertical-align:top;
}
/*Estilo de la celda donde esta el reproductor flash de mp3s*/
.CANCIONES_celdaIZQ{
width:20%;
height:auto;
}
/*Estilo de las deldas donde esta el flash y el titlo del mp3*/
.CANCIONES_celdaDER{
width:80%;
height:auto;
}


/*ID Capa Bolenín, con noticias al paso*/
#BOLETIN{
	position:relative;
	float:right;
	visibility:visible;
	width:10%;
	height:auto;
	margin-top:2%;
}
/*ID Capa Bajo, información del contenido del sitio*/
#BAJO{
	position:relative;
	visibility:visible;
	float:left;
	width:1024px;
	height:50px;
	padding-top:25px;
	margin-top:7px;
	margin-left:auto;
	margin-bottom:5px;
	margin-right:auto;
	text-align:center;
}
/*Ubicación del texto de la Capa Bajo*/
#BAJO H1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	color:#FFFFFF;
}
/*Ubicación del texto de la Capa Bajo*/
#BAJO a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*******************************************************************************/
/*******************************************************************************/