/**************************************************************************************
 * @name : canelacore.css
 * @author : jreal
 * @date : 06/06/2009
 * @version : 1.1
 *  
 *  Neutralizing Styles *  Main sections *  General *  Header *  Sections

/* Neutralizing Styles 
/*******************************************/

a,a:hover,a:active,a:visited { text-decoration:none; }
abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
caption,th { text-align: left; }
fieldset,img { border: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
ol,ul {	list-style: none; }
q:before,q:after { content:''; }
table { border-collapse: collapse; border-spacing: 0; }

/* General
/*******************************************/

body {
	background:white;
	font:11px Helvetica, Arial, sans-serif;
	margin:0 auto;
	color:#999;
}

h1 { 
	background:transparent url(../imgs/boca_head.png) no-repeat scroll 0px 0px;
	height:140px;
	left:835px;
	position:absolute;
	top:-119px;
	width:195px;
	text-indent:-9999px; 
}

h2 { color:#999a95; }

h3 {
	color:#ff2fac;
	font-weight:bold;
}

h2, h3 { font-size:13px; }

h4 {
	font-size: 10px;
	color:#FF2FAC;
	text-align: center;
	font-weight:bold;
}

.left { float:left; }

.right { float:right; }

.clearfix { clear:both; }

/*	Main sections
/*******************************************/

#wrapper {
	margin:0 auto;
	width:963px;
}

#wrapper #header {
	background:transparent url(../imgs/logo_head.png);
	height:138px;
	text-indent:-9999px;
}

#wrapper #menu {
	background:#FFF;
	height:52px;
	position:relative;
}

#wrapper #footer {
	margin-bottom:20px;
}

/* Menu
/*******************************************/

#menu ul li {
	list-style-type:none;
	float:left;
	display:inline;
}

#menu ul li {
	height:52px;	
	margin-right:5px;
	width:120px;
	text-indent:-9999px;	
}

#menu ul li a {
	float:left;
	height:0;
	overflow:hidden;
	width:121px;
	padding-top:52px;
	background:transparent url(../imgs/botonera.png) no-repeat scroll 0px 0px;
}

#menu ul li#news a { background-position:0px 0px; }
#menu ul li#info a { background-position:-125px 0px; }
#menu ul li#bands a { background-position:-250px 0px; }
#menu ul li#tickets a { background-position:-375px 0px; }
#menu ul li#canelismo a { background-position:-500px 0px; }
#menu ul li#gallery a { background-position:-625px 0px; }
#menu ul li#caneladas a { background-position:-750px 0px; }

#menu ul li#news-selected a { background-position:0px -108px; }
#menu ul li#info-selected a { background-position:-125px -108px; }
#menu ul li#bands-selected a { background-position:-250px -108px; }
#menu ul li#tickets-selected a { background-position:-375px -108px; }
#menu ul li#canelismo-selected a { background-position:-500px -108px; }
#menu ul li#gallery-selected a { background-position:-625px -108px; }
#menu ul li#caneladas-selected a { background-position:-750px -108px; }

#menu ul li#news a:hover { background-position:0px -54px; }
#menu ul li#info a:hover { background-position:-125px -54px; }
#menu ul li#bands a:hover { background-position:-250px -54px; }
#menu ul li#tickets a:hover { background-position:-375px -54px; }
#menu ul li#canelismo a:hover { background-position:-500px -54px; }
#menu ul li#gallery a:hover{ background-position:-625px -54px; }
#menu ul li#caneladas a:hover { background-position:-750px -54px; }

/* Footer
/*******************************************/

#footer #sponsor-line {
	display:block;
	text-align:center;
	background:white;
}
#footer #sponsor-line ul li {
	list-style-type:none;
	float:left;
	display:inline;
}

#footer #sponsor-line ul li {
	height:83px;	
	margin-right:18px;
	width:69px;	
}

#footer #trademark {
	height:10px;
	padding:6px;
	border-top:1px dashed silver;
}

/******* BAR *******/
#barContainer{
	background: #006cb7;
	height: 118px;
	color: #fff;
	position:relative;
	border-top: 1px solid #00c6ff;
}
#bar{
	width: 1000px;
	line-height: 118px;
	margin: 0pt auto;
}
#bar #play{
	float: left;
	width: 100px;
	background: transparent url(../imgs/play.jpg) no-repeat scroll center 22px;
}
#bar #play a{
	display: block;
}
#bar #song{
	width: 800px;
	float: left;
	background: transparent url(../imgs/barBackground.jpg) no-repeat scroll center top;
	text-align: center;
	font-size: 24px;
	margin: 0pt auto;
}
#bar #song #previous{
	float: left;
	background: red;
}
#bar #song span.title{
	margin: 0 15px 0 15px;
}
#bar #song #next{
	float: left;
	background: blue;
}
#bar #volume{
	float: left;
	width: 100px;
	background: transparent url(..imgs/vol3.jpg) no-repeat scroll center 22px;
}
/******* /BAR *******/