/* CSS Document */


/* NAVEGACIoN HORIZONTAL PRINCIPAL*/

.hnav {
	/*border: solid 1px #fff;*/
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.hnav ul span.divider {
	display: none;
}
* html .hnav {/* Hide from IE5/Mac (& IE5.0/Win) */
	height: 0.01%;	/* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV {
	height: auto;	/* above IE6/Win holly hack breaks IE5/Win when page length get beyond the point that 1% height is taller than the text height. IE5/Win does not need this holly hack so we remove it here */
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its inline children that have vertical padding. So this incorrect case selector will remove that padding */
}
.hnav ul
{
		 /*border-bottom: 1px solid #FFFFFF;*/
	list-style-type: none;
	text-align: center;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
}
.hnav ul li a
{ 	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*margin: 0px 5px 0px 5px;  Margen de los lados */
	/* padding: 2px 10px 0px 10px; Aire a los lados */
	font-size: 12px;
	cursor: pointer;
	 
}

.hnav ul li a:link    { background-color: #000000; color: #FF6600; font-weight:bold;}
.hnav ul li a:visited { background-color: #000000; color: #FF6600; font-weight:bold;}
.hnav ul li a:hover   { background-color: #000000; color: #CC0000; font-weight:bold;} 
.hnav ul li a:active  { background-color: #000000; color: #FF6600; font-weight:bold;}
.hnav ul li a:focus   { background-color: #000000; color: #0066FF; font-weight:bold;}

* html .HNAV ul li a
{width: 1%;
	/* holly hack for IE5/Win inline padding. this hack fixes different rendering bugs in 5.0 and 5.5. Width is used instead of height because if the document is too long, these elements become very tall and disrupt the look of the document. too wide an element is better, visually, than too tall. */
}


/* -------------------------------------NAVEGACIÓN VERTICAL*/



.hnav2 {
	margin-top: 0;
	padding: 0;
	white-space: nowrap;
	
}

.hnav2 ul
{
	list-style-type: none;
	text-align: left;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav2 ul li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
}
.hnav2 ul li a
{
	text-decoration: none;
	margin: 0px 0px 0px 0px; /* Margen de los lados */
	padding: 0px 0px 0px 0px; /* Aire a los lados */
	font-size: 10px;
	cursor: pointer;
	font-family: Helvetica, Verdana;
/*	font-weight:bold;
*/	 
}


.hnav2 ul li a:link     { color:  #009900; background-color: #000000; }    /* unvisited links */
.hnav2 ul li a:visited  { color:  #009900; background-color: #000000;}   /* visited links   */
.hnav2 ul li a:hover    { color: #00CC00; background-color: #000;} /* user hovers     */
.hnav2 ul li a:active 	{ color: #666666; background-color: #000000;}   /* active links

.hnav2 ul li a:focus { background: yellow;  background-color: #000000;}
.hnav2 ul li a:focus:hover { background: white; background-color: #000000; }

    */



/* -------------------------------------FIN NAVEGACIÓN VERTICAL*/


.center { /* Para alinear elementos como botones, imagenes etc. */
text-align: center;
}
#fotos img{
	border: 5px solid #FFFFFF;
	
}
#fotos {
height: 340px; width: 900px; font-size: 12px; overflow: auto;
	
margin:10px 0 10px;
}

#fotos350 img{
	border: 3px solid #FFFFFF;
	
}
#fotos350 {
height: 398px; width: 900px; font-size: 12px; overflow: auto;
	
margin:0px 0 0px;
}


/**/#discografia img{
	border: none;
	margin: 10px 10px 10px;}
	
#discografia {
margin:auto;
height: 450px; width: 900px; font-size: 12px; overflow: auto;

}
#discografia a {
font-family: "Trebuchet MS", Verdana, Arial;
	color:  #CC0000;
	 background-color: #000000;
	font-size:11px;
	text-decoration:underline;
}
#discografia a:link { 	color: #CC0000;
 background-color: #000000;
font-size:11px;
text-decoration:none;	}

#discografia a:visited {	color:  #CC0000;
  background-color: #000000;
font-size:11px;
 /* background-color: #669999; */
 } 
#discografia a:hover { color: #0033CC;  background-color: #000000;
font-size:11px;}

#discografia a:active
{color: green;  background-color: #000000; font-size:11px;}


.ancho{
width:200px;
}

#discografia p{
margin: 5px;

}

.italico {
font-style:italic;
font-weight:bold;
}
.strong {
font-style: normal;
font-size:14px;
font-weight:bold;
}

#contenido {
	height:auto;
	/*height: 300px;*/
	/*top: 130px;
	margin: 2px 0px 0px;*/
	margin: 0px 0px 0px;
	/* */border: 1px solid #000000; /*NO BORRAR ESTE, SE DESARMA*/
	/* border-right: 1px solid #5F758A;
	border-left: 1px solid #5F758A; 
	border-bottom: 1px solid #5F758A; */
}

#home img {

	/* */border: 0px solid #FFFFFF; 
	margin: 20px;
	
}
/**/	
#contenido a img {
	border: none;
}
#contenido img {
	margin-top: 10px ;
	margin-left: 47px;	
}

#info a img {
	border: none;
}
#info img {
	margin-top: 10px ;
	margin-left: 47px;	
}
#links a img {
	border: none;
}
#links img {
	margin-top: 10px ;
	margin-left: 47px;	
}
#contacto p {
color:#FFFFFF ; background-color: #000000;
	}
	

#video {
	margin: 10px 100px 0px ;	
	
}
#video img {
	margin: 0;	
	border: 3px solid #FFFFFF;
}
#video a { 
margin:0;
font-size:12px;
text-decoration:underline;
color:#FFFFFF; background-color: #000000;
border:none;
}	

#video a img { 
border:none;
margin:0;
}	


#video a:link    { color: #FF6600; background-color: #000000; text-decoration:none; }    /* unvisited links */
#video a:visited { color: #FF6600; background-color: #000000; text-decoration:none; }   /* visited links   */
#video a:hover   { color: #CC0000; background-color: #000000; text-decoration:none; } /* user hovers     */
#video a:active  { color: #FF6600; background-color: #000000; text-decoration:none; }   /* active links   

#video a:focus { background: yellow }
#video a:focus:hover { background: white }

 */


#video h2 { color: #CCCCCC; background-color: #000000;
	text-align:left;
	margin-left:10px;
	/*border-bottom: 1px solid LightSlateGray;*/
	font-size: 12px;
	font-weight: lighter;
}

#contacto H1
{
	margin:2px;
	color: #3366CC; background-color: #000000;
	font-size: 28px;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 2px;
}
/* BASE */
body {
	width: 900px;
	/*height: 410px;*/
	margin: auto; /* Centra la pagina*/
	font-family: "Arial Narrow", "Arial Black";
	color:#FFFFFF;
	background-color:#000000;
 /*  border: 1px solid green;*/
}

#header {
	margin: 10px 0 0;
	padding: 0px;
	/*margin: 7px 0px 0px 0em;*/
	text-align: center;
}

#header img {
	border: none;
}
#header a img {
	border: none;
}



H1
{
	margin:2px;
	color: #333333;
	 background-color: #000000;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 2px;
	text-transform:uppercase;
	
}

H2	
{
font-family: "Trebuchet MS", Verdana, Arial;

color: #333333;
	 background-color: #000000;
	text-align:left;
	margin-left:10px;
	/*border-bottom: 1px solid LightSlateGray;*/
	font-size: 12px;
	font-weight: bold;
}
H3
{
	
	font-family: Arial, Helvetica, sans-serif;
	color: #666666; 
	background-color: #000000;
	text-align:right;
	
	margin :10px 5px 1px;
	/*border-bottom: 1px solid LightSlateGray;*/
	font-size:11px;
	font-weight: bolder;
	
}


H4
{
	color: #FF0000; background-color: #000000;
	text-align:left;
	margin-left:5px;
	/*border-bottom: 1px solid LightSlateGray;*/
	font-size: 14px;
	font-weight: bolder;
}
H6 {

font-family: "Trebuchet MS", Verdana, Arial;
	color: #CCCCCC;
	 background-color: #000000;
	font-size:9px;
	line-height: 20px;
	margin: 2px 10px 2px;
	
}
p {

font-family: "Trebuchet MS", Verdana, Arial;
	color: #666666;
	 background-color: #000000;
	font-size:11px;
	line-height: 20px;
	margin: 2px 10px 2px;
	
}


a:link { 
font-family: "Trebuchet MS", Verdana, Arial;
color: #003366; background-color: #000000;
font-size:11px;
text-decoration:none;	}

a:visited { color: #003366;  background-color: #000000; text-decoration:none;}

a:hover { color: #0033CC;  background-color: #000000;}

a:active
{color: green;  background-color: #000000;}


/*div {
	border: 1px solid red;
}*/

#footer {
	color: #FFFFFF;  background-color: #000000;
	font-size: 10px;
	text-align:center;
	/*padding-top: 3px;*/
	margin: 3px 0 0 0;
	/*border-top: 1px solid #FFFFFF;
	letter-spacing: 1px;
	
border: 1px solid blue;*/
	clear: both;
}
#footer img {
	border: none;
	margin: 1px 5px 0 5px;
}
