/***********************************************************************/
/****************************GENERAL************************************/
/***********************************************************************/

html{
	overflow-y: scroll;
}
body{
	margin:0px; /* top-right-bottom-left */
	background-color:#FFFFFF;
	color:black;
	line-height:21px;
	overflow-x: hidden; 
	/*font-family:Georgia;*/
	font-family:Arial;
	font-size: 15px;
	text-align:center;
	background-image:url("../disseny/d3arnaucos.png");
	background-position:center center;
	background-repeat: repeat-y;
}
a, a:visited{
	text-decoration:none;
	color:#0033FF;
	font-weight:normal;
	border:0px;
	outline-style: none;
	-moz-outline-style: none;
}



p{
	margin:0px;
	text-align:justify;
}

a.cat{
	font-size:11px;
	color:green;
}
a.linkdalt{
	color:black;
	text-decoration:underline;
}
a:hover{
	/*font-weight:bold;*/
	text-decoration:none;
	color:black;
}
a:active{
	text-decoration:none;
	border:0px;
	color:black;
}

div{
	overflow:hidden;
	/*border:1px solid black;*/
	width:100%;
	padding-bottom:7px;
}
ul{
	margin:0px;
	padding:0px;
	padding-left:25px;
	padding-right:15px;
	margin-left:5px;
	margin-right:5px;
}
li{
	/*list-style-type: square;*/
}

form{
	margin:0px;
}

input{
	font-family:Georgia;
	color:blue;
	font-size:16px;
	font-weight:bold;
}
select{
	font-family:Georgia;
	color:blue;
	font-size:16px;
	text-align:center;
}
.inputpetit{
	font-size:13px;
}
.inputmoltpetit{
	font-size:11px;
	padding:2px;
}

.boto{
	color:black;
	font-size:14px;
	font-weight:bold;
	border:2px solid black;
	text-decoration:none;
}
.botopetit{
	color:black;
	font-size:11px;
	font-weight:bold;
	border:1px solid black;
	padding:0px;
}

table{
	border:0px;
	width:590px;
}
table td{
	text-align:center;
}
table td.neg{
	padding:2px;
	width:50%;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
table td.camp{
	padding:2px;
	width:50%;
	text-align:left;
}
table td.capc{
	padding:2px;
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
}
table td.expl{
	padding:2px;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
	color:#888888;
}

table td.obrir_seccio_taula{
	text-decoration:underline;
	font-size:18px;
	font-variant:small-caps;
	font-weight:bold;
	text-align:center;
}

#contenidor{
	display:block;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	border:0px solid black;
	position:relative;
	padding-bottom:10px;
}
#contenidorpetit{
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	border:0px solid black;
	position:relative;
	padding-bottom:10px;
}

#separador{
	clear:both;
	float:left;
	height:3px;
	width:100%;
	border-top:1px dotted red;
	margin:0px;
	margin-top:4px;
	margin-bottom:4px;
	padding:0px;
}

/***********************************************************************/
/****************************PORTADA************************************/
/***********************************************************************/

#esq{
	width:200px;
	float:left;
	display:block;
	padding-left:0px;
	padding:0px;
	text-align:center;
	border:0px solid black;
	background-image:url("../disseny/barradre.png");
	background-color:white;
	background-position:center left;
	background-repeat:repeat-y;

}

#cent{
	width:500px;
	float:left;
	display:block;
	padding-left:0px;
	text-align:center;
	border:0px solid black;
}
#dre{
	width:240px;
	float:left;
	display:block;
	padding-left:0px;
	text-align:center;
	border:0px solid black;
}

/*COLUMNA ESQUERRA*/


/*COLUMNA CENTRAL*/
.titoldre{
	font-weight:bold;
	font-size:14px;
	font-family:Verdana;
	font-variant: small-caps;
	padding:7px 2px 2px 2px;
	text-align:center;
	width:200px;
	clear:both;
	border-bottom: 0px dotted blue;
	background-image:url("../disseny/dredalt.png");
	background-color:white;
	background-position:top left;
	background-repeat:repeat-y;

}
.tancardre{
	width:200px;
	clear:both;
	left:0px;
	bottom:0px;
	background-image:url("../disseny/drebaix.png");
	background-color:white;
	background-position:bottom left;
	background-repeat:no-repeat;
}
.tancaresq{
	width:200px;
	clear:both;
	background-image:url("../disseny/drebaix.png");
	background-color:white;
	background-position:bottom left;
	background-repeat:no-repeat;
}

.titoldreprin{
	font-weight:bold;
	font-size:14px;
	font-family:Verdana;
	font-variant: small-caps;
	padding:0px;
	text-align:center;
	width:100%;
	clear:both;
	margin-bottom:5px;
	border-bottom: 0px solid black;
	background-color:white;

}

#intro{ 
	clear:both;
	float:left;
	width:97%;
	border:0px solid red;
	border-bottom:2px solid black;
	padding:3px;
	padding-right:5px;
	text-align: justify;
	margin:0px;
	font-size:12px;
}

.not-1{
	width:500px;
	border:0px;
	padding:2px;
	text-align:justify;
	float:left;
	margin:0px;
}
.not-2 p, .not-3 p, .not-4 p, .not-5 p{
	padding:5px;
}
.not-2{
	width:249px;
	border:0px;
	padding:0px;
	text-align:justify;
	float:left;
}
.not-3{
	float:left;
	width:249px;
	border:0px;
	padding:0px;
	text-align:justify;
}
.not-4{
	float:left;
	width:250px;
	border:0px;
	padding:0px;
	text-align:justify;
}
.not-5{
	float:left;
	width:250px;
	border:0px;
	padding:0px;
	text-align:justify;
}
.not-6{
	clear:both;
	float:left;
	width:125px;
	border:0px;
	padding:0px;
	text-align:justify;
	margin-right:0px;
}
.not-7{
	float:left;
	width:125px;
	border:0px;
	padding:0px;
	text-align:justify;
	margin-right:0px;
}
.not-8{
	float:left;
	width:125px;
	border:0px;
	padding:0px;
	text-align:justify;
	margin-right:0px;
}
.not-9{
	float:left;
	width:125px;
	border:0px;
	padding:0px;
	text-align:justify;
}

.titol{
	font-weight:bold;
	font-size:18px;
	font-family:Verdana;
	font-variant: small-caps;
	padding:5px 2px 5px 2px;
	text-align:center;
	vertical-align:middle;
	line-height:95%;
	width:100%;
	height:37px;
}
.titol2{
	font-weight:bold;
	font-size:24px;
	font-family:Verdana;
	font-variant: small-caps;
	padding:5px 2px 5px 2px;
	text-align:center;
	width:100%;
}

.titol a, .titol2 a{
	font-weight:bold;
	color:black;
	
}
.titolgran{
	font-weight:bold;
	font-size:21px;
	font-family:Verdana;
	font-variant: small-caps;
	padding:5px 2px 5px 2px;
	text-align:center;
	width:100%;
}

.fotogran{
	float:left;
	width:100%;
	height:300px;
	border:0px;
	margin-bottom:0px;
	text-align:center;
	vertical-align:middle;
}
.textgran{
	float:left;
	width:97%;
	border:0px solid black;
	text-align:center;
	padding:0px;
	font-size:14px;
}
.textmoltgran{
	float:left;
	width:100%;
	border:0px;
	text-align:center;
	padding:2px;
	font-size:19px;
}

.fotopetita{
	float:left;
	width:250px;
	height:187px;
	border:0px;
	margin-bottom:0px;
	margin-right:3px;
	text-align:center;
	vertical-align: center;
}
.textpetit{
	float:left;
	width:100%;
	border:0px;
	text-align:center;
	padding:2px;
	font-size:12px;
}
.fotomoltpetita{
	float:left;
	width:125px;
	height:94px;
	border:0px;
	text-align:center center;
}
.titolpetit{
	font-weight:bold;
	font-size:11px;
	font-family:Verdana;
	font-variant: small-caps;
	padding:2px;
	text-align:center;
	width:100%;
	clear:both;
}

.coment{
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	font-variant:small-caps;
	font-size:11px;
	clear:both;
}
.ultimesnoticies{
	clear:both;
	float:left;
	width:500px;
	border-top:1px dotted black;
	border-bottom:1px dotted black;
	padding:5px;
	margin-top:3px;
	margin-bottom:3px;
	text-align: center;
	font-size:12px;
}

/*COLUMNA DRETA*/
#caixa_registre{ 
	width:100%;
	border:0px solid green;
	padding:2px;
	text-align: center;
	clear:both;
	margin-top:2px;
}
#random{ 
	width:100%;
	border:0px solid green;
	padding:2px;
	text-align: center;
	clear:both;
	margin-top:2px;
}

#ultimsartus{ 
	width:100%;
	border:0px solid blue;
	padding:2px;
	text-align: center;
	clear:both;
	margin-top:2px;
}
#ultimssantjosep{ 
	width:100%;
	border:0px solid black;
	padding:2px;
	text-align: center;
	clear:both;
	margin-top:2px;
}






/***********************************************************************/
/****************************PÀGINES************************************/
/***********************************************************************/
#colesq{
	width:600px;
	float:left;
	padding-left:0px;
	text-align:center;
	display:block;
}
#coldre{
	width:200px;
	float:right;
	padding-left:0px;
	text-align:center;
	display:block;
}

#cap,.ancoratitol{
	color:black;
	font-weight:bold;
	font-size:25px;
	font-family:georgia;
	font-variant: small-caps;
	text-align:center;
	width:100%;
	border-bottom:3px solid black;
	padding:7px;
	margin-bottom:2px;
	clear:both;
	
}
#cos{
	padding-top:2px;
	padding-bottom:2px;
	clear:both;
	float:left;
	text-align:center;
}
#cosarticle{
	padding-top:2px;
	padding-bottom:2px;
	clear:both;
	float:left;
	text-align:left;
}
#fotoart{
	padding:0px;
	margin:0px 3px 3px 0px;
	float: left;
	/*width i height variable*/
	text-align:center;
	color:#444444;
	font-weight:bold;
}
#cosdre{
	position:relative;
	clear:both;
	float:left;
	width:200px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	border:0px solid black;
	background-image:url("../disseny/barradre.png");
	background-color:white;
	background-position:center left;
	background-repeat:repeat-y;

}
#cosdre ul li{
	font-size:11px;
	list-style:square;
}

#passos{
	float:right;
	width:300px;
	height:100px;
	margin-left:3px;
	margin-bottom:3px;
	position:absolute;
	top:0px;
	right:0px;
}

#tic{
	display:none;
	float:left;
	width:100%;
	text-align:center;
}

.comentariinfo{
	width:120px;
	float:right;
	clear:both;
	border:2px solid red;
	margin:0px;
	margin-left:3px;
	margin-bottom:3px;
	padding:2px;
	font-size:11px;
	text-align:center;
}

.comentari{
	width:95%;
	float:left;
	clear:both;
	border:2px solid black;
	margin-bottom:2px;
	padding:5px;
	text-align:left;
}
.comentari2{
	width:85%;
	float:right;
	clear:both;
	border:2px solid black;
	margin-bottom:2px;
	padding:5px;
	text-align:left;
}

/*cosdre*/

.menudre{
	width: 100%; 
}

.menudre ul{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	border: 0px solid black;
}
.menudre li{
	list-style-type: none;
}

.menudre ul li a{
	/*background: white url(media/arrow-list.gif) no-repeat 2px center;*/
	font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000000;
	display: block;
	width: 173px;
	padding: 3px;
	padding-left: 0px;
	text-decoration: none;
	border:1px solid black;
	margin-top:3px;
	margin-left:10px;
	background-color:white;
}


* html .menudre ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 150px;
}

.menudre ul li a:visited, .markermenu ul li a:active{
	color: #000000;
}

.menudre ul li a:hover{
	color: black;
	background-color: #ffffcb;
	/*background-image:url(media/arrow-list-red.gif);*/ /*onMouseover image change. Remove if none*/
	border:1px solid black;

}
/******/


/***********************************************************************/
/****************************FCKEDITOR**********************************/
/***********************************************************************/

#outputSample
{
	table-layout: fixed;
	width: 100%;
}

pre
{
	margin: 0;
	padding: 0;

	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla*/
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

#outputSample thead th
{
	color: #dddddd;
	background-color: #999999;
	padding: 4px;
	white-space: nowrap;
}

#outputSample tbody th
{
	vertical-align: top;
	text-align: left;
}



#peu_obrir{
	clear:both;
	float:left;
	width:100%;
	height:58px;
	background-image:url("../disseny/d3arnaupeu2.png");
	background-position:bottom center;
	background-repeat:no-repeat;
}
#peu{
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#peu_tancar{
	clear:both;
	float:left;
	width:100%;
	height:58px;
	background-image:url("../disseny/d3arnaupeu2.png");
	background-position:top center;
	background-repeat:no-repeat;
}