*{margin:0; padding:0;}


body {
margin:auto;
overflow-x: hidden;
overflow-y: auto;
overflow: -moz-scrollbars-vertical;
overflow: mso-scrollbars-vertical;
overflow: -o-scrollbars-vertical;
background: #5980e7;
font: 0.8em "Lucida Grande", Verdana, Arial, sans-serif;
color: #313131;
line-height:19px;
font-size:small;
text-align: center;
}


em {
font: 0.9em 'Lucida Grande', Verdana, Arial;
font-style:italic;
line-height: 12px;
color: #6d6b6b;
}


.tarifes td{
overflow: hidden;
width:60px;
height:0px;
font-size:0.7em;
}

.codi td{
padding:7px;
font-size:0.8em;
}



A:link, 
A:visited { color: #0B6E97 ; text-decoration: none; }
A:hover { color: #ff8a59;}

	
#tag_ca {
		background: url(./img/tag_ca.png) no-repeat bottom left;
		position: absolute;
		top: 30px;
		left: 1050px;
		width: 148px;
		height: 148px;
		z-index: 10;
		text-indent: -9999px;
		}
		
#tag_es {
		background: url(./img/tag_es.png) no-repeat bottom left;
		position: absolute;
		top: 30px;
		left: 1050px;
		width: 148px;
		height: 148px;
		z-index: 10;
		text-indent: -9999px;
		}
		
#tag_en {
		background: url(./img/tag_en.png) no-repeat bottom left;
		position: absolute;
		top: 30px;
		left: 1050px;
		width: 148px;
		height: 148px;
		z-index: 10;
		text-indent: -9999px;
		}
		
/*#panic-tag a {display: block; width: 100px; height: 65px; }*/


#top_white {
background-color: #fff;
width: 870px;
height: 50px;
text-align: left;
margin-left:100px;
display:inline;
float:left;
}


#topmenu{
width:940px;
float:left;
display:inline;
margin-left:47px;
}

table.topmenu{
width:940px;
}

td.image{
padding:0px;
}

td.info{
top:59px;
font-size:0.8em;
left:400px;
text-align:left;
}

td.info b{
color: #333333;
}


/* ------------ LANGUAGES ------------- */


td.lang {
margin-top:6px;
width:200px;
height: 20px;
text-align:left;
float:right;
}

td.lang li{
list-style-type:none;
display:inline;
padding:0px 12px;
}

td.lang A:link{font: 0.8em 'Lucida Grande', Verdana, Arial;} 
td.lang A:visited { color: #0B6E97 ; text-decoration: none; font: 0.8em 'Lucida Grande', Verdana, Arial; }
td.lang A:hover { color: #ff8a59;}

/* ------------ END LANGUAGES ------------- */



#menu_wrapper {
/*background: #ffffff url(img/bg_menu.png) no-repeat;*/
width: 880px;
height:25px;
margin-top:7px;
border-top:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
margin-left:88px;
display:inline;
float:left;

}

#menu li {
padding:0;
float: left;
}


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

#wrapper{
background: #fff url(img/bg_body02.png) bottom repeat-y;
width:1056px;
height:auto;
margin:auto;
}


/*--- La meravella que em va salvar la vida ---*/
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*--- La meravella que em va salvar la vida ---*/


#header {
width:880px;
height:213px;
margin-left:0px;
display:inline;
}

#header h1 {
font:35pt Georgia, Times;
font-style: italic;
padding-top: 40px;
color: #133855;
}

#header h1 a {
background-color: #cccccc;
text-decoration: none;
font:35pt Georgia, Times;
font-style: italic;
color: #133855;
}

#header h2 {
visibility:hidden;
font: 22pt Georgia, Times;
font-style: italic;
color: #0B6E97;	
}
		
#header p.frase {
	color: #0B6E97;
	font-size: 24px;
	}
	
#header p.links {
color: #ffff66;
text-align: left;
padding-top: 80px;
margin-left: 40px;
}

.junta01{
font-size:0.8em;
padding:5px;
width: 560px;
background-color:#e6e6e6;
margin-bottom:2px;
}

.junta02{
font-size:0.8em;
padding:5px;
width: 560px;
background-color:#c2b8dc;
margin-bottom:2px;
}

#clear30{
padding:6px;
background-color: #fff;
width:560px;
height:30px;
}


img.norma{
border:0px;
margin-bottom:20px;
}



/* ------------ sidebar  ------------- */

#sidebar {
background-color: #000000;
margin-right:100px;
margin-top:27px;
padding:20px 24px;
background-color:#ffffff;
width: 195px;
height:auto;
float: right;
text-align:left;
border-left:1px solid #cccccc;
font-size:0.9em;
}

#sidebar ul{
list-style:none;
margin-bottom:30px;
}

#sidebar h2{
width:204px;
background: #fff url(img/pasti_01.png) top left no-repeat;
font:20px Georgia, 'Lucida Grande', Times;
font-style:italic;
color:#ff8a59;
padding:5px;
border-bottom: 1px solid #a9b5b7;
margin-bottom:5px;
}

#sidebar A:link{font: 0.9em 'Lucida Grande', Verdana, Arial;} 
#sidebar A:visited { color: #0B6E97 ; text-decoration: none; font: 0.9em 'Lucida Grande', Verdana, Arial; }
#sidebar A:hover { color: #ff8a59;}


#searchform {
	
	margin:0px;
	}
	
#searchform form input[id="entrada"]{ 
width:123px;
height:20px;
}
		
#searchform form {

	margin: 0;  /* for IE, Opera, ... */
	}
#searchform .equal { 
	vertical-align: middle; /* for IE */
	}
#searchform #txt2 {
	background-color: white;
	border: none;
	}
* html #searchform #txt { /* for IE only */
	padding: 2px 0;
	}

/* ------------ end sidebar  ------------- */

.properes_top{
background-color:#e6e6e6;
border-left:1px dotted #cccccc; 
border-right:1px dotted #cccccc; 
padding:2px 2px 2px 9px;
width:201px;
}

.properes{
border:1px dotted #cccccc;
width:194px;
padding:3px 9px 0px 9px;
}

.properes_links{
border-bottom:1px dotted #cccccc;
border-left:1px dotted #cccccc; 
border-right:1px dotted #cccccc; 
padding:2px 2px 2px 9px;
margin-bottom:12px;
width:201px;
}


/* ------------ END ESTRUCTURA  ------------- */



/*---------  MENÚ ------------*/



ul#menu {
padding:0; 
list-style:none; 
text-align:center; 
margin:0; 
font-size:11px; 
font-family:arial, sans-serif; 
/*abans hi posava 41*/
height:auto; 
width:1000px; 
/*-marge conflictiu !!-*/
margin-left:-10px;
}

ul#menu ul {
padding:0; 
margin:0; 
list-style:none; 
position:absolute; 
left:-9999px;
}

ul#menu table {
border-collapse:collapse; 
font-size:1em; 
float:left; 
margin:-1px;
}

ul#menu ul li {
float:left; margin:0; text-align:left; 
}

ul#menu ul li a {
display:block; 
line-height:20px;
margin:0; 
padding:0 10px; 
background:transparent; 
width:150px;
}

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {display:inline-block; height:25px; margin:0px 0 0 0;padding:0 20px 0 0; background:url(button.gif) right top; line-height:30px; text-decoration:none; color:#000;}
ul#menu li a.sub {background:url(button-arrow.gif) right top;}

/*- paque el IE se entere de la separacion de menu-*/
*body ul#menu li {
display:inline-block;
margin-left:10px; 
padding:0;
}

/*- paque el Firefow se entere de la separacion de menu-*/
html>/**/body ul#menu li {
display:inline-block;
margin-left:10px; 
padding:0;
}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:25px; float:left; padding:0 0 0 20px; background:url(button.gif) left top; cursor:pointer;}

ul#menu li a:hover {position:relative; background-position:right bottom; color:#fff;}
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#000;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:1px; width:105px; top:25px;}
/*hem canviat 36 per 0 !!*/
* html ul#menu :hover ul {top:0px;}

ul#menu :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; width:95px; background:#ddd; color:#000;}
ul#menu :hover ul li a.fly {background:#ddd url(arrow.gif) no-repeat right center;}
ul#menu :hover ul li a:hover {background:#8277A4; color:#000;}
ul#menu :hover ul li:hover > a {background:#8277A4; color:#000;}

ul#menu :hover ul li a.fly:hover {background:#8277A4 url(arrow-over.gif) no-repeat right center;}
ul#menu :hover ul li:hover > a.fly {background:#8277A4 url(arrow-over.gif) no-repeat right center;}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#bbb; color:#000;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#840;}

/*--------- END MENÚ ------------*/

#box {
padding-top:40px;
width:500px;
height:100%;
display:inline;
float:left;
margin-left:100px;
}


.open_post{
width:601px;
height:22px;
}

.close_post{
background: #ffffff url(img/post_bottom.png) no-repeat;
width:561px;
height:17px;
margin-bottom:30px;
margin-left:28px;
}

.post {
padding-right:20px;
width:601px;
height: auto;
text-align: left;
padding-left:50px;
display:inline;
}

.post_p {
padding:0px 20px 0px 0px;
width:601px;
height: auto;
text-align: left;
}

.separador{
width:560px;
border-bottom: 1px solid #a9b5b7;
margin-bottom:20px;
}

.postmetadata{
border:1px dotted #a9b5b7;
font-size:0.9em;
width:500px;
height:17px;
margin-left:30px;
padding:5px;
float:left;
}


.entry {
width: 520px;
height: auto;
text-align: left;
padding-left:30px;
text-align: justify;
}

.entry_p {
width: 450px;
height: auto;
text-align: left;
margin-left:30px;
text-align: justify;
}

#box .titol{
background:transparent url(img/arrows.png) left top no-repeat;
width:550px;
padding-top:20px;
}

#box h2{
text-align:left;
font: 17pt Georgia, Times;
font-style: italic;
color: #096287;	
padding-bottom:7px;
margin-left:30px;
border-bottom: 1px solid #a9b5b7;
margin-bottom:20px;
}

#box h2:hover{
font: 17pt Georgia, Times;
font-style: italic;
color: #1185b5;	
padding-bottom:7px;
border-bottom: 1px solid #a9b5b7;
margin-bottom:20px;
}



#box h3{
margin-top: 5px;
font: 14pt Georgia, Times;
color: #ff8a59;
font-style: italic;
}

p {
font: 0.9em 'Lucida Grande', Verdana, Arial;
line-height: 19px;
color: #313131;
margin-bottom: 20px;
}

#box p.dades{
margin-right: 70px;
}

img{
border:0px;
}

#box img {
border:0px;
margin-top:8px;
margin-bottom: 5px;
}



/* ------------ COMPETI ------------- */



table.competis {
border:2px dotted #cccccc;
width:570px;
background-color:#e6e6e6;
margin-bottom:20px;
}

td.dates{
width:100px;
text-align:center;
}

td.info{
padding:10px 0px 0px 17px;
}

td.pdf{
padding:13px 0px 4px 15px;
}

.competis p {
font: 0.9em 'Lucida Grande', Verdana, Arial;
line-height: 17px;
color: #313131;
margin-bottom: 5px;
}

.competis p.titol_competi{
font: 17pt Georgia, Times;
font-style: italic;
color: #1185b5;	
padding-bottom:7px;
border-bottom: 1px solid #a9b5b7;
}

.competis p.info{
background-color:transparent;
font: 0.9em 'Lucida Grande', Verdana, Arial;
color: #313131;
margin-bottom:9px;
}

.competis h3{
margin-top:-15px;
margin-bottom:10px;
font: 11pt Georgia, Times;
color: #ff8a59;
font-style: italic;
}

/* -----mes---- */
.competis h4 {
background-color:#e6302c;
font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #133855;
padding: 6px;

text-transform:uppercase;
font-style:bold;
}

/* -----dia lletra---- */
.competis h6 {
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style:bold;
color: #133855;
padding: 35px 5px 35px 5px;
}

/* -----dia---- */
.competis h5 {
font: 25pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #133855;
margin-top:-20px;
}

/* -----any---- */
.competis h7{
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
}


/* ------------ END COMPETI ------------- */




/* ------------ FORM ------------- */

#form{
margin: 30px 40px 0px 20px;
background-color:#e6e6e6;
width:450px;
height:auto;
padding:30px;
text-align:left;
border: 1px solid #a9b5b7;
padding-bottom:60px;
}

#form_tip{
margin:0px 0px 30px 20px;
background-color:#ece9e9;
width:470px;
height:auto;
padding:20px;
text-align:left;
border-left:1px solid #a9b5b7;
border-right:1px solid #a9b5b7;
border-bottom:1px solid #a9b5b7;
}

#form form select{
margin-top: -5px;
float:right;
}

#form p {
font: 0.9em 'Lucida Grande', Verdana, Arial;
line-height: 19px;
color: #313131;
margin-bottom: 20px;
}

/* ------------END FORM------------- */




/* ------------FOOTER------------- */

.menu_wrapper2 {
background: #ffffff url(img/bg_menu.png) no-repeat;
width: 894px;
height:25px;
margin-left:81px;
}

#footer {
margin:auto;
padding:0px;
background: url(img/bg_footer_nou.png) no-repeat;
width:1056px;
height: 263px;
text-align:left;
clear:both;
}

#footer .legal {
	font-size:0.8em;
	width:710px;
	margin-left:104px;
	padding-top: 33px;
	margin-bottom:20px;
	text-align:left;
	}
	
#footer .contacte {
	font-size:0.8em;
	width:300px;
	margin-left:104px;
	color: #333;
	text-align:left;
	}
	
#footer .contacte li{
	list-style-type:none;
	display:inline;
	padding-right:6px;
	}

#footer .contacte A:link{font: 0.8em 'Lucida Grande', Verdana, Arial;} 
#footer .contacte A:visited { color: #0B6E97 ; text-decoration: none; font: 0.8em 'Lucida Grande', Verdana, Arial; }
#footer .contacte A:hover { color: #ff8a59;}

/* ------------END FOOTER------------- */