@charset "utf-8";

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:#000000;
/*	background:#280301 url(pix/logo.png) 0px 16px no-repeat;*/
}

div p, code { margin:0; padding:16px 48px; }

#Todo { 
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 550px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #560F03;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#CajaN, #CajaNO, #CajaNE, #CajaS, #CajaSO, #CajaSE { height:10px; }

#CajaNO, #CajaSO { width:10px; }

#CajaNO, #CajaSO { float:left; }

#Todo { background:#560F03 url(pix/bordeDer.jpg) right top repeat-y; }

#CajaNO { background:url(pix/bordeSupIzq.jpg) no-repeat; }

#CajaN { background:url(pix/bordeSup.jpg) repeat-x; }

#CajaNE { background:url(pix/bordeSupDer.jpg) right top no-repeat; }

#CajaO { 
	width:750px;
	height:530px;
	background:url(pix/bordeIzq.jpg) repeat-y;
}

#CajaSO { background:url(pix/bordeInfIzq.jpg) no-repeat; }

#CajaS { background:url(pix/bordeInf.jpg) repeat-x; }

#CajaSE { background:url(pix/bordeInfDer.jpg) right top no-repeat; }

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#lateralIzquierdo {
	width: 528px;
	height: 530px;
	float:left;
	margin-left: 10px;
    background:none;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#cabeceraFondo {
	width: 528px;
	height: 56px;
}

#cabeceraFondoPrinc {
	width: 521px;
	height: 56px;
	float: left;
	text-align: center;
	background:url(pix/cabeceraFondo.jpg) top repeat-x;
}

#cabeceraFondoMarcoDer {
	width: 7px;
	height: 56px;
	float: right;
	background:url(pix/cabeceraFondoMarcoDer.jpg) right top no-repeat;
}

#cabeceraFondoMarcoInf {
	width: 528px;
	height: 9px;
	background:url(pix/cabeceraFondoMarcoInf.jpg) no-repeat;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#cabeceraMenu {
	width: 528px;
	height: 24px;
	background:url(pix/menuFondo.jpg) repeat-x;
}

#cabeceraMenuBordeIzq {
	width: 13px;
	height: 24px;
    float:left; 
	background:url(pix/menuBordeIzq.jpg) no-repeat;
}

#cabeceraMenuFondo {
    width: 515px; 
	height: 24px;
   	margin-left: 13px;
}

#cabeceraMenuBordeDer {
	width: 2px;
	height: 24px;
    float: right;
	background:url(pix/menuBordeDer.jpg) right top no-repeat;
}

#navcontainer {
	width: 500px;
	height: 20px;
	float: left;
	padding-top:0;
*padding-top:9px;
	margin: 0;
}

#navlist {
	padding: 0 0 0 50px;
	margin-left: 0;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
	padding: 8px 8px 1px 35px;
	text-align: left;
	background: url(pix/fondoBotonMenu.png) left bottom no-repeat;
	text-decoration: none;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#cabeceraEntreMenuContenido {
	width: 528px;
	height: 5px;
	background:#560F03;
}

#cabeceraEntreMenuContenidoBordeDer {
	width: 6px;
	height: 5px;
    float: right;
	background:url(pix/cabeceraEntreMenuContenido.jpg) right top no-repeat;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#contenido {
	width: 518px;
	height: 429px;
	margin-left: 10px;
	background:#280301 url(pix/contenidoBordeDer.jpg) right top repeat-y; 
}

#contenidoCajaN, #contenidoCajaNO, #contenidoCajaNE, #contenidoCajaS, #contenidoCajaSO, #contenidoCajaSE { height:9px; }

#contenidoCajaNO, #contenidoCajaSO { width:9px; }

#contenidoCajaNO, #contenidoCajaSO { float:left; }

#contenidoCajaNO { background:url(pix/contenidoBordeSupIzq.jpg) no-repeat; }

#contenidoCajaN { background:url(pix/contenidoBordeSup.jpg) repeat-x; }

#contenidoCajaNE { background:url(pix/contenidoBordeSupDer.jpg) right top no-repeat; }

#contenidoCajaO { 
	width:518px;
	height:411px;
	background:url(pix/contenidoBordeIzq.jpg) repeat-y;
	overflow:auto;

	scrollbar-face-color: #4F0502;
	scrollbar-highlight-color: #663934;
	scrollbar-shadow-color: #663934;
	scrollbar-3dlight-color:#663934;
	scrollbar-arrow-color:#83524E;
	scrollbar-track-color:#280301;
	scrollbar-darkshadow-color:#6D403B;
}

#contenidoCajaSO { background:url(pix/contenidoBordeInfIzq.jpg) no-repeat; }

#contenidoCajaS { background:url(pix/contenidoBordeInf.jpg) repeat-x; }

#contenidoCajaSE { background:url(pix/contenidoBordeInfDer.jpg) right top no-repeat; }

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#lateralDerecho {
	width: 202px;
	height: 530px;
    float: right;
	margin-right: 10px;
    background: none;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#banner {
	width: 202px;
	height: 414px;
	background:url(pix/bannerBruja.jpg) right top no-repeat;
}

#botones {
	width: 202px;
	height: 116px;
    background:none;
}

#botonContratacion {
	width: 202px;
	height: 29px;
	background:url(pix/fondoBoton.jpg) right top no-repeat;
	text-align: center;
}

#botonTienda {
	width: 202px;
	height: 29px;
	background:url(pix/fondoBoton.jpg) right top no-repeat;
	text-align: center;
}

#botonForo {
	width: 202px;
	height: 29px;
	background:url(pix/fondoBoton.jpg) right top no-repeat;
	text-align: center;
}

#botonEnlace {
	width: 202px;
	height: 29px;
	background:url(pix/fondoBoton.jpg) right top no-repeat;
	text-align: center;
}

#botonReproductor {
	width: 202px;
	height: 29px;
	background:none;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

.tituloSeccion {
	margin: 0;
	padding: 10px 10px 10px 15px;
}

.contenidoNoticiaResumen {
	margin: 0;
	padding: 10px 0 0 15px;
}

.imagenNoticiaResumen {
	width: 94%;
	float:left;
	margin-left: 15px;
    background:none;
}

.textoNoticiaResumen {
	width: 94%;
	margin-left: 10px;
}

.textoNoticiaResumenDIV {
	width: 94%;
}

.masInformacionNoticiaResumenDIV {
	height:9px;
	float:right;
}

.separadorNoticiaResumen {
	height: 15px;
	background: url(pix/separadorNoticiaResumen.jpg) bottom no-repeat;
	padding: 10px 0 0 15px;
*padding: 0;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#cajaDisco {
}

#imgDisco {
	width: 220px;
	float:left;
	margin-left: 15px;
    background:none;
}

#cancionesDisco {
	margin-left: 220px;
	padding: 10px 0 0 25px;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#Contratacion { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	padding-bottom: 10px;

	font: normal 0.80em/0.80em Tahoma;
	color: #A68681;
	line-height: 1.25em;
	text-align:center;
}

.tablaContratacion {
	text-align:center;
	margin: 0 auto;
	text-align: left;
}

.tablaIzqContratacion {
	text-align:right;
}


.tablaDerContratacion {
	text-align:left;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#imageElement {
	text-align:center;
}

.multimedia {
	width:310px;
	height:304px;
	text-align:center;
	margin: 0 auto;
}

/**************************************************************************************************************************/
/**************************************************************************************************************************/

#formularioPedido { 
	width: 95%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	padding-bottom: 10px;

	font: normal 0.80em/0.80em Tahoma;
	color: #A68681;
	line-height: 1.25em;
	text-align:center;
}

.campoFormulario {
	border: 1px Solid #AF635B;
	background: #610901;
}

.tablaPedido {
	text-align:center;
	margin: 0 auto;
	text-align: left;
}