body{
	background:#ffffff;
	margin:0 auto;
	font-family:Arial; 
	font-size:13px;
	background:#fff;
	background:url("../template/body_background.jpg") 50% 0 no-repeat;
}
a {
	outline:none;
}
#warp {
	position:relative;
	left:50%;
	top:0px;
	margin-left:-465px;
	width:930px;
}

/* CAPÇALERA */
#cap {
	position:relative;
	display:block;
	width:930px;
	height:95px;
	text-align:left;
	padding-top:0px;
	background:url("../template/logo.png") 0 0 no-repeat;
	z-index:5;
}
#cap1 {

}
#clearer {
	clear:both;
	width:100%;
	height:20px;
	padding-bottom:40px;
}
a #cap2 {
	font-size:13px;
	color:#333;
	letter-spacing:0px;
	text-align:right;
	line-height:18px;
}
#cap2 {
	position:relative;
	float:right;
	width:500px;
}
#cap2 span {
	display:block;
	position:relative;
	margin-top:11px;
	line-height:20px;
	font-size:17px;
	letter-spacing:1px;
	color:#C03703;
	font-style:italic;
}
#fsf {
	position:absolute;
	top:12px;
	left:750px;
	z-index:100;
}	
#fsf a{
	color:#fff;
	font-weight:bold;
}
a {
	color:#ff8d00;
	text-decoration:none;
}
h1 {
	font-size:14px;
	color:#000;
}
/* MENU HORITZONTAL */
#header {
	position:absolute;
	margin-top:0px;
    line-height:normal;
	top:0px;
	left:1px;
	width:274px;
	overflow:hidden;
	background:url("../template/nav_bar.png") 0 100% no-repeat;
}
#header_cont {
	padding-top:100px;
	padding-bottom:15px;
}
.headeritem {
	margin-left:30px;
	background:url("../template/headeritem.png") 0 12px no-repeat;
	font-family:Georgia;
}
#header2 {
	position:absolute;
	margin-top:0px;
    font-size:11px;
    line-height:normal;
	z-index:5;
	left:-500px;
	top:-500px;
	left:0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
#header img {
	position:relative;
	border:none;
	left:0px;
}
#header a {
    text-decoration:none;
	text-align:center;
}
#header a span {
	position:relative;
    font-weight:normal;
    color:#fff;
	font-size:18px;
	text-align:left;
	display:block;
	height:35px;
	padding-top:7px;
}
#header2 a span {
    font-weight:bold;
    color:#000;
	text-align:left;
	display:block;
	text-indent:30px;
}
#header a span, #header2 a span  {
	padding-left:5px;
	padding-right:5px;
	margin-left:8px;
	margin-right:5px;
}
#header2 td {
	padding:0px;
}
#header2 a {
	text-decoration:none;
	text-align:left;
}
#header2 a span {
	position:relative;
	width:169px;
	height:37px;
	.height:45px;
	padding-top:11px;
	margin-bottom:-7px;
	background:url("../template/item.jpg") 0 0 no-repeat;
}
#tap {
	position:absolute;
	z-index:10;
	top:215px;
	left:925px;
	.left:935px;
	width:20px;
	height:30px;
	background:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
    color:#ccc;
	cursor:hand;
}
#header2 a:hover span {
    color:#cc6600;
	cursor:hand;
	position:relative;
	width:169px;
	height:37px;
	.height:45px;
	background:url("../template/item_hover.jpg") 0 0 no-repeat;
}
#header td#current {
	margin:0px;
	padding:0px;
	background:url('../template/arrowCurrent.png') 0 0 no-repeat;
	padding-left:10px;
}
#header #current a {
    text-decoration:none;
}
#header #current a span {
    color:#fc0;
}
#header2 #current a span {
    font-weight:bold;
    color:#000;
	text-align:left;
}
/* MENU VERTICAL */
#menuv {
	position:absolute;
	top:232px;
	left:-200px;
	width:150px;
	height:350px;
	z-index:3;
	background:#fff;
}

/* CONTINGUT */
#content{
	position:absolute;
	top:88px;
	left:265px;
	width:667px;
	height:436px;
	/*background:url("http://www.escolesfreta.cat/template/fons_cont.png") no-repeat;*/
}
#contmarc {
	position:absolute;
	top:0px;
	left:0px;
	width:667px;
	height:424px;
	padding:10px;
	float:left;
}
#desc {
	position:absolute;
	top:5px;
	left:5px;
}
#text {
	position:relative;
	top:0px;
	width:667px;
	height:388px;
	left:0px;
	color:#333;
	background:url("../template/text_back.png") 0 0 no-repeat;
	padding:25px;
}
#text td {
	font-family:Arial; 
	font-size:11px;
	color:#666;
}	
#text img{
	border:none;
}
#text1 {
	text-indent:205px;
	padding-top:0px;
}
/*
#text1a {
	position:relative;
	left:0px;
	width:200px;
	font-family:Georgia;
	color:#000;
	font-size:24px;
	line-height:32px;
}*/

#text1 #catName, #text1a #catName {
	position:relative;
	top:6px;
	left:0px;
	margin-bottom:10px;
	width:667px;
	font-size:16px;
	text-align:left;
	color:#b74000;
	text-indent:0px;
	font-weight:bold;
	text-indent:0px;
	font-family:Georgia;
}
/*
#text1a #catName {
	left:180px;
	.left:180px;
}*/
#text2 table td {
	font-size:11px;
	text-align:justify;
	line-height:18px;
	color:#333;
}
#text1 b, #text1a b{
	font-weight:normal;
	margin-top:15px;
	margin-left:0px;
	.text-indent:0px;
	color:#9C380E;
	font-size:10px;
}

#text1 {
}
#text1 a, #text1a a{
	text-decoration:none;
	color:#666;
}
#text1 a:hover, #text1a a:hover{
	color:#000;
}
#text2 {
	position:relative;
	width:640px;
	height:auto;
	text-align:justify;
	line-height:18px;
	font-size:11px;
}
#text2 img {
	border:2px solid #DAE9F9;
	margin:5px;
}
#text2 span{
	position:relative;
	left:0px;
	padding:5px;
	text-align:justify;
}
#text2 span span {
	/*background:#f00;*/
}
span#inrespan {
	position:relative;
	display:block;
	top:320px;
	left:250px;
	width:487px;
}
#text3 {

}
#tree {
	position:relative;
	top:-30px;
	left:0px;
}
#treeTitol{
	display:none;
}
#tree1 {
	position:relative;
	top:0px;
	left:0px;
	width:364px;
	height:20px;
	background:url("../template/tree1.png") no-repeat;
	margin:0;
	padding:0;
	border:none
}
#tree2 {
	position:relative;
	top:-13px;
	.top:0px;
	left:0px;
	width:364px;
	background:url("../template/tree2.png") repeat-y;
	margin:0;
	padding:0;
	border:none;
}
#tree2 ul {
	list-style:none;
}
#tree3 {
	position:relative;
	top:-26px;
	.top:0px;
	left:0px;
	width:364px;
	height:39px;
	background:url("../template/tree3.png") no-repeat;
	margin:0;
	padding:0;
	border:none;
	margin-bottom:-45px;
}
#cat {
	margin-left:-16px;
	/*margin-bottom:-8px;*/
	font-size:13px;
	font-weight:normal;
	text-indent:20px;
}
#cat a{
	display:block;
	height:20px;
	.height:24px;
	width:209px;
	color:#0D3041;
	background:url("../template/cat.jpg") 0 9px no-repeat;
	padding-top:8px;
	font-size:11px;
} 
#cat a:hover {
	color:#cc6600;
	background:url("../template/cat_hover.jpg") 0 9px no-repeat;
	cursor:hand;
}
#cat span{
}
#scat {
	color:#000;
	margin-left:10px !important;
}
#scat a{
	position:relative !important;
	display:block !important;
	width:180px !important;
	color:#000 !important;
	margin-bottom:4px;
}
#scat a:hover{
	color:#ff8d00;
	cursor:hand;
}
a#scatSel {
	color:#000;
	font-weight:bold;
	background:url("../template/scatsel.jpg") 0 9px no-repeat;
}
#litem1 {
	position:relative;
	top:4px;
	left:0px;
	width:21px;
	height:20px;
	margin:0px;
	background:url("../template/cat.jpg") 0px 4px no-repeat;
	float:left;
}
#litem2 {
	position:relative;
	top:4px;
	left:0px;
	width:auto;
	height:20px;
	padding-top:5px;
	text-indent:0px;
	float:left;
	font-size:11px;
	font-weight:normal;
}
a:hover #litem1 {
	background:url("../template/cat_hover.jpg") 0 4px no-repeat;
}
a#scatSel #litem1 {
	background:none;
}
#litem3 {
	position:relative;
	top:4px;
	width:1px;
	height:20px;
}
#ledoc {
	padding-top:8px;
}
#ledoctitol {
	font-size:14px;
}
#ledocdesc {
	margin-top:10px;
	color:#000;
}
#ledoctext {
	margin-top:10px;
}
/* BOTTOM */
#bottom {
	position:relative !important;
	top:0px;
	left:0px;
	width:250px;
	color:#666;
	text-align:center;
	font-size:10px;
	color:#ccc;
	margin-left:10px;
}
#treb {
	position:relative;
	font-size:8px;
}
#bottom a{
	color:#f60;
}
#contacte div{
	color:#888;
	margin-left:15px;
}
/* IDIOMES */
#langs {
	position:absolute;
	top:80px;
	left:850px;
	z-index:20;
}
#langs img{
	border:0;
}

/* COLUMNES */
#col1 {
	position:relative;
	width:222px;
	top:0px;
	left:0px;
	float:left;
	background:url('../template/col1_top.gif') 0 0 no-repeat;
	padding-top:45px;
	border-right:1px dashed #7B2025;
	.margin-left:-230px;
}
#col2 {
	position:absolute;
	float:right;
	width:695px;
	.width:702px;
	height:376px;
	top:0px;
	left:-10px;
	background:url('../template/col2_top.gif') 15px 0 no-repeat;
	padding-top:45px;
}

#comu {
position:relative;
background:url('../template/back_comu.jpg') 100% 0 repeat-y;
margin-bottom:0px;
margin-top:0px;
height:130px;
}
#comu2_1 {
	margin-left:21px;
	width:120px;
	font-size:9px;
	color:#888;
}
#comu2_1 img{
	margin:0px;
	border:none;
}
#comu2_2 {
	position:absolute;
	top:-1px;
	left:141px;
	width:295px;
	height:25px;
}
#comu2_3 {
	position:absolute;
	top:30px;
	left:141px;
	width:295px;
	height:100px;
	padding-left:5px;
	padding-right:5px;
	overflow-y:auto;
	font-size:11px;
}
#comu2_3 img {
	display:inline;
	border:none;
	vertical-align:middle;
}
#comu2_text {
	position:relative;
	top:0px;
	width:295px;
	height:25px;
	text-align:left;
	background:url('../template/comu2_text_back.jpg') 0 0 no-repeat;
	color:#069;
	padding-left:5px;
	padding-top:4px;
}
#comu2_text b a {
	font-weight:normal;
	font-size:11px;
}
#comu2_text, #comu2_text b, #comu2_text b a {
	color:#069;
}
#comu2_icon {
	position:absolute;
	top:18px;
	left:20px;
	width:7px;
	height:8px;
	background:url("../template/comu_icon.gif") 0 0 no-repeat;
	z-index:10;
}
#flasher {
	position:absolute;
	top:-34px;
	left:239px;
	width:438px;
	height:292px;
}
#calendari {
	position:relative;
	top:368px;
	.top:305px;
	left:-299px;
	width:448px;
	height:480px;
	background:url("../template/calendari.png") 0 0 no-repeat;
}
#cal1 {
	padding-top:26px;
	padding-left:25px;
	font-weight:normal !important;
    color:#fff;
	font-size:18px;
	text-align:left;
	font-family:Georgia;
	margin-left:14px;
	background:url("../template/headeritem.png") 14px 30px no-repeat;
}
#cal2 {
	position:relative;
	overflow-y:scroll;
	padding-left:30px;
	top:16px;
	width:405px;
	.width:435px;
	height:385px;
}
#flasher h3{
	margin-top:10px;
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:12px;
	color:#333;
}
.calitem {
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.data {
	font-size:9px;
	color:#666;
}
#calendari a	{
	color:#c03703;
	font-weight:bold;
	font-size:12px;
}
#calendari a img {
	border:none;
	vertical-align:middle;
}
.calitem a {
	font-family:Georgia;
}
#treeTitolText {
	position:relative;
	width:185px;
	height:20px;
	left:0px;
	font-size:16px;
	text-align:center;
	color:#fc0;
	font-weight:bold;
}
#tapamapa {
	position:absolute;
	top:0px;
	left:840px;
	width:300px;
	height:370px;
	background:#fff;
	z-index:30;
	overflow:hidden;
}
#map {
	margin-left:40px;
}
#rehome {
	top:0px;
	.top:0px;
	left:0px;
	width:437px;
	position:relative;
	margin-left:-230px;
}
#rehome h3{
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
	color:#333;
	padding-top:10px;
	padding-left:10px;
}

#doces {
	position:relative;
	left:0px;
	width:550px;
	top:5px;
}
.doces {
	left:0px !important;
	width:550px !important;
}
#doces a:hover table{
	cursor:hand;
}
#doces a:hover table #doces2 b {
	color:#E16500;
}
#doces table {
	width:100%;
}
#text2 table td#doces1 {
	width:60px;
	font-size:10px;
	padding:10px;
}
#doces2 {
	border-left:3px solid #999;
	padding-left:10px;
}
#doces a:hover table #doces2 {
	border-left:3px solid #b74000;
}
#doces2 b{
	color:#b74000;
	font-family:Georgia;
	font-size:16px;
	display:block;
}
#doces3 {
	position:absolute;
	top:-18px;
	left:560px;
	font-size:10px;
}