body { margin: 0; padding: 0; background: #4d2c2c url(../img/bg.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #535353; line-height: 22px;  }
h1 { font-family: Georgia; font-size: 30px; color: #660906; font-weight: normal; padding-bottom: 20px; }
h2{ font-family: Helvetica, Arial, sans-serif; font-size: 22px; color: #9b0808; font-weight: normal; margin-bottom: 15px; letter-spacing: -1px; }
h2.margen { margin-left: 20px; }
h2.centro { text-align: center; }
h3{ font-family: Helvetica, Arial, sans-serif; font-size: 19px; color: #9b0808; font-weight: normal; margin: 0 0 10px 0; }
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #9b0808; font-weight: normal; letter-spacing: -1px; font-variant: small-caps; }
a { text-decoration: none; color:#F5D5A0; }
a:hover, a:active {	text-decoration:none; color:#fff;}
#idiomas { position: relative; top: 0; float: right; text-align: right; width: 100%; line-height: 14px; margin: 0; padding: 0 10px 5px 0; color: #E5E5E5; }
#idiomas li{ display: inline; list-style-type: none; padding-left: 10px; }
#idiomas li a{ padding: 0 2px; }
#idiomas.menues a#enlacecastellano,
 #idiomas.menuca a#enlacevalenciano { background-color: #4B4B4B; color: white; padding: 5px 8px; text-decoration: none; }
 
 
#bg { padding: 0; float: left; width: 100%; background: url(../img/bg.gif) repeat-x bottom; }
#lienzo { width: 900px; margin: 0 auto; }
#cabecera { float: left;}
#logo { float: left; border: none; margin: 0; }

#pie { float:left; height: 88px; line-height:18px; width:815px; padding:20px 25px 0 60px; background: #4D2C2C url(../img/abajo2.png) no-repeat top right; color: #B1B1B1;}
#pie h3 {color: #B1B1B1;}
#pie a {	font-weight:bold;	color:#C80F0B; text-decoration:none;}
#pie a:hover, a:active { text-decoration:none;	color:#FA9A98;}
#pie p.autor{ color: #6d6d6d; text-align: center; margin-top: 20px; font-size: 11px; }
#pie p.autor a{ color: #6d6d6d; }
#pie p.autor a:hover, a:active { text-decoration: underline; }

/* estructuras generales*/
#bloquecols{ width: 900px; margin: 0; padding: 20px 0 0 0; float: left; background: #fff url(../img/abajo.png) no-repeat bottom right; }
#bloquecols .topnoticias { width: 860px; height: 180px; margin: 0 20px 20px 20px; }
#col1{ width: 575px; margin: 0 0 0 20px; padding: 0; float: left; }
#col1 p.lamina{ margin: 0; padding: 0 0 20px 0; text-align: center; color: #7b7b7b }
#col2{ width: 253px; float: left; margin: 0 20px 20px 10px; padding: 10px; background: #EEE; border: 1px solid #C9C9C9; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#col3{ width: 210px; float: left; height: 290px; padding: 0; margin: 20px 0px 0 10px; background: #fff url(../img/tienda_bg.png) no-repeat; }
#col3 a{ color: #A60C0A; }
#col3 a:hover, a:active { text-decoration: underline;}
#col4{ width: 190px; float: left; padding: 0; margin: 240px 0 0 0; background: #fff; }
#revista{ width: 690px; position:relative; margin: 20px 0 20px 20px; padding: 0; float: left; }


/* NOTICIAS */

#noticias ul li {	display: block; float: left; padding: 0 0 15px 20px; margin-bottom: 30px; background: url(../img/noticiasbg.jpg) no-repeat bottom left; }
#noticias ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing: -1px; color: #9B0808; }
#noticias .subt { color: #535353; font-weight: bold; }
#noticias .fecha { line-height: 22px; background: url(../img/clave.jpg) no-repeat top left; padding-left: 40px;  }
#noticias a { color: #000; }
#noticias .banner { margin-bottom: 30px; }

.tumblr_title { font-size: 22px; font-family: Helvetica Neue,sans-serif; letter-spacing: -1px; color: #9b0808; margin-bottom: 10px; }
.tumblr_post { margin-bottom: 20px; padding: 0 10px 0 0; text-align: justify }
.tumblr_post .subtitulo { font-size: 18px; font-family: Helvetica Neue,sans-serif; letter-spacing: -1px; color: #9b0808; margin-bottom: 10px; }
.tumblr_post img { margin: 20px auto; width: 550px; }
.tumblr_post a { color: #000; }
.tumblr_post blockquote { margin: 10px 0 0 20px; border-left: 3px solid #ccc; padding-left: 10px; }
.tumblr_quote { background: #f1f1f1; padding: 20px; line-height: 20px; }
.tumblr_link { font-size: 15px; line-height: 18px; }
.tumblr_video { text-align: center; }
.tumblr_caption { text-align: center; }
.tumblr_description { font-size: 14px; line-height: 16px; }
.tumblr_source { line-height: 30px; }
.tumblr_caption { color: #aaa; line-height: 30px; }

/* HISTORIA */
.historia {padding-bottom: 20px;}
.historia p{color: #4e4e4e; text-align: justify; margin: 10px 10px 10px 0; }

/* COL2 */
#col2 h2 { border-bottom: 1px solid #C9C9C9; }
#col2 p{ margin: 0 0 5px 0; }
.player { display: block; background: url(../img/player.gif) no-repeat top left; height: 40px; line-height: 40px; font-weight: bold; text-decoration: none; outline: none; margin: 10px 0 10px 0; }
.player span { display: none; }
.player:hover{ background-position: bottom left; }


#container { padding: 0 20px 20px 20px; }
.contenido{ padding: 10px; margin: 0 10px 20px 0; background-color: #ccc; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.contenido p{ margin: 0 0 10px 0; text-align: justify; padding: 0; }
img.derecha { background: #fff; border: 1px solid #ccc; padding: 5px; float: right; margin: 0 0 10px 10px;	display: block; }
img.izquierda { background: #fff; border: 1px solid #ccc; padding: 5px; float: left; margin: 0 10px 10px 0; display: block; }
img.centrar { background: #fff; border: 1px solid #ccc; padding: 5px; margin: 10px auto;	display: block; }
	

/* ORGANIZACION */
#organizacion {width: 730px; margin: 40px auto; padding-left: 150px; font-size: 14px; }
#organizacion h1{ padding:0; }
#organizacion dt{width: 230px; height: 40px; margin-right: 10px; padding: 15px 0 0 20px; float: left; border-right: 1px solid #e3e3e3; }
#organizacion dd{ width: 580px; height: 40px; padding-top: 15px; border: 1px solid #e3e3e3; margin-bottom: 4px; background-color: #fff; background-repeat: no-repeat; background-position: top right; }
#organizacion dd.director {background-image: url(../img/director_xaramita.png);}
#organizacion dd.clarinete {background-image: url(../img/clarinete.png);}
#organizacion dd.solfeo {background-image: url(../img/solfeo.png);}
#organizacion dd.coro {background-image: url(../img/coro.png);}
#organizacion dd.iniciacion {background-image: url(../img/iniciacion.png);}
#organizacion dd.trompeta {background-image: url(../img/trompeta.png);}
#organizacion dd.flauta {background-image: url(../img/flauta.png);}
#organizacion dd.secretaria {background-image: url(../img/secretaria.png);}
#organizacion dd.trompa {background-image: url(../img/trompa.png);}
#organizacion dd.trombon {background-image: url(../img/trombon.png);}
#organizacion dd.piano {background-image: url(../img/piano.png);}
#organizacion dd.saxo {background-image: url(../img/saxo.png);}
#organizacion dd.xaramita {background-image: url(../img/xaramita.png);}
#organizacion dd.percusion {background-image: url(../img/percusion.png);}

/* VIDEOS */
#videos { width: 690px; margin: 0 0 40px 20px; }
#videos ul { margin: 0 0 0 0; }
#videos ul li { display: block; float: left; width: 323px; border: 1px solid white; margin: 0 10px 10px 0; padding: 10px 0 10px 10px; }
#videos ul li a { display: block; color: #535353; }
#videos ul li span{ padding-left: 5px; border-left: 3px solid #9b0808; }
#videos ul li:hover { border: 1px solid #9b0808; }

/* PARTIRURAS */
#partituras { width: 680px; position:relative; margin: 20px 0 20px 20px; padding: 0; float: left; }
#partituras ul {  }
#partituras ul li h3 { color: #7c7c7c; }
#partituras ul li h4 { color: #404040; }
#partituras li { padding: 20px 0 0 0; float: left; text-align: center; }
#partituras li.cabecera { padding: 0 0 5px 0; border-bottom: 1px solid #404040; }
#partituras li.titulo { width: 180px; text-align: left; }
#partituras li.autor { width: 238px; text-align: left; }
#partituras li.anio { width: 95px; }
#partituras li.pdf { width: 72px; }
#partituras li.desc { width: 100%; padding: 0 0 5px 0; text-align: left; color: #7C7C7C; border-bottom: 1px solid #7C7C7C; }
#partituras #download {	background:transparent url(../img/down.png) no-repeat scroll 0 0; display:block; height:81px; overflow:hidden; text-indent:-999em;	width:72px; cursor:pointer;}
#partituras #download:hover {	background-position:0 -81px ;}


#mapa { margin: 0 20px 60px 20px; float: left; width: 487px; }
#mapa #direccion img{ border: 1px solid #CDCDCD; display: block; margin: 0; }
#mapa #direccion p{ margin: 0; border: 1px solid #CDCDCD; border-top: none; padding: 10px; text-align: center; }
#mapa #direccion p a{ text-decoration: none; color: #A2A2A2; margin: 0 10px 0 0; }
#mapa #direccion p a:hover{ text-decoration: underline; color: Black; }

#contacto { float: left; width: 353px; padding-bottom: 20px; margin: 0 20px 40px 0; }
#contacto form#contactform p{ margin: 0; height: 21px; margin: 0 0 10px 0; }
#contacto form#contactform p.textarea{ height: 113px; margin: 0 0 16px 0;}
#contacto form#contactform p.submit{ margin: 0; padding: 0 0 0 100px; }
#contacto form#contactform p label{ display: block; float: left; width: 100px; text-align: right; line-height: 21px; padding: 0; }
#contacto form#contactform input{ border: 1px solid #CDCDCD; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 13px; width: 235px; padding-left: 3px; margin-left: 5px; }
#contacto form#contactform input:focus{ border-color: #A2A2A2; }
#contacto form#contactform textarea{ border: 1px solid #CDCDCD; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 13px; overflow: auto; width: 235px; height: 110px; padding-left: 3px; margin-left: 5px; }
#contacto form#contactform textarea:focus{ border-color: #A2A2A2; }
#contacto form#contactform input.submit{ display: block; margin: auto; width: 100px; height: 22px; padding: 0 0 2px 0; color: #6F6A66; cursor: pointer; border: 1px solid #A2A2A2; background: #f1f1f1 url(../img/submit.gif); font-size: 12px; outline: none; }


/*------[MENU]----------------------------------------------*/
#nav { width: 895px; position: relative; margin: 0; background: #000 url(../img/cuero.jpg) no-repeat; float: left; height: 80px; padding: 0px 0px 0px 5px; }
#nav-left { float: left; margin-left: -15px; position: relative; }
#nav-right { float: right; margin-right: -10px; position: relative; }
#nav ul li { display: block; float: left; padding: 0px !important; height: 32px; margin: 12px 5px 0px 5px; background-image: url(../img/nav-hover-left.gif); background-repeat: no-repeat; background-position: left -32px; }
#nav ul li li { background-image: none; }
#nav ul li:hover { background-position: left 0px; }
#nav ul { list-style-type: none; margin: 0px; padding: 6px 0px 0px 0px; float: left; }
#nav a:link, #nav a:visited { color: #fff; font-size: 14px; height: 22px; display: block; padding: 5px 10px; float: left; background-image: url(../img/nav-hover-right.gif); background-repeat: no-repeat; background-position: right -32px; }
#nav a:hover { background-position: right 0px; color: #e7dfdb; }
#nav li li a:link, #nav li li a:visited { height: 27px; padding: 5px 10px; font-size: 13px; font-weight: bold; color: #384b5f; width: 168px; margin: 0px 0px 0px 5px; display: block; float: left; background-image: none; }
#nav li li { height: 33px; margin: 0px 0px 0px 2px; }

		/*------[HOVER STYLE]----------------------------------------------*/
		.dropdown:hover { background-image: url(../img/nav-dropdown-hover-right.gif) !important; background-position: top right !important; }
		.dropdown:hover .red { color: #60271E !important; background-image: url(../img/nav-dropdown-hover-left.gif) !important; background-position: left !important; background-repeat: no-repeat !important; }
	
		/*------[CURRENT PAGE]-----------------------------------------------*/
		.current { z-index:9 !important; position: relative; background-position: left 0px !important; }
		.current2 { z-index:9 !important; position: relative; background-position: right 0px !important; color: #e7dfdb !important; }
		
		/*------[CURRENT PAGE DROPDOWN OVERRIDE]----------------------------*/
		.darklink-dropdown { background-image: url(../img/nav-hover-right.gif) !important; background-repeat: no-repeat !important; background-position: right 0px !important; color: #efe59c !important; }
		.darklink-dropdown-li { background-image: url(../img/nav-hover-left.gif) !important; background-repeat: no-repeat !important; background-position: left 0px !important; }
		
		/*------[DROPDOWN MENU]----------------------------------------------*/
		.nav li ul { position:absolute; top:-999em; width: 201px; background-image: url(../img/dropdown-top.gif); z-index:100 !important; background-repeat: no-repeat; padding: 0px; margin: 0px; }
		.nav li { float:left; position:relative; display: block; }
		.nav ul li { width: 197px; padding: 0px; margin: 0px 0px 0px 2px; background-color: #E6E6E6; float: left; display: block; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:28px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:161px; top:-26px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li a:hover { background-color: #fff; }
		.subscribe-submit { background-color: #932c1f; color: #fff; font-size: 11px; font-family: Arial; margin-left: 10px; border: none; font-weight: bold; padding: 0px 6px 2px 6px; float: left; height: 20px; margin-right: 12px; }
		.social_link { float: left; margin-right: 16px; }
#nav .iconos_sociales { position: absolute; height: 32px; right: 10px; top: 15px; }
#nav .iconos_sociales a{ display: block; width: 32px; height: 32px; }
#nav .iconos_sociales a:hover { background-image: none; }
#nav .iconos_sociales img { display: block; margin: 0; width: 32px; height: 32px; }


#tienda{ width: 660px; position:relative;	margin: 0 0 20px 20px; padding: 0; float: left; }
#tienda ul { list-style: none; text-align: left; height: 20px; margin:0; padding:0;	border-bottom: solid 2px #e3e3e3;	width: 662px;}
#tienda li { float: left; margin: 0 3px 0 0; padding: 0; height: 20px; line-height: 20px;	text-align:center;}
#tienda a.tabSelect {	font-size: 13px; font-family: Tahoma, Arial, Verdana, sans-serif; min-width: 120px; width: 120px; display: block; height: 20px;
    float: left; color: #1d1b19; text-decoration: none; background-color: #e3e3e3;} 
#tienda a.tabSelect:hover {	color: #0080ff;}
#tienda a.tabSelected {	background-color: white; cursor: default;	border: solid 1px #e3e3e3; border-top: solid 2px #e3e3e3; border-bottom: 1px white solid;	color: #A60B09; }
#tienda a.tabSelected:hover {	color: #A60B09;}
#tienda li#first { margin-left:30px;}
#tienda div.SlideTabContainer {	width:660px; border-top:none;	margin:0;	padding:0; text-align:justify; border: solid 1px #e3e3e3;	border-top:0px;	font-family: Arial, Tahoma, sans-serif;
    font-size: 14px; color: #666666;}
#tienda div.SlideTab p { margin:0; padding:20px; text-align:justify;}
#col3 p{margin: 110px 0 0 20px; font-size: 12px; font-family: Tahoma, Arial, Verdana; }
.bold {	font-weight:bold;}

#download_now {	background:transparent url(../img/download.png) no-repeat scroll 0 0; display:block; height:129px; margin-left:30px; overflow:hidden;	text-indent:-999em;	width:128px; cursor:pointer;}
#download_now:hover {	background-position:0 -129px ;}
.tooltip { display:none; background:url(../img/black_arrow.png); height:90px; padding:20px 20px 10px 30px; width:149px; font-size:12px; color: #fff;}
.tooltip .label {	color:yellow;	width:65px;}
.tooltip a { color:#ad4; font-size:11px; font-weight:bold;}