body {
	background-color: #FFFFFF;
	color: #8C8FB9;
	font-size: 14px;
  margin:10px;
}
body a{
color:white;
text-decoration:none;
}
body a:hover{
color:yellow;
}

.center { text-align: justify; }

.firmahermano{
font-size:14px;
text-align:right;
font-style: oblique;

}
#music{
color:white;
text-align:left;
size:9px;
font-weight: bold;
}
#date{
color:white;
text-align:right;
size:9px;
}


#caja01{
text-align:left;
display: none;
}
#caja02{
text-align:center;
display: none;
}
#caja03{
text-align:center;
display: none;
}
#caja04{
text-align:center;
display: none;
}
#caja05{
text-align:center;
display: none;
}
#caja06{
text-align:center;
display: none;
}
#caja07{
text-align:center;
display: none;
}
#caja08{
text-align:center;
display: none;
}
#caja09{
text-align:center;
display: none;
}
#caja10{
text-align:center;
display: none;
}
#caja11{
text-align:center;
display: none;
}
#caja12{
text-align:center;
display: none;
}
#caja13{
text-align:center;
display: none;
}
#caja14{
text-align:center;
display: none;
}
#caja15{
text-align:center;
display: none;
}
#caja16{
text-align:center;
display: none;
}
#caja17{
text-align:center;
display: none;
}
#p_exterior{
position: relative;
text-align=right;
/*position:absolute;left:920px;top:520px; z-index:2;*/
}
#contenido {
	width:580px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	text-align:justify;
	font-size:13px;
}
#contenido h2 {
	font-size:16px;
	color:#BD5E00;
	width:350px;
	text-transform:uppercase;
	border-bottom:1px dotted #999900;
}
#contenido h3 {
	width:350px;
	font-size:14px;
	color:#BD5E00;
	border-bottom:1px dotted #999900;
}
ul#navlist
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #FFFF00;
margin: 0;
}

ul#navlist li
{
float: left;
height: 21px;
background-color:#FFFF66;
margin: 2px 2px 0 2px;
border: 1px solid #FFFF00;
}

ul#navlist li#active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

li#active a { color: #000; }

#navlist a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#navlist a:hover { background:#FFFFFF; }
#firma1{
font-family:Verdana;
font-size:9px;
text-align:right;
color:white;
}
#titulo{
font-family:Verdana;
font-size:9px;
text-align:left;
color:white;
}


#enlacespie{
font-family:Verdana;
font-size:9px;
text-align:left;
color:white;

}
#enlacespie a{
color:white;
}
#enlacespie a:hover{
color:yellow;
}

#iframe{
border:none;
width:900px;
height:630px;
}
.thumbnail{
      position: relative;
      z-index: 10;
      }
.thumbnail:hover{
      background-color: transparent;
      z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
      position: absolute;
      background-color: lightyellow;
      padding: 5px;
      left: -1000px;
      border: 1px dashed gray;
      visibility: hidden;
      color: black;
	  font-weight:bold !important;
      text-decoration: none;
      }  
.thumbnail span img{ /*CSS for enlarged image*/
      border-width: 0;
      padding: 2px;
      }   
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
      visibility: visible;
      top: 0;
      left: 60px; /*position where enlarged image should offset horizontally */
      }