html {
	height:100%;
	
}

body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, default;
	font-size:90%;
	background:#fff url(images/body-bg.gif) repeat-x 0 1px;
}

.text {
	font-family:trebuchet ms,arial;
	font-size: medium;
   color: #B8860B;
	background: #F5F5F5;
	padding: 0.5em;
	border: solid #A52A2A 2px;
}

#pload {
	float: right;
	z-index: 100;
position:relative;
}

#cuerpo {
	padding: 1em 1em 1em 1em;
	text-align: center;
}

#intro {
   margin:0 auto 0 auto;
	background: #ACF4AD;
	border: solid 1px #2F4F4F;
	border-bottom: solid 3px;
	border-right: solid 3px;
	width: 80%;
	top: 2em;
	padding: 1em;
}

#pubenc {
        top: 1 px;
        float: right;
}

#submenu { padding-top: 5px;}

#submenu a {
   color: #A0662C;
   font-weight: bolder;
}
#msg {
   margin:0 auto 0 auto;
	background: #E3F2FF;
	border: solid 1px #2F4F4F;
	border-bottom: solid 3px;
	border-right: solid 3px;
	width: 90%;
	top: 2em;
	padding: 1em;
}

#arbol {
	text-align: left;
	background-color: #FFFACD;
	color: #A52A2A;
	font-family:trebuchet ms,arial;
	border: 1px dotted;
	font-size: 20px;
	padding-left: 5px;
	margin-top: -1.5em;
	z-index: -1;
}

#autcom {
	background: #FFFAF0;
	padding: 1em;
	border: 1px solid #87CEFA;
	color: #A52A2A;
}

#autcom h4 {
   margin: 0.2em;
}

#autcom .info {
	font-size: 12px;
}

#autcom .contact a {
	font-size: 12px;
	color: #4B0082;
}

#autcom2 {
	background: White;
	padding: 0.2em;
	border: 2px solid #4B0082;
}

#prec {
	text-align: left;
	color: #D2691E;
}
.cancion {
   margin-top: 10px;
	text-align: left;
	background-color: #F5FFFA;
	color: #006400;
	font-family:trebuchet ms,arial;
	border: 0px;
	font-size: 18px;
   overflow: auto;
   scrollbar-face-color: #D2F9D2; 
}
#cancion {
   margin-top: 10px;
	text-align: left;
	background-color: #F5FFFA;
	color: #006400;
	font-family:trebuchet ms,arial;
	border: 1px dotted;
	font-size: 18px;
	padding: 1em;	
}

#cancion pre {
	font-family:trebuchet ms,arial;
}

#cancion h1 {
color: #D97800;
font-size: 24px;
margin: 0;
}

#cancion h2 {
color: #1E9891;
font-size: 20px;
margin: 0;
}

#pub {
   margin-top: 10px;
	margin-left: 5px;
	text-align: left;
	background-color: #F5FFFA;
	color: #006400;
	font-family:trebuchet ms,arial;
	border: 1px dotted;
	font-size: 10px;
	padding: 1em;	
}

#pub h4{
	font-size: 12px;
	color: Olive;
}

#upper {
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-family:trebuchet ms,arial,tahoma,verdana,sans-serif;
  border-bottom: dotted 2px #3CB371;
  height: 8em;
  vertical-align: middle;
}

#titulos {
	float: left;
	position: absolute;
	top:5px;
}

#titulos h1 {
  margin: 0 0 0 0;
  color: #D72828;
  font-size: x-large;
}

#titulos h2 {
  margin: 0 0 0 0;
  font-size: small;
  color: #D72828;
}

#header h2 {
  margin: 0 0 0 0;
  font-size: small;
  color: #0090BD;
  position: absolute;
  left: 3.2em;
  top: 4em;
}

#letras {
  position: absolute;
  left: 1em;
  top: 6.5em;
}
#letras a:hover {
  font-weight: bolder;
  color: Red;
}

#buscador {
  position: absolute;
  right: 1em;
  top: 7.5em;
  background-color: transparent;
}

.inp {
	width:142px; 
	font-size:11px; 
	border:1px solid #dd9c40; 
	margin-bottom:2px;
}
.but {
	font-size:11px; 
	margin-bottom:2px;
	border:1px solid #000000;
}

#lista h1 { 
  font-size: medium;
  color: Green;
  font-family:trebuchet ms,arial;
}

#lista h2 { 
  font-size: medium;
  text-align: left;
  color: #B8860B;
  font-family:trebuchet ms,arial;
}

#lista {
 text-align: center;
 width: 90%;
}

#listaceldas {
   font-family:trebuchet ms,arial,sans-serif;
   font-size: 14px;
	color: #3C2E94;
	background:url(images/celda.gif) repeat;
	background-position: 0 1px;
	line-height: 20px;
	border: dashed #A52A2A 2px;
	text-align: left;
   padding-left: 5px;
}

#listaceldas a {
   color: #3C2E94;
	text-decoration: none;
	font-weight: bolder;
}

#listaceldas span a {
   color: #8B0000;
}

#listaceldas a img { 
   position: relative;
	top: -1.3em;
	float: right;
}

#listaceldas a:hover {
   color: Blue;
   display: compact;
   background-color: #F3D6A1;
}

.tablacoment a {
  text-decoration: none;
  margin: 0;
}

.tablacoment a:hover {
  color: #5F9EA0;
}

.tablacoment{
	background-color: #F5F5F5;
	padding: 0.5em;
	border: #A52A2A dashed 1px;
	font-size: 12px;
}

.tablacoment td {
	padding-left: 0.5em;
	background-color: #F0FFF0;
}

.tablacoment h3 {
	font-size: 18px;
	color: Purple;
	margin-bottom: 5px;
}
#fotoc {
   margin-top: 2px;
	border: 1px solid;
	width: 70px;
	height: 70px;
	padding: 0.5em;
}

#esccoment {
	color: Navy;
}

#menuuser {
   margin-top: 2px;
  	padding-bottom: 0.2em;
	background-color: #F5F5DC;
	border-bottom: 1px solid Olive;
}
#menuuser a:hover {
	background-color: #C7ECD7;
}

#footer {
	color:#B58803;
	font-size:0.8em;
	text-align:center;
	padding:30px 0 30px 0;
	margin:-2% 0 0 0;
	background:#372A03 url(images/footer-bg.gif) repeat-x top left;
	bottom: 0px;

	width: 100%;
	margin-top: 1px;	
}

#de {
	text-align:center;
}

.tit-buscape {
	font-family: Arial;
	font-size:13px;	
	font-weight: bold;
	color: #CC0000;
}
.link-buscape {
	font-family: Arial;
	font-weight: bold;
	color: #0000FF;
}
.link-buscape-sub {
	font-family: Arial;
	font-size:13px;
	color: #009900;
	text-decoration: none;
}