/*
  **************************************************************************************
  *  Mas de l'Acordio - Valderrobres                                     ecologic.css  *
  *  Turisme Rural                                                                     *
  *  Xavi Agut - juny de 2010                                                          *
  *  Site que oferix els serveis d'hospedatge d'un mas al terme de Valderrobres        *
  **************************************************************************************
*/

/* 
  **************************************************************************************
  Seccio ECOLOGIC
  **************************************************************************************
*/

/* 
  ====
  Fons
  ====
*/

/* Fons de la seccio */
.capasec_ecologicfons {
	width: 615px;
	height: 423px;
	position: absolute;
	top: 113px;
	left: 45px;	
}

#cpasececologicfons {
	background-image: url(../imatges/ecologic/fonsseccio.jpg);
	z-index: 600;
   display:none;
}

/* Fons per al contingut */
.capasec_ecologicmrccont {
	width: 580px;
	height: 395px;
	position: absolute;
	top: 126px;
	left: 62px;
	z-index: 610;	
}

#cpasececologicmrccont {
   display:none;
}

/* 
  =====
  Titul
  =====
*/

.capasec_ecologictitul {
	width: 560px;
	height: 33px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#cpasececologictitul {
	z-index: 620;
}

.capasec_ecologictitultxt {
	width:180px;
	height:31px;
	position: absolute;
	top:0px;
	left:0px;
}

#cpasececologictitultxt {
	background-image: url(../imatges/ecologic/txtecologico.gif);
	background-position: center;
	background-repeat: no-repeat;
}

/* 
  ==============
  Tancar la capa
  ==============
*/

.capasec_ecologictancar {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 0px;
	left: 566px;	
	z-index:520;
}

#cpasececologictancar {
	background-image: url(../imatges/ecologic/btn_tancar.jpg);
}

#cpasececologictancarres {
	background-image: url(../imatges/ecologic/btn_tancar_res.jpg);	
	display:none;
}

/* 
  ===========
  Apartat RRR
  ===========
*/

/* Contenidor del apartat */
.capasec_ecologicRRR {
	width: 560px;
	height: 325px;
	position: absolute;
	top: 67px;
	left: 10px;
	font-family: "Trebuchet MS";	
}

#cpasececologicRRR {
	z-index: 320;
	display:none;
}

/* Titul */
.capasec_ecologicRRRtitul {
	width: 560px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
	text-align: center;
}

#cpasececologicRRRtit {
	font-weight: bold;
	letter-spacing: 5px;
	border-bottom: 1px solid Black;
	color: #556B2F;
	font-size: 15px;
}

/* Descripcio */
.capasec_ecologicRRRdesc {
	width: 560px;
	height: 130px;
	position: absolute;
	top: 22px;
	left: 0px;
	border-bottom: 1px solid Black;	
}

#cpasececologicRRRdesc {
	font-weight: normal;
	letter-spacing: normal;
	border-bottom: 1px solid Black;
	color: black;
	font-size: 11px;
	text-align: justify;
}

/* Les tres erres */
/* Contenidor per a explicar les tres erres */
.capasec_ecologicRRRdetall {
	width:560px;
	height:170px;
	position: absolute;
	top:155px;
	left:0px;	
}

#cpasececologicRRRdet {

}

/* Explicacio de les erres */
.capasec_ecologicRRRdeterre {
	width:175px;
	height:165px;
	position:absolute;
	top:2px;
}

/* Titul de la erre */
.capasec_ecologicRRRtiterre {
	width: 175px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: bold;
	letter-spacing: 5px;
	font-family: "Trebuchet MS";
	font-size: 15px;
	text-align: center;
	color: #556B2F;	
}

/* Descripcio de la erre */
.capasec_ecologicRRRdescerre {
	width: 175px;
	height: 140px;
	position: absolute;
	top: 23px;
	left: 0px;
	font-family: "Trebuchet MS";
	font-size: 9px;
	text-align: justify;
	color: #062707;
}

/* Reducir */
#cpasececologicRRRdetreducir {
	left: 0px;
	background-color: #cbff99;
}

#cpasececologicRRRtitreducir {

}

#cpasececologicRRRdescreducir {

}

/* Reutilizar */
#cpasececologicRRRdetreutilizar {
	left: 192px;
	background-color: #a7ff51;
}

#cpasececologicRRRtitreutilizar {

}

#cpasececologicRRRdescreutilizar {

}

/* Reciclar */
#cpasececologicRRRdetreciclar {
	left: 384px;
	background-color: #73ea00;
}

#cpasececologicRRRtitreciclar {

}

#cpasececologicRRRdescreciclar {

}

/*
  =========================================
  Apartat de la seccio (contingut variable)
  =========================================
*/

/* Contenidor del apartat */
.capasec_ecologicapartat {
   width: 560px;
   height: 325px;
   position: absolute;
   top: 67px;
   left: 10px;
   font-family: "Trebuchet MS";
}

#cpasececologicaptat {
   z-index: 320;
   display:none;
}

/* Titul */
.capasec_ecologicapartattitul {
   width: 560px;
   height: 20px;
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: transparent;
   text-align: center;
}

#cpasececologicaptattit {
   font-weight: bold;
   letter-spacing: 5px;
   border-bottom: 1px solid Black;
   color: #556B2F;
   font-size: 15px;
}

/* Descripcio */
.capasec_ecologicapartatdesc {
   width: 560px;
   height: 50px;
   position: absolute;
   top: 22px;
   left: 0px;
   border-bottom: 1px solid Black;
}

#cpasececologicaptatdesc {
   font-weight: normal;
   letter-spacing: normal;
   border-bottom: 1px solid Black;
   color: black;
   font-size: 11px;
   text-align: justify;
}

/* Fotos */
.capasec_ecologicapartatfotos {
   width: 560px;
   height: 230px;
   position: absolute;
   top: 77px;
   left: 0px;
}

#cpasececologicaptatfot {
   background-color: transparent;
}

.capasec_ecologicapartatfotoscol {
   width: 260px;
   height: 218px;
   position: absolute;
   top: 4px;
   border: 2px outset #959595;
   background-color: #a1e4a1;
}

#cpasececologicaptatfotcol_1 {
   left: 8px;
}

#cpasececologicaptatfotcol_2 {
   left: 289px;
}

.capasec_ecologicaptatfotcolfot {
   width: 230px;
   height: 153px;
   position: absolute;
   top: 9px;
   text-align: center;
   border: 2px inset #737373;
   background-color: white;
}

#cpasececologicaptatfotcolfot_1 {
   left: 13px;
   background-position: center;
   background-repeat: no-repeat;
}

#cpasececologicaptatfotcolfot_1trans {
	left: 13px;
	background-color: transparent;
}

#cpasececologicaptatfotcolfot_2 {
   left: 13px;
   background-position: center;
   background-repeat: no-repeat;
}

#cpasececologicaptatfotcolfot_2trans {
	left: 13px;
	background-color: transparent;
}

.capasec_ecologicaptatfotcoltxt {
   width: 230px;
   height: 30px;
   position: absolute;
   top: 168px;
   left: 15px;
   font-size: 10px;
   text-align: justify;
   background-color: transparent;
}

#cpasececologicaptatfotcoltxt_1 {

}

#cpasececologicaptatfotcoltxt_2 {

}

.capasec_ecologicaptatfotcolmesinfo {
   width: 230px;
   height: 12px;
   position: absolute;
   top: 201px;
   left: 15px;
   font-size: 9px;
   text-align: right;
   background-color: transparent;
   color: blue;
   text-decoration: underline;
}

#cpasececologicaptatfotcolmesinfo_1 {
   display:none;
}

#cpasececologicaptatfotcolmesinfo_2 {
   display:none;
}

/* Pagines disponibles */
.capasec_ecologicapartatpag {
   width: 75px;
   height: 16px;
   position: absolute;
   top: 308px;
   left: 242px;
   text-align: center;
}

#cpasececologicaptatpag {
   background-color: transparent;
}

a.opciosel_ecologicnumeropagina {
   width: 13px;
   height: 16px;
   position: absolute;
   top: 0px;
   color: Black;
   text-align: center;
   font-family: "Trebuchet MS";
   font-size: 11px;
   vertical-align: middle;
   text-decoration: none;
}

a.opciosel_ecologicnumeropagina:hover {
   color: white;
   background-color: #6b8e23;
}

a.opciosel_ecologicnumeropagina:active {
   color: white;
   background-color: #6b8e23;
}

#opcselecologicpag_1 {
   left: 0px;
   display: none;
}

#opcselecologicpag_2 {
   left: 15px;
   display: none;
}

#opcselecologicpag_3 {
   left: 30px;
   display: none;
}

#opcselecologicpag_4 {
   left: 45px;
   display: none;
}

#opcselecologicpag_5 {
   left: 60px;
   display: none;
}