@charset "UTF-8";

/* ---- GENERAL --- */
body{margin:0px; padding:0px;}
.clear{clear:both;}

.espaiblanc {width:100%;height:50px;}







/* ---- HEADER --- */

#header {width:100%; background: url(images/pianobaseok.png) repeat-x center top ; padding: 0px 0px 0px 0px; }
#headercontent{width:1000px; height:140px; margin:0 auto; padding:0px; }
.pianoindex{background: url(images/pianoindex.png) no-repeat ;}
.pianocorcarlit{background: url(images/pianocorcarlit.png) no-repeat ;}
.pianoagenda{background: url(images/pianoagenda.png) no-repeat ;}
.pianocontacta{background: url(images/pianocontacta.png) no-repeat ;}
.pianofotos{background: url(images/pianofotos.png) no-repeat ;}
.pianomusica{background: url(images/pianomusica.png) no-repeat ;}
.pianonoticias{background: url(images/pianonoticias.png) no-repeat ;}
.pianotalleres{background: url(images/pianotalleres.png) no-repeat ;}
.pianovideos{background: url(images/pianovideos.png) no-repeat ;}

ul#mainmenu {list-style: none; margin:0; padding:0; width:1000px; height:50px; position:relative; top:87px;}
ul#mainmenu li{float:left; margin: 0px 0px; }
ul#mainmenu li a{color: #e60202; font-family:'Asap', sans-serif; text-decoration: none; font-weight:600; letter-spacing: 2px;}

ul#mainmenu li.corcarlitselected{background: url(images/botocorcarlit.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:7px; }
ul#mainmenu li.corcarlitselected a{ color:#ffffff; display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px; position:relative; left:0px;}

	ul#mainmenu li.corcarlitunselected{background: url(images/unbotocorcarlit.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:7px; }
	ul#mainmenu li.corcarlitunselected a{ display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px; position:relative; left:0px;}

ul#mainmenu li.agendaselected{background: url(images/botoagenda.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:4px; }
ul#mainmenu li.agendaselected a{ color:#ffffff;  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;}

	ul#mainmenu li.agendaunselected{background: url(images/unbotoagenda.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:4px; }
	ul#mainmenu li.agendaunselected a{  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px; position:relative; left:0px;}

ul#mainmenu li.musicaselected{background: url(images/botomusica.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:12px; }
ul#mainmenu li.musicaselected a{ color:#ffffff;  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px; position:relative; left:0px;}

	ul#mainmenu li.musicaunselected{background: url(images/unbotomusica.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:12px; }
	ul#mainmenu li.musicaunselected a{  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px; position:relative; left:0px;}

ul#mainmenu li.fotosselected{background: url(images/botofotos.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-12px; }
ul#mainmenu li.fotosselected a{ color:#ffffff;  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px; position:relative; left:0px;}

	ul#mainmenu li.fotosunselected{background: url(images/unbotofotos.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-12px; }
	ul#mainmenu li.fotosunselected a{  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

ul#mainmenu li.videosselected{background: url(images/botovideos.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:7px; }
ul#mainmenu li.videosselected a{ color:#ffffff;  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

	ul#mainmenu li.videosunselected{background: url(images/unbotovideos.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:7px; }
	ul#mainmenu li.videosunselected a{  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

ul#mainmenu li.noticiasselected{background: url(images/botonoticias.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-15px; }
ul#mainmenu li.noticiasselected a{ color:#ffffff;  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

	ul#mainmenu li.noticiasunselected{background: url(images/unbotonoticias.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-15px; }
	ul#mainmenu li.noticiasunselected a{  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

ul#mainmenu li.contactaselected{background: url(images/botocontacta.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-9px; }
ul#mainmenu li.contactaselected a{ color:#ffffff;  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

	ul#mainmenu li.contactaunselected{background: url(images/unbotocontacta.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-9px; }
	ul#mainmenu li.contactaunselected a{  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

ul#mainmenu li.tallersselected{background: url(images/bototalleres.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-5px; }
ul#mainmenu li.tallersselected a{ color:#ffffff;  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}

	ul#mainmenu li.tallersunselected{background: url(images/unbototalleres.png) no-repeat; height:50px; width: 125px; text-align: center; position:relative; left:-5px; }
	ul#mainmenu li.tallersunselected a{  display: block;height:30px; width: 125px; padding: 21px 0px 0px 0px;position:relative; left:0px;}


/* ---- CONTENTWRAPPER --- */

#contentwrapper{width:1000px; margin: 25px auto 60px auto; padding:0px; }
p {font-family:'Asap', sans-serif;color:#666666; font-size:13px;  letter-spacing: 1px; text-align: center; line-height:18px; margin:10px 0px 0px 0px;}
p .rojo {color:#e60202;}
#contentindex{width:1000px; margin: 25px auto 60px auto; padding:0px; }
#contentindex img{position: relative; top:118px; left:180px; float:center; margin: 27px 0px 168px 0px}



/* ---- CARRITO FOTOS --- */


#picsgallery{ width:998px; background: #313130; border: 1px solid #313130;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

.reel {width:124px; height: 118px; background: url(images/carretbgdos.png) no-repeat; float:left; }
.firstreel {width:124px; margin:0px 0px 0px 15px; height: 118px; background: url(images/carretbgdos.png) no-repeat; float:left;}
.lastreel{width:115px; height: 118px; float:left;  }

.reel img { width:100px; height:100px; margin:10px 0px 0px 2px}
.firstreel img { width:100px; height:100px;margin:10px 0px 0px 0px;}
.lastreel img { width:100px; height:100px;margin:10px 0px 0px 2px;}

#espaiscontent { width:960px; margin:20px auto; padding: 20px 20px 20px 20px; background: none; border: 1px solid #839688;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#espaiscontent h2 {font-family:'Asap', sans-serif; font-weight:100; color:#666666; margin:0px 0px 0px 0px;}
#espaiscontent h2 .som {font-family: 'Lobster', cursive; color:#a5b0ff;}
#espaiscontent p {font-family:'Asap', sans-serif;color:#666666; font-size:13px;}
#espaiscontent .right a.paragraphlink  {text-decoration:none; color: #666666; font-weight: 600;}
#espaiscontent .textremarked {color:#a5b0ff; font-weight:400;}

p.carrete{padding:20px 0px;}
p.carretedos{padding:22px 0px;}
.textcarrito {  padding: 13px 0px 0px 0px;font-family:'Asap', sans-serif;color:#ffffff; font-size:13px;  letter-spacing: 1px; text-align: center; line-height:18px;}

.row {width:100%; margin:0px auto;padding:0px;}
.left {width:20%;float:left;}
.lefttaller {width:30%;float:left;}

.right {width:80%;float:right;}
.righttaller {width:70%;float:right;}
.right p {font-family:'Asap', sans-serif;color:#666666; font-size:13px;  letter-spacing: 1px; text-align: justify; line-height:18px; margin:-13px 0px 0px -90px;}
.row p {font-family:'Asap', sans-serif;color:#666666; font-size:13px;  letter-spacing: 1px; text-align: justify; line-height:18px; margin:-13px 0px 0px -90px;}




/* ---- FOOTER --- */
#footer{width:100%; height:200px; background-color:#666666  ; padding: 0px 0px 0px 0px; }
#contentfooter{width:1000px; height:60px; margin: 0 auto; padding:0px;}
#contentfooter a{text-decoration: none; color: #999999; font-size:18px}
#contentfooter a.langactive{text-decoration: none; color: #FFFFFF;}
#contentfooter a.negreta{text-decoration: none; color: #999999; font-weight: 600;}
#piefooter{width:1000px; height:60px; margin: 0 auto; padding:0px;}
#piefooter a{text-decoration: none; color: #999999; }
#piefooter a.langactive{text-decoration: none; color: #FFFFFF;}
#piefooter a.negreta{text-decoration: none; color: #999999; font-weight: 600;}
#logofooter { display:inline; width:237px; height:69px;}
#logofooter a {width:237px; height:69px; display:inline-block; margin:10px 0px 0px 20px; }


#smfooter{float:right;}

#smfooter ul {list-style: none;}
#smfooter ul li {float:left; margin:0px 3px;}


#contentfooter p{font-family:'Asap', sans-serif;color:#999999; font-size:11px;  letter-spacing: 1px; text-align: center; line-height:18px; margin: 10px 0px 0px 0px; padding:0;}




/* ---- INDEX.HTML --- */
#slides{}
 .slides_container {width:1000px ;height:310px; margin: 20px 0px 0px 0px; background-color: transparent; border: 1px solid #e60202;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
 .slides_container div {width:1000px;height:310px; display:block; z-index:-1;}
  .slides_containertallers {width:1000px ;height:210px; margin: 20px 0px 0px 0px; background-color: transparent; border: 1px solid #e60202;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
 .slides_containertallers div {width:1000px;height:210px; display:block; z-index:-1;}
 .pagination{ clear:both; float:right; list-style:none; position:relative;bottom:45px;}
 .pagination li {background: url(images/paginationoff.png);width:20px;height:20px;float:left; display:block;}
 .pagination  .current {background:url(images/paginationon.png);width:20px;height:20px;}
 .pagination li a {display:block; text-decoration:none; color: transparent;}

 

/*---Marquesina*/
.tickercontainer { /* the outer div with the black border */
border: 1px;
background: #fff; 
width: 1000px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
position:relative;
bottom:50px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 1000px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {font-family:'Asap'; color:#e60202;letter-spacing: 1px; font-size:12px; font-weight: 200; margin: 0 200px 0 0; text-decoration: none;} 
ul.newsticker b {font-family:'Asap'; color:#ffffff;letter-spacing: 1px; font-size:12px; font-weight: 200; margin: 0 200px 0 0; text-decoration: none;}


/*Marquesina*/




#indexcontent { width:960px; margin:39px auto; padding: 10px 10px 10px 10px; background: none;}
#indexcontent h2 {font-family:'Asap', sans-serif; font-weight:600; color:#e60202; margin:0px 0px 0px 0px; letter-spacing: 3px;position:relative; top:0px; left:30px;}
#indexcontent .h22 {font-family:'Asap', sans-serif; font-weight:600; font-size:24px; color:#e60202; margin:0px 0px 0px 0px; letter-spacing: 3px;position:relative; top:0px;}

#indexcontent p {font-family:'Asap', sans-serif;color:#666666; font-size:13px;  letter-spacing: 1px; text-align: justify; line-height:18px; margin:10px 0px 0px 0px;}

#indexcontent .textremarked {color:#b6b64d; font-weight:400;}



.row {width:100%; margin:0px auto;padding:0px;}
.left {width:20%;float:left;}

.right {width:80%;float:right;}
.right h1 {font-family:'Asap', sans-serif; font-weight:600; color:#e60202; margin:0px 0px 0px 0px; letter-spacing: 3px;position:relative; top:6px;}

.row p {font-family:'Asap', sans-serif;color:#666666; font-size:13px;  letter-spacing: 1px; text-align: justify; line-height:18px; margin:10px 0px 0px 0px;}
.row .rojo {color:#e60202;}
.row h3 {font-size: 15px; font-family:'Asap', sans-serif; font-weight:600; color:#e60202; margin:5px 0px 0px 5px; letter-spacing: 3px;}



/*Menu secundari Index.html    margen izq.*/

.left ul {list-style: none; width:126px; position:relative; left:-7px;}
.left ul li { background: url(images/unbotomiembros.png) no-repeat; width:126px; height:33px;}
.left ul li a {text-decoration: none; font-family:'Asap', sans-serif; width:126px; height:33px; padding: 9px 0px 0px 0px; display: block; text-align:center; font-size: 14px; color:#e60202;}

.left ul li.active{background: url(images/botomiembros.png) no-repeat; width:126px; height:33px;}
.left ul li.active a{color:#ffffff;}








/* ---- HISTORIA --- */
.rightsquare {width:79%;height:450px;float:right; border: none; solid; border-color: #000000;}


/* ---- MIEMBROS --- */
.rightsquareunlimited{width:79%;float:right; border: 1px solid; border-color: #000000; padding:  0px 0px 39px 0px;}
.rightsquareunlimited p {margin: 0px 0px 0px 0px; padding:0px 10px 0px 10px;font-family:'Asap', sans-serif; color:#666666; font-size:12px; letter-spacing:1px; text-align: justify; line-height:17px; }


#membres{width:100%;  border:none;}
#membres tr {}
#membres tr.primerafila td{ padding:0px 0px 65px 0px; text-align:center; width:200px;}
#membres tr td{ padding:0px 0px 10px 0px; text-align:center; width:200px;}

#membres img{border-radius:3px; webkit-border-radius:3px; text-decoration:none; border:none; width:75px;}
#membres a{ display:block; text-decoration:none; font-family:'Asap', sans-serif; color:#666666; font-size:11px; letter-spacing:3px;  padding: 5px 0px 0px 0px; position:relative; top:13px; bottom: 13px; text-align:center;}

.mainfbsize {width:650px; height:280px; padding:25px 20px 25px 20px;}
.mainfbsize .row { width:650px;padding:0; margin:0;}
.mainfbsize .left {float:left; width:230px; position: relative; top:0px; left:0px;margin:0; padding: 0;}
.mainfbsize .right {float:right; width:413px; margin: -9px 0px 0px 0px;}
.mainfbsize .right h2 {font-family:'Asap', sans-serif; font-weight:600; color:#e60202; margin:0px 0px 0px 0px; letter-spacing: 3px; font-size: 18px}
.mainfbsize .right p {margin: 10px 0px 0px 0px; padding:0px 0px 0px 0px;font-family:'Asap', sans-serif; color:#666666; font-size:12px; letter-spacing:1px; text-align: justify; line-height:17px; }
.etiqueta { position:relative; top:0px; left:73px; padding: 10px 76px 16px 31px; background: url(images/etiquetabg.png) no-repeat; font-family:'Asap', sans-serif; color:#e60202; font-size:13px; text-align: center; letter-spacing:2px; font-weight: 600;}
.etiquetaoscar { position:relative; top:0px; left:14px; padding: 10px 76px 16px 31px; background: url(images/etiquetabgoscar.png) no-repeat; font-family:'Asap', sans-serif; color:#e60202; font-size:13px; text-align: left; letter-spacing:2px; font-weight: 600;}
.mainfbsize .left img{position: relative; top:22px; left:0px; float:left;}


.mainfbsizecuerda {width:270px; height:330px; padding:25px 20px 25px 0px;}
.mainfbsizecuerda .row { float:left; width:250px; padding:0px 0px 0px 15px; margin:0; position: relative; top:20px; left:0px}
.mainfbsizecuerda .row h2 {font-family:'Asap', sans-serif; font-weight:600; color:#e60202; position: relative; top:0px; left:24px; letter-spacing: 3px; font-size: 18px}
.mainfbsizecuerda .row p {position: relative; top:20px; left:24px; font-family:'Asap', sans-serif; color:#666666; font-size:12px; letter-spacing:1px; text-align: justify; line-height:17px; }
.mainfbsizecuerda .row img{position: relative; top:3px; left:24px; float:left;}

.etiquetados { position:relative; top:0px; left:45px; padding: 10px 76px 16px 31px; background: url(images/etiquetabg.png) no-repeat; font-family:'Asap', sans-serif; color:#e60202; font-size:13px; text-align: center; letter-spacing:2px; font-weight: 600;}


.fbsize {width:600px; height:400px; padding:10px 50px 27px 50px;}

/* ---- NOTICIAS --- */
.noticia {width:79%;height:450px;float:right; border: 1px 0px 1px 0px solid; border-color: #000000;}

/* ---- AGENDA --- */


ul#meses {list-style: none;  position:relative; left:-7px;bottom:-6px;}
ul#meses li { background: url(images/unbotomiembros.png) no-repeat; width:126px; height:33px; }
ul#meses li a {text-decoration: none; font-family:'Asap', sans-serif; width:126px; height:33px; padding: 9px 0px 0px 0px; display: block; text-align:center; font-size: 14px; color:#e60202;}

ul#meses li.active{background: url(images/botomiembros.png) no-repeat; width:126px; height:33px;}
ul#meses li.active a{color:#ffffff;}

.evento{ border-top: 1px solid; border-color: #666666; width:100%; height:110px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventocincolineas{ border-top: 1px solid; border-color: #666666; width:100%; height:130px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoseislineas{ border-top: 1px solid; border-color: #666666; width:100%; height:145px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventodoslineas{ border-top: 1px solid; border-color: #666666; width:100%; height:95px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventogrande{ border-top: 1px solid; border-color: #666666; width:100%; height:225px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventograndecincolineas{ border-top: 1px solid; border-color: #666666; width:100%; height:130px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoultimo  {border-top: 1px solid; border-color: #666666; border-bottom: 1px solid; border-color: #666666; width:100%; height:110px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoultimotreslineas  {border-top: 1px solid; border-color: #666666; border-bottom: 1px solid; border-color: #666666; width:100%; height:100px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoultimocuatrolineas  {border-top: 1px solid; border-color: #666666; border-bottom: 1px solid; border-color: #666666; width:100%; height:115px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoultimocincolineas  {border-top: 1px solid; border-color: #666666; border-bottom: 1px solid; border-color: #666666; width:100%; height:130px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoultimoseislineas  {border-top: 1px solid; border-color: #666666; border-bottom: 1px solid; border-color: #666666; width:100%; height:150px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoultimogrande  {border-top: 1px solid; border-color: #666666; border-bottom: 1px solid; border-color: #666666; width:100%; height:165px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventograndedos  {border-top: 1px solid; border-color: #666666; border-color: #666666; width:100%; height:240px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventograndedos a.negreta{text-decoration: none; color: #666; font-weight: 600;}
.eventoprimerovideo  {border-top: 1px solid; border-color: #666666; width:100%; border-color: #666666; width:100%; height:400px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventoultimovideo  {border-top: 1px solid; border-color: #666666; width:100%; border-bottom: 1px solid; border-color: #666666; width:100%; height:400px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventleft{width:25%; height:100%; float:left; }
.eventleft img{ margin:0px 0px 0px 0px; padding:10px 10px;}
.eventleftmedio{width:25%; height:100%; float:left; }
.eventleftmedio img{ margin:35px 0px 0px 0px; padding:10px 10px;}
.eventleftgrande{width:25%; height:100%; float:left; }
.eventleftgrande img{ margin:60px 0px 0px 0px; padding:10px 10px;}
.eventcenter{width:55%;height:100%; float:left;}
.eventcenter .rojo{color:#e60202;}
.eventcenter h3 {font-size: 15px; font-family:'Asap', sans-serif; font-weight:600; color:#e60202; margin:5px 0px 0px 5px; letter-spacing: 3px;}
.eventright{width:20%;height:100%; float:right;}
.eventrightmedio{width:20%;height:100%; float:right;}
.eventrightmedio a.info{ background:url(images/botolinkinfo.png) no-repeat;font-family:'Asap', sans-serif; font-size:12px; color: white;text-decoration: none;padding: 11px 22px 13px 45px; position: relative;left: 22px;top: 70px;}
.eventrightgrande{width:20%;height:100%; float:right;}
.eventrightgrande a.info{ background:url(images/botolinkinfo.png) no-repeat;font-family:'Asap', sans-serif; font-size:12px; color: white;text-decoration: none;padding: 11px 22px 13px 45px; position: relative;left: 22px;top: 103px;}
.eventright a.entradas{ background:url(images/botolinkentradas.png) no-repeat;font-family:'Asap', sans-serif; font-size:12px; color: white;text-decoration: none;padding: 11px 22px 13px 56px;position: relative;left: 22px;top: 42px;}
.eventright a.info{ background:url(images/botolinkinfo.png) no-repeat;font-family:'Asap', sans-serif; font-size:12px; color: white;text-decoration: none;padding: 11px 22px 13px 45px;position: relative;left: 22px;top: 42px;}


/* ---- NOTICIAS --- */

.eventright a.leermas{ background:url(images/botonoticiasleermas.png) no-repeat;font-family:'Asap', sans-serif; font-size:12px; color: white;text-decoration: none;padding: 11px 22px 13px 45px;position: relative;left: 22px;top: 42px;}









/* ---- musica --- */

.song{margin-left:10px;}
#indexcontentdos p {font-family:'Asap', sans-serif;color:#666666; font-size:13px;  letter-spacing: 1px; text-align: justify; line-height:4px; margin:10px 0px 0px 0px;}
.eventomusica  {border-top: 1px solid; border-color: #666666; border-color: #666666; width:100%; height:565px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventomusicanormal  {border-top: 1px solid; border-color: #666666; border-color: #666666; width:100%; height:120px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventomusicainicio  {border-top: 1px solid; border-color: #666666; border-color: #666666; width:100%; height:150px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.eventomusicanormalultimo  {border-top: 1px solid; border-color: #666666; border-bottom: 1px solid; border-color: #666666; width:100%; height:120px; display:block; margin:0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }







/* ---- videos --- */



.videocarlit{margin: 10px 0px 0px 160px;}









/* ---- Formulari Contacte --- */

#formulari{margin:50px 0px 0px 0px;}

legend {border: none;}
fieldset {border: none; margin:0 auto;}

button, input, select, textarea {margin: 0;font-size: 100%;vertical-align: middle;}

button,input {*overflow: visible;line-height: normal;}

button::-moz-focus-inner,
input::-moz-focus-inner {padding: 0;border: 0;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer;-webkit-appearance: button;}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {overflow: auto;vertical-align: top;}





label,input,button,select,textarea {font-size: 13px;font-weight: normal;line-height: 18px;}

input,button,select,textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

label { display: block;margin-bottom: 5px;color: #333333;}

input,textarea,select,
.uneditable-input {display: inline-block;width: 210px;height: 18px;padding: 4px;margin-bottom: 9px;font-size: 13px;line-height: 18px;color: #555555;background-color: #ffffff;border: 1px solid #cccccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.uneditable-textarea {width: auto;height: auto;}

label input,label textarea,label select {display: block;}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {width: auto;height: auto;padding: 0;margin: 3px 0;*margin-top: 0;
  /* IE7 */
line-height: normal;cursor: pointer;background-color: transparent;border: 0 \9;
  /* IE9 and down */
-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

input[type="image"] {border: 0;}

input[type="file"] {width: auto;padding: initial;line-height: initial;background-color: #ffffff;background-color: initial;border: initial;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;}

input[type="button"],
input[type="reset"],
input[type="submit"] {width: auto;height: auto;}

select,
input[type="file"] {height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
line-height: 28px;}

input[type="file"] {line-height: 18px \9;}

select {width: 220px;background-color: #ffffff;}

select[multiple],
select[size] {height: auto;}

input[type="image"] {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

textarea {height: auto;}

input[type="hidden"] {display: none;}



.controls > .radio:first-child,
.controls > .checkbox:first-child {padding-top: 5px;}

.radio.inline,
.checkbox.inline {display: inline-block;padding-top: 5px;margin-bottom: 0;vertical-align: middle;}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline margin-left: 10px}

input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus,
textarea:focus {border-color: rgba(82, 168, 236, 0.8);outline: 0;outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

.input-mini {width: 60px;}

.input-small {width: 90px;}

.input-medium {width: 150px;}

.input-large {width: 210px;}

.input-xlarge {width: 270px;}

.input-xxlarge {width: 530px;}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {float: none;margin-left: 0;}

input,
textarea,
.uneditable-input {margin-left: 0;}

input.span12,
textarea.span12,
.uneditable-input.span12 width: 930px}

input.span11,
textarea.span11,
.uneditable-input.span11 width: 850px}

input.span10,
textarea.span10,
.uneditable-input.span10 {width: 770px;}

input.span9,
textarea.span9,
.uneditable-input.span9 {width: 690px;}

input.span8,
textarea.span8,
.uneditable-input.span8 {width: 610px;}

input.span7,
textarea.span7,
.uneditable-input.span7 {width: 530px;}

input.span6,
textarea.span6,
.uneditable-input.span6 {width: 450px;}

input.span5,
textarea.span5,
.uneditable-input.span5 {width: 370px;}

input.span4,
textarea.span4,
.uneditable-input.span4 {width: 290px;}

input.span3,
textarea.span3,
.uneditable-input.span3 {width: 210px;}

input.span2,
textarea.span2,
.uneditable-input.span2 {width: 130px;}

input.span1,
textarea.span1,
.uneditable-input.span1 {width: 50px;}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {cursor: not-allowed;background-color: #eeeeee;border-color: #ddd;}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {background-color: transparent;}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {color: #c09853;}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {color: #c09853;border-color: #c09853;}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {border-color: #a47e3c;-webkit-box-shadow: 0 0 6px #dbc59e;-moz-box-shadow: 0 0 6px #dbc59e;box-shadow: 0 0 6px #dbc59e;}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {color: #c09853;background-color: #fcf8e3;border-color: #c09853;}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {color: #b94a48;}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {color: #b94a48;border-color: #b94a48;}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {border-color: #953b39;-webkit-box-shadow: 0 0 6px #d59392;-moz-box-shadow: 0 0 6px #d59392;box-shadow: 0 0 6px #d59392;}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
     -moz-box-shadow: 0 0 6px #7aba7b;
          box-shadow: 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  
  border-top: 1px solid #ddd;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}

.form-actions:after {
  clear: both;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

:-moz-placeholder {
  color: #999999;
}

::-webkit-input-placeholder {
  color: #999999;
}

.help-block,
.help-inline {
  color: #555555;
}

.help-block {
  display: block;
  margin-bottom: 9px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-prepend,
.input-append {
  margin-bottom: 5px;
}

.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: middle;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  z-index: 2;
}

.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc;
}

.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  height: 18px;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-append .uneditable-input {
  border-right-color: #ccc;
  border-left-color: #eee;
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
}


.form-horizontal input,

.form-horizontal textarea,

.form-horizontal select,

.form-horizontal .help-inline,

.form-horizontal .uneditable-input,

.form-horizontal .input-prepend,

.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 9px;
}

legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
  font-family:'Asap', sans-serif;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 160px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 160px;
}

.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}

.form-horizontal .form-actions {
  padding-left: 160px;
}


button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {display: inline-block;*display: inline;padding: 4px 10px 4px;margin-bottom: 0;*margin-left: .3em;font-size: 13px;line-height: 18px;*line-height: 20px;color: #333333;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;background-color: #f5f5f5;*background-color: #e6e6e6;background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(top, #ffffff, #e6e6e6);background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-repeat: repeat-x;border: 1px solid #cccccc;*border: 0;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color: #b3b3b3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);*zoom: 1;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.btn-large [class^="icon-"] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-small [class^="icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 2px;}


.btn-warning,
.btn-warning:hover,
.btn-inverse,
.btn-inverse:hover {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-warning {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}