/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(../../img/web/bgr.gif) #8fc635 repeat-x top;
	color: #666666;
	font: 11px Verdana,Arial,Geneva,Helvetica,Sans-Serif;
}
a{
	color: #666666;
	text-decoration: underline;
}
a:hover{
	color: #107448;
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px;
}
li{
	list-style: none;
}
/*=== Layout ===*/
#page, #header, #page-bot, #footer{
	background: url(../../img/web/page-bgr.png) repeat-y;
	margin: 0 auto;
	padding: 0 24px;
	width: 809px;	

}
/*=== Header ===*/
#header{
	background: url(../../img/web/header-bgr.png) no-repeat top;
	color: #ffffff;
	height: 193px;
}
#header a{
	color: #ffffff;
	text-decoration: none;
}
/*- Logo -*/
#header h1{
	float: left;
	text-indent: -9999px;
	width: 270px;
}
#header h1 a{
	display: block;
	height: 190px;
	text-decoration: none;
}
#header h2{
	float: right;
	text-indent: -9999px;
	width: 70px;
	margin-right:85px;
	margin-top:38px;
}
#header h2 a{
	display: block;
	height: 50px;
	text-decoration: none;
}
#header p{
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 143px 0 0;
}
#header .menu{
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 143px 0 0;
}

#header .acces{
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 40px 0 0 20px;
	_padding: 45px 0 0 20px;
	width:200px;

}
#header .input{
	margin:0px 0 0 0;
	width:60px;
	font: 10px Arial, Helvetica, sans-serif;
	padding:0px;
}

#header .camp{
	float:left;
	padding:0 5px 0 0;
}
#header .btn{
	width:17px;
	height:17px;
	border:0px;
	margin:0px;
	padding:0px;
}
/*=== All Columns ===*/
#columns h2{
	color: #107448;
	font-size: 12px;
	margin: 0 0 5px;
}
#columns h3{
	color: #000000;
	font-size: 12px;
	margin: 0 0 10px;
}
#columns h4{
	color: #333333;
	font-size: 11px;
}
#columns h5{
	color: #333333;
	font-size: 10px;
}
#columns p{
	padding: 0 0 15px;
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 259px;
}
/*=== Center Column ===*/
#centercol{
	float: right;
	width: 533px;
}
/*=== Styling Boxes ===*/
/*- Box (Green, Orange, Red) -*/
.box{
	background: url(../../img/web/box-bot.gif) no-repeat bottom;
	float: left;
	height: 1%;
	margin: 0 16px 0 0;
	padding: 0 0 15px;
	width: 259px;
}
.box .spacer{
	display: table-cell;
	display: block;
	height: auto !important;
	height: 235px;
	min-height: 235px;
	padding: 15px 20px 0;
	position: relative;
}
#columns .box h2{
	color: #ffffff;
	font-size: 13px;
	height: 18px;
	margin: 0 0 20px;
}
#columns .box h2 em{
	font-style: normal;
	font-weight: normal;
}
#columns .box h2 span{
	float: left;
}
#columns .box h4{
	color: #006633;
	font-size: 10px;
}
.box.green .spacer{
	background: url(../../img/web/box-green.gif) no-repeat top;
}
.box.orange .spacer{
	background: url(../../img/web/box-orange.gif) no-repeat top;
}
.box.red{
	margin: 0;
}
.box.red .spacer{
	background: url(../../img/web/box-red.gif) no-repeat top;
}
.box .arrow{
	float: right;
}
/*- Box1 -*/
.box1{
	background: url(../../img/web/box1-bgr.gif) repeat-y;
	margin: 0 0 15px;
	width: 259px;
}
.box1 .top{
	background: url(../../img/web/box1-top.gif) no-repeat top;
	height: 17px;
	overflow: hidden;
	padding: 17px 23px 0;
}

.box1 .top2{
	background: url(../../img/web/box1-top.gif) no-repeat top;
	height: 5px;
	overflow: hidden;
	padding: 5px 23px 0;
}

.box1 .bot{
	background: url(../../img/web/box1-bot.gif) no-repeat top;
	height: 11px;
	overflow: hidden;
}
.box1 ul{
	padding: 0 10px;
}
.box1 li{
	/*border-bottom: 1px solid #ffffff;*/
	padding: 4px 5px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.box1 li a{
	color: #666666;
	text-decoration: none;
}
.box1 li a:hover{
	color: #000000;
}

/*- Box2 -*/
.box2{
	background: url(../../img/web/box2-bgr.gif) repeat-y;
	width: 533px;
}
.box2 .top{
	background: url(../../img/web/box2-top.gif) no-repeat top;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	padding: 0 0 0 25px;
}
.box2 .bot{
	background: url(../../img/web/box2-bot.gif) no-repeat top;
	height: 8px;
	overflow: hidden;
}
.box2 .spacer{
	padding: 15px 25px 5px;
}
/*- Box3 -*/
.box3{
	background: url(../../img/web/box3-bgr.gif) #e8f1ca repeat-y;
	width: 490px;
}
.box3-top, .box3-bot{
	background: url(../../img/web/box3-top.gif) no-repeat top;
	height: 6px;
	overflow: hidden;
}
.box3-bot{
	background: url(../../img/web/box3-bot.gif) no-repeat top;
}
.box3-spacer{
	font-size: 10px;
	height: 1%;
	padding: 3px 13px;
}
#columns .box3 p{
	padding: 0;
}
/*- Event -*/
.event{
	font-size: 10px;
}
#columns .event h4{
	color: #107448;
	font-size: 10px;
}
/*- Chupa -*/
#chupa{
	background: url(../../img/web/chupa.png) no-repeat top;
	height: 152px;
	margin: 0 0 0 -57px;
	position: absolute;
	top: 390px;
	width: 150px;
}
/*- Center Picture -*/
#cpicture{
	background: url(../../img/web/cpicture.png) no-repeat top;
	font-size: 10px;
	height: 201px;
	margin: 0 auto;
	margin: 0 0 0 328px;
	position: absolute;
	top: 400px;
	width: 239px;
}
#cpicture div{
	color: #ffffff;
	float: right;
	height: 75px;
	overflow: hidden;
	padding: 25px 14px 0 0;
	width: 85px;
	font-size:9px;
	text-align:center;
}
#cpicture div a{
	color: #fff
}
/*- Center Picture2 -*/
#cpicture2{
	background: url(../../img/web/img_left_proyecto.jpg) no-repeat top;
	font-size: 10px;
	height: 201px;
	margin: 0 auto;
	margin: 0 0 0 15px;
	position: absolute;
	top: 280px;
	width: 239px;
}
#cpicture2 div{
	color: #ffffff;
	float: right;
	height: 75px;
	overflow: hidden;
	padding: 24px 9px 0 0;
	width: 85px;
	font-size:9px;
	text-align:center;
}
#cpicture2 div a{
	color: #fff
}
/*=== Styling the Calendar ===*/
.calendar{
	font-size: 10px;
	margin: 0 0 15px;
}
.calendar table{
	color: #989898;
	margin: 0 0 5px;
	text-align: center;
	width: 100%;
}
.calendar table a{
	color: #989898;
	text-decoration: none;
}
.calendar th{
	background: #e0e0e0;
	border-bottom: 3px solid #ffffff;
	height: 25px;
	line-height: 25px;
	width: 24px;
}
.calendar th.first{
	background: url(../../img/web/calendar-week-bgr.gif) no-repeat left;
}
.calendar th.last{
	background: url(../../img/web/calendar-week-bgr.gif) no-repeat right;
}
.calendar td{
	height: 24px;
	padding: 1px 0;
	width: auto;
	width: 24px;
	text-align:center;
	
	padding:1px 7px;
	/*border:1px solid red;*/
}
.calendar td.green{
	background: url(../../img/web/cal-event1.gif) no-repeat center;
}
.calendar td.blue{
	background: url(../../img/web/cal-event2.gif) no-repeat center;
}
.calendar td.green, .calendar td.blue,
.calendar td.green a, .calendar td.blue a{
	color: #ffffff;
	text-decoration: none;
}
.calendar table tr.calnav a{
	color: #107448;
	text-decoration: underline;
}
.calendar table tr.calnav td{width:auto;}
.calendar ul{
	margin: 0 0 15px;
}
.calendar li{
	padding: 0 0 0 13px;
}
.calendar li.event1{
	background: url(../../img/web/cal-event1s.gif) no-repeat 0 4px;
}
.calendar li.event2{
	background: url(../../img/web/cal-event2s.gif) no-repeat 0 4px;
}
/*=== Footer ===*/
#page-bot{
	background: url(../../img/web/page-bot.png) no-repeat top;
	height: 179px;
	overflow: hidden;
	
}
#page-bot-home{
	background: url(../../img/web/page-bot-home.png) no-repeat top;
	height: 118px;
	margin: 0 auto;
	overflow: hidden;
	width: 857px;
}
#footer{
	background: url(../../img/web/footer-bgr.gif) no-repeat top;
	clear: both;
	color: #ffffff;
	font-size: 9px;
	height: 30px;
	line-height: 30px;
	margin-top: 30px;
	text-align: center;
}
#footer a{
	color: #ffffff;
	
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
img.fr{
	margin: 0 0 10px 15px;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.al{
	text-align: left;
}


.box1 li.active{border:none;font-weight:bold;background-color:#FFFFFF;padding:0px;}
.box1 li.active a:hover,.box1 li.active a{color:#000000;}
.box1 li.active .fecha{font-weight:normal;}
.box1 li.active div.top_left{background-image:url(../../img/web/box1-li-active.gif); background-position:top left;float:left;height:10px;width:10px;}
.box1 li.active div.top_right{background-image:url(../../img/web/box1-li-active.gif); background-position:top right;float:right;height:10px;width:10px;}
.box1 li.active div.bottom_left{background-image:url(../../img/web/box1-li-active.gif); background-position:bottom left;float:left;height:10px;width:10px;}
.box1 li.active div.bottom_right{background-image:url(../../img/web/box1-li-active.gif); background-position:bottom right;float:right;height:10px;width:10px;}
.box1 li.active div.link_active{float:left; width:215px;margin-top:9px;}
.box1 li.active div.cb{clear:both;}
.box1 li div.separa_menu{height:3px;width:100%; /*border-bottom:1px solid #FFFFFF; */background-color:#D5EAAE;}
.box1 li div.separa_menu2{height:3px;width:229px; /*border-bottom:1px solid #FFFFFF;*/ background-color:#D5EAAE; border-left:5px solid #D5EAAE;border-right:10px solid #D5EAAE;}

.fecha{font-family:Verdana, Arial, Helvetica, sans-serif;color:#006633;font-size:10px;}

.email{vertical-align:text-bottom;}

.menu_pral_1{display:block;float:left;height:26px;background-image:url(../../img/web/menu1.gif);width:158px; text-indent:-9999px;}
.menu_pral_1:hover{background-position:bottom;}
	
.menu_pral_2{display:block;float:left;height:26px;background-image:url(../../img/web/menu2.gif);width:68px;text-indent:-9999px;}
.menu_pral_2:hover{background-position:bottom;}
	
.menu_pral_3{display:block;float:left;height:26px;background-image:url(../../img/web/menu3.gif);width:90px;text-indent:-9999px;}
.menu_pral_3:hover{background-position:bottom;}


/* MISSATGES --------------------------------------------------------------------------------------------- */
.message
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#F5EAD9;
	text-align:center;
	z-index:10;
}


.messageOK
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#B2FEA0;
	text-align:center;
	z-index:10;
}

.messageFALSE
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#FFB3B5;
	text-align:center;
	z-index:10;
}
/* MISSATGES --------------------------------------------------------------------------------------------- */