@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 {  
      line-height: 1;  
      color: black;
      font-family: Arial;
      font-size: 12px;
  }  
  ol, ul {  
      list-style: none;  
  }  
  table {  
      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/ >
*/

/* RESETO HACHES */

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

/* RESETO HACHES */

/* GENERAL */

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

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

.clear { clear:both; }

.breaker { clear:both; height:5px; font-size:0px;  margin: 0; padding: 0; }

/* GENERAL */


/* FONDOS DE PÁGINA */
#portada {
	background: #FFFFFF url(../../img/fondo.jpg) no-repeat;
}

#fotos {
	background: #FFFFFF url(../../img/fondo_interna.jpg) no-repeat;
}

	
/* FONDOS DE PÁGINA */

/*  CABECERA TERRA */ 

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


.franja {
	background: url(../../img/franja-color.gif) no-repeat; 
	width:739px; 
	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;
	height:18px;
	float:left; 
}

.extension h1 {
	text-indent : -6000px;
	overflow : hidden;
	font-size: 9px;
}



/*  CABECERA TERRA */ 

/*  BANNER 780 */ 

#banner {
	background: url(../../img/publicidad.gif) no-repeat;
	width: 734px;
	_width: 753px;
	height: 90px;
	margin: 18px 0 19px 60px;
	padding-left: 19px;
}

/*  BANNER 780 */ 

/*  BANNER 300 */ 

#banner-300 {
	width: 300px;
	height: 265px;
	background: url(../../img/publicidad1.gif) no-repeat;
	margin: 0 0 16px 0;
	padding: 15px 0 0 0;
}

#banner-300-2 {
	width: 300px;
	height: 265px;
	background: url(../../img/publicidad2.gif) no-repeat;
	margin: 0 0 16px 0;
	padding: 15px 0 0 0;
}

/*  BANNER 300 */ 

/*  MENU */ 

#menu {
	background: url(../../img/883x30_barra-menu.gif) no-repeat;
	width: 883px;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	margin: 0 0 42px 60px;
}
 
#menu a#enlace-01 {
	width: 155px;
	height: 20px;
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0 0 12px;
}

#menu a#enlace-02 {
	width: 60px;
	height: 20px;
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0 0 6px;
}

#menu a#enlace-03 {
	width: 175px;
	height: 20px;
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0 0 8px;
}

#menu a#enlace-04 {
	width: 55px;
	height: 20px;
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0 0 7px;
}

#menu a#enlace-05 {
	width: 132px;
	height: 20px;
	float: left;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0 0 10px;
}

#menu #enlace-06 {
	width: 22px;
	height: 22px;
	float: left;
	padding: 4px 0 0 280px;
}

#menu a:hover#enlace-01, #menu a:hover#enlace-02, #menu a:hover#enlace-03, #menu a:hover#enlace-04 {
	text-decoration: underline;
}



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 #B1B1B1; }


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

  width:   123px;
  _width:   130px;

  background: #DFDFDF;

  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  color: #5F5F5F;
  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: #B1B1B1;}

/*  MENU */ 


/* CUERPO PORTADA */

#principal {
	width: 883px;
	margin: 0 0 0 60px;
}

#principal h1 {
	color: #D30C43;
	font-weight: bold;
	margin: 0 0 0 12px;
}

#principal h1 span { color: #5E5F61; }

#principal h1 em { color: #C7C7C8; }

#principal h3 {
	color: #D30C43;
	font-weight: normal;
	margin: 2px 0 21px 12px;
}

#fotoArtista {
	width: 532px;
	float: left;
	margin: 0 31px 30px 12px;
	padding: 0;
}

#formulario {
	width: 280px;
	float: left;
	padding: 92px 0 0 0;
	color: #4D4C4C;
	font-size: 14px;
}

#formulario .celdaCampo {
	width: 276px;
	font-weight: normal;
	float: left;
	margin: 3px 0 8px 0;
}

#formulario #borrar a {
	width: 77px;
	height: 29px;
	background: url(../../img/77x29_borrar.gif) no-repeat;
	float: left;
	margin: 10px 0 0 124px;
}

#formulario #enviar a {
	width: 77px;
	height: 29px;
	background: url(../../img/77x29_enviar1.gif) no-repeat;
	float: left;
	margin: 10px 0 0 2px;
}

#formulario #enviar a:hover {
	width: 77px;
	height: 29px;
	background: url(../../img/77x29_enviar2.gif) no-repeat;
}

#formulario #borrar a, #formulario #enviar a {

	text-indent : -6000px;
	overflow : hidden;
}

#ladoIzquierdo {
	width: 560px;
	float: left;
	margin: 0 22px 0 0;
}

#ladoIzquierdo .textoDestacado {
	font-size: 14px;
	color: #7A7878;
	line-height: 1.2;  
	margin: 0 0 32px 0;
}

.tituloProximo {
	width: 534px;
	height: 21px;
	background: url(../../img/26x23_flecha1.gif) no-repeat;	
	color: #5E5F61;
	font-size: 20px;
	font-weight: bold;
	padding: 2px 0 0 26px;
	margin: 23px 0 10px 0;
}

.artistaProximo {
	width: 536px;
	height: 20px;
	background: url(../../img/560x28_gris.gif) no-repeat;	
	margin: 0 0 4px 0;
	font-size: 14px;
	color: #5E5F61;
	padding: 8px 0 0 24px;
}

.artistaProximo span {
	color: #D30C43;
}

.tituloAnterior {
	width: 534px;
	height: 38px;
	background: url(../../img/26x23_flecha2.gif) no-repeat;	
	color: #D30C43;
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	padding: 2px 0 0 26px;
	margin: 32px 0 10px 0;
}

#ladoIzquierdo strong {
	font-weight: bold;
}

#ladoIzquierdo p {
	margin: 10px 0 0 0;
}

#ladoIzquierdo span {
	color: #D30C43;
}

#ladoIzquierdo a {
	color: #D30C43;
	text-decoration: underline;
}

#ladoIzquierdo a:hover {
	text-decoration: none;
}

#ladoDerecho {
	width: 300px;
	float: left;
	margin: 0;
}

#ladoDerecho .participa {
	margin: 0 0 25px 0;
}

#ladoDerecho .hazteFan {
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #D30C43;
	font-weight: bold;
}

#ladoDerecho .twitter{
	color: #7A7878;
}


/* /CUERPO PORTADA */

/* ANTERIORES */

#ladoIzquierdo .anterioresA {
	width: 176px;
	margin: 0 16px 16px 0;
	float: left;
}

#ladoIzquierdo .anterioresB {
	width: 176px;
	float: left;
}

#ladoIzquierdo .anterioresA h3, #ladoIzquierdo .anterioresB h3 {
	color: #7A7878;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0 8px 0;
	padding: 0;
}

#miraVideo a {
	width: 176px;
	height: 24px;
	float: left;
	margin: 0 0 1px 0;
	background: url(../../img/176x24_video1.gif) no-repeat;	
}

#miraVideo a:hover {
	background: url(../../img/176x24_video2.gif) no-repeat;	
}

#miraFoto a {
	width: 176px;
	height: 24px;
	float: left;
	background: url(../../img/176x24_fotos1.gif) no-repeat;	
}

#miraFoto a:hover {
	background: url(../../img/176x24_fotos2.gif) no-repeat;	
}

#miraFoto a, #miraVideo a {
	text-indent : -6000px;
	overflow : hidden;
}

/* ANTERIORES */

/* MÁS TERRA LIVE */

.tituloMasTerraLive {
	width: 534px;
	height: 19px;
	background: url(../../img/26x23_mas.gif) no-repeat;
	color: #D30C43;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0 0 26px;
	margin: 20px 0 10px 0;
}

.masTerraLive {
	width: 529px;
	height: 24px;
	background: url(../../img/560x24_gris.gif) no-repeat;	
	margin: 0 0 4px 0;
	font-size: 12px;
	color: #5E5F61;
	padding: 0 7px 0 24px;
}

.esp350 {
	width: 350px;
	float: left;
	padding: 6px 0 0 0;
}

.esp92 a {
	width: 92px;
	height: 24px;
	float: left;
	background: url(../../img/92x48_ver-video.gif) no-repeat;
	margin: 0 8px 0 0;
}

.esp76 a {
	width: 76px;
	height: 24px;
	float: left;
	background: url(../../img/76x48_ver-fotos.gif) no-repeat;
}

.esp92 a:hover, .esp76 a:hover {
	background-position : 0 -24px;
}

.esp92 a, .esp76 a {
	text-indent : -6000px;
	overflow : hidden;
}

/* MÁS TERRA LIVE */

/* ENCUESTA */

#encuesta {
	width: 267px;
	float: left;
	padding: 0 8px 0 25px;
	background: #EDEDED;
	color: #5E5F61;
}

#encuesta strong {
	color: #D30C43;
	font-weight: bold;
}

/* ENCUESTA */


/* GALERÍA */

#galeria .foto {
	border: 2px solid #B6B7B8;
}

#galeria h1 { 
	color: #5A5A5B;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin: 10px 0 12px 0;
}

#galeria h3 { 
	color: #7A7878;
	font-weight: normal;
	font-size: 12px;
	margin: 10px 0 0 0;
}

#galeria strong { font-weight: bold; }

#enlacesGal {
	width: 478px;
	height: 44px;
	background: #E2E1E1;
	border: 1px solid #CDCDCD;
	padding: 19px 0 0 80px;
	margin: 0 0 10px 0;
}

#anterior a {
	width: 76px;
	height: 28px;
	background: url(../../img/76x28_anterior.gif) no-repeat;
	float: left;
}

#siguiente a {
	width: 76px;
	height: 28px;
	background: url(../../img/76x28_siguiente.gif) no-repeat;
	float: left;
}

#comboBox {
	width: 249px;
	float: left;
	text-align: center;
	padding: 4px 0 0 0; 
}


#anterior a, #siguiente a {

	text-indent : -6000px;
	overflow : hidden;
}


#listadoGalA {
	width: 178px;
	margin: 14px 12px 0 0;
	float: left;
}

#listadoGalB {
	width: 178px;
	margin: 14px 0 0 0;
	float: left;
}

#listadoGalA h3, #listadoGalB h3 { 
	padding: 0;
	margin: 4px 0 8px 0;
}

#listadoGalA h3 a, #listadoGalB h3 a {
	color: #7A7878;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#listadoGalA h3 a:hover, #listadoGalB h3 a:hover { text-decoration: underline; }


#listadoGalA .foto, #listadoGalB .foto {
	border: 1px solid #CAC9C9;
}

#masFotos {
	width: 400px;
	height: 48px;
	float: left;
	color: #9F9F9F;
	font-size: 14px;
	padding: 13px 0 0 160px;
	margin: 70px 0 0 0;
	font-weight: bold;
	line-height: 1.4;  
	background: url(../../img/560x61_fondito.gif) no-repeat;
}

#masFotos a, #masFotos2 a{
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 4px 0 4px;
}

#masFotos a:hover, #masFotos2 a:hover {
	color: #FF9200;
}

#masFotos2 {
	width: 400px;
	height: 48px;
	float: left;
	color: #9F9F9F;
	font-size: 14px;
	padding: 13px 0 0 160px;
	margin: 14px 0 14px 0;
	font-weight: bold;
	line-height: 1.4;  
	background: url(../../img/560x61_fondito-2.gif) no-repeat;
}

.letra {
	font-size: 24px;
	color: #DB114D;
	font-weight: bold;
	margin: 0 0 14px 0;
}

#listado {
	color: #AFAFAF;
	font-size: 12px;
}

#listado a {
	color: #5F5F61;
	text-decoration: underline;
	font-weight: normal;
}

#listado a:hover {
	color: #FF9B03;
	text-decoration: none;
}

#listado strong {
	color: #FF9B03;
	font-weight: bold;
}

#listado li {
	background: url(../../img/bullet.gif) no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
}

#listado li a {
	color: #5F5F61;
	font-weight: normal;
	text-decoration: none;
}

#listado li a:hover {
	text-decoration: underline;
}


/* GALERÍA */


/* PIE */

.pie {
	width: 1003px;
	background: #FFFFFF;
	margin: 35px 0 0 0;
}
	
/* PIE */