@charset "utf-8";
/* CSS Document */

body{
background-color:#212952;
background-image:url(../img/background-light.png);
background-image: none;
background-repeat:no-repeat;
background-position:center -30px;
margin:0;
}

#holder{
width:970px;
*width:990px;
height:500px;
margin:auto;
display:block;
}
#topnav{
height:40px;
background-image:url(../img/topnav-background.gif);
background-position:bottom;
text-align:center;
padding:4px;
}
#header{
height:140px;
display: block;
border-bottom: 3px solid #DCD7BB;
}

#header h1{
margin:0;
margin-top:20px;
display:block;
float:left;
height:100px;
width:420px;
background-image:url(../img/logo.png);
}
#header h1 strong{visibility:hidden;display:none;}

#loginbox{
position:relative;
top:23px;
left:240px;
width:310px;
display:block;
float:left;
color:#FFF;
}
#menu{
background-color: #590915;
height: 32px;
background-image:url(../img/menu-background.gif);
padding-left:50px;
}

#body{background-image:url(../img/holder-background.gif);display:block;width:100%;}

#body .col1, #body .col2{
display:block;
float:left;
padding:20px;
padding-bottom:40px;
}

#body .col1{width:640px;}
#body .col2{padding-top:0px;width:250px;}

#c2network{
clear:both;
display:block;
height:50px;
background-color: #590915;
text-align:center;
padding:5px;
}

#footer{
clear: both;
height:150px;
border-top: 1px solid #cfcfcf;
background-color:#B1B1B1;
}
#footer a, #footer a:active{
font-size:16px;
font-weight:bold;
text-decoration: none;
color: #212952;
display:block;
letter-spacing:-1px;
}
#footer a:hover{color: #EDEDED;}
#footer .footer-festival, #footer .footer-col1, #footer .footer-col2, #footer .footer-col3{
display: block; float:left; }
#footer .footer-festival{width:240px;}
#footer .footer-col1{width:70px; margin-top:20px;margin-right:20px;border-right:1px dotted #EDEDED;}
#footer .footer-col2{width:150px; margin-top:20px;}
#footer .footer-col3{width:465px;font-size:10px;text-align:right;line-height:10px;}

#footer .footer-col3 a, #footer .footer-col3 a:active{
display:inline-block;
}

.div33{
display:block;
width:29.3%;
float:left;
padding-left: 2%;
padding-right: 2%;
}
.div20{
display:block;
width:20px;
float:left;
}
.div280{
display:block;
width:280px;
float:left;
}
.div340{
display:block;
width:340px;
float:left;
}

.anduaga p{
display:none;
visibility:hidden;}


/*************INICIO DEL MENU*************/
#menu a 			{	display:	block;	height: 32px;}
#menu a em, #menu a span{visibility:hidden;display:none;}
#menu .home, #menu .noticias, #menu .docs, #menu .agenda, #menu .artistas,
#menu .c2radioweb,	#menu .c2radio, #menu .festival, #menu .c2book
{display:block;	float:left; height: 32px;}

#menu .home 		{	width: 	75px;	}
#menu .noticias 	{	width: 	102px;	}
#menu .docs			{	width: 	73px;	}
#menu .agenda		{	width: 	93px;	}
#menu .artistas	 	{	width: 	102px;	}
#menu .c2radioweb 	{	width: 	135px;	}
#menu .c2radio	 	{	width: 	100px;	}
#menu .festival 	{	width: 	98px;	}
#menu .c2book	 	{	width: 	87px;	}

#menu .home 		a:hover 	{	background: url(../img/menu-background.gif) -50px 	-32px 	no-repeat;	}
#menu .noticias 	a:hover 	{	background: url(../img/menu-background.gif) -125px 	-32px 	no-repeat;	}
#menu .docs		 	a:hover 	{	background: url(../img/menu-background.gif) -227px 	-32px 	no-repeat;	}
#menu .agenda	 	a:hover 	{	background: url(../img/menu-background.gif) -300px 	-32px 	no-repeat;	}
#menu .artistas		a:hover 	{	background: url(../img/menu-background.gif) -393px 	-32px 	no-repeat;	}
#menu .c2radioweb 	a:hover 	{	background: url(../img/menu-background.gif) -495px 	-32px 	no-repeat;	}
#menu .c2radio	 	a:hover 	{	background: url(../img/menu-background.gif) -630px 	-32px 	no-repeat;	}
#menu .festival 	a:hover 	{	background: url(../img/menu-background.gif) -730px 	-32px 	no-repeat;	}
#menu .c2book	 	a:hover 	{	background: url(../img/menu-background.gif) -828px 	-32px 	no-repeat;	}
/*************FIN DEL MENU*************/


.volanta{
letter-spacing: -1px;
font-style:italic;
font-weight:bold;
color:#590915;
}
.redaccion{
font-size:10px;
color: #9D9D9D;
}
.redaccion a,.redaccion a:active{ color: #333; font-weight:bold; letter-spacing:-1px;}


/******PAGINA PRINCIPAL*******/ 
.home-principal{margin-bottom:20px;}
.home-principal img {border: 0px;float:left;display:block;margin-right:10px;margin-top: 3px;}
.home-principal .vermas{float:right;margin:0;}
.home-principal .vermas a{text-decoration:none;}


#loginbox h2{
font-size:18px;
font-style:italic;
letter-spacing: -1px;
margin:0;
}

#loginbox .avatar{
display:block;
float:left;
width:102px;
height:102px;
background-image:url(../img/login-avatar-default.gif);
}
#loginbox img{
margin: 3px;
}
#loginbox form{
float:left;
display:block;
width:208px;
margin:0;
}
#loginbox input{
border: 0;
border-bottom: 1px solid #404040;
border-right: 1px solid #404040;
background-image:url(../img/login-input-background.gif);
height:18px;
width: 179px;
padding:0px;
padding-left:10px;
font-style:italic;
font-size:14px;
letter-spacing:-1px;
color:#9d9d9d;
}
#loginbox a, #loginbox a:active, #loginbox a:visited{
text-decoration: none;
color:#FFF;
}
#loginbox .boton{
margin-right:18px;
float:right;
width:67px;
height:21px;
padding:0;
}
#loginbox .divisor{
display:block;
width:190px;
margin-top:5px;
*margin-top: -3px;
height: 9px;
background-image:url(../img/login-separador.gif);
}

#search{
margin:0;
padding-top:12px;
padding-left:20px;
width:230px;
height:60px;
background-image:url(../img/search-background.gif);
background-repeat:no-repeat;
}
#search input{
border: 0;
border-top: 1px solid #9d9d9d;
border-left: 1px solid #9d9d9d;
background-color:#fdfdfd;
background-image:url(../img/login-input-background.gif);
padding:0px;
padding-top:2px;
padding-left:10px;
font-style:italic;
font-size:14px;
letter-spacing:-1px;
color:#9d9d9d;
float:left;
height:21px;
width:160px;
}
#search .boton{
display:block;
float:left;
width:28px;
height: 23px;
margin-left:10px;
padding:0;
border:0;
}
#agendabox, #c2bookbox, #c2radiobox, #docsbox{
display:block;
margin-bottom: 20px;
}
#agendabox h2, #c2bookbox h2, #docsbox h2{
margin:0;
width: 270px;
height: 27px;
background-image:url(../img/agenda-home-h2.gif);
}
#agendabox h2 span, #c2bookbox h2 span, #c2radiobox h2, #docsbox span{
display:none;
visibility: hidden;
}
#docsbox h2{
background-image:url(../img/c2docs-home-h2.gif);
}
#docsbox a{
background-color: #C1BDA1;
display:block;
padding:5px;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
color:#333;
padding-left:13px;
letter-spacing:-1px;
margin-right:-20px;
border-bottom: 1px solid #a9a589;
border-top:1px solid #e7e2c5;
text-shadow: -1px 1px #a39f83;
}
#docsbox a:hover{
background-color: #b3af93;
color: #FFF;
}

#agendabox .fecha{
display:block;
height:47px;
margin-top:5px;
margin-bottom:5px;
border-bottom: 1px solid #B3AF93;
}
.listado-fechas #agendabox .fecha{
border-bottom: 1px solid #CCC;
}

#agendabox .banda{
display:block; float:left;
font-size:14px;
letter-spacing:-1px;
margin-left:6px;
text-decoration:none;
font-weight:bold;
color: #590915;
}
#agendabox .banda strong{
font-family:Arial, Helvetica, sans-serif;
display:block;
overflow:hidden;
font-size:11px;
text-decoration:none;
font-weight:normal;
color: #333;
letter-spacing: 0;
line-height: 12px;
}
#agendabox .calendario{
display:block; float:left;
height: 30px;width: 30px;padding:6px;
text-align:center;font-size: 18px;color: #FFF;
background-color:#313131;
}
 
#agendabox em{
display:block;margin-top:-5px;
text-transform:uppercase;font-size:10px;font-style:normal;
letter-spacing:0;
}
#c2bookbox h2{
background-image:url(../img/c2book-home-h2.gif);
}
#c2bookbox img, .c2book-lista img{
display:block;
float:left;
height: 48px;
width: 48px;
margin-right:10px;
border: 0;
}
#c2bookbox p, .c2book-lista p{
height:52px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:5px;
margin-bottom:5px;
border-bottom: 1px solid #B3AF93;
}
#c2bookbox a, .c2book-lista a{
color: #590915;
text-decoration: none;

}
#c2bookbox .nick{
font-size:13px;
font-weight:bold;
letter-spacing:-1px;
background-image:none;
padding:0;
}

.c2book-lista{
display:block;
float:left;
width:31%;
margin-left: 1%;
margin-right: 1%;
}

.c2book-lista .nick{
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
background-image:none;
padding:0;
}
.c2book-lista p{
border-bottom: 1px solid #CCC;
}

#c2radiobox{
background-image:url(../img/c2radioweb-home-background.gif);
background-repeat:no-repeat;
height:70px;
border: 1px solid #333;
}
#c2radiobox .playradio{
display:block;
width: 68px;
height:70px;
}
#c2radiobox a:hover{
background-image:url(../img/c2radioweb-home-play.gif);
background-repeat:no-repeat;
}
#c2radiobox a, #c2radiobox a:active, #c2radiobox a:hover{
text-decoration: none;
font-weight:bold;
letter-spacing:-1px;
color: #590915;
}


.box-vermas{
color:#590915;
text-decoration: none;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
}



.vermas{
text-decoration: none;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
}

#listado{
display:block;
margin-bottom:20px;
}

#listado .foto{
text-align:center;
float:left;
display:block;
overflow:hidden;
width:128px;
height:128px;
border: 1px solid #CCC;
margin-right:20px;
margin-bottom:10px;
background-position: center center;
}

.listado-artistas, listado-fechas{
display:block;
float:left;
}

.listado-artistas h2,
.listado-fechas h2,
#perfil-de-usuario h2,
#perfil-de-usuario h4{
display:block;
background-color:#212952;
color:#FFF;
padding-top:1px;
padding-bottom:3px;
padding-left: 10px;
}


.listado-artistas a, .listado-artistas a:visited,
#perfil-de-usuario a, #perfil-de-usuario a:visited  {
display:block;
padding: 5px;
border-bottom: 1px dotted #CCC;
text-decoration:none;
}
.listado-artistas a:hover,
#perfil-de-usuario a:hover{
background-color:#EDEDED;
display:block;
}

#error404{
display:block;
background-image:url(../img/404.gif);
background-repeat:no-repeat;
height: 300px;
padding-left:200px;
padding-top:50px;
}


.separador{
display:block;
height:5px;
border-bottom: 1px solid #DCD7BB;
margin-bottom: 5px;
}

/*COMENTARIOS*/
#comentarios img{
display: block; float: left;
margin-top: -1px;
}
#comentarios p{
margin: 0;
display: block; float: left;
line-height: 16px;
width:580px;

text-align: left;
}
#comentarios a, #comentarios a:visited{
text-decoration: none;
}


/* CROPEO DE LAS IMAGENES EN LA PORTADA*/ 
.crop-noticias, .crop-docs{
display:block;
width:280px;
*width:260px;
height: 120px;
overflow:hidden;
text-align: center;
background-position: center center;
margin-bottom: 8px;
text-align:center;
}
.crop-docs{width:340px;}

/*ESTILOS DE LOS PERFILES*/
#perfil-de-usuario img{
float:left;
margin-right: 10px;
border: 1px solid #212952;
}
#perfil-de-usuario .nombre{
display:block;
margin-top:-10px;
color:#666;
font-size:20px;
font-weight:bold;
letter-spacing: -1px;
}
#perfil-de-usuario .tweet{
display:block;
margin-left:106px;
padding: 4px;
padding-right: 20px;
font-style:italic;
font-size:12px;
letter-spacing:-1px;
background-image:url(../img/iconos/sociales/twitter_16.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#perfil-de-usuario h2{
padding-top:4px;
}
#perfil-de-usuario h4{
padding-top:4px;
font-size: 16px;
background-color:#CCC;
color:#333;
}
#perfil-de-usuario a, #perfil-de-usuario a:visited{
font-size: 11px;
width: 245px;
padding-left: 28px;
}

#perfil-de-usuario .descripcion{
text-align:justify;
}



/*micropaneles de usuarios*/
#micropanel{
display:block;

margin-top:-20px;
margin-bottom:30px;
float:left;
}
#micropanel a, #micropanel a:visited{
background-color:#DCD7BB;
color:#333;
font-size:11px;
display:block;
float:left;
padding: 5px;
padding-left:15px;
padding-right:15px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight:bold;
border-bottom: 1px solid  #D1D1D1;
border-right: 1px solid #D1D1D1;
margin-right:5px;
}

#micropanel a:hover{color:#900;}

#col-twitter{
margin-top:-5px;
width:250px;
display:block;
height: 130px;
background-image:url(../img/twitterback.gif);
margin-bottom: 5px;
}
#col-twitter p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
width: 180px;
height:75px;
position:relative;
top: 18px;
left:55px;
}
#col-twitter .link a{
position: relative;
top:20px;
height: 20px;
left:130px;
width: 120px;
display:block;
cursor: pointer;
}

#col-twitter strong{
display:none;
visibility:hidden;
}

.clear{
clear: both;
}
.hidden{
visibility: hidden;
display: none;
}