/*RESET CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent
}
ol, ul {list-style:none;}
:focus {outline:0}
table {border-collapse:collapse;border-spacing:0}
/*FI RESET CSS*/

body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#3b699c url('../img/bg.png') repeat-x;
}

.bg {
	position:absolute;
	left:50%;
	margin-left:-500px;
	background-image:url('../img/bg_decora.png');
	width:668px;
	height:639px;
	z-index:-1;
}

.barraSuperior {
	height:28px;
	width:100%;
	background: #3b699c url('../img/bgBarraSuperior.gif') repeat-x;
	color:#fff;
	font-size:0.917em;
	
}

.barraSuperior .centre {
	width:896px;
	margin:auto;
	height: 28px;
	background:url('../img/bgBarraSuperiorCentre.gif') no-repeat;
}

.barraSuperior .centre p {
	text-transform:uppercase;
	padding:7px 0 0 0px;
	width:570px;
	float:left;
	
}

.idioma {
	float:right;
}

/*.idioma li {
	background: #8fc4ff url('../img/botonIdioma.jpg') no-repeat;
	float:left;
	margin-right:3px;
}*/

.idioma li {
	background: #8fc4ff url('../img/botonIdioma.jpg') no-repeat;
	float:left;
	margin-right:1px;
}

.idioma li a{
	display:block;
	width:98px;
	height:21px;
	text-align:center;
	text-decoration:none;
	color:#3b699c;
	padding-top:7px;
}

.logotips {
	width:920px;
	height:91px;
	margin:auto;
}

h1 {
	width:256px;
	height:91px;
	background:url('../img/BKC.png') no-repeat;
	text-indent:-9999px;
	float:left;
	margin-right:210px;
}

h2.ub a{
	display:block;
	width:191px;
	height:65px;
	background:url('../img/UB.png') no-repeat;
	text-indent:-9999px;
	float:left;
	margin:10px 30px 0 0;
}

h2.upc a{
	display:block;
	width:217px;
	height:65px;
	background:url('../img/UPC.png') no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:10px;
}

.banner{
	width:912px;
	height:211px;
	margin:auto;
}

.banner img {
	float:left;
	cursor:pointer;
}

.banner #contentBanner {
	float:left;
	margin-top:5px;
	margin-left:2px;
	border:1px solid #c1c1c1;
}

.cos {
	width:908px;
	margin:auto;
}


.menuH {
	height:65px;
	clear: both; 
}

.menuH li {
	float:left;
}

.menuH li a{
	display:block;
	width:169px;
	height:20px;
	background:url('../img/bgMenuH.png') no-repeat;
	font-size:0.917em;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	padding:45px 0 0 12px;
}



.menuH li a:hover {
	background:url('../img/bgMenuH_hover.png') no-repeat;
}

.menuH li a.active {
	background:url('../img/bgMenuH_hover.png') no-repeat;
}



.menuH li.ultim a{
	margin-left:1px;
	height:18px;
	padding:47px 0 0 12px;
	font-size:0.62em;
}

.menuH li.llarg a{
	font-size:0.75em;
}

.menuV {
	display:block;
	float:left;
	width:228px;
}


.menuV li {
	border-bottom:1px dotted #999;
	width:220px;
}

.menuV li a {
	display:block;
	margin-left:-33px;
	padding:10px 0 10px 35px;
	background:url('../img/bgMenuV.png') no-repeat left center;
	min-height:12px;
	color:#333;
	text-decoration:none;
}

.menuV li a.custom {
	background:url('../img/bgMenuV2.png') no-repeat left center;
}

/* Submenus de menuV */
.menuV li ul{
	margin-left:20px;
	margin-top:-5px;
	border:none;
	display:none;
	list-style:disc;
}

.menuV li ul li{
	border:none;
	font-size:11px;

}

.menuV li ul li a, .menuV li ul li a:hover{
	background-image:none;
	padding:5px 0 5px 35px;
	width:200px; 
	/*Per controlar els subMenuV que no es mengi la línia separadora*/
}

.menuV li ul li ul {display:none;}
.menuV li ul li ul li{
	list-style:circle;
}

.menuV li ul li ul li {
	width:160px;
}



/*
.menuV li a:hover.custom {
	background:url('../img/bgMenuV2_hover.png') no-repeat left center;
}*/

.menuV li a:hover {
	background:url('../img/bgMenuV_hover.png') no-repeat left center;
}

.contenidor {
	width:906px;
	background:url('../img/bgCos.png') repeat-y;
}

.contenidor .bgCos{
	width:850px;
	margin:auto;
	background:url('../img/bgCosSuperior.png') no-repeat 0 1px;
	z-index:2;
	top:0;
	left:auto;
	padding:20px 27px 20px 17px;
}

.contenidor .rightColumn{
	float:right;
	
}

.rightColumn {
	width: 260px;
	clear: both; 
}

.rightColumn li{
	width: 250px;
	float:left;
	
}

.contingut {
	width:590px;
	min-height:500px;
	padding-left:25px;
	border-left:1px solid #3b699c;
	float:left;
}

.contingut a {
	color:#3b699c;
	text-decoration:none;
	/*text-transform:lowercase;*/
}


.contingut a:hover {
	color:#557400;
}

.contingut p:first-letter {
	/*text-transform:uppercase;*/z
}

* html .contingut {
	height:500px;
}

.contingut h3 {
	color:#3b699c;
}

.peu {
	width:906px;
	height:42px;
	margin:auto;
	background:url('../img/bgPeu.png') no-repeat -1px;
}

#pieIS {
	padding:10px 20px;
	float:right;
	text-align:right;
	width:95%;
}

#pieIS a {
	color:#fff;
	text-decoration:none;
}

#mailto {
	float:left;
}

#pieIS a:hover {
	color:#ccc;
}

#pieIS img{
	vertical-align:-4px;
	border:0;
}

/* LIGHTBOX */
.LBfondoNegro {
	background-color:#000;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	filter:alpha(opacity=60);
	opacity:.6;
	display:none;
}

.LBcontenedor {
	background-color:#fff;
	width:64px;
	height:50px;
	padding:10px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-36px;
	margin-top:-26px;
	display:none;
}

.LBcontenedor h3{color:#5698d2;margin-bottom:10px;}
.cerrar {
	float:right;
	margin-top:-5px;
	background:#5698d2;
	color:#fff;
	padding:1px 5px;
	cursor:pointer;
}

.menuMapa {
	clear:both;
	overflow:hidden;
	bottom:0;
	position:absolute;
}

.menuMapa li {
	float:left;
	background:#5698d2;
	margin-right:5px;
}

.menuMapa li a {
	display:block;
	padding:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.menuMapa li a:hover {
	background:#3b699c;
}

.galeria, .mapa {display:none}

/* hacks ie 6 y 7*/

* html .peu{
	left:1px;
}

*:first-child+html .peu{
	left:1px;
}
