body,h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0px;
	padding:0px;
	font:normal 11px verdana, arial,sans-serif;
	color:#000000;
}
ul {
	list-style: none;
}
body{
	margin:10px 0px 0px 0px;
	padding:0px;
	background-color:#121838;
}
.separadorH{
	height:0px;
	overflow:hidden;
	clear: both;
}
hr {
	display:none;
}

#capcalera {
	/*height: 36px;
	clear: both;*/
}

a{
	font-style: italic;
	color:#003176;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}

/***********/
/* idiomes */
/***********/
ul#idiomes {
	float:right;
	/*height:31px;*/
	padding:11px 0px 0px 0px;
}
ul#idiomes li{
	float:left;
	margin:0px 0px 0px 5px;
}
ul#idiomes li a, 
ul#idiomes li strong {
	width: 22px;
	height:20px;
	display:block;
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
}
ul#idiomes li.es a, ul#idiomes li.es strong{
	background-image: url(/img/idiomes/flag_es.gif);
} 
ul#idiomes li.ca a, ul#idiomes li.ca strong{
	background-image: url(/img/idiomes/flag_ca.gif);
}
ul#idiomes li.en a, ul#idiomes li.en strong{
	background-image: url(/img/idiomes/flag_en.gif);
}
ul#idiomes li.de a, ul#idiomes li.de strong{
	background-image: url(/img/idiomes/flag_de.gif);
}
ul#idiomes li.fr a, ul#idiomes li.fr strong{
	background-image: url(/img/idiomes/flag_fr.gif);
}

ul#idiomes li a span, 
ul#idiomes li strong span {
	display: none;
}
/******************/
/* men� principal */
/******************/

#menuPrincipal {
	min-height: 486px;
	background: url(/img/corva_columa_esquerra.gif) 0px 121px no-repeat;	
	padding:23px 0px 50px 13px;
}
#menuPrincipal h1 {
	display:block;
	/* ample 80 */
	width:80px;
	height: 114px;
	background: url(/img/logo_skualo.gif) left top no-repeat;
	margin: 0px 0px 80px 9px;
}

#menuPrincipal h1 a {
	display: block;
	width: 80px;
	height: 114px;
}

#menuPrincipal h1 span {
	display: none;
}
#menuPrincipal ul {
	margin:0px 0px 0px 0px;
}

#menuPrincipal ul li {
	/*padding:3px 0px 3px 0px;*/
	padding:0px 0px 0px 0px;
}

#menuPrincipal ul li strong,
#menuPrincipal ul li a {
	display:block;
	padding:3px 0px 3px 4px;
	font:normal 10px verdana,arial,verdana,sans-serif;
	color:#000000;
	text-decoration: none;
}

#menuPrincipal ul li .active,
#menuPrincipal ul li strong {
	font-weight: bold;
}
#menuPrincipal ul li a:hover{
	text-decoration: underline;
	background-color: #ffffff;
	background-position: right 1px;
	background-repeat: no-repeat;
	background-image: url(/img/opcio_o.gif);
}
#menuPrincipal ul li ul li {
	padding: 0px 0px 0px 13px;
}
#menuPrincipal ul li ul li strong,
#menuPrincipal ul li ul li a{
	font-size: 9px;
	padding:2px 0px 2px 3px;
}
#menuPrincipal ul li ul li a:hover {
	background-position: right top;	
}

#menuPrincipal ul li ul li .active,
#menuPrincipal ul li ul li strong {
	font-style: italic;
}

/*********/
/* logos */
/*********/
ul#logos {
	float:right;
	height:36px;
}
ul#logos li{
	float:left;
	margin:0px 5px 0px 0px;
}
ul#logos li a {
	width: 27px;
	height:31px;
	display:block;
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	color:white;
}

ul#logos li.padi a {
	background-image: url(/img/logos/logo_padi.gif);
}
ul#logos li.scubapro a {
	background-image: url(/img/logos/logo_scuba_pro.gif);
}
ul#logos li.aqualung a {
	background-image: url(/img/logos/logo_aqua_lung.gif);
}
ul#logos li.vdst a {
	background-image: url(/img/logos/logo_vdst.gif);
}
ul#logos li.cmas a {
	background-image: url(/img/logos/logo_cmas.gif);
}

ul#logos li a span, 
ul#logos li strong span {
	display: none;
}

/*******/
/* peu */
/*******/
#contenedorPie #peu {
	position:relative;
	clear: both;
	height:35px;
}
#contenedorPie #peu #adreces {
	float:left;
}
#contenedorPie #peu #centres {
	float:right;
}


#contenedorPie #peu {
	padding:10px 0px 0px 0px;
}

#contenedorPie #peu #adreces {
	height: 40px;
}

#contenedorPie #peu #adreces p{
	float:left;
	margin: 0px 20px 0px 0px;
	font: normal 9px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#contenedorPie #peu #centres {
	height:40px;	
} 
#contenedorPie #peu #centres ul li {
	float: left;
	margin:0px 0px 0px 10px;
	padding:0px;
	line-height: 9px;
}

#contenedorPie #peu #centres ul li a {
	font: normal 9px/9px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration: none;	
}
#contenedorPie #peu #centres ul li a:hover {
	text-decoration: underline;
}

/*******/
/* w3c */
/*******/
.capsaW3c {
	margin:0px;
	padding:18px 0px 40px 0px;
	text-align:center;
}
.capsaW3c img {
	padding:0px 3px 0px 3px;
	border:none;
}
/**********/
/* fi w3c */
/**********/

/**********/
/* SECCI� */
/**********/
.content {
	clear: both;
}
.content .colLeft {
	float:left;
	padding:15px 27px 30px 27px;
	/*width:360px;*/
	/*width: 468px;*/
	width: 559px;
}
.content .colLeft h2{
	font:bold 17px arial,verdana,sans-serif;
	color:#003176;
	/*color:#87888a;*/
	padding:0px 0px 10px 0px;
}
.content .colLeft h2 strong {
	/*color:#003176;	*/
	color:#87888a;
	font-weight: 900;
}

.content .colLeft h3{
	font:bold 14px arial,verdana,sans-serif;
	color:black;
	padding:0px 0px 10px 0px;
}

.content .colLeft h4 {
	font:bold 12px arial,verdana,sans-serif;
	color:black;
	padding:0px 0px 10px 0px;	
}

.content .colLeft p{
	padding:0px 0px 10px 0px;
	text-align: justify;
}
.content .colLeft p a{
	/*font-weight:bold;*/
	font-style: italic;
	color:#003176;
}

.content .colLeft ul li {
	margin-bottom: 10px;
}
.content .colRight{
	float:right;
	width:200px;
	padding:15px 0px 30px 0px;
}
/*************/
/* FI SECCI� */
/*************/

/**********************/
/* IMATGES EN GENERAL */
/**********************/
.content .colLeft img,
.content .colRight img {
	/*display: block;*/
	border:1px dashed #9FBFE2;
	margin: 0px 0px 10px 0px;
}

.content .colLeft p img,
.content .colRight p img{
	display:block;
}

.content .colLeft .grafic {
	border:1px dashed #9FBFE2;	
}

.content .colLeft .grafic img {
	border: none;
}

/*************************/
/* FI IMATGES EN GENERAL */
/*************************/

/****************/
/* SUBCAP�ALERA */
/****************/
#subcapcalera {
	position: relative;
	height: 218px;
	overflow: hidden;
}
#subcapcalera #ona {
	z-index: 4;
	position: absolute;
	background: url(/img/ona.png) left bottom no-repeat;
	width: 617px;
	height: 216px;
	left:0px;
	bottom: 2px;
}

#subcapcalera #banner {
	position: absolute;
}

#subcapcalera #banner #canvas0,
#subcapcalera #banner #canvas1 {
	z-index: 1;
	position:absolute;
	width:617px;
	height:216px;
	top:0;
	left:0;
	overflow: hidden;
	/*
	filter:alpha(opacity=10);
	-moz-opacity:10;
	*/	
}

/*******************/
/* FI SUBCAP�ALERA */
/*******************/

/*****************/
/* finestra OKKO */
/*****************/
#finestraOKKO {
	padding: 15px 27px 30px 27px;
	margin:0px 23px 100px 0px;
	font-weight: normal;
	font-size: 14px; 
	color:#003176;
}
#finestraOKKO h2 {
	font-weight: bold;
	font-size: 17px;
	color:#003176;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
}
#finestraOKKO h3 {
	font-weight: bold;
	font-size: 18px;
	color:#003176;
	margin:0px 0px 10px 0px;
}
#finestraOKKO #capsaFinestra{
	width:250px;
	border:5px solid #003176;;
	padding:25px 0px 35px 100px;
	margin-top:30px;
	margin-left:auto;
	margin-right: auto;
	background: #9FBFE2 url(/img/logo_skualo.gif) no-repeat scroll 10px 10px;
}

/**************/
/* FORMULARIS */
/**************/
form {
	padding:0px;
	margin:0px 0px 20px 0px;
}
form fieldset {
	border: none;
	padding:0px;
	margin:0px;
	width: 482px;
}
form fieldset .camp {
	margin:0px 0px 15px 0px;
	float: none;
	clear: both;
}

form fieldset .camp label{
	display: block;
	font-weight: bold;
	color:#003176;
}
form fieldset .camp textarea,
form fieldset .camp input {
	width:480px;
	border:1px solid #7f7f7f;
	background-color: #eeeeee;
	color:#000000;
}
form fieldset .camp textarea.focus,
form fieldset .camp input.focus {
	border:1px solid #003176;
	background-color: white;
	color:black;	
}
form fieldset .camp.boto input {
	margin: 0px 0px 0px 0px;
	padding:0px;
	float: right;
	width:80px;
	border:1px solid #003176;
	background-color: #9FBFE2;
	color:#003176;
	font-weight: bold;
}

/* camp curt */
form fieldset .camp.curt {
	float:left;
	width:auto;
	clear: none;
	margin-left:47px;
}

form fieldset .camp.curt.first {
	margin-left: 0px;
}

form fieldset .camp.curt input {
	width: 125px;
}

/***********/
/* GALERIA */
/***********/
.galeria {
	margin: 0px;
	padding: 0px;
}
/*.galeria h2 {
}
.galeria h3 {
}
.galeria p {
}
*/
.galeria #coleccion {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*width: 100%;*/
	float:left;
}

.galeria #coleccion a {
	display: block;
	float:left;
	width:120px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: center;
	border:none;
}
.galeria #coleccion a img {
	/*border: 10px solid #567068;*/
	margin:0px;
	padding:0px;
}

.galeria #coleccion .sepCol {
	float: left;
	width: 20px;
	height:20px;
}

.galeria #coleccion .sepRow {
	clear:both;
	width: 100%;
	height:20px;
}

/***************/
/* CURSOS PADI */
/***************/
.content .cursos {
}
.content .cursos .colLeft{
	width:350px;
}
.content .cursos .colRight{
	width:172px;
	margin-right:23px;
}
.content .cursos .colRight h2 {
	font:bold 17px arial,verdana,sans-serif;
	color:#003176;
	padding:0px 0px 10px 0px;
}
/***************/
/* FI CURSOS PADI */
/***************/

/***************/
/* MENU CENTRE */
/***************/

#menuCentre {
	position:relative;
	clear:both;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	width: 557px;
}
#menuCentre ul {
	border:1px dashed #9FBFE2;
	float:left;
	padding:7px 0px 5px 10px;
	margin:0px;
	width:545px;
}
#menuCentre ul li{
	float:left;
	margin:0px 13px 5px 0px;
}
#menuCentre ul li a,
#menuCentre ul li strong {
	font-style: normal;
	font-size:10px;
}

#menuCentre ul li a.childOn {
	color:black;
	font-weight: bold;
}

#menuCentre .logos {
	position:absolute;
	top:10px;
	right:0px;
}

#menuCentre ul.logos  {
	width: auto;
	float:right;
	border:none;
	padding:0px;
	margin:0px;
	
}
#menuCentre ul.logos li {
	padding:3px;
	margin:0px 0px 0px 5px;
	background-color:#121838;
}
#menuCentre ul.logos li a {
	width: 27px;
	height:31px;
	display:block;
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	color:white;
}
#menuCentre ul.logos li.padi a {
	background-image: url(/img/logos/logo_padi.gif);
}
#menuCentre ul.logos li.scubapro a {
	background-image: url(/img/logos/logo_scuba_pro.gif);
}
#menuCentre ul.logos  li.aqualung a {
	background-image: url(/img/logos/logo_aqua_lung.gif);
}
#menuCentre ul.logos li.vdst a {
	background-image: url(/img/logos/logo_vdst.gif);
}
#menuCentre ul.logos li.cmas a {
	background-image: url(/img/logos/logo_cmas.gif);
}
#menuCentre ul.logos li a span, 
#menuCentre ul.logos li strong span {
	display: none;
}


/******************/
/* FI MENU CENTRE */
/******************/

/****************/
/* ficha centro */
/****************/
.contenedorCentro {
	width: 100%;
}
/*.contenedorCentro img {
	display: block;
	border:1px dashed #9FBFE2;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
}*/

/************/
/* NOTICIAS */
/************/
.colLeft .noticias ul{
	
}
.colLeft .noticias ul li {
	margin-bottom:10px;
}
.colLeft .noticias ul li h4 {
	padding-bottom:0px;
}

/********************/
/* LLISTES DE PREUS */
/********************/
.content .colLeft table {
	width: 100%;
}
.content .colLeft table th {
	text-align: left;
	padding:0px 0px 5px 0px;
	border-bottom: 1px dashed #9FBFE2;
}
.content .colLeft table td {
	text-align: left;
	padding: 5px 0px 0px 0px;
}
.content .colLeft table th.preuItem,
.content .colLeft table td.preuItem {
	text-align: right;
}
/************************/
/* FI  LLISTES DE PREUS */
/************************/

/************/
/* ENLLAÇOS */
/************/

.content .colLeft .enlaces h4 {
	padding-bottom:0px;
	margin-bottom:0px;
}

.content .colLeft .enlaces li {
	margin-bottom:20px;
}
.content .colLeft .enlaces li img {
	margin: 5px 0px 5px 0px;
	display:block;
}
.content .colLeft .enlaces li a {
	margin:0px 0px 10px 0px;
	float: none;
}

/***************/
/* FI ENLLAÇOS */
/***************/
.plano {
	display:block;
	width:555px;
	height:300px;
	border:1px dashed #9FBFE2;
	margin:0px 0px 10px 0px;	
}
/* mapa_centres */
#mapa_centres {
	border:none;
}