/* 	
*	Hoja de estilos para la administracion de Fundación Creatia 
*	Autor: Carlos Tallón Rodríguez // http://www.carlostallon.com
*	Fecha: 08/11/06
*/

* {
	margin:0px;
	padding:0px;	
	border: 0px;
}

.clear {
	clear: both;
}

body  { 
	width: auto;
	height: auto;
	background: #f0f0e9;
	}
	
p {
	color: #7e7e7e;
	line-height:1.5em;
	font:normal 11px Lucida Grande, Arial, Helvetica, sans-serif;
	padding-bottom: 12px;
}

h3 {
	color: #478397;
	font: small-caps 15px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 5px;
	margin: auto;
	clear: both;
}

h3 a {
	color: #dd0067;
	font: small-caps 21px sans-serif, Verdana, Lucida, "Lucida Grande";
	text-decoration: none;
	clear: both;
	}
	
h4 {
	color: #adadad;
	padding-bottom: 16px;
	padding-left: 14px;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

h4 a:hover{
	color: #dd0067;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

h4 a{
	color: #adadad;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}




#container {
	width: 808px;
	margin: auto;
}

#header {
	width: 808px;
	height: 73px;
	margin: 0px;
	background: url(../img/menu.gif) no-repeat 0 66px;
}

/* @group menu */

#menu
{     
	width:397px;
	height: 66px;
	font: 13px Arial, Helvetica, Geneva, sans-serif;
	color: #dd0067;
	clear: both;
	text-align: center;
	margin-left: 165px;
}

#menu ul
{
	list-style: none;
	padding: 0px;
}

#menu li 
{
	float: left;
	padding: 74px 2px 0px 2px;
	width: 75px;
	height: 16px;
	padding-top: 48px;
	text-transform: uppercase;
	font-size: 10px;
}

.luz {
	background: url(../img/encima.gif) no-repeat;
	}
	
#menu li a 
{
	text-decoration: none;
	color: #858585;
}

#menu li a:hover 
{
	text-decoration: none;
	color: #4e5826;
}

/* @end */


#cuerpo {
	width: 808px;
	background: url(../img/cuerpoy.gif) repeat-y;
	padding: 0px 4px;
}

#cuerpo_disco {
	width: 808px;
	background: url(../img/cuerpo_disco_y.gif) repeat-y;
}

#cab_cuerpo_disco {
	width: 720px;
	background: url(../img/cab_cuerpo_disco.gif) no-repeat;
	padding: 140px 40px 40px 40px;
}

#disco {
	width: 350px;
	float: left;
	background-color: #eeefef;
	font: 13px Arial;
	
}

#separador_disco {
	width: 20px;
	height: 400px;
	float: left;
	
}

#disco img{
	margin: auto;
}

h4 {
	font: 13px Arial;
	color: #6a686a;
	padding-left: 20px;
	padding-top: 13px;
}


#disco li{
	list-style: none;
	padding-left: 20px;
	width: 330px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.blanco {
	background-color: #fcfcfc;
}


#pie_cuerpo_disco {
	width: 808px;
	background: url(../img/pie_disco_y.gif) no-repeat;
	height: 21px;
}

#cuerpo_noticias {
	width: 558px;
	background: url(../img/cuerpoy2.gif) repeat-y;
	float: left;
}

#pie_noticias {
	width: 558px;
	background: url(../img/pie_noticias.gif) no-repeat;
	height: 21px;
	float: left;
}

#cab_cuerpo_noticias {
	width: 487px;
	background: url(../img/cabnoticias.gif) no-repeat;
	padding: 66px 35px 20px 35px;
	float: left;
}

#cuerpo_izq {
	height: auto;
	background: url(../img/logo.gif) no-repeat;
	float: left;
}

#separador {
	height: 120px;	
	
}

#cuerpo_izq p{
	font-size: 12px;
}

#cuerpo_izq img{
	float: left;
	margin-right: 10px;
}

#cuerpo_der {
	width: 242px;
	height: 334px;
	float: left;
}

.biografia {
	width: 508px;	
	padding: 100px 10px 0px 40px;
}

.noticias {
	width: 558px;	
	padding: 100px 0px 0px 0px;
}

.administracion {
	width: 100%;
	padding: 100px 25px 25px 25px;
}

.discografia {
	width: 508px;	
	padding: 100px 10px 0px 40px;
}

.galeria {
	width: 508px;	
	padding: 100px 10px 0px 40px;
	height: 300px;
}


a {
	color: #7e959f;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dashed #858585;
}

/* pie de página */

#pie {
	width: 808px;
	height: 107px;
	margin: auto;
	background: url(../img/pie.gif) no-repeat;
	clear: both;
}

#pie p{
	width: 450px;
	margin-left: 325px;
	padding-top: 8px;
	color: #929292;
}

.dotentrepuntos {
	font-size: 12px;
	height: 25px;
	background: url(../img/dotentre.gif) no-repeat;
	padding-left: 28px;
	margin-left: 3px;
	padding-top: 4px;
	text-decoration: none;
	color: #849540;
	border: none; !important
}