/*----------------------------------------------------------------------------------------------------
[Main Stylesheet]

	- Project:				MET0309
	- Author:				keepU - http://www.keepu.es
	- Version:				1.0
	- Creation Date:		17/03/2008
	- Last Change:			17/03/2009
	- Primary use:			Screen / Monitor

[Color / Background Color, Border Color codes]

	- Color #1 (...):			#333333		(grey)	
	- Background #1 (...):		#DDDDDD		(grey)
	- Border #1 (...):			#999999		(grey)

[Typography]

	- Font Type #1 (...):					Verdana, Arial, Helvetica, sans-serif
	
[Structure]

	+ Body
		+ Container (container/container) / [div]
			- Header (header/header) / [div]
			- Menu (menu/menu) / [div]
			+ Content (content/content) / [div]
				- Column Left (colLeft/colLeft) / [div]
				- Column Center (colCenter/colCenter) / [div]
				- Column Right (colRight/colRight) / [div]
			- Footer (footer/footer) / [div]

----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------
	Default Styles for all Objects, HTML, BODY and Default link and its hover
----------------------------------------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;	
	outline: none;
}

body{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	color:#32383A;
	text-align:left;
	background:#6DB33F url("/Xcelerate/graphics/vila/bgHome.png") repeat-x top left;
	background-attachment:fixed;
}

a{
	text-decoration:none;
	color:#006633;
}

a:hover{
	text-decoration:underline;
}

.cBoth{
	clear:both;
	line-height:0px;
}

.tLeft{
	text-align:left;
}

.tRight{
	text-align:right;
}

.vTop{
	vertical-align:top;
}

.vBottom{
	vertical-align:bottom;
}

.boldText{
	font-weight:bold;
}

.normalText{
	font-weight:normal;
}

h1, .h1{
	font-size:1.5em;
}

h2, .h2{
	font-size:1.3em;
}

h3, .h3{
	font-size:1.2em;
}

h4, .h4{
	font-size:1.2em;
}

.fLeft{
	float:left;
}

.fRight{
	float:right;
}

/*----------------------------------------------------------------------------------------------------
	Colors
----------------------------------------------------------------------------------------------------*/

.redColor{
	color:#990033;
}

.greenColor{
	color:#006633;
}

.whiteColor{
	color:#FFFFFF;
}

/*----------------------------------------------------------------------------------------------------
	Containers, Headers, ...
----------------------------------------------------------------------------------------------------*/

.container{
	width:971px;
	margin:26px auto auto auto;
}

.header{
	background:#FFFFFF; /* url("/Xcelerate/graphics/vila/bgHeader.png") no-repeat bottom right; */
	padding:16px 11px 16px 16px;
}

.content{
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgContainer.png") repeat-x top left;
	width:100%;
}

/*----------------------------------------------------------------------------------------------------
	Header
----------------------------------------------------------------------------------------------------*/

.logo{
	margin:20px 0px 0px 12px;
	float:left;
}

.userToolList{
	float:right;
	padding-bottom:5px;	
}

.userToolList li{
	display:inline;
	padding-left:15px;
	float:left;
}

.smallTypo, .mediumTypo, .bigTypo{
	color:#32383A;
	font-weight:bold;
}

.smallTypo{
	font-size:0.8em;
}

.mediumTypo{
	font-size:1.1em;	
}

.bigTypo{
	font-size:1.3em;	
}

.smallTypo:hover, .mediumTypo:hover, .bigTypo:hover{
	color:#006633;
	text-decoration:none;
}

.language{
	color:#32383A;
}

.language:hover{
	color:#006633;
	text-decoration:none;
}

.searchLeft{
	width:5px;
	height:16px;
	line-height:16px;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgSearch.png") no-repeat top left;
	float:left;
}

.searchRight{
	width:5px;
	height:16px;
	line-height:16px;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgSearch.png") no-repeat top right;
	float:left;
}

.inputSearch{
	background:#EBEBEB;
	border-top:1px solid #C7C6C6;
	border-bottom:1px solid #C7C6C6;
	float:left;
	height:14px;
	color:#32383A;
	width:110px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:0.95em;
}

.header .title {
	clear: right;
	text-align: right;
	font-size: 3.5em;
	color: #006633;
	padding-right: 15px;
}
.header .title h1{
    float: right;
    font-size: 15px;
    height: 22px;
    line-height: 15px;
    width: 50%;
}

/*----------------------------------------------------------------------------------------------------
	Menu
----------------------------------------------------------------------------------------------------*/

.menu{
	background:#FFFFFF;
}

.menuList{
	height:35px;
	vertical-align:middle;
	background:transparent url("/Xcelerate/graphics/vila/bgMenu.png") repeat-x top left;	
	margin:0px 9px 0px 14px;
}

.menuLeft{
	float:left;
	width:9px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgMenu2.png") repeat-y top left;
	margin-right:5px;
	cursor:pointer;
}

.menuLeftActive{
	float:left;
	width:9px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	background:#016930 url("/Xcelerate/graphics/vila/bgMenu2Hover.png") repeat-y top left;
	margin-right:5px;
	cursor:pointer;
}

.menuRight{
	float:right;
	width:9px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgMenu2.png") no-repeat top right;
}

.menuItem{
	float:left;
	border-right:1px solid #FFFFFF;
	height:30px;
}

.menuLink{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding:0px 10px 0px 12px;	
	min-width:159px;
}

.menuLink:hover{
	text-decoration:none;
	background:#016930 url("/Xcelerate/graphics/vila/bgMenuHover.png") repeat-x top left;
}

.menuLinkActive{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding:0px 10px 0px 12px;	
	min-width:159px;
	background:#016930 url("/Xcelerate/graphics/vila/bgMenuHover.png") repeat-x top left;
}

.menuLinkActive:hover{
	text-decoration:none;
}

.menuLink:hover .menuLeft{
	background:#016930 url("/Xcelerate/graphics/vila/bgMenu2Hover.png") repeat-y top left;
}

.menuArrow{
	background:transparent url("/Xcelerate/graphics/vila/bgArrow.png") no-repeat center right;
	display:block;
	min-width:146px;
	height:30px;
	line-height:30px;
	padding-right:13px;
}

.menuFirst .menuArrow{
	padding-right:23px;
}

.menuFirst{
	padding-left:0px;
	min-width:171px;
}

/*----------------------------------------------------------------------------------------------------
	Col Left
----------------------------------------------------------------------------------------------------*/

.colLeft{
	float:left;
	width:212px;
	padding:12px 0px 12px 0px;
}

.blackBox{
	width:180px;
	margin:auto;
}
.blackBoxTop{
	display:block;
	height:5px;
	background:transparent url("/Xcelerate/graphics/vila/blackBoxTop.png") no-repeat bottom center;
}
.blackBoxContent{
	background:#4D4B4A url("/Xcelerate/graphics/vila/blackBox.png") repeat-x top left;
}
.blackBoxBottom{
	display:block;
	height:5px;
	line-height:5px;
	background:transparent url("/Xcelerate/graphics/vila/blackBoxBottom.png") no-repeat top center;	
	margin-bottom:16px;
}

.box{
	margin:0px auto 16px auto;
	width:191px;
}

.boxContainer{
	background:transparent url("/Xcelerate/graphics/vila/bgBoxContainer.png") repeat-y top left;
}

.boxContainer a{
	text-decoration:none;
	color:#32383A;
}

.boxContainer a:hover{
	color:#006633;
}

.boxContainer h2{
	margin: 0px 5px 0px 5px;
	padding:5px 10px 5px 10px;
	font-size:1.2em;
	font-weight:bold;
	background:#C5C5C5 none repeat scroll 0 0;
	border-bottom:1px solid #A3A3A3;
	display:block;
}

.boxContent{
	width:153px;
	margin:auto;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgBoxContent.png") repeat-x top left;
	padding:0px 14px 0px 14px;
}
.boxContent div#fbButton{
	float:right;
}
.boxContent div#fbButton img{
	width: 35px;
}
.boxBottom{
	height:24px;
	line-height:24px;
	background:transparent url("/Xcelerate/graphics/vila/bgBoxBottom2.png") no-repeat top left;
	display:block;
}

.boxTop{
	height:5px;	
	background:transparent url("/Xcelerate/graphics/vila/bgBoxTop.png") no-repeat bottom left;
	display:block;
}

.boxHeader{
	background:#171514 url("/Xcelerate/graphics/vila/bgBoxHeader.png") repeat-x top left;
	width:153px;
	margin:0px auto 0px auto;
	color:#FFFFFF;
	padding:0px 14px 4px 14px;
	font-size:1.2em;
}

.boxContentTitle{
	color:#006633;
	font-size:1.3em;
	padding-top:10px;
}

.boxContentTitle.smaller{
	font-size:1.2em;
}

.boxContentSubTitle{
	color:#006633;
	display:block;
}

.boxContentText{
	margin:7px 0px 3px 0px;
}

/* Display Center boxes */
.displayCenter .box {
	width:291px;
}

.displayCenter .boxContainer{
	background:transparent url("/Xcelerate/graphics/vila/bgBoxContainerDisplayCenter.png") repeat-y top left;
}

.displayCenter .boxBottom {
	background:transparent url("/Xcelerate/graphics/vila/bgBoxBottomDisplayCenter.png") no-repeat top left;
}

.displayCenter .boxTop {
	background:transparent url("/Xcelerate/graphics/vila/bgBoxTopDisplayCenter.png") no-repeat bottom left;
}

.displayCenter .boxContent{
	width:253px;
}

.displayCenter .boxHeader{
	width:253px;
}

.displayCenter .fotoDelegat{
	margin-left:-14px;
	padding-right:5px;
	float:left;
}

.displayCenter .infoDelegat{
	padding:3px 5px 2px 5px;
}
.displayCenter .infoDelegat .noWrap{
	white-space: nowrap;
}
.displayCenter .boxContainer h1 a{
	text-decoration:none;
	color:#FFFFFF;
}

.displayCenter .boxContainer h1 a:hover{
	text-decoration:underline;
}

.paragraphText .displayCenter p{
	font-size:1.1em;
	padding:10px 0px 0px 0px;
	margin:0px;
}

.paragraphText table {
	border-top:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
}

.paragraphText table td {
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
}

.selectorBloc{
	text-align:center;
	margin-bottom:10px;
	background:#DEEDD6;
	padding:6px 15px 6px 15px;
}

.tool{
	margin-top:12px;
}
.toolListTop{
	display:block;
	height:3px;
	width:153px;
	margin:auto;
	background:transparent url("/Xcelerate/graphics/vila/bgToolsTop.png") no-repeat bottom left;
}

.toolList{
	width:153px;
	margin:auto;
	background:#F3F3F3 url("/Xcelerate/graphics/vila/bgTools.png") repeat-x top left;
	float:left;
	padding-bottom:10px;
}

.toolList li{
	padding:10px 0px 10px 0px;
	display:inline;
}

.toolList li a{
	float:left;
	width:76px;
	display:block;
	text-align:center;
	padding-top:55px;
	font-size:1.1em;
	font-weight:bold;
	margin-top:10px;
}

.toolList li a:hover{
	text-decoration:none;
}

.toolListBottom{
	display:block;
	height:7px;
	width:153px;
	margin:auto;
	background:transparent url("/Xcelerate/graphics/vila/bgToolsBottom.png") no-repeat top left;
}

.blocs{
	background:transparent url("/Xcelerate/graphics/vila/bgBlocs.png") no-repeat center top;
}

.facebook{
	background:transparent url("/Xcelerate/graphics/vila/bgFacebook.png") no-repeat center top;
}

.vilata{
	background:transparent url("/Xcelerate/graphics/vila/bgVilata.png") no-repeat center top;
}

.butlleti{
	background:transparent url("/Xcelerate/graphics/vila/bgButlleti.png") no-repeat center top;
}

.linkTablet{
	width:153px;
	margin:auto;
	display:block;
	margin-top:10px;	
	cursor:pointer;
}

.linkTabletTop{
	display:block;
	height:7px;
	width:153px;
	margin:auto;
	background:transparent url("/Xcelerate/graphics/vila/bgLinkTabletTop.png") no-repeat bottom left;
	cursor:pointer;
}

.linkTabletContent{
	display:block;
	width:153px;
	margin:auto;
	background:#F0F0F0 url("/Xcelerate/graphics/vila/bgLinkTablet.png") repeat-x top left;
	cursor:pointer;
}

.linkTabletBottom{
	display:block;
	height:7px;
	width:153px;
	margin:auto;
	background:transparent url("/Xcelerate/graphics/vila/bgLinkTabletBottom.png") no-repeat top left;
	cursor:pointer;
}

.linkTablet:hover{
	text-decoration:none;
	cursor:pointer;
}

.tabletLink{
	display:block;
	padding:5px 3px 5px 28px;
	margin-left:3px;
	cursor:pointer;
	width:119px;
}

.flash{
	margin:auto;
	width:153px;
	padding-top:14px;
}

.flashList{
	margin:0px auto 0px -6px;	
	float:left;
}

.flashList li.titleFlashList{
	float:none;
	display:block;
	padding-bottom:5px;
}

.flashList li{
	display:inline;
	padding:6px 0px 0px 8px;
	float:left;
}

.btGreen{
	float:right;
	margin:10px 1px 0px 0px;
}

.btGreenLeft{
	float:left;
	height:21px;
	line-height:21px;
	width:4px;
	background:transparent url("/Xcelerate/graphics/vila/btGreen2.png") no-repeat left top;
	cursor:pointer;
}

.btGreenRight{
	float:left;
	height:21px;
	line-height:21px;
	width:4px;
	background:transparent url("/Xcelerate/graphics/vila/btGreen2.png") no-repeat right top;
	cursor:pointer;
}

.btGreenCenter{
	float:left;
	height:21px;
	line-height:21px;
	color:#FFFFFF;
	vertical-align:middle;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	font-size:1.1em;
	background:transparent url("/Xcelerate/graphics/vila/btGreen.png") repeat-x left top;
	cursor:pointer;
}

.btGreenComplete{
	float:right;
	height:21px;
	line-height:21px;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:middle;
	font-weight:bold;
	margin:10px 1px 0px 0px;
	padding:0px 5px 0px 5px;
	font-size:1.1em;
	width:64px;
	background:transparent url("/Xcelerate/graphics/vila/btGreen3.png") repeat-x left top;
	cursor:pointer;
}

.width75{
	width:75px;
	background:transparent url("/Xcelerate/graphics/vila/btGreen4.png") repeat-x left top;
}

.loginForm{	
	padding:0px 9px 10px 10px;
}

.inputBloc{
	padding:5px 0px 0px 0px;
}

.loginForm label{
	display:block;
	color:#FFFFFF;
	padding:5px 0px 0px 0px;
}

.loginForm label.inline{
	display:inline;
	padding:1px 0px 0px 0px;
	vertical-align:middle;
}

.forgetLink{
	color:#FFFFFF;
	float:left;
	width:80px;
	margin-top:10px;
}

.forgetText{
	color:#AAAAAA;
	width:100%;
}

.registerLink{
	display:block;
	color:#FFFFFF;
	padding:5px 0px 0px 0px;
}

.loginLeft{
	width:5px;
	height:16px;
	line-height:16px;
	background:transparent url("/Xcelerate/graphics/vila/bgSearch.png") no-repeat top left;
	float:left;
}

.loginRight{
	width:5px;
	height:16px;
	line-height:16px;
	background:transparent url("/Xcelerate/graphics/vila/bgSearch.png") no-repeat top right;
	float:left;
}

.loginInput{
	background:#EBEBEB;
	border-top:1px solid #C7C6C6;
	border-bottom:1px solid #C7C6C6;
	float:left;
	height:14px;
	color:#32383A;
	width:150px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:0.95em;
}

.menuLateral{
	margin:0px -14px 0px -14px;
}

.menuLateral li{
	border-top:1px solid #a3a3a3;
}

.menuLateral li.menuLast{
	margin-bottom:-6px;
}

.menuLateral li ul li{
	border-top:1px dashed #c3c3c3;
}

.menuLateral li strong{
	display:block;
	padding:5px 25px 5px 10px;
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGreen.png") no-repeat 163px 9px;
	color:#006633;
	font-size:1.1em;
	font-weight:bold;
}

.menuLateral li a{
	display:block;
	padding:5px 25px 5px 10px;
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGrey.png") no-repeat 163px 9px;
	color:#32383A;
	font-size:1.1em;
	font-weight:bold;
}

.menuLateral li a.infoReserva{
	padding:5px 25px 5px 15px;
}

.menuLateral li a:hover{
	color:#006633;
	text-decoration:none;
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGreen.png") no-repeat 163px 9px;
}

.menuLateral li ul li strong{
	padding:3px 25px 5px 20px;
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGreen.png") no-repeat 163px 6px;
	font-weight:normal;
}

.menuLateral li ul li a{
	padding:3px 25px 5px 20px;
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGrey.png") no-repeat 163px 6px;
	font-weight:normal;
}

.menuLateral li ul li a:hover{
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGreen.png") no-repeat 163px 6px;
}

.menuSubTitle{
	font-weight:normal;
	font-size:0.9em;
}

.btGreenXL{
	padding:15px 0px 0px 0px;
	display:block;
	width:153px;
}

.btGreenXL:hover{
	text-decoration:none;
}

.btGreenXLTop{
	display:block;
	margin:auto;
	width:153px;
	height:4px;
	background:transparent url("/Xcelerate/graphics/vila/btGreenXLTopBottom.png") no-repeat top left;
	cursor:pointer;
}

.btGreenXLBottom{
	display:block;
	margin:auto;
	width:153px;
	height:4px;
	background:transparent url("/Xcelerate/graphics/vila/btGreenXLTopBottom.png") no-repeat bottom left;
	cursor:pointer;
}

.btGreenXLCenter{
	display:block;
	margin:auto;
	width:139px;
	padding:2px 7px 2px 7px;
	background:#00662D url("/Xcelerate/graphics/vila/btGreenXL.png") repeat-x top left;
	color:#FFFFFF;
	font-size:1.2em;
	cursor:pointer;
}

.btGreenXLCenter strong{
	display:block;
	background:transparent url("/Xcelerate/graphics/vila/bgArrow.png") no-repeat 135px 5px;
	cursor:pointer;
	padding-right:10px;
}

.boxParagraph{
	padding:13px 0px 0px 0px;
}

.boxGrey{
	margin:8px auto 0px auto;
	width:153px;
}

.boxGreyTop{
	display:block;
	height:4px;
	background:transparent url("/Xcelerate/graphics/vila/bgGreyTopBottom.png") no-repeat top left;
}

.boxGreyCenter{
	display:block;
	padding:0px 5px 0px 5px;
	background:#C5C5C5;
}

.boxGreyCenterPrice{
	display:block;
	padding:0px 2px 0px 2px;
	background:#C5C5C5;
	text-align: center;
}

.priceValue{
	color:#006633;
	font-size:3em;
	font-weight:bold;
}

.priceValue2{
	color:#006633;
	font-size:1.5em;
	font-weight:bold;
}

.boxGreyBottom{
	display:block;
	height:4px;
	line-height:5px;
	background:transparent url("/Xcelerate/graphics/vila/bgGreyTopBottom.png") no-repeat bottom left;
}

.tableForm{
	width:100%;
}

.tableForm td{
	padding:8px 15px 0px 0px;
}

.tableForm td p {
	width: 400px;
}

.tableForm h3{
	border-bottom:1px solid #006633;
	color:#006633;
}

.tableForm .inputText{
	width:210px;
	border:1px solid #BFE1A4;
	font-size:1em;
	color:#32383A;
	padding:1px;
}
.tableForm .inputSelect{
	border:1px solid #BFE1A4;
	font-size:1em;
	color:#32383A;
	padding:1px;
	width:214px;
}
.tableForm .tipusreserva{
	width:300px;
}
.tableForm .dianaixement{
	width:60px;
}
.tableForm .mesnaixement{
	width:88px;
}
.tableForm .anynaixement{
	width:60px;
}
.tableForm .inputText.error,
.tableForm .inputSelect.error,
.tableForm .error{
	border:1px solid #FF0000;
}
th.formCases {
	padding:2px 5px 2px 5px;
}
/*----------------------------------------------------------------------------------------------------
	Col Right
----------------------------------------------------------------------------------------------------*/

.colRight{
	float:right;
	width:127px;
	padding:12px 0px 12px 0px;
}

.colRightNews{
	float:right;
	width:216px;
	padding:12px 0px 12px 0px;
}

.calendar{
	width:104px;
	margin:auto;
}

.calendarTop{
	background:transparent url("/Xcelerate/graphics/vila/bgCalendarTop.png") repeat-y top center;
	display:block;
	color:#FFFFFF;
	font-size:1em;
	padding:2px 7px 2px 7px;
	display:block;
	width:90px;
}

.calendarContent{
	background:transparent url("/Xcelerate/graphics/vila/bgCalendar.png") repeat-y top center;
	padding:5px 7px 5px 7px;
	display:block;
	width:90px;
}

.calendarContent li{
	padding-bottom:5px;
}

.calendarContent li a{
	color:#32383A;
}

.calendarContent li a:hover{
	text-decoration:none;
}

.calendarBottom{
	background:transparent url("/Xcelerate/graphics/vila/bgCalendarBottom.png") no-repeat top center;
	height:13px;
	display:block;
}

.calendarDate{
	font-weight:bold;
	padding:2px 10px 0px 0px;
	background:transparent url(/Xcelerate/graphics/vila/bgArrowRed.png) no-repeat scroll right center;
	width: 90%;
	display:block;
}

.calendarBreu{
	padding:0px 0px 0px 0px;
	font-weight:normal;
}

.calendarBreu a{
	font-weight:bold;
}

.bannerList{
	width:101px;
	margin:auto;
	padding-top:3px;
}

.bannerList li{
	padding-top:8px;
}

.bannerList li a {
	color: #ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-decoration: none;
}

.bannerList .bannerListButton {
	display: block;
	width: 85px;
	height: 92px;
	margin: 0px;
	padding: 7px 9px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
	cursor: pointer;
}

.uab{
	margin:-90px 12px auto auto;
	display:block;
	width:101px;
	float:right;
}

.uabmargin {
	margin-top: 69px;
}

/*----------------------------------------------------------------------------------------------------
	Col Center
----------------------------------------------------------------------------------------------------*/

.colCenter{
	float:left;
	width:632px;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgCentral.png") repeat-x bottom left;
}

.colCenterNews{
	float:left;
	width:738px;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgCentral.png") repeat-x bottom left;
	margin-left:17px;
}

.centralContainer{
	background:transparent url("/Xcelerate/graphics/vila/bgCentralContainer.png") repeat-y top left;
	margin-top:12px;
}

.centralContainerNews{
	background:transparent url("/Xcelerate/graphics/vila/bgCentralContainerNews.png") repeat-y top left;
	margin-top:12px;
}

.imgCentral{
	margin:auto;
	display:block;
	width:598px;
}

.imgCentralTitle{
	position:absolute;
	font-weight:bold;
	margin:-30px 0px 0px 30px;
}

.homeFlash {
	margin-left:17px;
	z-index:1;
}

.colInt{
	width:297px;
	float:left;
	background:transparent url("/Xcelerate/graphics/vila/bgColInt.png") no-repeat bottom left;
	margin-left:13px;
}

.colIntNews{
	width:712px;
	float:left;
	background:transparent url("/Xcelerate/graphics/vila/bgColIntNews.png") no-repeat bottom left;
	margin-left:13px;
}

.colIntUnique{
	width:606px;
	float:left;
	background:transparent url("/Xcelerate/graphics/vila/bgColIntUnique.png") no-repeat bottom left;
	margin-left:13px;
}

.colIntContent{
	background:#FFFFFF;
	margin-bottom:6px;
	padding:9px;
}

.creditsList{
	text-align:center;
	padding:13px 0px 13px 0px;
	display:block;
	width:100%;
}

.colIntTitle{
	color:#99A19C;
	font-weight:normal;
	font-size:1.6em;
}

.colIntTitle a{
	color:#99A19C;
}

.vilaTitle{
	background:transparent url("/Xcelerate/graphics/vila/bgVilaTitle.png") no-repeat center right;
	padding-right:50px;
}

.residentsTitle{
	background:transparent url("/Xcelerate/graphics/vila/bgResidentsTitle.png") no-repeat center right;
	padding-right:50px;
}

.creditsList li{
	display:inline;
	padding-right:10px;
}

.creditSeparator{
	border-left:1px solid #3C3C3C;
	padding-top:5px;
	padding-bottom:5px;
}

.newsList{
	margin-top:5px;
	display:block;
}

.newsList li{
	padding:10px 0px 10px 0px;
}

.newsDate{
	font-size:1.1em;
}

.newsTitle{
	margin:4px 0px 4px 0px;
	color:#006633;
	font-size:1.3em;
}

.newsImg{
	float:left;
	margin:3px 10px 10px 0px;
}

.newsSeparator{
	padding:0px !important;
	height:2px;
	line-height:2px;
	background:#DBDCDB;
	display:block;
	clear:both;
}

li.newsMore{
	padding:10px 0px 0px 0px;
	text-align:right;
}

.newsAvantTitol{
	font-weight:bold;
	font-size:1.2em;
}

.newsDateDetail{
	font-weight:bold;
	font-size:1.2em;
}

.newsTheme{
	font-weight:bold;
	font-size:1.2em;
}

.newsSubTitol{
	font-weight:bold;
	font-size:1.2em;
}

.newsEntradeta{
	padding:5px 0px;
	font-weight:bold;
}

.newsCos{
	padding:5px 0px;
}

.newsAuthor{
	padding-top:10px;
	font-weight:bold;
	text-align:right;
}

.menuCentral{
	position:absolute;
	width:632px;
}

.menuCentralInterior{
	width:632px;
	height:45px;
}

.menuCentralList{
	width:606px;
	margin-left:13px;
	/*background:transparent url("/Xcelerate/graphics/vila/bgMenuCentralBottom.png") repeat-x bottom left;*/
	background:transparent url("/Xcelerate/graphics/vila/bgMenuCentralBottomFull.png") repeat-x bottom left;
	padding-bottom:6px;
	float:left;
}

.menuCentralList li{
	float:left;
	width:303px;
}

.menuCentralLink{
	float:left;
	color:#333333;
	font-size:1.3em;
	font-weight:bold;
	background:#A5A4A4 url("/Xcelerate/graphics/vila/bgMenuCentral.png") repeat-x top left;
	cursor:pointer;
	width:303px;
}

.menuCentralLink:hover{
	text-decoration:none;
	color:#FFFFFF;
	background:#0F4A1D url("/Xcelerate/graphics/vila/bgMenuCentralHover.png") repeat-x top left;
	cursor:pointer;
}

.menuCentralLinkActive{
	float:left;
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;
	background:#0F4A1D url("/Xcelerate/graphics/vila/bgMenuCentralHover.png") repeat-x top left;
	cursor:pointer;
	width:303px;
}

.menuCentralLinkActive:hover{
	text-decoration:none;
}

.menuCentralLeft{
	float:left;
	width:3px;
	padding:10px 0px 10px 0px;
	background:#A5A4A4 url("/Xcelerate/graphics/vila/bgMenuCentral2.png") no-repeat top left;
	cursor:pointer;
}

.menuCentralLink:hover .menuCentralLeft{
	background:#0F4A1D url("/Xcelerate/graphics/vila/bgMenuCentral2Hover.png") no-repeat top left;
	cursor:pointer;
}

.menuCentralLeftActive{
	float:left;
	width:3px;
	padding:10px 0px 10px 0px;
	background:#0F4A1D url("/Xcelerate/graphics/vila/bgMenuCentral2Hover.png") no-repeat top left;
	cursor:pointer;
}

.menuCentralContent{
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGreen.png") no-repeat right center;
	float:left;
	padding:10px 15px 10px 15px;
	vertical-align:middle;
	width:252px;
	cursor:pointer;
}

.menuCentralLink:hover .menuCentralContent{
	background:transparent url("/Xcelerate/graphics/vila/bgArrow.png") no-repeat right center;
	cursor:pointer;
}

.menuCentralContentActive{
	background:transparent url("/Xcelerate/graphics/vila/bgArrow.png") no-repeat right center;
	float:left;
	padding:10px 15px 10px 15px;
	vertical-align:middle;
	width:252px;
	cursor:pointer;
}

.menuCentralRight{
	float:right;
	width:3px;
	padding:10px 0px 10px 0px;
	background:#A5A4A4 url("/Xcelerate/graphics/vila/bgMenuCentral2.png") no-repeat top right;
	cursor:pointer;
}

.menuCentralLink:hover .menuCentralRight{
	background:#0F4A1D url("/Xcelerate/graphics/vila/bgMenuCentral2Hover.png") no-repeat top right;
	cursor:pointer;
}

.menuCentralRightActive{
	float:right;
	width:3px;
	padding:10px 0px 10px 0px;
	background:#0F4A1D url("/Xcelerate/graphics/vila/bgMenuCentral2Hover.png") no-repeat top right;
	cursor:pointer;
}

.moreInfo{
	margin:auto;
	border-bottom:1px solid #115422;
	padding:10px;
	background:transparent url("/Xcelerate/graphics/vila/bgArrowGreen.png") no-repeat center right;
	text-align:right;
}

.titleHome{
	margin:auto;
	padding:9px;
	background:#FFFFFF url("/Xcelerate/graphics/vila/bgMenuCentralBottomFull.png") repeat-x bottom right;
}

.titleHome h1 a{
	color:#32383A;
}

.titleHome h2{
	color:#006633;
	padding-bottom:5px;
}

.personList{
	float:right;
	margin-left:20px;
}

.personList li{
	float:left;
	padding-left:8px;
}

.wheelchairList{
	float:right;
}

.wheelchairList li{
	float:left;
	padding-left:8px;
}

.characteristics{
	float:left;
	width:180px;
	padding-top:10px;
	font-size:1em;
}

.characteristics ul{
	padding:0px;
	padding-top:3px;
	font-size:1.1em;
}
.characteristics li{
	background:transparent url("/Xcelerate/graphics/vila/bgItemGreen.png") no-repeat 0px 11px;
	padding:5px 0px 0px 10px;
}

.furniture{
	float:left;
	width:180px;
	padding-top:10px;
	font-size:1em;
}

.furniture ul{
	padding:0px;
	padding-top:3px;
	padding-bottom:10px;
	font-size:1.1em;
}
.furniture li{
	background:transparent url("/Xcelerate/graphics/vila/bgItemGreen.png") no-repeat 0px 11px;
	padding:5px 0px 0px 10px;
}

.otherItems ul{
	padding:0px;
	padding-top:3px;
	font-size:1.1em;
}
.otherItems li{
	background:transparent url("/Xcelerate/graphics/vila/bgItemGreen.png") no-repeat 0px 11px;
	padding:5px 0px 0px 10px;
}

.furnitureImages{
	float:right;
	width:198px;
	padding:10px 10px 0px 0px;
}

.furnitureImages li{
	padding:0px 0px 12px 0px;
}
.lowerText{
clear:both;
}
.lowerText h3{
margin-bottom:10px;
text-decoration:underline;
}
.lowerText div.contentLowerText{
font-size:1.1em;
}
.introText{
	font-size:1.1em;
	margin:0px 0px 10px 0px;
	color:#000000;
}

.introImg{
	float:right;
	margin:0px 0px 10px 10px;
}

.paragraphText p{
	font-size:1.1em;
	margin:10px 0px 0px 0px;
}

.formContainer{
	width:598px;
	margin:0px 0px 0px -5px;	
}

.formCTop{
	background:transparent url("/Xcelerate/graphics/vila/bgFormTaps.png") no-repeat top left;
	height:5px;
}

.formCCenter{
	background:#DEEDD6;
	padding:1px 15px 6px 15px;
}

.formCBottom{
	background:transparent url("/Xcelerate/graphics/vila/bgFormTaps.png") no-repeat bottom left;
	height:5px;
}

/*----------------------------------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------------------------------*/

.footer{
	height:26px;
	line-height:26px;
	background:transparent url("/Xcelerate/graphics/vila/bgFooter.png") no-repeat top left;
}


/*
* DROPDOWN.CSS
*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop8.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*Menu 01*/
.menuList table {}
.menuList a:hover {visibility:visible; position:relative; z-index:200;}
.menuList ul li a:hover{height:auto !important;}
.menuList li:hover {position:relative; z-index:200;}
.menuList ul, .menuList iframe {position:absolute; left:-9999px; top:-9999px;}
.menuList ul.submenu{width:181px !important;}
.menuList ul.submenu li a{line-height:16px !important;}

.menuList ul.submenu01 {width:160px;}
.menuList ul.submenu02 {width:110px;}
.menuList ul.submenu03 {width:90px;}
.menuList ul.submenu04 {width:112px;}
.menuList :hover iframe.one {left:0; top:30px; width:181px; height:20px;}
.menuList :hover iframe.two {left:0; top:30px; width:181px; height:20px;}
.menuList :hover ul {left:0; top:30px;  z-index:300;background:#CCC;}
.menuList :hover ul li {display:block; width:182px;border-bottom:1px solid #A3A3A3;border-top:1px solid #FFFFFF;background:#DCDCDC;}
.menuList :hover ul li.firstSubmenu{background:#DCDCDC url(/Xcelerate/graphics/vila/bgShadowMenu.png) repeat-x scroll top left;border-top:none;}
.menuList :hover ul li a {display:block; width:155px;padding:5px 13px 5px 13px;color:#333333;font-size:1em;font-weight:normal;}
.menuList :hover ul li a.selected {font-weight:bold;}
.menuList :hover ul li a:hover {background:#FFFFFF;font-weight:bold;text-decoration:none
;}
.menuList :hover ul li.firstSubmenu a:hover {background:#FFFFFF url(/Xcelerate/graphics/vila/bgShadowMenu.png) repeat-x scroll top left;font-weight:bold;text-decoration:none;}

/*Menu 02*/
.menuCentralList table {}
.menuCentralList a:hover {visibility:visible; position:relative; z-index:200;}
.menuCentralList li:hover {position:relative; z-index:200;}
.menuCentralList ul, .menuCentralList iframe {position:absolute; left:-9999px; top:-9999px;}
.menuCentralList ul.submenu{width:303px !important;}
.menuCentralList ul.submenu05 {width:160px;}
.menuCentralList ul.submenu06 {width:110px;}
.menuCentralList :hover iframe.one {left:0; top:38px; width:200px; height:20px;}
.menuCentralList :hover iframe.two {left:0; top:38px; width:200px; height:20px;}
.menuCentralList :hover ul {left:0; top:37px;  z-index:300;background:#CCC;}
.menuCentralList :hover ul li {display:block; width:303px;border-bottom:1px solid #A3A3A3;border-top:1px solid #FFFFFF;background:#DCDCDC;}
.menuCentralList :hover ul li.firstSubmenu{background:#DCDCDC url(/Xcelerate/graphics/vila/bgShadowMenu.png) repeat-x scroll top left;border-top:none;}
.menuCentralList :hover ul li a {display:block; width:265px;padding:5px 19px 5px 19px;color:#333333;font-weight:normal;}
.menuCentralList :hover ul li a.selected {font-weight:bold;}
.menuCentralList :hover ul li a:hover {background:#FFFFFF;font-weight:bold;text-decoration:none;}
.menuCentralList :hover ul li.firstSubmenu a:hover {background:#FFFFFF url(/Xcelerate/graphics/vila/bgShadowMenu.png) repeat-x scroll top left;font-weight:bold;text-decoration:none;}


/*
* CENTER ELEMENT
*/
.centerElement{
	display:block;
}

.linksTextGeneric{
	margin-top:10px;
	padding: 10px 20px 10px 20px;
	border-top:1px dashed #a3a3a3;
	font-size:1.2em;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/Xcelerate/graphics/vila/slimBoxLoading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/Xcelerate/graphics/vila/slimBoxPrevLabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/Xcelerate/graphics/vila/slimBoxNextLabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 17px;
	height: 22px;
	background: transparent url(/Xcelerate/graphics/vila/slimBoxCloseLabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* GALLERY */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.caption{font-style:italic;}
.gallery{width:580px;margin:0 auto;}
.gallery li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#FFF;}
.gallery li div{left:240px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 20px auto;max-width:580px;background:transparent;}
#main_image img{margin-top:10px;max-width:580px;}

/* NOTICIAS */
div#noticies {
	border-bottom:1px solid #BABABA;
	overflow:auto;
	padding-bottom:5px;
}
div.noticiaLlistat {
	clear:both;
	padding-top:15px;
	padding-bottom:1px;
}
div.noticiaLlistat.first {
	padding-top:0px;
}
div.noticiaLlistat div.imatgeNoticiaLlistat {
	float:left;
	margin-right:15px;
}
div.noticiaLlistat div.infoNoticiaLListat {
}
div.noticiaLlistat div.infoNoticiaLListat .data {
	font-weight:bold;
	font-size:1.2em;
}
div.noticiaLlistat div.infoNoticiaLListat a {
	font-weight:bold;
	font-size:1.2em;
}
div.noticiaLlistat div.infoNoticiaLListat .entradeta {
	font-size:1.1em;
}
div.noticiaLlistat div.infoNoticiaLListat .linkMes {
	font-weight:bold;
	font-size:1.1em;
}
div.paging{
	text-align:center;
	margin:15px;
	font-size:1.1em;
	font-weight:bold;
}
div.paging span{
	margin:0px 3px;
}
div.paging a{
	margin:0px 3px;
}
div.paging a:hover{
	text-decoration:underline;
}
div.arxiuFinsA, div.arxiuDesde {
	overflow:auto;
	padding:5px 0px 5px 0px;
}
div.arxiuDesde div,div.arxiuFinsA div{
	float:right;
	margin-left:0px;
}
div.arxiuDesde div.selTitol,div.arxiuFinsA div.selTitol{
	font-size:1.1em;
	float:left;
	margin:0px;
}
* html div.arxiuDesde div.selTitol{
	width:50px;
}
* html div.arxiuFinsA div.selTitol{
	width:50px;
}
div.arxiuDesde select, div.arxiuFinsA select{
	border:1px solid #bababa;
	width:55px;
}
div.arxiuParaulaClau{
	font-size:1.1em;
}
div.arxiuParaulaClau input#paraulaclau{
	width:80px;
	border:1px solid #bababa;
}
.btGreenComplete.cercar {
	float:none;
	margin:0px 0px 0px 3px;
}

/* BANNER HOME */
.bannerHome{
	margin:0px auto 16px auto;
	text-align:center;
}
/* PERFIL CONTRACTANT */
table.perfilContractantList{
width:100%;
border-collapse:collapse;
}
table.perfilContractantList tr{
border-bottom: 2px solid #006633;
}
table.perfilContractantList td, table.perfilContractantList th{
padding:10px 10px 10px 0px;
}
ul.perfilTypes{
margin:10px 30px 0px 30px;
}
div#centralContentLicitacionsDetall .texto_destacado{
font-weight:bold;
color:#006633;
}
div.colIntContent div.tornarCenter{
text-align:right;
padding:10px;
}


/* Mapa menu footer */

div#mapMenuFooter{
	padding: 20px 70px 20px 222px;
	overflow-y: auto;
}

div#mapMenuFooterNoticies{
	padding: 20px 105px 20px 30px;
	overflow-y: auto;
}
a.menuFooterCentralLink{
text-transform:uppercase;
}
ul.menuFooter01{
	float: left;
	width: 100%
}

ul.menuFooter01 p{
	text-align: left;
	margin-left: 7px;
}

ul.menuFooter01 a{
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
ul.menuFooter01 a.menuFooterCentralLink{
	margin-left: 0px;
}
/* 2 columns */
ul.menuFooter02{
	float: left;
	width: 50%
}

ul.menuFooter02 p{
	text-align: left;
	margin-left: 7px;
}

ul.menuFooter02 a{
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
ul.menuFooter02 a.menuFooterCentralLink{
	margin-left: 0px;
}

/* 3 columns */
ul.menuFooter03{
	float: left;
	width: 33%;
	*width: 31%
}

ul.menuFooter03 p{
	text-align: left;
	margin-left: 7px;
}

ul.menuFooter03 a{
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
ul.menuFooter03 a.menuFooterCentralLink{
	margin-left: 0px;
}
/* 4 columns*/
ul.menuFooter04{
	float: left;
	width: 25%;
	*width: 23%
}

ul.menuFooter04 p{
	text-align: left;
	margin-left: 7px;
}

ul.menuFooter04 a{
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
ul.menuFooter04 a.menuFooterCentralLink{
	margin-left: 0px;
}
/* 5 columns*/
ul.menuFooter05{
	float: left;
	width: 20%
}

ul.menuFooter05 p{
	text-align: left;
	margin-left: 7px;
}

ul.menuFooter05 a{
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
ul.menuFooter05 a.menuFooterCentralLink{
	margin-left: 0px;
}