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

body
{
background: #F9F9F7 url('images/body_back.gif') repeat-x;
/*background-color:#000000;*/
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #333;
line-height: 18px;
}

a
{
color: #000;
text-decoration: none;
}

a:hover
{
color: #fff;
text-decoration: none;
}

p
{
margin-bottom: 14px;
text-align: justify;
}

#outer
{
position: relative;
width: 783px;
margin: 0 auto;
background: #fff url('images/abg.gif') no-repeat;
}

#inner {
position: relative;
height: 640px;
padding: 13px 10px 10px 10px;
z-index: 2;
}

#cabeceralogo {
position: absolute;
background: url('images/cabecera_logo.jpg') no-repeat;
width: 194px;
height: 140px;
top: 0px;
left: 0px;
}

#cabeceraright {
position: absolute;
background: url('images/cabecera_right_top.jpg') no-repeat;
width: 589px;
height: 140px;
top: 0px;
right: 0px;
float:right;
}

#cabecerabottomleft {
position: absolute;
background: url('images/cabecera_left_bottom.jpg') no-repeat;
width: 194px;
height: 291px;
top: 140px;
left: 0px;
}

#cabecerabottomright{
position: absolute;
background: url('images/cabecera_right_bottom.jpg') no-repeat;
width: 589px;
height: 291px;
top: 140px;
right: 0px;
}

#menulateral
{
color: #fff;
text-transform: uppercase;
position: absolute;
top: 431px;
left:0;
background-color: #6c0000;
width: 189px;
height: 260px;
padding: 0px 0px 0px 5px;
}

#menulateral ul {
list-style: none;
margin: 0px;
padding: 0px;
tex-align:left;
}

#menulateral ul li {
width: 189px;
display: block;
line-height: 20px;
}

#menulateral ul li a{
width: 189px;
display: block;
padding: 5px 0px 0px 30px;
line-height: 30px;
}

#menulateral ul li#coro a,
#menulateral ul li#componentes a,
#menulateral ul li#directora a,
#menulateral ul li#conciertos a,
#menulateral ul li#fotos a,
#menulateral ul li#contacto a {
background-color: #6c0000;
color: #fff;
font-weight: bold;
}

#menulateral ul li#coro a:hover,
#menulateral ul li#componentes a:hover,
#menulateral ul li#directora a:hover,
#menulateral ul li#conciertos a:hover,
#menulateral ul li#fotos a:hover,
#menulateral ul li#contacto a:hover {
background: #6c0000 url('images/menu_on.gif') no-repeat center left;
color: #fff;
text-decoration: none;
}

#content{
text-transform: uppercase;
position: absolute;
top: 431px;
right:0;
background-color: #a77a00;
border-bottom: 2px solid #825f00;
width: 589px;
height: 159px;
}

.primarycontent{
position: absolute;
width: 565px;
top: 10px;
left: 10px;
color: #fff;
font-size: 10px;
line-height: 16px;
}

h1 {
width: 565px;
font-size: 14px;
text-transform: uppercase;
line-height: 15px;
color: #850000;
letter-spacing: 2px;
background: url('images/dotted_line.gif') bottom repeat-x;
margin-bottom: 5px;
}

h2 {
position: absolute;
top: 5px;
left: 10px;
width: 560px;
font-size: 12px;
text-transform: uppercase;
line-height: 15px;
color: #000;
letter-spacing: 6px;
margin-bottom: 5px;
}

#news{
position: absolute;
top: 591px;
right:0;
background-color: #b98700;
width: 589px;
height: 149px;
background: #b98700 url('images/right_bottom.gif') bottom right no-repeat;
}

.breakingnews {
width: 565px;
position: absolute;
top: 20px;
left: 10px;
color: #fff;
font-size: 11px;
}

#triangle {
position: absolute;
background: #b98700 url('images/right_bottom.gif') right no-repeat;
width: 589px;
height: 50px;
top: 690px;
right: 0px;
}

#zonamultimedia{
position: absolute;
top: 691px;
left:0;
background-color: #805e00;
width: 194px;
height: 50px;
}

.multimediatxt {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 194px;
height: 50px;
background: transparent url('images/left_bottom.gif') no-repeat;
letter-spacing: 2px;
padding: 15px 0 0 50px;
}

.multimediatxt a{
background: transparent url('images/left_bottom.gif') no-repeat;
}

.multimediatxt a: hover{
background: transparent url('images/left_bottom_on.gif') no-repeat;
}

#cabeceraright .menucoros {
width: 150px;
position: absolute;
font-family: "Trebuchet MS" Verdana, Arial, Helvetica;
font-size: 9px;
font-weight: bold;
top: 10px;
right: 10px;
display: block;
color: #000000;
}

#cabeceraright .menucoros ul {
text-align: right;
list-style: none;
margin:0;
padding: 0;
}

#footer
{
position: absolute;
top: 740px;
width: 783px;
height: 26px;
left: 0px;
bottom: 10px;
clear: both;
font-size: 11px;
font-weight:bold;
position: absolute;
text-align: center;
background-color: #000;
color: #a77a00;
}

#footer a
{
color: #8C8C73;
}

#footer ul
{
tex-align:center;
}

#footer ul li
{
display: inline;
line-height: 15px;
padding: 0px;
margin: 0;
}

#footer ul li a
{
padding: 8px 12px 8px 12px;
text-transform:uppercase;
font-size: 9px;
color: #fff;
text-decoration: underline;
font-weight: bold;
}

#footer ul li a:hover
{
color: #fff;
text-decoration: none;
}