/*RESET CSS*/

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

/*FIN RESET CSS*/

/*GENERICOS*/

.fltl{float:left;}
.fltr{float:right;}
.clear{clear:both;}
.clean{overflow: hidden; min-height: 1%;}

/*FIN GENERICOS*/

/*ELEMENTOS HTML*/

BODY{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(../img/bg_cabecera.gif) repeat-x 0 5px;
}
a{color:#a33c32;}
a:hover{color:#a33c32;}
H1{
	width: 190px;
	height: 165px;
	background:transparent url(../img/logo.gif) no-repeat 0 0;
	text-indent: -999999px;
}
H1 a{
	width: 190px;
	height: 180px;
	display: block;
}
H2{
	font-size:22px;
	/*font-weight: bold;*/
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #a33c32;
	margin-bottom: 15px;
	overflow: hidden;
}

/*FIN ELEMENTOS HTML*/


/*******************************layout************************/

#wrapper{
	margin: 0 auto;
	margin-top: 5px;
	width: 960px;
	overflow: hidden;
	background:transparent url(../img/bg_wrapper.gif) repeat-y top right;
}
#header{
	background:transparent url(../img/bg_instrumentos.gif) no-repeat top right;
	width: 100%;
	height: 190px;
}
#content{
	background: #fff;
	min-height: 400px;
	/*margin-top: 30px;*/
	width: 630px;
	float: left;
	padding-bottom: 30px;
}
#content .col1{width: 620px; padding-left: 5px; min-height: 400px;margin-top: 20px;}
#content H3{
	font-size:18px;
	/*font-weight: bold;*/
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #a33c32;
	margin-bottom: 10px;
	margin-top: 15px;
	overflow: hidden;
	clear: both;
}
#content ul.componentes{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#content ul.componentes li {
	margin-bottom: 10px;
}
#content ul.componentes li span{
	font-weight: bold;
}
#content ul.musica{float:left;}
#content ul.musica li{background: #efefef; width: 288px; height:100px; border-right:1px solid #fff; border-bottom:1px solid #fff;padding: 10px; float: left;}
#content ul.musica li span{
	font-weight: bold;
	clear: both;
	color: #a33c32;
}
#content ul.musica p{margin-top: 5px;}
#content ul.galeria li{display: inline;}
#content ul.galeria li .fltl{margin: 0;}
#content ul.galeria li .fltr{margin: 0px;}
#content ul.galeria li a{cursor: default;}
#social{float:left; margin-left: 20px; width: 280px; padding: 15px; padding-top: 7px; height: auto; background: #A33C32; margin-top: 0px;}
#social h3.facebook{background: url(../img/bg_h3_facebook.gif) no-repeat 0 0; width: 250px; height: 35px; text-indent: -99999px;}
#social h3.contacta{background: url(../img/bg_h3_contacta.gif) no-repeat 0 0; width: 250px; height: 32px; text-indent: -99999px;}
#social ul.contacto li{
	color:#fff;
	margin-left: 10px;
}
#social ul.contacto li a{
	color:#fff;
}
#footer{
	background:#262525 url(../img/bg_footer.gif) repeat-x 0 0;
	width: 100%;
	height: 100px;
	/*position:fixed;*/
	bottom:0;
	left:0;
	clear: left;
	/**position:absolute;ie6*/
	position:relative;
}
#footer .clip{width:960px; margin: 0 auto; background: url(../img/basePie.jpg) no-repeat top right; height: 55px;}

/*******************************fin de layout************************/

/*******************************menu************************/
#menu{
	width: 630px;
	background:#000;
	overflow: hidden;
	height: 38px;
}
#menu li{
	display:inline;
	float: left;
	height: 35px;
	/*_margin-top:-1px;*/
	text-indent: -99999px;
}
#menu li a{display: block; height: 15px; margin-top: 12px; /*background: transparent url(../img/separador.gif) no-repeat right center;*/ border-right:1px solid #302f2f;}
#menu li a.last{border: none;}
/*#menu li a:hover{background:transparent url(../img/bg_hover.gif) no-repeat  45% 0%;}*/
#menu li.tray{
	width: 93px;
	background:transparent url(../img/bt_tray.gif) no-repeat 0 -68px;
}
#menu li.recit{
	width: 80px;
	background:transparent url(../img/bt_recitales.gif) no-repeat 0 -68px;
}
#menu li.sabor{
	width: 76px;
	background:transparent url(../img/bt_sabor.gif) no-repeat 0 -68px;
}
#menu li.musica{
	width: 86px;
	background:transparent url(../img/bt_musica.gif) no-repeat 0 -68px;
}
#menu li.galeria{
	width: 67px;
	background:transparent url(../img/bt_galeria.gif) no-repeat 0 -68px;
}
#menu li:hover{background-position: 0px -34px; cursor: pointer;}
#menu li.ON{background-position: 0px 0px; cursor: default;}
#menu li.ON a{background:none !important; border: none !important; cursor: default;}

/*******************************fin de menu************************/
#content p{margin:0 0 10px 0; text-align: left;}
#content img.fltl{margin-right: 10px; margin-bottom: 10px; margin-left: -5px;}
#content img.fltr{margin-left: 10px; margin-bottom: 10px; margin-right: -5px;}

/*************************************copyright***********************************************/
#Copyright{float: right; margin-top: 70px; color: #777; font-size: 10px;}
#Copyright strong{font-size: 12px;}
#Avisos{float: left; margin-top: 70px; color: #777; font-size: 10px;}
#Avisos a{color: #777;}
#Avisos a:hover{color:#fff;}