body{
	background:#ffffff;
	margin:0 auto;
	font-family:Arial; 
	font-size:13px;
	background:#fff;
}
#warp {
	position:relative;
	left:50%;
	top:0px;
	margin-left:-465px;
	width:930px;
}

/* CAPÇALERA */
#cap {
	position:relative;
	display:block;
	width:930px;
	height:211px;
	/*background:url("../template/fons1.jpg") 0 0 no-repeat;*/
}
.clearer {
	clear:both;
}
#cap1 {

}
#cap2 {

}
#cap2 span {

}
#fsf {
	position:absolute;
	top:12px;
	left:750px;
	z-index:100;
}	
#fsf a{
	color:#fff;
	font-weight:bold;
}
.trebo {
	text-align:left;
	color:#000;
	font-family:Verdana;
	font-size:11px;
}
a {
	color:#000;
	text-decoration:none;
}
h1 {
	font-size:14px;
	color:#000;
}
/* MENU HORITZONTAL */
#header {
	position:absolute;
	margin-top:1px;
    float:left;
    font-size:11px;
    line-height:normal;
	z-index:5;
	left:220px;
	width:713px;
	.width:720px;
	height:30px;
	overflow:hidden;
}
#header2 {
	position:absolute;
	margin-top:0px;
    font-size:11px;
    line-height:normal;
	z-index:5;
	left:220px;
	top:12px;
	left:233px;
}
#header img {
	position:relative;
	border:none;
	left:0px;
}
#header td, #header2 td {
	margin:auto;
}
#header td {
	background:url("../template/header_separator.gif") center right no-repeat;
	height:30px;
}
#header a {
    text-decoration:none;
	text-align:center;
}
#header a span, #header2 a span {
    font-weight:normal;
    color:#765;
	text-align:center;
	display:block;
}
#header a span, #header2 a span  {
	padding-right:4px;
	padding-left:4px;
	.padding-right:7px;
	.padding-left:7px;
}
#header2 a {
	text-decoration:none;
	text-align:center;
}
#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:#FFD000;
	cursor:hand;
}
#header2 a:hover span {
    color:#fff;
	cursor:hand;
}
#header #current a {
    text-decoration:none;
}
#header #current a span {
    font-weight:bold;
    color:#ffd000;
	text-align:center;
}
#header2 #current a span {
    font-weight:bold;
    color:#fff;
	text-align:center;
}
/* MENU VERTICAL */
#menuv {
	position:absolute;
	top:232px;
	left:-200px;
	width:150px;
	height:350px;
	z-index:3;
	background:#fff;
}

/* CONTINGUT */
#content{
	position:absolute;
	top:210px;
	left:0px;
	margin-left:-2px;
	width:930px;
	height:436px;
	/*background:url("http://www.escolesfreta.cat/template/fons_cont.png") no-repeat;*/
}
#contmarc {
	position:absolute;
	top:4px;
	left:5px;
	width:924px;
	height:424px;
	padding:10px;
	float:left;
}
#desc {
	position:absolute;
	top:5px;
	left:5px;
}
#text {
	position:absolute;
	top:10px;
	width:930px;
	left:-15px;
	margin-right:15px;
	color:#666;
}
#text td {
	font-family:Arial; 
	font-size:11px;
	color:#666;
}	
#text img{
	border:none;
	margin-rihgt:8px;
}
#doces {
	position:relative;
	border:1px solid #ccc;
	left:0px;
	width:660px;
	top:10px;
}
.doces {
	left:0px !important;
	width:880px !important;
}
#doces a:hover table{
	cursor:hand;
	border:2px solid #ffd000;
}
#doces a:hover table #doces2 b {
	color:#ffd000;
}
#doces table {
	width:100%;
}
#doces1 {
	width:80px;
}
#doces2 b{
	color:#000;
}
#doces3 {
	width:200px;
	padding-left:20px;
}
#text1 {
	text-indent:260px;
	padding-top:20px;
}
#text1a {
	text-indent:-8px;
	padding-top:20px;
}
#text1a #catName {
	position:relative;
	left:0px;
	background:url("../template/barra_groga_llarga.gif") 0 0 no-repeat;
	width:910px;
	height:41px;
	left:0px;
	font-size:16px;
	text-align:center;
	color:#000;
	padding-top:10px;
}
#text1 #catName {
	position:relative;
	left:250px;
	background:url("../template/barra_groga.gif") 0 0 no-repeat;
	width:691px;
	height:41px;
	font-size:16px;
	text-align:center;
	color:#000;
	padding-top:10px;
	text-indent:-20px;
	font-weight:bold;
}
#text1 b{
	font-weight:bold;
	margin-left:266px;
	.text-indent:0px;
	color:#E96029;
}
#text1a {
	padding-top:20px;
	font-weight:bold;
	margin-left:0px;
	.text-indent:0px;
	color:#E96029;
	padding-left:26px;
}
#text1 a{
	text-decoration:none;
	color:#666;
}
#text1 a:hover{
	color:#E96029;
}
#text2 {
	position:relative;
	width:680px;
	height:auto;
	left:260px;
	text-align:justify;
}
#text2 img {
	border:1px solid #FFD000;
	margin-left:8px;
	margin-right:8px;
}
#text2 span{
	position:relative;
	left:0px;
	padding:5px;
	text-align:justify;
}
span#respan {
	position:relative;
	display:block;
	width:905px;
	left:-230px;
	padding-top:10px;
	text-align:justify;
}
#text3 {
	position:relative;
	height:27px;
}
#tree {
	position:absolute;
	top:30px;
	left:-10px;
	float:left;
	z-index:20;
}
#tree ul{
	position:relative;
	top:0px;
	left:-26px;
	list-style-type:none;
}
#tree li{
	position:relative;
	width:152px;
	color:#666;
}
#treeTitol{
	position:relative;
	top:9px;
	left:10px;
	width:180px;
	height:20px;
	padding-bottom:20px;
}
#tree1 {
	position:relative;
	top:0px;
	left:0px;
	width:209px;
	height:36px;
	background:url("../template/item_n1.gif") no-repeat;
	margin:0;
	padding:0;
	border:none
}
#tree2 {
	position:relative;
	top:0px;
	.top:0px;
	left:0px;
	width:209px;
	margin:0;
	padding:0;
	border:none;
}
#tree3 {
	position:relative;
	top:-11px;
	.top:0px;
	left:0px;
	width:209px;
	margin:0;
	padding:0;
	border:none;
	margin-bottom:0px;
}
#cat {
	margin-left:-16px;
	/*margin-bottom:-8px;*/
	font-size:16px;
	font-weight:normal;
	text-indent:20px;
}
#cat a{
	display:block;
	height:36px;
	width:209px;
	color:#333;
	background:url("../template/item_n2.gif") no-repeat;
	padding-top:8px;
	font-size:16px;
} 
#cat a:hover {
	color:#E96029;
}
#cat span{
}
#scat {
	color:#666;
	margin-top:8px;
	margin-left:20px;
}
#scat a{
	display:block;
	width:180px;
	height:28px;
	color:#666;
}
#scat a:hover{
	color:#E96029;
}
#scat a:hover #litem1 {
	/*margin-left:-15px;*/
	/*background:url("../template/litem1_hover.png") no-repeat;*/
}
#scat a:hover #litem2 {
	width:155px;
	/*text-indent:10px;*/
	/*background:url("../template/litem2_hover.png") repeat-x;*/
}
#scat a:hover #litem3 {
	left:161px;
	.left:-3px;
	/*background:url("../template/litem3_hover.png") repeat-x;*/
}
a#scatSel {
	color:#000;
	font-weight:bold;
}
a#scatSel #litem1 {
	/*margin-left:-15px;*/
	/*background:url("../template/litem1_hover.png") no-repeat;*/
}
a#scatSel #litem2 {
	width:155px;
	/*text-indent:10px;*/
	/*background:url("../template/litem2_hover.png") repeat-x;*/
}
a#scatSel #litem3 {
	left:161px;
	.left:-3px;
	/*background:url("../template/litem3_hover.png") repeat-x;*/
}
#litem1 {
	position:relative;
	top:-5px;
	left:0px;
	width:21px;
	height:28px;
	margin:0px;
	background:url("../template/li_item.gif") no-repeat 0px 7px;
	float:left;
}
#litem2 {
	position:relative;
	top:-5px;
	left:0px;
	width:auto;
	height:28px;
	padding-top:5px;
	text-indent:0px;
	float:left;
}
#litem3 {
	position:relative;
	top:-5px;
	left:-3px;
	width:11px;
	height:28px;
}
#ledoc {
	padding-top:8px;
}
#ledoctitol {
	font-size:14px;
}
#ledocdesc {
	margin-top:10px;
	color:#000;
}
#ledoctext {
	margin-top:10px;
}
/* BOTTOM */
#bottom {
	position:absolute;
	top:135px;
	left:20px;
	width:120px;
	color:#666;
	text-align:center;
	font-size:10px;
}
#bottom a{
	color:#f60;
}
/* 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 #ffd000;
	.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;
	margin-top:5px;
}
#comu_1 {
	position:relative;
	width:217px;
	height:15px;
	background:url("../template/comu_1.gif") 0 0 no-repeat;
}
#comu_2 {
	position:relative;
	width:217px;
	background:url("../template/comu_2.gif") 0 0 repeat-y;
	text-align:justify;
}
#comu_3 {
	position:relative;
	width:217px;
	height:8px;
	background:url("../template/comu_3.gif") 0 0 no-repeat;
	.margin-bottom:-8px;
}
#comu_icon {
	position:absolute;
	top:18px;
	left:10px;
	width:7px;
	height:8px;
	background:url("../template/comu_icon.gif") 0 0 no-repeat;
	z-index:10;
}
#comu_text {
	position:relative;
	top:0px;
	left:20px;
	width:184px;
	text-align:justify;
	padding-bottom:10px;
}
#comu2_1 {
	position:relative;
	width:675px;
	height:15px;
	left:10px;
	background:url("../template/comu2_1.gif") 0 0 no-repeat;
}
#comu2_2 {
	position:relative;
	width:675px;
	left:10px;
	background:url("../template/comu2_2.gif") 0 0 repeat-y;
}
#comu2_3 {
	position:relative;
	width:675px;
	height:6px;
	left:10px;
	background:url("../template/comu2_3.gif") 0 0 no-repeat;
	.margin-bottom:-8px;
}
#comu2_text {
	position:relative;
	top:0px;
	left:21px;
	width:645px;
	text-align:justify;
	padding-bottom:10px;
}
#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;
}
#treeTitolText {
	position:relative;
	width:185px;
	height:20px;
	left:0px;
	font-size:16px;
	text-align:center;
	color:#000;
	font-weight:bold;
}
#tapamapa {
	position:absolute;
	top:0px;
	left:840px;
	width:300px;
	height:370px;
	background:#fff;
	z-index:30;
	overflow:hidden;
}
#map {
	margin-left:-170px;
}
#rehome {
	margin-left:-230px;
}