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

body{
font-family: Helvetica;
font-size:14px; 
background:#00242a;
}

#idioma{
width:800px;
margin:0px auto 5px auto;
text-align:right;
color:#FFFFFF;
font-size:10px;
}

#idioma a{
text-decoration:none;
color:#FFFFFF;
}

#idioma a:hover{
text-decoration:none;
color:#666;
}

#web{
margin:0px auto 0px auto;
width:900px;
background-image:url(img/bk.png);
background-repeat:repeat-y;
}

#banner{
width:900px;
text-align:center;
}

#menuh {
width:900px;
margin:0px 0px 0px 12px;
}

/* ----- Hack only for IE 7 ----- */
*+html div#menuh {
   margin:8px 0px -10px 0px;
}

#menuh li {
display:inline;
margin: 0 -2px 0 -1px;
}

/* ----- Hack only for IE 7 ----- */
*+html div#menuh li {
	padding-left: -1px;
	position: relative;
	top: 6px;
	border-left: 1px solid #00454d;
}

#menuh a {
text-decoration:none;
color: #000000;
background: #FFF;
padding: 5px 27.3px;
border: 1px solid #00454d;
}

#menuh a:hover,
#menuh a.active {
background: #00454d;
color:#FFFFFF;
}

#menuh a#jazz{
color:#FF0000;
}

#menuh a#jazz:hover,
#menuh a#jazz.active {
background-color:#FF0000;
color:#FFF;
}

#entrada{
color:#FFFFFF;
width:790px;
background-color:#00454d;
margin:10px auto 0px auto;
padding:5px 0px 5px 10px;
}

#contingut_classes {
text-align: justify;
border: 1px solid #00454d;
width:790px;
margin:10px auto 0px auto;
padding-right: 10px;
}

#foto_classes{
width:250px;
height:250px;
background-color:#999999;
float:left;
}

#txt_classes{
height:330px;
font-size:12px;
margin-left:270px;
padding:5px 0px 5px 5px;
}

#form{
border: 1px solid #00454d;
width:800px;
margin-top: 5px;
position: relative;
left: 48px;
}

#form form {
margin-left: 250px;
}

#form #foto_contacte {
	position: absolute;
	top: 20px;
	right: 20px;
}

#missatge{
font-size:16px;
text-align:center;
width:800px;
height:20px;
padding-top:5px;
margin:10px auto 0px auto;
background-color:#00454d;
}

#missatge a{
color:#FFFFFF;
text-decoration:none;
}

#missatge a:hover{
color:#666;
text-decoration:none;
}

#classic{
margin:0px 0px 10px 0px;
text-align:center;
}

/* ----- Hack only for IE 7 ----- */
*+html div#classic {
	margin: 10px 0px 10px 0px;
}

#titol_home{
background-color:#00454d;
color:#FFFFFF;
padding:5px 0px 5px 5px;
}

#txt_home{
padding-left:5px;
}

#blocs_home{
margin-left:50px;
margin-bottom:10px;
}

#concerts{
text-align: left;
width:200px;
height:200px;
float:left;
border:#00454d 1px solid;
}

#concerts li {
list-style-type: disc;
margin-left: -10px;
padding-right: 10px;
}


#concerts a{
text-decoration:none;
color:#00454d;
padding-top:5px;
padding-bottom:5px;
display:block;
}

#concerts a:hover{
text-decoration:none;
color:#666;
padding-top:5px;
padding-bottom:5px;
display:block;
}

#projectes{
margin-left:10px;
width:200px;
height:200px;
float:left;
border:#00454d 1px solid;
}

#projectes li {
list-style-type: disc;
margin-left: -10px;
padding-right: 10px;
}


#projectes a{
text-decoration:none;
color:#00454d;
padding-top:5px;
padding-bottom:5px;
display:block;
}

#projectes a:hover{
text-decoration:none;
color:#666;
padding-top:5px;
padding-bottom:5px;
display:block;
}


#classes{
margin-left:420px;
width:380px;
height:200px;
background-color:#FF7656;
}

#bio{
width:800px;
height:400px;
margin:10px 0px 0px 50px;
border:#00454d 1px solid;
}

#bio_foto{
width:150px;
height:150px;
float:left;
}

#txt_bio {
text-align: justify;
margin-left:170px;
font-size:12px;
padding-right: 10px;
}

#actiu{
font-size:12px;
width:800px;
margin:10px auto 0px auto;
border:#00454d 1px solid;
}

#intro{
padding-left:10px;
}

#exp_proj{
margin-left:10px;
}

#foto_proj{
width:153px;
height:90px;
margin-top:10px;
background-color:#666666;
float:left;
}

#txt_proj{
padding-top:5px;
margin-left:163px;
text-align: justify;
padding-right: 10px;
}

#txt_proj a{
color:#666;
text-decoration:none;
}

#txt_proj a:hover{
color:#002f37;
}

#llegenda{
margin:10px auto 0px auto;
color:#FFFFFF;
font-size:12px;
}
.boxContenedor {
margin:0px auto 0px auto;
font-size:12px;
width:800px;
height:300px;
overflow:scroll;
}

#discos{
width:798px;
position: relative;
left: 50px;
margin-top: 5px;
border:#00454d 1px solid;
}

#centre{
width:350px;
margin-left:225px;
}

#portada{
width:125px;
height:125px;
float:left !important;
display: inline;
}

#info{
margin-left:145px;
width:300px;
}

#discos #info {
	padding-left:225px;
	padding-top: 5px;
}

/* ----- Hack only for IE 7 ----- */
*+html div#discos div#info {
	padding-left:20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* ----- Hack only for IE 7 ----- */
*+html div#discos div#info h4{
	font-size: 14px;
}

#discos #portada {
	padding-left:225px;
	padding-top: 15px;
}

#linia{
text-align:center;
margin:5px 0px 10px 0px;
}

#html{
font-size:12px;
text-align:center;
}

#html a:link {
	color:#00454d;
	text-decoration: none;
}
#html a:visited {
	color:#00454d;
	text-decoration: none;
}
#html a:hover {
	color:#666;
	text-decoration: none;
}
#html a:active {
	color:#00454d;
	text-decoration: none;
}
.parell {
	background: #cfe5e5;
	width: 100%;
	padding-bottom: 5px;
}