/***********************/
/* CAPCELERA */
/***********************/

body {
	margin: 0em auto; 
	padding: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	background-color: #FFFFFF;
	text-align: center;
}

#page-container {
	width: 760px; 
	margin: auto; 
	padding: 0px;
	text-align: left;
}

.capcelera {
	width: 760px;
	height: 260px;
}

.menucapcelera {
	margin-top: 13px;
	margin-left: 462px;
	text-align: center;
}

.requadremenucapcelera {
	float: left;
	line-height: 165%;
 	margin-top: 2px;
 	margin-right: 10px;
  width: 190px;
}

.requadremenucapcelera a {
  	display: block;
  	width: 100%;
}

.selectoridioma {
	margin-top: 13px;
	margin-left: 5px;
}

/***********************/
/* MENU SUPERIOR */
/***********************/

.menusuperior {
	margin-top: 0px;
	margin-left: 257px;
	height: 17px;
	text-align: center;
	float: none;
}

.requadremenusuperior {
	width: 95px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 165%;
	float: left;
}

/***********************/
/* MENU ESQUERRE */
/***********************/

.menuesquerre {
	float: left;
	width: 163px;
	height: 800px;
	text-align: right;
}

.requadremenuesquerre {
	margin-top: 2px;
	width: 163px;
	line-height: 145%;
}

.requadremenuesquerretitol {
	margin-top: 5px;
	width: 163px;
	line-height: 185%;
}

.requadremenuprebottomtitol {
	margin-top: 0px;
	width: 230px;
	line-height: 185%;
}

.requadremenuprebottomtitolvideos {
	margin-top: 0px;
	width: 100px;
	line-height: 185%;
}

.requadremenuprebottom {
	margin-top: 0px;
	width: 230px;
	line-height: 145%;
}

.requadremenuprebottomvideos {
	margin-top: 0px;
	width: 100px;
	line-height: 145%;
}


/***********************/
/* MENU DRET */
/***********************/

.menudret {
	margin-left: 20px;
	width: 100px;
	float: right;
	text-align: right;
}

.requadremenudret {
	margin-top: 2px;
	width: 100px;
	line-height: 145%;
}

.requadremenudrettitol {
	margin-top: 5px;
	width: 100px;
	line-height: 185%;
}

.portada {
	clear: right;
}

/***********************/
/* GALERIA */
/***********************/

.contingutgaleria {
	margin-top: 30px;
	margin-left: 210px;
}

.contingutgaleria a:active,
.contingutgaleria a:link,
.contingutgaleria a:visited,
.contingutgaleria a:hover {
	text-decoration: none;
	color : #FFFFFF;
}

.imatgegaleria {
	margin-top: 15px;
	margin-left: 0px;
}

.titolinfodetall {
	width: 135px;
	margin-left: 200px;
	margin-right: 0px;
	line-height: 165%;
	text-align: center;
}

.tablestyledetall {
	width: 500px;
	text-align: center;
	border-collapse: collapse;
	border-color: #FF0099;
	line-height: 165%;
	border-width: 1px;
	border-style: solid;
}

.detall {
	margin-left: 200px;
}

.ampliar {
	margin-bottom: 15px;
	width: 110px;
}

.imatgedetall {
	width: 207px;
	height: 201px;
	float: left;
	margin-top: 13px;
	margin-left: 10px;
}

.descripciodetall {
	margin-top: 20px;
	margin-left: 5px;
	text-align: left;
}

.textquantitat {
	width: 25px;
}

.text {
 	background-color: #FFFFFF;
 	border: 1px solid #999999; 
}

.preudetall {
	margin-top: 15px;
	width: 130px;
}

.preutxt {
	font-size: 155%;
	margin-right: 0px;
}

.afegirdetall {
	margin-top: 2px;
}

/***********************/
/* CONTINGUT PORTADA */
/***********************/

.contingutimenus {
	margin-top: 43px;
	margin-left: 0px;
	text-align: left;
}

.contingut {
	margin-top: 2px;
	margin-left: 275px;
	float: none;
}

.contingutportada {
	margin-top: 2px;
	margin-left: 100px;
	width: 355px;
	float: left;
}

.guio {
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
}

.temporada {
	margin-top: 0px;
	margin-left: 0px;
}

.imatgesportada {
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.imatgegranportada {
	margin-top: 5px;
	margin-left: 50px;
	text-align: center;
	clear: both;
}

/***********************/
/* INFO */
/***********************/

.textinfo {
	margin-top: 25px;
	margin-left: 215px;
	width: 460px;
//	height: 484px;
	min-height: 484px;
	background: url(./images/surfideology/fons_ascerisc.gif) top center;
	background-repeat: no-repeat;
	background-position: right;
}

.textinfohistorial {
	margin-top: 25px;
	margin-left: 215px;
	width: 460px;
}

.textinfoquisom {
	margin-top: 25px;
	margin-left: 215px;
	width: 460px;
	height: 484px;
	background: url(./images/surfideology/fons_surfer.gif) top center;
	background-repeat: no-repeat;
	background-position: right;
}

.info {
	margin-top: 0px;
	margin-left: 0px;
}

.titolinfo {
	width: 275px;
	margin-left: 340px;
	margin-right: 0px;
	line-height: 165%;
	text-align: center;
}

.imatgecorreos {
	margin-left: 30px;
	margin-top: 10px;
}

.margeinfotxt {
	height: 350px;
}

.prebottom{
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 20px;
	position: relative;
}

.prebottom_margin{
	margin-left: 155px;
	margin-top: 25px;
	margin-bottom: 65px;
}

/***********************/
/* NOU COMPTE */
/***********************/

.noucomptecontingut {
	margin-left: 200px;
	width: 550px;
}

.noucomptetitol {
	text-align: right;
	width: 270px;
	line-height: 185%;
}

/***********************/
/* LOGIN */
/***********************/

.logincontingut {
	margin-left: 130px;
	width: 627px;
}

.logincontingut1 {
	margin-left: 50px;
	width: 230px;
	text-align: right;
}

.logincontingut2 {
	margin-left: 400px;
	width: 185px;
}

.logintitolregistrat {
	text-align: right;
	width: 230px;
	line-height: 185%;
}

.logintitolnoregistrat {
	text-align: right;
	width: 180px;
	line-height: 185%;
}

.loginlinks {
	margin-left: 20px;
	margin-right: 20px;
	line-height: 165%;
}

.recuadreloginborder {
	border-collapse: collapse;
	border-color: #FF0099;
	border-width: 1px;
	border-style: solid;
	line-height: 165%;
	width: 170px;
}

/***********************/
/* CISTELLA */
/***********************/

.cistellacompra {
	margin-top: 60px;
}

.cistellatitollink {
	margin-top: 12px;
	line-height: 165%;
}

.recuadrecistella {
	margin-left: 30px;
}

.recuadrecistellaborder {
	border-collapse: collapse;
	border-color: #FF0099;
	border-width: 1px;
	border-style: solid;
	line-height: 165%;
}

.cistellatitol {
	margin-left: 0px;
	text-align: right;
	width: 120px;
	
}

.cistellacontingut {
	margin-left: 130px;
	width: 627px;
}

.cistellatitoltaula {
	line-height: 165%;
}

.cistellamenuinferior {
	margin-left: 130px;
	line-height: 165%;
	text-align: left;
}

.tablestylecistella {
	width: 627px;
	text-align: center;
	border-collapse: collapse;
	border-color: #999999;
	line-height: 165%;
	border-width: 1px;
	border-style: solid;
}

.subtotalcistella {
	width: 627px;
	margin-left: 0px;
	line-height: 185%;
}

/***********************/
/* GUIA */
/***********************/

.lineamenuguia {
	clear: right;
	margin-left: 200px;
}

.requadremenuguia {
	float: left;
	width: 145px;
	height: 17px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 165%;
	text-align: center;
}

.textinfoguia {
	margin-top: 0px;
	margin-left: 215px;
	width: 460px;
}

.titolguia {
	margin-top: 50px;
}

.imatgeguia {
	float: left;
	margin-right: 10px;
}

.tableguia {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

table.tablestyleguia {
	text-align: center;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #999999 #999999 #999999 #999999;
	border-collapse: collapse;
	background-color: white;
}

table.tablestyleguia th {
	border-width: 1px 1px 1px 1px;
	padding: 2px;
	border-style: solid solid solid solid;
	border-color: #999999 #999999 #999999 #999999;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.tablestyleguia td {
	border-width: 1px 1px 1px 1px;
	padding: 2px;
	border-style: solid solid solid solid;
	border-color: #999999 #999999 #999999 #999999;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.prebottom td {
	border-width: 0px;
}



/***********************/
/* PEUPAGINA */
/***********************/

.paraulesclau1 {
	position: absolute;
	margin-top: 25px;
	margin-left: 200px;
	float: left;
	text-align: center;
}

.paraulesclau2 {
	position: absolute;
	margin-top: 25px;
	margin-left: 300px;
	float: left;
	text-align: center;
}

.paraulesclau3 {
	position: absolute;
	margin-top: 25px;
	margin-left: 450px;
	float: left;
	text-align: center;
}

.paraulesclau4 {
	position: absolute;
	margin-top: 25px;
	margin-left: 550px;
	float: left;
	text-align: center;
}

.paraulesclau5 {
	position: absolute;
	margin-top: 40px;
	margin-left: 122px;
	float: left;
	text-align: center;
}

.paraulesclau6 {
	position: absolute;
	margin-top: 40px;
	margin-left: 266px;
	float: left;
	text-align: center;
}

.paraulesclau7 {
	position: absolute;
	margin-top: 40px;
	margin-left: 362px;
	float: left;
	text-align: center;
}

.paraulesclau8 {
	position: absolute;
	margin-top: 40px;
	margin-left: 450px;
	float: left;
	text-align: center;
}

.paraulesclau9 {
	position: absolute;
	margin-top: 40px;
	margin-left: 600px;
	float: left;
	text-align: center;
}

.paraulesclau10 {
	position: absolute;
	margin-top: 55px;
	margin-left: 150px;
	float: left;
	text-align: center;
}

.paraulesclau11 {
	position: absolute;
	margin-top: 55px;
	margin-left: 280px;
	float: left;
	text-align: center;
}

.paraulesclau12 {
	position: absolute;
	margin-top: 55px;
	margin-left: 370px;
	float: left;
	text-align: center;
}

.paraulesclau13 {
	position: absolute;
	margin-top: 55px;
	margin-left: 475px;
	float: left;
	text-align: center;
}

.paraulesclau14 {
	position: absolute;
	margin-top: 55px;
	margin-left: 610px;
	float: left;
	text-align: center;
}

.paraulesclau15 {
	position: absolute;
	margin-top: 70px;
	margin-left: 330px;
	float: left;
	text-align: center;
}

.paraulesclau16 {
	position: absolute;
	margin-top: 70px;
	margin-left: 450px;
	float: left;
	text-align: center;
}

.peupagina {
	position: absolute;
	margin-top: 95px;
	margin-left: 120px;
	padding-bottom: 25px;
	float: left;
	text-align: left;
}

.peupaginasimple {
	margin-top: 80px;
	margin-left: 120px;
	padding-bottom: 25px;
	text-align: center;
}

.copyright {
	position: absolute;
	margin-top: 128px;
	margin-left: 565px;
	width: 200px;
	text-align: center;
	line-height: 165%;
}

/***********************/
/* PEUPAGINA POPUP */
/***********************/

.peupaginapopup {
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 20px;
	float: left;
	text-align: left;
}

.tancarpopup {
	margin-left: 500px;
	margin-top: 35px;
	width: 60px;
	line-height: 200%;
}

/***********************/
/* ETC */
/***********************/

.floatleft {
	float: left;
}

.floatboth {
	float: both;
}

/***********************/
/* FONTS */
/***********************/

.fontguio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22pt;
	font-style: normal;
	text-transform: lowercase;
	background-color: #FFFFFF;
}

.fontprincipal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
}

.fontnegreta {
	font-weight: bold;
}

/***********************/
/* COLORS */
/***********************/

.magenta {
	color: #FF0099;
}

.fonsmagenta {
	background-color: #FF0099;
}

.blau {
	color: #3399FF;
}

.fonsblau {
	background-color: #3399FF;
}

.gris {
	color: #999999;
}

.gris2 {
	color: #666666;
}

.fonsgris {
	background-color: #999999;
}

.negre {
	color: #000000;
}

.fonsnegre {
	background-color: #000000;
}

.blanc {
	color: #FFFFFF;
}

.fonsblanc {
	background-color: #FFFFFF;
}

.negre {
	color: #000000;
}

/***********************/
/* LINKS */
/***********************/

a:active,
a:link,
a:visited,
a:hover { 	
  text-decoration: none;
}

.linkblanc a:active,
.linkblanc a:link,
.linkblanc a:visited,
.linkblanc a:hover {
	color: #FFFFFF;
}

.linkblau a:active,
.linkblau a:link,
.linkblau a:visited {
	display: block;
  	background-color: #FFFFFF;
  	color: #3399FF;
  	text-decoration: none;
}

.linkblau a:hover {
	display: block;
  	background-color: #3399FF;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkblautxt a:active,
.linkblautxt a:link,
.linkblautxt a:visited,
.linkblautxt a:hover{
  	background-color: #FFFFFF;
  	color: #3399FF;
  	text-decoration: none;
}

.linkblauinvers a:active,
.linkblauinvers a:link,
.linkblauinvers a:visited {
	display: block;
  	background-color: #3399FF;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkblauinvers a:hover {
	display: block;
  	background-color: #FFFFFF;
  	color: #3399FF;
  	text-decoration: none;
}

.linkgriswhite a:active,
.linkgriswhite a:link,
.linkgriswhite a:hover,
.linkgriswhite a:visited {
	display: block;
	background-color: #FFFFFF;
  	color: #999999;
  	text-decoration: none;
}

.linkgris a:active,
.linkgris a:link,
.linkgris a:visited {
	display: block;
	background-color: #FFFFFF;
  	color: #999999;
  	text-decoration: none;
}

.linkgris a:hover {
	display: block;
  	background-color: #999999;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkgriss a:active,
.linkgriss a:link,
.linkgriss a:visited {
	display: block;
	background-color: #999999;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkgriss a:hover {
	display: block;
  	background-color: #999999;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkgrisinvers a:active,
.linkgrisinvers a:link,
.linkgrisinvers a:visited {
	display: block;
	background-color: #999999;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkgristxt a:active,
.linkgristxt a:link,
.linkgristxt a:visited,
.linkgristxt a:hover{
  	background-color:#FFFFFF;
  	color: #999999;
  	text-decoration: none;
}

.linkgrisinvers a:hover {
	display: block;
  	background-color: #FFFFFF;
  	color: #999999;
  	text-decoration: none;
}

.linkmagenta a:active,
.linkmagenta a:link,
.linkmagenta a:visited {
	display: block;
  	background-color: #FFFFFF;
  	color: #FF0099;
  	text-decoration: none;
}

.linkmagenta a:hover {
	display: block;
  	background-color: #FF0099;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkmagentatxt a:active,
.linkmagentatxt a:link,
.linkmagentatxt a:visited,
.linkmagentatxt a:hover{
  	background-color: #FFFFFF;
  	color: #FF0099;
  	text-decoration: none;
}

.linkmagentainvers a:active,
.linkmagentainvers a:link,
.linkmagentainvers a:visited {
	display: block;
  	background-color: #FF0099;
  	color: #FFFFFF;
  	text-decoration: none;
}

.linkmagentainvers a:hover {
	display: block;
  	background-color: #FFFFFF;
  	color: #FF0099;
  	text-decoration: none;
}