@charset "utf-8";

/*
Reseteo de propiedades
*/


   html, body, div, span, applet, object, iframe, table, caption,  
   tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,  
   kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,  
   p, blockquote, pre, a, abbr,  
   acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,  
   fieldset, form, label, legend {  
        vertical-align: baselinebaseline;  
        font-family: inherit;  
        font-weight: inherit;  
       font-style: inherit;  
       font-size: 100%;  
       outline: 0;  
       padding: 0;  
       margin: 0;  
       border: 0;  
  }  
   :focus {  
      outline: 0;  
  }  
  body {  
      background: black;  
      line-height: 1;  
      color: white;  
  }  
  ol, ul {  
      list-style: none;  
  }  
  table {  
      border-collapse: separate;  
      border-spacing: 0;  
   }  
   caption, th, td {  
       font-weight: normal;  
      text-align: left;  
   }  
   blockquote:before, blockquote:after, q:before, q:after {  
      content: "";  
   }  
   blockquote, q {  
       quotes: "" "";  
  }  
  
  /*
  // Reseteo de propiedades
     BASED ON http://meyerweb.com/eric/tools/css/reset/ >
*/


h1 { font-size: 14px; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Arial; }

.left { float: left;}
.right { float: right;}
.center { text-align: center;}

.breakeronly { clear:both; margin: 1px; padding: 0px; }

.clear { clear:both; }

/*  FONDOS DE PÁGINA */

#portada {
	background: #000000 url(../../img/fondo_principal.jpg) no-repeat;
	width:1003px;
}

#biografia {
	background: #000000 url(../../img/fondo_biografia.jpg) no-repeat;
	width:1003px;
}


#fotos {
	background: #000000 url(../../img/fondo_fotos.jpg) no-repeat;
	width:1003px;
}

#video {
	background: #000000 url(../../img/fondo_video.jpg) no-repeat;
	width:1003px;
}

#artes {
	background: #000000 url(../../img/fondo_artes.jpg) no-repeat;
	width:1003px;
}

#mp3 {
	background: #000000 url(../../img/fondo_mp3.jpg) no-repeat;
	width:1003px;
}


/*  FONDOS DE PÁGINA */


/*  CABECERA TERRA */ 

#header {
height:66px;
position:relative;
}


.franja {
	background: url(../../img/franja-color.gif) no-repeat; 
	width:739px; 
	_width:753px; 
	height:22px;
	color: #FFFFFF; 
	text-decoration: none; 
	font-family : tahoma; 
	font-size : 11px; 
	font-weight : normal;
	padding: 3px 0px 0px 14px ;		
}

.franja a { 
	color: #FFFFFF; 
	text-decoration: underline;
}

.extension {background: url(../../img/extension.gif) repeat-x; width:187px; float:left;  }

/*  CABECERA TERRA */ 

/*  BANNER */ 

#banner {
	background: url(../../img/publicidad.gif) no-repeat;
	width: 735px;
	_width: 754px;
	height: 90px;
	margin-left: 125px;
	margin-top: 22px;
	margin-bottom: 24px;
	padding-left: 19px;
}

/*  BANNER */ 

/* MENU HORIZONTAL */
	#menu {
		background: url(../../img/barra_menu.gif) no-repeat;
		width: 883px;
		height: 26px;
		margin-left: 59px;
	}
	
	#menuHorizontal {
	padding: 0;
	}

	#menuHorizontal li {
		 display: inline;
	 }

	 #menuHorizontal li a {
		 font-family: Arial;
		 font-size:11px;
		 font-weight: bold;
		 text-decoration: none;
		 float:left;
		 padding: 7px;
		 color: #fff;
	}

	#menuHorizontal li a:hover {
		background-color: #FF5310;
		padding-bottom:7px;
	}
	
	 #menuHorizontal li span {
		 font-family: Arial;
		 font-size:11px;
		 font-weight: bold;
		 text-decoration: none;
		 float:left;
		 padding: 7px;
		 color: #fff;
		 background-color: #FF5310;
	}
	
	#altoPortada { width: 1003px; height: 387px; }
	
	#altoBiografia { width: 1003px; height: 234px; }
	
	#altoFoto { width: 1003px; height: 239px; }
	
	#altoVideo { width: 1003px; height: 280px; }
	
	#altoArtes { width: 1003px; height: 346px; }
	
	#altoMp3 { width: 1003px; height: 305px; }
	
/* MENU HORIZONTAL */

/* MENU DESPLEGABLE  */

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }


/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.vert_menu { border-bottom: 1px solid #585858; }


div.sample1 div.vert_menu a
{
  border:  1px solid #585858;
  padding: 5px 5px;

  width:   106px;

  background: #2B2A2A;

  text-decoration: none;
  font-family: Tahoma;
  font-size: 11px;
  color:   #FFFFFF;
  font-weight: normal;
}

div.sample1 div.horz_menu a { margin-right:  -1px; }
div.sample1 div.vert_menu a { margin-bottom: -1px; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #FF5310; }

/* MENU DESPLEGABLE */

/* GRÁFICOS PORTADA 3 */

#graficos {
	width: 883px;
	height: 286px;
	margin-left: 60px;
	margin-bottom: 23px;
}
	
/* GRÁFICOS PORTADA 3 */


/* LINKS TURBOPOTAMOS */

#links {
	width: 796px;
	height: 48px;
	_width: 1003px;
	_height: 64px;
	background: #1E1E1E;
	padding-left: 207px; 
	padding-top: 16px; 
}

#links a {
	padding: 10px;
}


/* LINKS TURBOPOTAMOS */

/* BIOGRAFÍA */

#ladoIzquierdo {
	width: 124px;
	float: left;
}

#ladoTexto {
	width: 400px;
	float: left;
	color: #C3C3C3;
	font-size: 12px;
	font-family: Arial;
}

#ladoTexto span {
	color: #FF8328;
	font-weight: bold;
}

#ladoIntermedio {
	width: 100px;
	float: left;
}

#ladoDerecho {
	width: 270px;
	float: left;
	margin-top: 218px;
}


/* BIOGRAFÍA */

/* GALERÍA */

#ladoIzquierdoGal {
	width: 232px;
	float: left;
}

#ladoCentralGal {
	width: 537px;
	float: left;
}

.foto { border: 1px solid #7A7A7A;}

#navegacion {
	background: url(../../img/bot_navegacion.gif) no-repeat;
	width: 81px;
	height: 20px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	_padding-top: 4px;
}

#navegacion a {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.ladoAntSig {
	width: 81px;
	float: left;
}

.ladoCombox {
	width: 375px;
	float: left;
}

/* GALERÍA */


/* VIDEO */

#ladoIzquierdoVid {
	width: 108px;
	float: left;
}

#ladoIzquierdoVidB {
	width: 99px;
	float: left;
}

#ladoIzquierdoVidC {
	width: 30px;
	float: left;
}

#ladoCentralVid {
	width: 480px;
	float: left;
}


#ladoCentralVidA {
	width: 145px;
	float: left;
	margin-bottom: 16px;
}

#ladoCentralVidA h2 {
	margin-top: 5px;
}


#ladoCentralVidA h2 a {
	color: #B3B2B1;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}

#ladoCentralVidA h2 a:hover  {
	text-decoration: underline;
}


/* VIDEO */

/* ARTES */

#ladoArtes {
	width: 121px;
	float: left;
	margin-bottom: 28px;
	font-family: Arial;
	font-size: 10px;
	color: #A5A5A5;
}

#ladoArtes img {
	margin-top: 4px;
	margin-bottom: 5px;
}

#ladoArtes a {
	color: #FFEC0F;
	font-size: 11px;
	text-decoration: none;
	background: url(../../img/bullet1.gif) no-repeat;
	padding: 0 0 0 12px; 
	background-position: 0 4px;
}

#ladoArtes a:hover {
	text-decoration: underline;
}



#ladoIzquierdoArtes {
	width: 119px;
	float: left;
}

#ladoArtesB {
	width: 17px;
	float: left;
}

/* ARTES */

/* MP3 */

#ladoIzquierdoMp3 {
	width: 137px;
	float: left;
}

#ladoIzquierdoMp3B {
	width: 271px;
	float: left;
}


#ladoMp3 {
	width: 400px;
	float: left;
	font-family: Arial;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 150%;
}

#ladoMp3 span {
	color: #FFEC0F;
	font-weight: bold;
}

#ladoMp3B {
	width: 99px;
	float: left;
}

#ladoMp3C {
	width: 400px;
	float: left;
	font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 150%;
}

#ladoMp3C a {
	font-family: Arial;
	font-size: 12px;
	color: #AAAAAA;
	font-weight: normal;
	line-height: 150%;
	text-decoration: none;
}


#ladoMp3C a:hover {
	text-decoration: underline;
}

/* MP3 */


/* PIE */

#pie {
	width: 1003px;
	height: 17px;
	background: #FFFFFF;
}
	
/* PIE */

/* Posiciones absolutas */

#tituloVideo {
	position : absolute;
	left : 102px;
	width : 400px;
	top : 466px;
	height : 20px;
	font-size: 14px;
	font-family: Arial;
	color: #FF8328;
	font-weight: bold;
}

#tituloArtes {
	position : absolute;
	left : 120px;
	width : 400px;
	top : 533px;
	height : 20px;
	font-size: 15px;
	font-family: Arial;
	color: #FFFFFF;
	font-weight: normal;
}

#tituloArtes span {
	font-size: 14px;
	font-family: Arial;
	color: #FFEC0F;
	font-weight: bold;
	text-decoration: none;
}


#contracaratulaArtes {
	position : absolute;
	left : 120px;
	width : 400px;
	top : 966px;
	height : 20px;
	font-size: 12px;
	font-family: Arial;
	color: #FFFFFF;
	font-weight: normal;
}

#contracaratulaArtes a {
	font-size: 14px;
	font-family: Arial;
	color: #FFEC0F;
	font-weight: bold;
	text-decoration: none;
}

#contracaratulaArtes a:hover {
	text-decoration: underline;
}

#imagenFotos {
	position : absolute;
	left : 652px;
	width : 301px;
	top : 639px;
	height : 286px;
}

#imagenFotosB {
	position : absolute;
	left : 610px;
	width : 301px;
	top : 682px;
	height : 286px;
}

#imagenVideos {
	position : absolute;
	left : 610px;
	width : 270px;
	top : 682px;
	height : 219px;
}

/* Posiciones absolutas */