/*--------- generalitats--------*/
body {
background-color:#bc17ab;
font: 70%/100% "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
color:#bc17ab;
padding:0px;  
margin:20px;
text-align: center;
}

:lang(ca), :lang(pt), :lang(en) {font-family: Georgia, "Times New Roman", Times, serif;}

#CB { 	
text-align: left;
width:896px;
margin: 0px auto;
padding: 0px;
background:#000000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

			
p, h1, pre, form {
margin: 0px; 
padding: 5px 10px; 
}

h1 {
text-transform:uppercase;
text-align: left;
color:#15540a;
border-bottom:1px dotted;
line-height:120%;
font: bold 1.6em Futura, "Century Gothic", Helvetica, sans-serif;
}

h2 {
text-align: left;
color:#15540a;
line-height:115%;
font: bold 1.5em Futura, "Century Gothic", Helvetica, sans-serif;
}

h3 {
text-align: left;
color:#af1023;
line-height:110%;
padding:10px 0px 0px 0px;
font: bold 1.4em Futura, "Century Gothic", Helvetica, sans-serif;
}

h4 {
text-align: left;
color:#af1023;
line-height:105%;
font: bold 1.3em Futura, "Century Gothic", Helvetica, sans-serif;
}

h5 {
text-align: left;
line-height:100%;
font: bold 1.2em Futura, "Century Gothic", Helvetica, sans-serif;
}

a { 
color: #af1023;
background-color:transparent;
text-decoration: none; 
}

a:hover { 
color: #000000;
background-color:#af1023;
}

a:after{content: "\00A0\00BB";} 
a:visited:after {content: "\00A0\2713"}

.hide {
display:none;
}

img {
border:none;
background:transparent;
}

blockquote {
font-size:.9em;
}

/*----------contingut-------*/
#header {
width:auto;
height:331px;
margin:0;
padding:8px 20px 0px 9px;
color:#CCCCCC;
background-color:#ffffff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
/*border-bottom:10px solid #bc17ab;*/
voice-family: "\"}\"";voice-family:inherit;
height:294px; /* the correct height */
}
body>#Header {
height:331px;
}

#BigImage {
width:564px;
height:226px;
margin-left:150px;
padding:0;
color:#333;
background:url(/rotador.php) no-repeat;
}
#Logo a {
position:relative;
margin:10px 0px 0px 140px;
padding: 60px 0 0 0;
overflow: hidden;
display:block;
color:#ff0000;
background:url(../i/02logo.gif) top left no-repeat;
text-decoration: none; 
height: 0px !important;
height /**/:28px;/* for ie5.x */
}
#content {
/* width specified solely for the ie6 peekaboo bug... */
/* ..and before killing ourselves, we need to patch the patch!*/
width:920px; /* 896+15+9 - false value for the width for IE5.x. */
margin:0px;
voice-family: "\"}\"";voice-family:inherit;
width:896px; 
}

body>#content {
width:896px;
}/* be nice to Opera 5 */


#left {
width:100px;
padding:10px;
margin:0px 0px 0px 20px;
float:left;
}
.left {
position:relative;
margin:0;
padding-top:5px;
z-index:1;
}
// '*' means 'every child' basically a wildcard for every chlid of #left
#left * {
	position: relative;
	}
	
#center {
margin:0;
width:542px;
padding:10px;
float:left;
overflow:auto;
}

#center #breadCrumb {width:542px; font-size:0.8em;}
#center #breadCrumb ul { margin:0; padding:0 0 40px 0; width:100%; border:0; background:none;}
#center #breadCrumb ul li { float:left; list-style:none; padding:0 0 0 5px; border:0; background:none; min-height:0;}
#center #breadCrumb ul li:first-child { padding:0;}
#center #breadCrumb a { text-decoration:none; display:block; padding:0 5px 0 0;}
#center #breadCrumb a:hover { text-decoration:underline;}
#center #breadCrumb a:visited:after {content: "\00A0\00BB";}

#center img {
padding: 4px;
 border: 1px solid #5f5f5f;}

img.center {
float:right;
clear:left;
margin:10px 20px 10px 20px;
} 

/*img.center {
float:left;
clear:left;
margin:4px 20px 4px 20px;
} */

p+h2 {padding-top:10px;clear:both;}
p+h3 {padding-top:10px;clear:both;}
h4 {padding-top:10px;clear:both;}

#center ol li img{
border:none;
}

#right {
width:80px;
padding:10px;
margin:10px 10px 0px 0px;
float:right;
}	

// '*' means 'every child' basically a wildcard for every chlid of #left
#right * {
	position: relative;
	}

#right p {
margin-bottom:10px;
color:#ffffff;
background:#af1023;
}

#right h3 {
margin-bottom:10px;
color:#ffffff;
background:#af1023;
padding: 5px 10px;
}
	
.right1 {
position:relative;
margin:0px;
padding-top:5px;
z-index:1;
overflow:auto;
}

.right2 {
position:relative;
margin:0px;
padding-top:5px;
z-index:1;
overflow:auto;
}

.destacat{
color: #006699;
font-weight:bold;
}

.destacat2{
color: #027d87;
font-weight:bold;
}

.nota{
font:1.1em Futura, "Century Gothic", Helvetica, sans-serif;
text-transform:uppercase;
}

input , textarea, select{
	border: 1px solid #15540a;
	background-color: #fff;
	padding:0;
	margin:0;
	vertical-align: middle;
	width:95%;	

}

.enviar{
	width:54px;
	background-color: transparent;
        text-align:center;
	}

/*----------- menu------------------------------*/

#nav
{
	margin: 10px 0 0 0;
        font: bold 1em Futura, "Century Gothic", Helvetica, sans-serif;
}

#nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:.9em;
}
#nav ul li 
{
display: block;
padding: 0;
margin: 0;
border-left: 0px solid #15330a;
text-decoration: none;
border-bottom:1px solid #15330a;
line-height:125%

}
#nav ul li ul li 
{
display: block;
padding: 0;
margin: 0;
border-left: 0px solid #15330a;
text-decoration: none;
line-height:125%

}

#nav li a
{
display: block;
border-left: 10px solid #15330a;
text-decoration: none;
background:#15540a;


}


#nav li ul li a
{
border-left: 20px solid #15330a;
}



#nav a { 
color: #ffffff;
border-bottom:1px solid #15330a;
border-top:1px solid #15330a;
	}

#nav a:hover
{
border-color: #af1023;
color: #ffffff;
background: #15330a;
border-bottom:1px solid #15330a;
border-top:1px solid #15330a;

}
#nav a.selected  {
border-color: #af1023;
color: #ffffff;
background: #15330a;
border-bottom:1px solid #15330a;
border-top:1px solid #15330a;
}
#nav ul li ul li a.selected  {
border-color: #af1023;
color: #ffffff;
background: #fd4b00;
border-bottom:1px solid #af1023;

border-top:1px solid #af1023;

}

/*--------fotos---------*/

#img {
margin:0 auto;
width:512px;
}

/*--------tancament---------*/
#footer {
position:relative;
width:882px;
margin:5px 0px 5px 0px;
clear: both;
background: #ffffff;
padding:8px;
text-align: left;
/*border-top:10px solid #bc17ab;*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
	}	
#footer a { 
font-weight: bold;
}

.copyright{
font-size: xx-small;
voice-family: "\"}\""; 
voice-family:inherit;
font-size: x-small;	
} 

/*-----player----*/
a.player {
	  display:block;
	  width:530px;
	  height:298px;
	}

#center a.player:hover {
	  background:none;
	}

#center a.player img {
	  border:none;
	}

.santJoan img {
	  width:530px;
	  height:298px;
	}