@charset "utf-8";

#page{
	background-color: #ebe9e9;
}
#header, #welcome, #flip, #location, #content, #footer {
	width: 920px;
	margin: 0 auto;
}
#header {
	background-image: url(../imagenes/menu_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 75px;
}
#header h1 {
	margin: 0;
	padding: 16px 0 0 4px;
}
#header h1 a {
	float: left;
	height: 40px;
	width: 177px;
}
#header h1 a span {
	display: none;
}
#menu {
	height: 40px;
	margin: -16px 0 0 196px;
}
#menu ul li {
	float: left;
	list-style: none;
}
#menu ul li a {
	margin-left: 1px;
	height: 40px;
	display: block;
}
#menu ul li a span {
	display: none;
}
#companyies {
	width: 161px;
}
#programacio {
	width: 146px;
}
#enllacos {
	width: 109px;
}
#descarregues {
	width: 134px;
}
#anteriors {
	width: 168px;
}
#welcome {
	height: 490px;
	background: transparent url(../imagenes/welcome_bg.jpg) no-repeat top center ;
}
#welcome_flash {
	width: 915px;
	margin: 0 auto;
}
#flip {
}
#location {
	background-image: url(../imagenes/location_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 439px;;
}
#map {
	position: relative;
	top: 45px;
	left: 35px;
	border: 1px solid #CCCCCC;
	height: 340px;
	width: 850px;
	z-index: 0;
}
#badge{
	width: 70px;
	position: relative;
	top: -340px;
	left: 825px;
	z-index: 1;
}
#content {
	background-image: url(../imagenes/content_bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}
#top {
	background-image: url(../imagenes/top_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 14px 18px 0;
	height: 32px;
}
#top ul {
	margin: 0 0 0 -6px;;
}
#top ul li {
	float: left;
	list-style: none;
	line-height: 20px;
}
#columnleft {
	float: left;
	width: 250px;
	padding: 0 40px 0 25px;
	margin: 30px 0 0 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#columnleft #gallery {
	width: 215px;
	background:  #FFF;
	margin-bottom: 25px;
	padding: 20px;
}
#columnleft #gallery ul {
margin-left: -15px;
}
#columnleft  #gallery ul li {
	margin: 0 0 10px 15px;
	list-style-image: none;
	float: left;
	width: 100px;
}
#columnleft  #gallery ul li img {
	width: 100px;
}
#main {
	margin: 0 50px 0 325px;
	padding: 0 0 0 40px;
}
#image {
	text-align: center;
}
#bottom {
	height: 65px;
	background-image: url(../imagenes/bottom_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#content.white {
	background-image: url(../imagenes/contentWhite_bg.jpg);
}
.white #top {
	background-image: url(../imagenes/topWhite_bg.jpg);
	padding: 0;
	height: 20px;
}
.white #columnleft{
	width: 300px;
	padding: 0 25px 0 20px;
	margin: 0;
	background-image: url(../imagenes/columnleft_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
}
.white #main {
	margin: 0 35px 20px 360px;
}

.white #bottom {
	height: 150px;
	background-image: url(../imagenes/bottomWhite2_bg.jpg)
}


#content.onecolumn {
	background-image: url(../imagenes/content1Column_bg.jpg);
	background-repeat: no-repeat;
}
.onecolumn #top {
	background-image: none;
	padding: 0;
	height: 10px;
}
.onecolumn #main {
	margin: 0;
	padding: 0;
}

.onecolumn #bottom {
	height: 20px;
	background-image: none;
}
#content.anteriors {
	background-image: url(../imagenes/content1Column_bg.jpg);
	background-repeat: no-repeat;
	min-height: 500px;
}
.anteriors #top {
	height: 20px;
	background-image: none;
	margin: 0 25px 10px 25px;
	padding: 10px 0 4px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
.anteriors #main {
	margin: 0 0 0 170px;
	padding: 0;
}
.anteriors #bottom {
	height: 20px;
	background-image: none;
}
#footer {
	height: 40px;
	padding: 0 45px 0 45px;
}
.bdrbm {
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}
.bdrtp {
	padding-top: 10px;
	border-top: 1px dotted #CCC;
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}