body {
	background-color: #9CC2D6;
	margin-top: 0px;
	background-image: url(../imagenes/bg_body.gif);
	background-repeat:  repeat-x;
	text-align:center;
}

img {
    border: 0;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	font-size: 14px;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	font-size: 14px;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	font-size: 14px;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	
	text-decoration: none;
	font-size: 14px;
}


/* HEADER */

#head {
	width: 902px;
	height:300px;
	background-color: #000000;

	margin:0 auto 0 auto; text-align:left;	   
}

/* lado derecho de la cabecera */
#headimage {
	
	width:700px;
	height:300px;
	float:right;
	margin-right:2px;
}

/* estilo de menu izquierdo en la cabecera */
 #headmenu {
	border-right: 1px solid #FFFFFF;
	text-align: right;
	width:199px;
	height:300px;
	float:left;
	background:#000000 url(../imagenes/fondo_menu.png) repeat-y right;
}
#headmenu ul{
list-style-type:none;

}
#headmenu li {	
	padding:10px 10px 0 0;


	}	
 a.headlnk:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFE0;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
 a.headlnk:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFE0;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

 a.headlnk:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFD700;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

 a.headlnk:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
#logos {
	width: 902px;height:60px;
	background-color: #ffffff;

	margin:0 auto 0 auto; text-align:left;	   
}

 #logo1 {
      /* border-top:solid #ffffff 1px; */
		text-align: right;
		float:left;
		width:199px;height:60px;
		border-right: 1px solid #FFFFFF;
		background-color: #000000;
}
#logo2 {
     	float:left;
		width:333px;height:60px;
		
}
#logo3 {
     	float:right;
		width:367px;height:60px;
		background:#000000 url(../imagenes/fondo.jpg) no-repeat left;
}

/* fin links en la cabecera */


/* FIN HEADER */

#principal {
	background-color: #000000;
	width: 902px;	
	margin:0 auto 0 auto; text-align:left;	

}

/* IZQUIERDO */

#izquierda{
background-color:#000000;
	vertical-align:top;
	width:199px;height:900px;
	border-right: 1px solid #FFFFFF;
	float:left;
	
}



#tablaizq {
	width:100%;
	text-align: center;
	border-spacing: 0;
    border-collapse: collapse;
}

.youtubeizq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #778899;
}
.youtubeizq img {
	border: 3px solid #ffffff;
}


.bioizq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #8B0000;
}

 a.linkizq:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
}
 a.linkizq:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
}

 a.linkizq:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
	font-size: 16px;
}

 a.linkizq:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC33;
	text-decoration: none;
	font-size: 16px;
}


/* DERECHO */

#derecha{
	vertical-align:top;
	width:700px;height:900px;
	overflow:auto;
	/*float: left;
	background-color:#000000;*/
background:#000000 url(../imagenes/bg-interior-tile-drk.jpg) repeat-x;
}

div#contenido{
	position:relative;
	top:20px;
	color: #FFFFCC;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
font-size:14px;
	margin-bottom: 100px;
	left: 20px;
	width: 550px;

}

div#youtube table{
	
	color: #FFFFCC;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	margin:30px;
	
width:550px;

}

div#youtube img{
	border: 3px solid #ffffff;
}
div#youtube table td{
padding:5px 15px 5px 15px;
font-size:12px;
}
div.bios{
	position:relative;
	left:20px;
	top:20px;
	color: #FFFFCC;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
font-size:14px;
	margin-bottom: 100px;
	width: 550px;
}

img.fotobio{
	border: 2px solid #FFFF99;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	position: relative;
	
}

div.galerias{
	position:relative;
	left:-20px;
	top:10px;
}

div.repertorio{
	position:relative;
	left:30px;
	top:30px;
	color: #FFFFCC;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:100px;
	width: 550px;

}

div.repertorio li{
    font-size: smaller;
	
}
div.contacto {
	
	color: #FFFFCC;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin:30px;
	
	width: 500px;
}
div.contacto #form{
	background-color: #CCCCCC;
	margin-left:10px;
	padding:5px;
	color: #000000;
}
div#vinculos{
	
	color: #FFFFCC;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin:30px;
	width: 550px;
	
	
	font-size: 12px;
}

#disco{background-color:#ffffff;
}

#disco_cont{
	position:relative;
	top:20px;
	color: #FFFFCC;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
font-size:14px;
	margin-bottom: 100px;
	left: 20px;
	width: 550px;
}

#disco_cont a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#disco_cont a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #AFEEEE;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#disco_cont a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #e0e0e0;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
a.lang:link , a.lang:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
    float:right;
}
 
 
 /******** PIE  ********/
#footer{
width: 900px;
	height:60px;
	margin:0 auto 0 auto; text-align:left;	 
background-color:#FFFFFF; font-size:12px; font-style:italic;	
clear:both;	  
}
#footer ul{
float:right;
  
}
#footer li{
float:left;
padding-right:20px;
list-style-type:none;

}

/****** mensajes ***/
.error{
color:#f00;
padding:10px;
background:#FFF0F5;
border:2px solid #f00;
margin-bottom:20px;
}
.ok{
color:#006400;
padding:10px;
background:#F0FFF0;
border:2px solid #0f0;
margin-bottom:20px;
}

/****  SLIDESHOW  ****/
/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:200px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}