/* CSS Document */

/* Configuració del Body */

html,body{margin:12px;}
body{
	text-align:center;
	background-image:url(../fotos/imatges%20web/bgbody.jpg);
	background-position:center center;
	background-attachment:fixed;
	color:#FFFFFF;
	font-family: arial, sans-serif;
	font-size: 80%;
	font-style: normal;
	margin-top: 5px;
}

div.dosanys{
height:auto;
width:auto;
margin-left:000px;
margin-top:200px;
*margin-left:-480px;
margin-top:00px;
position:absolute;
*position:absolute;

}
div.calendari{
	margin-left: 4px;
	margin-top: 9px;
	width:197px;
	color:#000000;
	background-image: url(demo/dialog2-black3.png);
	position: relative;
	height: 230px;
	border: 2px solid #FFFFFF;
}

div.logos{
	margin-left: -2px;
	margin-top: 9px;
	width:197px;
	color:#000000;
	background-image: url(demo/dialog2-black2.png);
	position: relative;
	border: 2px solid #FFFFFF;
	height:730px;
}

div.noticia{
	margin-left: 65px;
	*margin-left: 0px;
	margin-top: 1px;
	margin-bottom:-50px;
	*margin-bottom:5px;
	width:600px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 200px;
	top: 190px;
}

div.fotonoticia{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:-50px;
	width:150px;
	color:#FFFFFF;
	background-color:#000000;
	height: 210px;
	float:left;
	
}

div.titolnoticia{
	margin-top:0px;
	margin-left:0px;
	float:left;
	width:auto;
	font-size:18px;

}	

div.noticiant{
	margin-top:500px;
	*margin-top:0px;
	margin-left:0px;
	width:auto;
	font-size:12px;

}	

div.cosnoticia{
	margin-top:-150px;
	margin-left:210px;
	float:left;
	height:200px;
	width:390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

div.noticia1{

	margin-left: 1px;
	margin-top: -30px;
	*margin-top: -2px;
	margin-bottom:0px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 220px;
	top: 190px;
	float:left;

}

div.fotonoticia1{
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom:0px;
	width:104px;
	color:#FFFFFF;
	background-color:#000000;
	height: 150px;
	float:left;
}

div.cosnoticia1{

	margin-top:-150px;
	margin-left:110px;
	float:left;
	height:200px;
	width:248px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

div.noticia2{
	margin-left: -2px;
	margin-top: -30px;
	*margin-top: -2px;
	margin-bottom:0px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 220px;
	top: 190px;
	float:right;	
}

div#imatge{
	margin-left: 20px;
	margin-top: 5px;
	width:221px;
	position: absolute;
	left: 0px;
	height: 550px;
	top: 85px;
	float: left;

}

div#imatge1{
	margin-left: 1440px;
	margin-top: -50px;
	width:221px;
	position: absolute;
	left: 0px;
	height: 550px;
	top: 50px;
	float: right;

}

#content1 {
	width: 730px;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left:3px;
	padding-right:3px;
	border: 2px solid #FFFFFF;
	margin-left: 7px;
	*margin-left: -1px;
	margin-top:-7px;
	position:absolute;
	*position:relative;
	background-color: #000000;
	height:auto;
}

div.video1{

	margin-left: -2px;
	margin-top: -2px;
	margin-bottom:0px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 500px;
	top: 190px;
	float:left;
}

div.video2{

	margin-left: -2px;
	margin-top: -2px;
	margin-bottom:0px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 500px;
	top: 190px;
	float:right;
}

div.multi1{

	margin-left: -2px;
	margin-top: -2px;
	margin-bottom:5px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 300px;
	top: 190px;
	float:left;
}

div.multi2{

	margin-left: -2px;
	margin-top: -2px;
	margin-bottom:5px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 300px;
	top: 190px;
	float:right;
}

div.not1{

	margin-left: -2px;
	margin-top: -2px;
	margin-bottom:5px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 800px;
	top: 190px;
	float:left;
}

div.not2{

	margin-left: -2px;
	margin-top: -2px;
	margin-bottom:5px;
	width:360px;
	color:#FFFFFF;
	background-color:#000000;
	left: 310px;
	height: 800px;
	top: 190px;
	float:right;
}

div.img1{

	margin-left: 25px;
	margin-top: 0px;
	margin-bottom:25px;
	width:150px;
	color:#FFFFFF;
	background-color:#000004;
	height: 210px;
	float:left;
}

a {
 color:#CC0000;
}

a:hover {
 color:#996633;
}

table.noticies{
width:100%;

}

#content1 H4 
{
background: url(images/title_left1.jpg) no-repeat;
width: 514px;
height: 22px;
padding-left: 20px;
padding-top: 7px;
margin-left: 90px;
*padding-left: 20px;
*padding-top: 7px;
*margin-left: 5px;

}

#content1 H4 a
{
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	width: auto;

}

tr.noticies_titol{
background-image:url(../fotos/noticia_top.png);
}
td.noticies_titol{
padding-left:15px; padding-top:8px;
}
tr.noticies_centre{
background-image:url(../fotos/noticia_centre.png);
}
td.noticies_centre{
padding-left:15px;
}

tr.noticies_down{
	background-image:url(../fotos/noticia_down.png);
}
td.noticies_down{
padding-left:20px; padding-bottom:5px;
}
p{margin:0 10px 10px}

div#header h2{height:200px;line-height:80px;margin:0;
  padding-left:5px; color:#666666; width:auto}
div#container{}
div#content p{line-height:1.4; }
div#navigation{background:#B9CAFF}
div#extra{background: #000}
div#footer{background: #000;color: #FFF}
div#footer p{margin:0;padding:5px 10px; text-align: center}

div#container{
	width:960px;
	height:1250px;
	*height:auto;
	top:8px;
	*top:0px;
	*margin:0 auto;
	background-color: #000000;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
div#content{float:right;width:755px;}
div#navigation{float: left;width:200px}
div#extra{float:left;clear:right;width:200px}
div#footer{clear:both;width:100%; text-align: center;}

/* antic styles.css ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	background-position: left top;
	
}

img
{
border: 0px;
}


body1 {
	margin: 0;
	background-color: #EDA900;
	background-repeat: repeat-x;
	background-position: top;
}

body1, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}


#contmain
{
width: 100%;
background: url(images/back_all.jpg) no-repeat center top;
margin-top: 0px;
}

h1, h2, h3 {
	color: #246030;
}

h1 {
	font-size: 3em;
}

h2 {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #246030;
}


h3 {
	font-size: 1em;
}

ul, ol {
	margin-left: 3em;
}

a:hover {
	border: none;
	text-decoration: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #246030;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #246030;
}


#main
{
width: 767px;
margin: 0 auto;
margin-top: 0px;
background: #ffffff;
}

/* Header */

#header1 {
	width: 767px;
	margin: 0 auto;
}

#menu {
	height: 53px;
	margin: 0 auto;
	width: 767px;
	background:  url(images/menu.jpg) 10px bottom no-repeat #FFFFFF;
	border-top: 10px solid #ffffff;
}

#menu ul {
	margin: 0px 0px 0px 47px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 33px;
	width: 135px;
	text-decoration: none;
	font-size: 14px;
	padding-top: 20px;
	font-weight: bold;
	color: #ffffff;
    text-align: center;

}

#menu a:hover {
	color: #ffffff;
	text-decoration: underline;
	background:  url(images/but_bg.jpg) 1px repeat-x;
}



/* Logo */

#logo {
	width: 767px;
	height: 405px;
	background: url(images/logo.jpg) no-repeat center top;
	text-align: left;
}


#logo h1 {
	padding-top: 80px;
	padding-left: 20px;
	color: #246030;
	font-size: 18px;
}

#logo h2 {
	font-style: italic;
	font-size: 10px;
	padding-left: 20px;
}

#logo a {
	color: #ffffff;
}

/* Page */

#page {
	width: 758px;
	border-top: none;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 9px;
}

/* Content */


#content1 p
{
line-height: 20px;
padding: 0px 20px 10px 20px;
}


.date {
	text-align: right;
	color: #666666;
	font-size: 11px;
}

.date a {
	color: #666666;
}



/* Sidebars */

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar2 {
  	width: 178px;
	padding-top: 8px;
	padding-left: 7px;
	background: #FFF967;
	border: 1px solid #502800;
	margin: 0px 0px 0px 0px;
	float: right;
}

#sidebar2 li h2 {
	background: url(images/title_right.jpg) no-repeat left top;
	height: 22px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 7px;
}

#sidebar2 li ul {
	line-height: normal;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
}

#sidebar2 li li {
	padding: 5px;

	background: url(images/small.png) no-repeat left;
	font-size: .8em;
}

#sidebar2 li a {
	border: none;
	padding-left: 10px;
}

#sidebar2 li a:hover {
	border: none;
	padding-left: 10px;
}



#bottom
{
}

/* Footer */
#footer
{
padding-top: 20px;
height: 54px;
width: 767px;
background: #EDA900  ;
}

#footer p {
	text-align: center;
	font-size: 9px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}



/* antic dialog.css --------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.dialog {
 position:relative;
 width: 540px;
 max-width:700px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
/* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(dialog2-red-800x1200-drip.png) no-repeat top right;
 _background-image:url(dialog2-red-drip.gif);
 min-height: 70px;
}

.dialog .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
	background-image: url(dialog2-red-800x1200-drip.png);
 
 }
 
.dialog .noticia {
 
 	position: relative;
	width:auto;
	height:auto;
	padding:0px 12px 0px 0px;
	background-image: url(dialog2-black1.png);
 
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:-905px;
 top:2px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
	/* bottom */
 position:relative;
	width:100%;
	background-color: #F0F0F0;
	background-image: url(dialog2-red-800x1200-drip.png);
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:auto;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px; color:#000000;

}

/* antic demo.css ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

h1, h2 {
 font:normal 1em georgia,helvetica,arial;
 letter-spacing:-0.5px; /* it isn't web 2.0 otherwise, right? ;) */
 margin-top:15px;
}

h2 {
 font-size:1.25em;
 letter-spacing:0px;
 font-style:italic;
 margin-top:15px;
}

h2.compact {
 margin-top:5px;
 margin-bottom:1em;
}

h2.tight {
 margin-bottom:0.5em;
}

h2 em {
 text-decoration:underline;
}

ul {
 margin:0.5em 0px 0px 1.5em;
 padding:0px;
}

ul li {
	line-height:1.9em;
	font-size: 12px;
}

p {
 margin:0.5em 0px 1.25em 0px;
 padding:0px;
 line-height:1.7em;
}

p.last {
 margin-bottom:0px;
}

p.compact {
 margin:0px;
 padding:0px;
}

pre {
 border:1px solid #cc3333;
 width:40%;
 overflow:auto;
 max-height:39.4em;
}

pre span {
 display:block;
 border:1px solid #cc3333;
 border-left:none;
 border-right:none;
 margin-top:1em;
 padding:0.5em 0px 0.5em 0px;
 color:#ff9999;
}

p, ul {
 font-size:12px;
}

/* demo layout (columns, etc.) - only for this demo page */



.col {
 float:left;

 width:49%;

 margin:0px 0.5% 0px 0.5%;
}


/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
 height: 500px;
}


.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:5px;

}

html>body .dialog pre {
 font-size:1.1em;

}

code {
 font-size:1.1em;
 color:#ccffff;
}