body, html {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	min-height: 100%;
	height: 100%;
	background-image: url(images/bg0.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #273037;
	font-size: 12px;
	color: #FFFFFF;
}
/* ----------------------- LOGIN ------------------------------ */
#login {
	height: 20px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: right;
	color: #999999;
	font-size: 12px;
	background-color: #000000;
	padding-right: 20px;
}
#login input {
	color: #999999;
	vertical-align: middle;
	border: 1px solid #666666;
	background-color: #000000;
}
#login img {
	vertical-align: middle;
	cursor: pointer;
}
#login a:link, #login a:visited, #login a:active {
	color: #FFFFCC;
	text-decoration: underline;
}
#login a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
/* ----------------------- TOP ------------------------------ */
#top {
	height: 221px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(images/musicajovenburgos.gif);
	background-repeat: no-repeat;
}
/* ----------------------- MENU ------------------------------ */
#barramenu {
	clear: both;
	width: 960px;
}
#barramenu img {
	clear: none;
	float: left;
	height: 24px;
	width: 29px;
	cursor: pointer;
}
ul#dropdown {
	position: relative;
	float: right;
	width: 901px;
	list-style: none;
	height: 24px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	background-color: #111518;
	clear: none;
}
ul#dropdown > li {
	font-size: 10px;
	position: relative;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
ul#dropdown li a {
	display: block;
	text-decoration: none;
	color: #CCCCCC;
	height: 19px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
ul#dropdown li a:hover {
	color: #000000;
	background-color: #0099CC;
}
ul#dropdown li ul {
	z-index: 999999;
	list-style: none;
	position: absolute;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	left: -1px;
	background-color: #111518;
}
ul#dropdown li ul li {
	height: 24px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
ul#dropdown li ul a:hover {
	color: #000000;
	background-color: #0099CC;
}
/* ----------------------- PRINCIPAL ------------------------------ */
#principal {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	margin-bottom: -90px;
	position: relative;
}
/* -------------------------- COL IZQ ----------------------------------- */
#colizq {
	width: 670px;
	clear: none;
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: visible;
	margin-top: 20px;
	margin-left: 20px;
}
#colizq strong {
	color: #FF6600;
	font-weight: bold;
}
#colizq em {
	color: #FF6600;
	font-style: italic;
}
#colizq hr {
	color: #999999;
	height: 1px;
}
#colizq a:link, #colizq a:visited, #colizq a:active {
	color: #0099FF;
	text-decoration: underline;
	margin-bottom: 10px;
}
#colizq a:hover {
	color: #B0DFFF;
	text-decoration: underline;
}
#colizq h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Georgia, Times, serif;
	font-weight: bold;
	clear: both;
}
#colizq h1 {
	font-size: 25px;
	color: #FF0066;
	margin-bottom: 10px;
}
#colizq h2 {
	font-size: 20px;
	color: #CCCC00;
	margin-bottom: 5px;
}
#colizq h3 {
	font-size: 20px;
	color: #0099cc;
	margin-bottom: 10px;
}
#colizq h4 {
	font-size: 16px;
	color: #669900;
}
#colizq p {
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 10px;
	text-align: left;
	line-height: 15px;
}
#colizq .fotoizq {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #003366;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#colizq .fotodch {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #003366;
	clear: none;
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}

#colizq .fotoconcurso {
	background-color: #CF9;
	padding: 1px;
	border: 1px solid #003366;
	clear: none;
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
}


#colizq ul, #colizq ol {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #FFFFFF;
}
#colizq ul li {
	margin-left: 40px;
	padding-left: 0px;
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: square;
}
#colizq ol li {
	margin-left: 40px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 5px;
}
#colizq table {
	border: 1px solid #7b90a4;
	margin-bottom: 15px;
}
#colizq td {
	border: 1px solid #7b90a4;
	padding: 5px;
}
#colizq .fc {
	background-color: #7b90a4;
}
/* -------------------------- CAJA NOTICIA ------------------------------ */
.noticia {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	width: 630px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
/* -------------------------- ICONOS ------------------------------------ */
.icon {
	height: 12px;
	width: 13px;
	margin-right: 5px;
	margin-left: 5px;
}
/* -------------------------- COL DCH ----------------------------------- */
#coldch {
	width: 250px;
	clear: none;
	float: right;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: visible;
}
.banner {
	margin-top: 10px;
}
/* ----------------------- CARRUSEL GRUPOS ------------------------------ */
#contplayer {
	height: 120px;
	width: 960px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}
#carrusel  {
	height: 120px;
	width: 480px;
	clear: none;
	float: left;
	background-color: #111518;
	overflow: visible;
}
#mp3 {
	clear: none;
	float: right;
	height: 120px;
	width: 490px;
	overflow: visible;
}
#carrusel ul {
	list-style-type: none;
	list-style-image: none;
	background-color: #111518;
}
#carrusel li {
	overflow: hidden;
	float: left;
	width: 210px;
	height: 120px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(images/bg1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
}
#carrusel .titulo {
	width: 210px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-bottom: 3px;
	background-color: #E9E9E9;
	cursor: pointer;
	background-image: url(images/altavoz.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#carrusel li h1 {
	font-size: 14px;
	color: #666666;
	text-align: right;
}
#carrusel li p {
	font-size: 9px;
	color: #336699;
	margin-bottom: 3px;
}
#carrusel .foto {
	height: 64px;
	width: 178px;
	background-image: url(images/nofoto.gif);
}
/* ********************* GALERIA ******************************* */
#galeria{
	padding-top: 10px;
	padding-bottom: 10px;
}
#galeria .marco {
	text-align: center;
	border: 1px solid #0099cc;
	padding: 5px;
	clear: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
#galeria img {
	background-color: #00688A;
	clear: both;
	padding: 4px;
}
#galeria p {
	font-size: 10px;
	color: #666666;
}
/* ---------------------------------- FORMULARIO ---------------------------------- */
.nicEdit-main {
	color: #FFFFFF;
}
#formulario fieldset {
	border: 1px solid #004B64;
	padding: 20px;
	margin-bottom: 10px;
}
#formulario legend {
	padding: 5px;
	border: 1px solid #004B64;
	background-color: #004B64;
	margin-bottom: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#formulario input, select, textarea {
	border:1px solid #0099CC;
	padding:3px;
	font-size: 14px;
	vertical-align: middle;
	background-color: #000000;
	color: #FFFFFF;
}
#formulario input {
	width: 599px;
}
#formulario #jcal {
	width: 74px;
}
#formulario #usuario, #formulario #clave, #formulario #clave2 {
	width: 120px;
}
#formulario #web {
	width: 460px;
}
#formulario #button {
	width: 250px;
	background-color: #0099CC;
}
#formulario textarea {
	border:1px solid #0099CC;
	padding:3px;
	font-size: 14px;
	vertical-align: middle;
	background-color: #000000;
	color: #FFFFFF;
	width: 624px;
}
#formulario label {
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 7px;
	font-weight: bold;
}
#formulario .lista {
	display: inline !important;
	width: 285px;
	clear: none;
	float: left;
}
.tip {
	vertical-align: middle;
}
#formulario small {
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
#enviar {
	background-color: #036;
	color: #FFF;
	clear: both;
}
/* ----------------------- MENSAJES ------------------------------ */
.info, .ok, .atencion, .nok {
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 14px;
	line-height: 1.3em;
	vertical-align: middle;
	width: 858px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	clear: both;
	margin: 20px;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/info.png');
}
.info strong {
	font-weight: bold;
	color: #00529B !important;
}
.ok {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/ok.png');
}
.ok strong {
	font-weight: bold;
	color: #4F8A10 !important;
}
.atencion {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/atencion.png');
}
.atencion strong {
	font-weight: bold;
	color: #9F6000 !important;
}
.nok {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/nok.png');
}
.nok strong {
	font-weight: bold;
	color: #D8000C !important;
}
/* ----------------------- CALENDARIO ------------------------------ */
#elcalendario{
	border-collapse: collapse;
	width: 230px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	font-size: 14px;
	color: #0099CC;
	background-color: #000000;
	margin-top: 20px;
}
#elcalendario a:link, #elcalendario a:visited, #elcalendario a:active {
	color: #00FFFF;
	text-decoration: none;
}
#elcalendario a:hover {
	color: #336600;
	text-decoration: underline;
}
#elcalendario #navegacion{
	font-weight: bold;
	color: #FFFFFF;
}
#navegacion a:link, #navegacion a:visited, #navegacion a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#navegacion a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
#elcalendario #semana{
	font-weight: bold;
}
#elcalendario td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	text-align: center;
}
#elcalendario #diahoy{
	background-color: #FFFFFF;
}
#elcalendario #hoyevento{
	background-image: url(images/eventohoy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fffb88;
}
#elcalendario #evento{
	background-image: url(images/evento.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ----------------------- BUSCADOR ------------------------------ */
#searchOnThisPageTextBox {
	COLOR: #999;
	FONT-STYLE: italic
}
.active#searchOnThisPageTextBox {
	COLOR: #000;
	FONT-STYLE: normal
}
.highlight {
	COLOR: #000;
	BACKGROUND-COLOR: #FF0;
}
/* ----------------------- PIE ------------------------------ */
#pie {
	width: 960px;
	background-color: #111518;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
	clear: both;
	position:inherit;
}
#pie p{
	font-size: 10px;
	color: #CED5DB;
	text-align: center;
	line-height: 12px;
}

/* --------------------DETALLE DISCO -----------------------------------*/

#colizq .marcodiscodetalle {
	text-align: center;
	padding: 5px;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-style: dashed;
	border-color: #CCC;
	width: 560px;
	height: 220px;
	color:  #FF0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	height: 200px;
	overflow:hidden;	
}

.marcodiscodetallefoto {
	text-align: center;
	padding: 5px;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 250px;
	height: 220px;
	color:  #FF0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	height: 200px;
	overflow:hidden;
}

.marcodiscodetalletexto {
	text-align: center;
	padding: 5px;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 350px;
	height: 220px;
	color:  #FF0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	height: 200px;
	overflow:hidden;
	
}

.amarillo {
	font-size: 14px;
	color: #E2DF5A;
	font-weight: bold;
}

.azul {
	font-size: 14px;
	color: #89E3FE;
	font-weight: bold;		
}	

.blanco {
	font-size: 12px;
	color: #FFDFAA;
	font-weight: bold;
}


.imgdiscodetalle {
	border: 2px solid;
	margin-right: auto;
	margin-left: auto;
	border-color: #F5F4CB;
	
}



/* --------------------DISCOS -----------------------------------*/

#colizq .marcodisco {
	text-align: center;
	padding: 5px;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	width: 140px;
	color:  #FF0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	height: 170px;
}

#colizq .marcodisco .imgdisco {
	border: 2px solid;
	margin-right: auto;
	margin-left: auto;
	border-color: #F5F4CB;
}

#colizq .marcodisco h1 {
	text-align: center;
	font-size: 14px;
	color: #E2DF5A;
}	
#colizq .marcodisco h2 {
	text-align: center;
	font-size: 13px;
	color: #D4FFFF;
		
}	

/* --------------------VIDEOS -----------------------------------*/
#colizq .marcovideo {
	padding-top: 10px;
	clear: none;
	float: left;
	width: 280px;
	height:auto;
	/*background-color:#666; */
	padding-left: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	
}