body {
 /*   background: #7b513b url(images/background.gif) no-repeat; */
    background: #7b513b; 
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif;
    font-size: 1em;
}

/* Header section */
#header {
    width: 674px;
    min-height: 120px;
    height: 140px;
    /*border-style: solid; */
    display: block;
    margin: 0 126px;
    /*padding-bottom: 55px; */
    padding-bottom: 0px;
    text-align: left;
    font-size: smaller;
}


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

#header p {
    font-size: smaller;
    color: #fff;
    margin: 0px;
}
/* End Header */

#meta-container {
    background: #7b513b url(images/background.gif) no-repeat;  
	width: 784px;
        display: block;
        padding: 0;
        margin: 0 auto;
        height: auto;
        overflow: hide;
}

.announce {
    background: #c49d72;
}

.announce a {
	text-decoration: none;
	font-weight: bold;
	color: #462e22;
}




/* Container */
#container {
    background: transparent;
    /*background-color: #000000;*/
/*    border-style: solid; */
    /*margin: 0 auto;*/
    padding-top: 150px;
    margin: 0 0;
    padding: 0;
    display: block;
    text-align: left;
    width: 780px;
    
    font-size: smaller;
}

html>body #container{
    width: 800px;
}
/* End Container */

/* Footer */
#footer {
    letter-spacing: 1px;
    border-top: 1px dotted #babdb6;
    margin-top: 40px;
    color: #888a85;
    padding: 10px;
}

#footer a, #footer a:hover{
    text-decoration: none;
}

#footer p {
    font-size: smaller;
    margin: 0 0 10px 0;
}
/* End Footer */

/**
 * Layout 1: Both bars
 */
#main_1 {
    min-width: 360px;
    width: 369px;
    max-width: 378px;
    float: left; 
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 10px;
    /*padding-left: 3px;*/
    padding-right: 3px;
	background-color: #7b513b; 
	opacity:.85; 
	filter:alpha(opacity=85); 
	
	color: white;
    font-family: verdana;
	letter-spacing: -1px;
	font-weight: 600;
/*	border-right-style: solid;
	border-left-style: solid;
	border-right: 1px;
	border-left: 1px;
	border-right-style: solid;
	border-width: 1px;*/
/*  border-style:solid; */
}

#bar1_1 {
   float: left; 
    width: 126px;
    max-width: 126px;
    margin-right: 0px;
    font-size: 10px;
    padding-left: 0px;
    margin-top: 80px;
	/*background-color: #7b513b;*/
	align: left;
/*	opacity:.80;*/
    height: auto;
}

#solid_title {
	/*opacity: 1.0; */
	filter:alpha(Opacity=100);
	width: 126px;
	height: 32px;
	padding-bottom: 0px;
}

#fechas {
	width: 126px; 
/*	width: 140px; */
	height: auto;
	overflow:auto;
}
#fechas p{
	font-size: 11px;
	padding-top:0px;
	margin-top: 0px;
	height: auto;
	margin-bottom: 0px;
	/*clip: auto; */
	background-color: #7b513b; 
	opacity:.85; 
	filter:alpha(opacity=85); 
	width: 126px;
} 

#fechas a {
	color: white;
}

#fechas a:hover {
	color: #9db029;
}



#fechas_frame {
	font-size: 10px;
	background-color: #7b513b; 
	opacity:.80; 
} 


#bar2_1 {
   float: right; 
    width: 164px;
    max-width: 164px;
	background-color: #bba08f;
	color: white;
	font-size: 13px;

	border-left-style: solid;
	border-right-style: solid;
	border-color: #aa904e;
	border-width: 4px;
/*    margin-right: 2px;*/
/*    border-style: solid; */
}

#bar2_1 a {
	color: #a60100;
}

#bar2_1 a:hover {
	color: #F60100;
}




/**
 * Layout 2: Left bar
 */
#main_2 {
    min-width: 520px;
    width: 520px;
    max-width: 520px;
    float: left;
    margin-left: 10px;
}

#bar1_2 {
    float: left;
    width: 210px;
    max-width: 210px;
}

#bar2_2 {
    width: 0;
    display: none;
}

/**
 * Layout 3: Right bar
 */
#main_3 {
    width: 520px;
    max-width: 520px;
    min-width: 520px;
    float: left;
    margin-right: 10px;
}

#bar2_3 {
    float: left;
    width: 210px;
    max-width: 210px;
}

#bar1_3 {
    width: 0;
    display: none;
}

/**
 * Layout 4: No bars
 */
#main_4 {
    width: 100%;
}

#bar1_4 {
    width: 0;
    display: none;
}

#bar1_4 {
    width: 0;
    display: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

pre {
    width: 100%;
    overflow: auto;
}

.light-color        { color: #729fcf; }
.medium-color       { color: #3465a4; }
.dark-color         { color: #3465a4; }
.light-background   { background-color: #729fcf; color: #3465a4; }
.medium-background  { background-color: #3465a4; color: #fff; }
.dark-background    { background-color: #3465a4; color: #fff; }
.accent-color       { color: #cee14b; }
.accent-background  { background-color: #cee14b; color: #9db029; }

#main-section {
    /*width: 90%;
    padding: 10px;
    padding-top: 20px; */
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

a {
    /*color: #3465a4;*/
    color: #c49d72;
    text-decoration: none;
}

a:hover {
    color: #9db029;
}

h1, h2, h3, h4 {
    color: white; 
    background-color: #462e22;
}

h1 a, h2 a, h3 a, h4 a{
    color: white;
    text-decoration: none;
}

h1 { font-size: large;   }
h2 { font-size: medium;  }
h3 { font-size: small;   }
h4 { font-size: x-small; }

hr {
    display: none;
}

.strong-color {
    background: #3465a4;
    color: #fff; padding: 4px;
    font-weight: bold;
}

/* Menus */
.menu {
    padding: 0;
    margin: 2px;
    margin-top: 0;
}

.menu li {
    list-style: none;
    margin: 0;
}

.menu a {
    width: 99.99%;
    /* extend the sensible area to the maximum with IE5 */
    display: block;
}
/* End Menus */

/* Begin forms */
input, button, textarea, select {
    background-color: #fff;
    color: #000;
    padding: 2px;
    font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif;
    font-size: small;
}

button, input[type="button"], input[type="submit"]  {
    background-color: #efefef;
    color: #888a85;
    border: 1px solid #babdb6;
    border-top: 1px solid #d3d7cf;
    border-left: 1px solid #d3d7cf;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover  {
    background-color: #3465a4;
    color: #fff;
}

button:active, input[type="button"]:active, input[type="submit"]:active {
    background-color: #fff;
    color: #000;
    border: 1px solid #3465a4;
}

select {
    cursor: pointer;
}

input[type="text"], input[type="password"], textarea {
    color: #555753;
    background-color: #fff;
    border: 1px solid #d3d7cf;
    border-top: 1px solid #babdb6;
    border-left: 1px solid #babdb6;
    padding: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus  {
    color: #000;
    background-color: #fff;
    border: 1px solid #3465a4;
}

textarea {
    width: inherit;
}

.widetable {
    width: 100%;
}

table.tableform .button {
    text-align: center;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    font-size: small;
}

legend {
    background-color: white;
    font-weight: bold;
    font-size: 110%;
    padding: 4px;
    padding-left: .5em;
    padding-right: .5em;
}

label {
    font-weight: bold;
    cursor: pointer;
}

fieldset td {
    padding: 1px;
}

fieldset br {
    display : none;
}

fieldset label {
    display: block;
    font-size: 100%;
}

div.oneline label, div.oneline_no_width label {
    margin: 0;
    margin-right: .6em;
    display: block;
    text-align: right;
    float: left;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
}

div.oneline label {
    width: 15em;
}

div.oneline_no_width label {
    text-align: left;
}

div.checkbox label {
    margin: 0;
    display: block;
    width: 13em;
    text-align: right;
}

div.checkbox .el {
    margin-left: 13em;
}

div.checkbox .el label, div.checkbox_el label {
    font-weight: normal;
    display: block;
    margin: 0;
    text-align: left;
}

div.radiobox label {
    display: inline;
}

div.radiobox input {
    vertical-align: middle;
}

div hr {
    border-color: black;
}

div.buttons {
    clear: both;
    padding-top: 10px;
    padding-right: 11px;
    float: right;
}

fieldset div {
    clear: left;
    padding: 0 1em;
    padding-bottom: 6px;
}

fieldset div strong {
    font-size: 100%
}

fieldset div span.form-error {
    display: block;
    color: #F00;
    font-weight: bold;
    letter-spacing: 1px;
}

fieldset div span.comment {
    display: none;
}

fieldset div:hover span.comment {
    font-size: 95%;
    color: #c96;
    background-color: #faf0e6;
    /*  \*/
    margin-left: 3em;
    /*  */
    padding: .2em .5em .3em;
    border: 1px solid #c96;
    display: block;
    position: absolute;
    z-index: 100;
    float: right;
    -moz-border-radius: 4px;
}
* html fieldset div span.comment {
    font-size: 95%;
    color: #c96;
    margin-left: 3em;
    padding: .3em;
    border-left: 1px solid #c96;
    display: block;
}

div#requiredNote {
    font-size: 100%;
    letter-spacing: 0.5px;
    /* clear: both; */
    margin-top: 10px;
}

label.mandat, span.mandat {
    color: #930;
    font-weight: bold;
}

label.mandat:after, span.mandat:after {
    content: "*";
}

.removed {
    display: none !important;
}

input[type="checkbox"], select {
    -moz-border-top-colors: #babdb6 transparent;
    -moz-border-left-colors: #babdb6 transparent;
    -moz-border-bottom-colors: #d3d7cf transparent;
    -moz-border-right-colors: #d3d7cf transparent;
    -moz-border-radius: 1px;
    padding: 1px;
    font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif;
    font-size: small;
}

input[type="checkbox"]:focus {
    -moz-border-top-colors: #3465a4 transparent;
    -moz-border-left-colors: #3465a4 transparent;
    -moz-border-bottom-colors: #3465a4 transparent;
    -moz-border-right-colors: #3465a4 transparent;
}

.form_comment {
    font-size: x-small;
}
/* End forms */

.terminal {
    margin-top: 15px;
    padding: 15px;
    font-size: small;
    font-family: "Courier New", Courier;
    background: #000;
    border: solid 1px #d3d7cf;
    line-height: 110%;
    color: white;
    width: 90%;
}

.code, .xml , .script {
    margin: 16px;
    padding: 16px;
    font-size: small;
    font-family: "Courier New", Courier;
    background: #fff;
    border: solid 1px #d3d7cf;
    line-height: 100%;
    color: #000dbd;
    width: 90%;
}

.keyword {
    color: #00a20b;
}

.comment {
    color:red;
}

.literal {
    color: purple;
}

.term-box {
    background-color: #fafafa;
    color: #3465a4;
    border: 1px solid #9db029;
    padding: 10px;
    font-size: 11px;
    width: 95%;
}

table {
    text-align: left;
}

.tableform {
    width: 100%;
}

.tableform td {
    display: table-cell;
    vertical-align: top;
}

img {
    border: 0;
}

/* Debug */
#debug-table {
    background-color: white;
    color: black;
    font-size: x-small;
}

#debug-table pre {
    font-size: small;
}

pre.var_dump {
    line-height:1.8em;
}

pre.var_dump span.type {
    color:#006600;
    background:transparent;
}

pre.var_dump span.value {
    padding:2px; color:#339900;
    background:#F0F0F0;
    border: 1px dashed #CCCCCC;
}

#menu {
    background: transparent;
    color: white;
    margin: 0;
    padding: 0;
    width: 120px;
    text-align: center;
    font-family: "Lucida Grande", Myriad, "Andale Sans", "Luxi Sans", "Bitstream Vera Sans", Tahoma, "Toga Sans", Helvetica, Arial, sans-serif;
    font-size: 1em;
    float: left; 
}

#menu-bottom-bar {
	margin-top: 0px;
	padding-top: 0px;
	height: 500px;
	display: block;
	padding-left: 0px;
	margin-left: 0px;
	width: 130px; 
	/*border-style: solid;*/

	background-color: #462e22;
}


/*a.portada { 
	display: block;
	width: 140px; 
	height: 36px;
	background-image: url(images/layout_11_menu_portada.gif); 
}*/

#portada a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_11_menu_portada.gif);
	background-repeat: no-repeat; 
	}
#portada a:hover, #portada a.active:hover { background: transparent url(images/layout_11_menu_portada_roll.gif) no-repeat; }
#portada a.active { background: transparent url(images/layout_11_menu_portada_act.gif) no-repeat; }

#contacto a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_14_menu_contacto.gif);
	background-repeat: no-repeat; 
	}
#contacto a:hover, #contacto a.active:hover { background: transparent url(images/layout_14_menu_contacto_roll.gif) no-repeat; }
#contacto a.active { background: transparent url(images/layout_14_menu_contacto_act.gif) no-repeat; }

#noticias a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-color: transparent;
	background-image: url(images/layout_16_menu_not.gif);
	background-repeat: no-repeat; 
	}
#noticias a:link {
	background-image: url(images/layout_16_menu_not.gif);
}
#noticias a:hover, #noticias a.active:hover { background: transparent url(images/layout_16_menu_not_roll.gif) no-repeat; } 
/*#noticias a:hover { background: transparent url(images/layout_16_menu_not_roll.gif) no-repeat; }*/
#noticias a:active { background: transparent url(images/layout_16_menu_not_act.gif) no-repeat; }
/*#noticias a.active { background-image: url(imsages/layout_16_menu_not_act.gif); background-repeat: no-repeat; } */

#tienda a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_20_menu_tienda.gif);
	background-repeat: no-repeat; 
	}
#tienda a:hover, #tienda a.active:hover { background: transparent url(images/layout_20_menu_tienda_roll.gif) no-repeat; }
#tienda a.active { background: transparent url(images/layout_20_menu_tienda_act.gif) no-repeat; }

#letras a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_21_menu_letras.gif);
	background-repeat: no-repeat; 
	}
#letras a:hover, #letras a.active:hover { background: transparent url(images/layout_21_menu_letras_roll.gif) no-repeat; }
#letras a.active { background: transparent url(images/layout_21_menu_letras_act.gif) no-repeat; }

#discos a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_22_menu_discos.gif);
	background-repeat: no-repeat; 
	}
#discos a:hover, #discos a.active:hover { background: transparent url(images/layout_22_menu_discos_roll.gif) no-repeat; }
#discos a.active { background: transparent url(images/layout_22_menu_discos_act.gif) no-repeat; }

#ligas a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_23_menu_ligas.gif);
	background-repeat: no-repeat; 
	}
#ligas a:hover, #ligas a.active:hover { background: transparent url(images/layout_23_menu_ligas_roll.gif) no-repeat; }
#ligas a.active { background: transparent url(images/layout_23_menu_ligas_act.gif) no-repeat; }

#historia a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_24_menu_historia.gif);
	background-repeat: no-repeat; 
	}
#historia a:hover, #historia a.active:hover { background: transparent url(images/layout_24_menu_historia_roll.gif) no-repeat; }
#historia a.active { background: transparent url(images/layout_24_menu_historia_act.gif) no-repeat; }

#sonidos a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/menu_sonidos.gif);
	background-repeat: no-repeat; 
	}
#sonidos a:hover, #foro a.active:hover { background: transparent url(images/menu_sonidos_roll.gif) no-repeat; }
#sonidos a.active { background: transparent url(images/menu_sonidos_act.gif) no-repeat; }



#foro a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 42px;
	background-image: url(images/layout_25_menu_foro.gif);
	background-repeat: no-repeat; 
	}
#foro a:hover, #foro a.active:hover { background: transparent url(images/layout_25_menu_foro_roll.gif) no-repeat; }
#foro a.active { background: transparent url(images/layout_25_menu_foro_act.gif) no-repeat; }

#fotos a { 
	display: block;
	top: 0;
	width: 130px; 
	height: 40px;
	background-image: url(images/layout_26_menu_fotos.gif);
	background-repeat: no-repeat; 
	padding-bottom: 0px;
	}
#fotos a:hover, #fotos a.active:hover { background: transparent url(images/layout_26_menu_fotos_roll.gif) no-repeat; }
#fotos a.active { background: transparent url(images/layout_26_menu_fotos_act.gif) no-repeat; }

#player {
/*	float: top; */
	display: block;
	width: 92px;
	height: 140px;
	border-style: solid;
}

.pager {
	padding-bottom: 5px;
}

.pager a {
	font-weight: bold;
	color: white;
}

.pager a:hover {
	color: #9db029;
}

.chatbox {
	padding-left: 2px;
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	border-left: 1px;
	overflow: hidden;
}

#banner {
	padding-left: 0px;
	margin-left: 0px;
	width: 372px;
	background-color: #c00403;
}

/* Poll format */

.poll {
	background-color: #bba08f;

}

.ligas {
	text-align: left;
}


/* End Debug */
