/* ------------------------------------------------------------------

Hoja De Estilos - CHLOE
Realizacion: digival.es 
joseignacio.marcos@digival.es

--------------------------------------------------------------------- 
[hojas de estilo adicionales] */

@import "nav.php";
@import "sIFR-screen.css";

/* ------------------------------------------------------------------ */
HTML{
	background: url(../images/bg2.gif) repeat-y center; /* fondo aplicado al cuerpo */
	height: 100%;
}
BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
	background:#fff url(../images/bg.gif) repeat-x top; /*fondo para la cabecera*/
}
HTML>BODY{
	min-height: 100%;
	height: auto;
}
BODY.noBannerSup{
	background: url(../images/bgNoBannerSup.gif) repeat-x top; /*fondo para la cabecera sin la publicidad de arriba*/
	padding-top: 10px;
}

IMG{
	border: 0;
}
*{
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
.clear0{
	clear: both;
	height: 0px;
	overflow: hidden;
	line-height: 0px;
	font-size:0px; 
}
P{
	line-height: 1.5em;
	margin-bottom: 0.4em;
}
.interiorIzquierda P{
	margin-bottom: 0.8em;
}
a{
	color: #333;
	text-decoration: underline;
	outline: none;
}
a.nounder{
	text-decoration: none;
}
a:hover{
	color: #663F27;
	text-decoration: underline;
}
.mtop20{
	margin-top: 20px;
}
.mtop10{
	margin-top: 10px;
}
.mtop30{
	margin-top: 30px;
}
.ptop20{
	padding-top: 20px;
}
.ptop40{
	padding-top: 40px;
}
input, button, textarea, select{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.frigtMargin{
	float: right;
	margin: 5px 0px 15px 15px;
}
.fleftMargin{
	float: left;
	margin: 5px 15px 15px 0px;
}
.frigtMarginBorder{
	float: right;
	margin: 5px 0px 15px 15px;
	border: 1px solid #AF986F;
}
.rojo{
	color: #860e0e;
}
ul{
	list-style: none;
}
.justif{
	text-align: justify;
}
.centro{
	text-align: center;
}
.bordeColor{
	border: 1px solid #AF986F;
}
.anuncio {
	text-align: center;
	font-size: 18px;
}
.anuncio2 {
	font-size: 20px;
	border-bottom: 1px solid #AF986F;
	text-align: center;
	padding-bottom: 10px;
}
.anuncio span {
	color: #AF986F;
}
.anuncio2 span {
	color: #C4AD8B;
	font-weight: bold;
	padding: 5px;
}
/* ---------------------------------------------------------------------------------------- */
/*   DIVS GENERALES ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#sitio{
	width: 100%;
	height: 950px;
	margin: 0px auto;
	position: relative;
	background: url(../images/bg3.gif) no-repeat 50% 435px; /* degradado de la cabecera */ 
	font-size: 1.2em;
}
.noBannerSup #sitio{
	background: url(../images/bg3.gif) no-repeat 50% 325px; /* degradado de la cabecera */ 
}
#cabecera{
	width: 968px;
	height: 373px;
	display: block;
	overflow: hidden;
	margin: 0px auto;
	padding-top: 9px;
	position: relative;
	background: url(../images/imgCabecera.png) no-repeat;
}
#cuerpo{
	width: 968px;
	margin: 0px auto;
	overflow: hidden;
}
#izquierda{
	width: 642px;
	float: left;
}
.interiorIzquierda{
	width: 610px;
	margin-bottom: 20px;
	padding-left: 9px;
}
#derecha{
	width: 300px;
	float: right;
	margin-right: 4px;
}
#footer{
	width: 100%;
	height: 60px;
	background: url(../images/bgFooter.png) repeat-x top;
}
/* ---------------------------------------------------------------------------------------- */
/*   CABECERA ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
h1 a{
	width: 320px;
	height: 94px;
	position: absolute;
	right: 15px;
	top: 12px;
	background: url(../images/logoChloe.png);
	text-indent: -99999px;
	display: block;
	z-index: 10000;
}
#cabecera #fotos{
	width: 950px;
	height: 340px;
	margin: 0px auto;
	overflow: hidden;
	background: url(../images/fotoCabecera1.jpg);
}
.bannerSup{
	width: 729px;
	height: 100px;
	margin: 0px auto;
	padding: 10px 0px 0px 1px;
	background: url(../images/bannerSup.gif);
	position: relative;
}
.borde1, .borde2{
	width: 6px;
	height: 90px;
	background: url(../images/bannerSupBorde1.png);
	display: block;
	position: absolute;
	left: 0px;
	top: 10px;
}
.borde2{
	background: url(../images/bannerSupBorde2.png);
	left: auto;
	right: 0px;
}
#derecha div{
	margin-bottom: 20px;
}
#footer ul{
	width: 960px;
	margin: 0px auto;
	overflow: hidden;
}
#footer ul li{
	float: left;
	display: block;
	padding: 6px 5px 0px 5px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}
#footer ul li img{
	vertical-align: middle;
}
#footer ul li a{
	color: #fff;
	text-decoration: none;
	margin-right: 5px;
}
#footer ul li.der{
	float: right;
}
#footer ul li a:hover{
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------- */
/*  PORTADA  ------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
#disco{
	width: 638px;
	height: 180px;
	margin-bottom: 30px;
	margin-left: 4px;
}
#disco h3, #disco ul, #disco P, #disco h2{
	display: none;
}
.noticias{
	margin-bottom: 20px;
	width: 615px;
	clear: both;
	display: block;
	margin-left: 4px;
}
.interiorIzquierda .noticias{
	margin-left: 0px;
	width: 610px;
}
.noticias h3, .comentarios h3, h3.discografia, #derecha h3, h3.biografia{
	border-bottom: 1px solid #af986f;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #663f27;
	display: block;
}
#derecha h3{
	margin-bottom: 4px;
}
.noticias P{
	text-align: justify;
}
.noticias P.datosNoticia{
	font-size: .9em;
	margin-top: 5px;
}
.noticias a{
	color:#663f27;
	font-size: .9em;
	font-style: italic;
	text-decoration: underline;
}
.noticias a:hover{
	color:#663f27;
	text-decoration: underline;
}
 h3.biografia{
 	margin-bottom: 5px;
 }
.comentarios{
	margin: 20px 0px;
}
.comentarios h3, h3.discografia{
	margin-bottom: 10px;
}
.comentarios P{
	border-bottom: 1px solid #e1ceab;
	padding-bottom: 10px;
	font-size: 11px;
}
.comentarios P strong{
	display: block;
	color:#967f55;
}

.enviarComentario fieldset{
	border:0px;
	padding: 0px;
	width: 610px;
	display:block;
	font-size:11px;
	border-bottom: 1px solid #af986f;
	margin-bottom: 40px;
}
.enviarComentario legend{
	display: block;
	width: 610px;
	border-bottom: 1px solid #af986f;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 14px;
	color: #663f27;
}
.enviarComentario legend span{display:block;width:610px;margin:0;padding:0;}
.enviarComentario P{
	clear: both;
	width: 300px;
	overflow: hidden;
	margin: 10px auto;
}
.enviarComentario input{
	width: 290px;
	display: block;
	border: 1px solid #B4B5B2;
	background: #fff;
	padding: 2px;
}
.enviarComentario textarea{
	width: 290px;
	display: block;
	border: 1px solid #B4B5B2;
	background: #fff;
	padding: 2px;
}
.enviarComentario input#OK{
	display: none;
}
.enviarComentario P.centro{
	text-align: center;
}
.enviarComentario input#captcha{
	width: 130px;
	float: left;
}
.cajaCaptcha img{
	float: right;	
	margin-bottom: 10px;
}
.enviarComentario button{
	border:1px solid #AF986F;
	background: #e2d2b7;
	font-weight: bold;
	color: #7a6641;
	padding: 2px 7px;
	cursor: pointer;
}
.enviarComentario button:hover{
	background: #AF986F;
	color: #ffffff;
	border:1px solid #e2d2b7;
}
h2{
	width: 630px;
	height: 40px;
	background: url(../images/titular.png) no-repeat;
	display: block;
	overflow: hidden;
	padding: 10px 0px 0px 11px;
}
h2 strong{
	font-size: 14px;
	color: #fff;
	display: block;
}

.lista{
	margin-bottom: 15px;
	width: 280px;
	float: right;
	margin-top: 15px;
}
.lista li{
	line-height: 18px;
	margin-bottom: 10px;
}
.listaCorreo{
	border:0px;
	width: 610px;
	height: 600px;
	background-color: transparent;
}
.listaDisco{
	margin-bottom: 15px;
	margin-top: 10px;
	width: 350px;
	float: right;
}
.listaDisco li{
	line-height: 18px;
	margin-bottom: 10px;
}
.listaDisco li a{
	font-size: 11px;
	color: #663f27;
	text-decoration: none;
	font-style: italic;
	margin-left: 10px;
}
.listaDisco li a:hover{
	color: #663f27;
	text-decoration: underline;
}

ul.listaIcono{
	margin-bottom: 15px;
	margin-top: 0px;
	margin-left: 5px;
}
ul.listaIcono li{
	background: url(../images/icoBlanco.gif) no-repeat left 6px;
	padding-left: 12px;
	margin-bottom: 10px;
	line-height: 18px;
}

.management{
	margin-bottom: 30px;
	font-size: 11px;
	text-align: center;
}
.contratacion{
	margin-bottom: 25px;
	font-size: 11px;
	text-align: center;
}
.contratacion img, .management img{
	vertical-align: middle;
}

h3.menuDerConciertos{
	margin-top: 5px;
}
ul.menuDer{
	margin-bottom: 30px;
	margin-top: 10px;
	margin-left: 5px;
}
ul.menuDer li{
	background: url(../images/ico.gif) no-repeat left 6px;
	padding-left: 12px;
	margin-bottom: 10px;
	line-height: 18px;
}
ul.menuDer li a{
	color: #663f27;
	text-decoration: none;
}
ul.menuDer li a:hover{
	font-weight: bold;
	text-decoration: underline;
}

.galeriaFotos{
	width: 610px;
	overflow: hidden;
	z-index: 10000;
}
.galeriaFotos li{
	width: 202px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.imagenFan{
	text-align: center;
}
.imagenFan img{
	border: 1px solid #af986f;
}
.enviada{
	font-weight: bold;
	text-align: center;
	color: #af986f;
}
.redes{
	clear: both;
	width: 615px;
	height: 88px;
	overflow: hidden;
	margin: 40px 0px 20px 4px;
}
.redes li{
	width: 205px;
	height: 44px;
	display: block;
	float: left;
}
.redes li a{
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../images/redes.gif) no-repeat;
	height: 44px;
	text-indent: -99999px;
}
li#red1 a{background-position: -0px -0px;}
li#red1 a:hover, li#red1 a:focus{background-position: -0px -88px;}
li#red2 a{background-position: -205px -0px;}
li#red2 a:hover, li#red2 a:focus{background-position: -205px -88px;}
li#red3 a{background-position: -410px -0px;}
li#red3 a:hover, li#red3 a:focus{background-position: -410px -88px;}
li#red4 a{background-position: -0px -44px;}
li#red4 a:hover, li#red4 a:focus{background-position: -0px -132px;}
li#red5 a{background-position: -205px -44px;}
li#red5 a:hover, li#red5 a:focus{background-position: -205px -132px;}
li#red6 a{background-position: -410px -44px;}
li#red6 a:hover, li#red6 a:focus{background-position: -410px -132px;}

.paginacion{
	display: block;
	width: 610px;
	text-align: right;
	border-top: 1px solid #AF986F;
	padding-top: 10px;
}
.paginacion li{
	display: inline;
}
.paginacion li a{
	padding: 2px 5px;
	text-decoration: none;
}
.paginacion li a:hover{
	color: #fff;	
	background: #663f27;
	text-decoration: none;
}
.paginacion li.pagImg a:hover{
	color: #fff;
	background: #fff;
}
.paginacion li a strong{
	color: #663f27;
	text-decoration: none;
	font-size: 1.3em;
}
.paginacion li a:hover strong{
	color: #fff;
}
.paginacion li img{
	margin: 2px 5px;
	vertical-align: middle;
}
.paginacion li a img{
	margin: 0px;
}

.letra{
	padding-top: 5px;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #AF986F;
	border-bottom: 1px solid #AF986F;
}
.copyLetra{
	text-align: left;
	font-size: 10px;
}
.copyLetra2{
	text-align: justify;
	font-size: 10px;
}

.bioMiembro P{
	margin-bottom: 15px;
}

.desarrollo{
	width: 116px;
	height:20px;
	margin: 10px auto;
	display: block;
	text-indent: -99999px;
	background: url(../images/desarrollo.gif) no-repeat;
}
/* PLAYER ------------------------------------------ */
#flashParentHTML{
	width: 300px;
	height: 299px;
	margin: 0px auto;
}
.sysReqContainer{
	display: none;
}