/*Document CSS*/

body {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
    color: #000000;
	background-image:url(../img/bck_web.jpg);
	background-repeat:repeat-x;
	color:#330000;
}

body.cms {
background-color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6 {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
font-weight:normal;
}
h1 {
	font-size: 30px;

}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;

}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 10px;
}

.c9 {
	color: #999999;
}

.cF {
	color: #FFFFFF;
}

.c6 {
	color: #666666;
}

.c90 {
    color: #990000;
}

.cOB {
	color: #0B3156;
}

.c30 {
color:#330000
}

.I {
    font-style: italic;
}

.B {
    font-weight: bold;
}

a {
    color: #666666;
	text-decoration:none;
	outline:none;
}

.arial {
font-family:Arial, Helvetica, sans-serif;
}
img {
margin:0px;
padding:0px;
outline:none;
}

#content {
padding:25px 0px 0px 50px;
width:1012px;
}

.float_l {
float:left;
}

.float_r {
float:right;
}



.both {
clear:both;
}


/******** TAGLINES ************/

body.cms #tagline_index{
position:absolute;
top:259px;
left:280px;
z-index:20;
}

body.cms #tagline_home {
position:absolute;
top:224px;
left:280px;
z-index:20;
}


#tagline_index {
position:absolute;
top:215px;
left:280px;
z-index:20;
}

#tagline_index h1{
font-size:12px;
}

#tagline_home {
position:absolute;
top:180px;
left:280px;
z-index:20;
}

/**********LANGS (Idiomes- Index)************/
body.cms #langs{
position:absolute;
top:314px;
left:380px;
z-index:1;
}

#langs {
position:absolute;
top:270px;
left:380px;
z-index:1;
} 

#langs a {
	text-decoration:none;
	color:#000000;
}

#langs a:hover {
font-weight:bold;
}

/**********LANGS (Idiomes- Home)************/
body.cms #langs2{
	position:absolute;
	top:84px;
	left:877px;
	z-index:1;
	text-align:right;
	width: 152px;
}


#langs2 {
	position:absolute;
	top:40px;
	left:777px;
	z-index:1;
	text-align:right;
	width: 182px;
} 

#langs2 a {
	text-decoration:none;
	color:#663333;
}

#langs2 a:hover {
font-weight:bold;
}

#active_lang {
font-weight:bold;
}

/********** TOOLTIP **********/

#dhtmltooltip{
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

#tooltiptitle {
	background-color:#CC9900;
	padding:10px;
	color:#FFFFFF;
}

/********* NAVEGACIó ***********/
#navcontainer { width: 200px;}

#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}


#navcontainer a{
display: block;
margin:2px;
padding: 5px;
width: 160px;
color: #742818;
}

#navcontainer a:hover{
background-color:#CEB27D ;
color: #742818;
}

#navcontainer a.current {
background-color:#742818 ;
color: #FFFFFF;
}

#navcontainer a:hover.current {
background-color:#742818 ;
color: #FFFFFF;
}

#banner a, #banner a:hover {
display: block;
margin:2px;
padding: 5px;
width: 160px;
color: #742818;
background-color:transparent;
}

/**** HOME ****/
.content_home {
width:473px;
padding:5px 0px 0px 30px;
}

body.cms #foto_quadre {
position:absolute;
top:303px;
left:278px;
z-index:1;
}

#foto_quadre {
position:absolute;
top:259px;
left:278px;
z-index:1;
height:204px;
width:142px;
overflow:hidden;
}

#foto_quadre img {
border:1px solid #FFFFFF;
}

#maestro {
padding-left:15px;
}

a#mail {
text-decoration:underline;
color:#990000;

}
a:hover#mail {
text-decoration:none;
color:#FFFFFF;
background-color:#990000;

}

/**** PATADAS ***/
#patadas {
width:750px;
height:400px;
background-image:url(../img/bck_paper.jpg);
background-repeat:no-repeat;
}

#patadas_bottom {
width:750px;
height:100px;
background-image:url(../img/bck_paper_bottom.jpg);
background-repeat:no-repeat;
background-position:right;

}

.border {
border:1px solid #333000
}

#situacio {
padding:60px 10px 0px 60px;
}

.subtitol {
font-size:14px;
}

.block {
font-size:14px;
padding-bottom:15px;
}

.block a {
color:#990000;
text-decoration:underline;
}

.block a:hover {
color:#FFF;
text-decoration:none;
background-color:#990000;
}

.peu {
font-size:11px;
font-weight:bold;
}

.descriptiu_video {
width:183px;
padding-left:35px;
padding-top:5px;
}

.text_t {
width:370px;
padding-left:40px;
}

.text_t2 {
width:370px;
padding-right:5px;
}

.top {
padding-right:40px;
}

/*ENLLACOS*/
.enllacos a{
display:block;
width:700px;
padding:12px 0px 6px 12px;
border-bottom:1px solid #330000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#330000;
}

.enllacos a:hover{
text-decoration:none;
}

.enllacos a span{
display:block;
font-size:13px;
font-weight:bold;
padding-bottom:1px;
}
/*THUMBS*/
.thumbs{
padding-top:10px;
width:205px;
}

.thumbs .divs{
width:44px;
height:44px;
overflow:hidden;
text-align:center;
display:block;
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid #333000;
}

.thumbs .divs img{
border:0px;
}

/*FORMULARI*/
.input {
border:1px solid #C1A164;
width:200px;
height:20px;
margin-top:4px;
margin-bottom:7px;
margin-right:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.button{
border:1px solid #C1A164;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#330000;
}
.textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea {
border:1px solid #C1A164;
margin-top:4px;
margin-right:0px;
width:415px;
height:125px;
}

#formulari label  {
font-size:14px;
color:#330000;
}

.error{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

/*AMPLIACIO DE LA FOTO*/
#amplifoto{
width:100%;
top:0;
left:0;
background-color:#330000;
position:absolute;
z-index:80;
filter:alpha(opacity=70); /* IE */
-moz-opacity:0.70; /* Firefox, Opera, ... */
opacity: 0.70; /* CSS 3*/
display:none;
}

#afoto{
top:5%;
left:20%;
position:absolute;
text-align:center;
width:auto;
margin:0px auto;
z-index:90;
padding:10px;
display:none;
background:#FFFFFF;
}

#afoto a{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#330000;
text-decoration:none;
}

#afoto img{
margin-bottom:12px;
}

#flash_video{
background-image:url(../img/loader.gif);
background-repeat:no-repeat;
background-position:center center;
}

.I #divblock_description{
font-style:italic;
}

a.image:hover{
background:none;
text-decoration:none;
}