body {
	background-color: #FFFFFF;

/*	NO Compress CSS */
/*	background: url('../../img/web/botiga/fondo_header_botiga.jpg') #9cc9e4 repeat-x top; */

/*	Compress CSS */
	background: url('../../img/web/botiga/fondo_header_botiga.jpg') #9cc9e4 repeat-x top;

/*	margin-top:14px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:14px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /*Font-size: 1.0em = 10px when browser default size is 16px*/
/*	color:#555555;*/
}
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

a {font-family: Verdana, Arial, Helvetica; font-weight: normal; color: #296192; text-decoration:none;}
a:hover {font-family: Verdana, Arial, Helvetica; color: #296192; text-decoration:underline;}

.link_negre {font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #000000; text-decoration:underline;}
.link_negre:hover {font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #000000; text-decoration:underline;}

.opinions {font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size:11px; color: #000000; text-decoration:none;}
.opinions:hover {font-family: Verdana, Arial, Helvetica; color: #000000; font-size:11px; text-decoration:underline;}

/* PEU DE PÀGINA */
.peu {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #246096;}
.avellana {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #8e8e8e; text-decoration:underline}
.avellana:hover {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #8e8e8e; text-decoration:underline}



/* TITULARS */
.titol_principal { font-size: 25px; letter-spacing: -2px; line-height: 25px; margin-bottom: 5px; font-weight:bold; color:#0b4975; }
.titol_principal:hover { font-size: 25px; letter-spacing: -2px; line-height: 25px; margin-bottom: 10px; color:#0b4975; }

.titol {font-family: Arial, Helvetica; font-weight: bold; color: #0b4975; font-size: 18px; }
.titol:hover {font-family: Arial, Helvetica; font-weight: bold; color: #0b4975; font-size: 18px;}
.subtitol {font-family: Verdana, Arial, Helvetica; font-weight: normal; color: #71413f; font-size: 11px; padding-bottom:10px; font-weight:bold; }
.subtitol_detall {font-family: Verdana, Arial, Helvetica; font-weight: normal; color: #383539; font-size: 12px; padding-bottom:10px; font-weight:bold; }


.titol_cercador {font-family: Verdana, Arial, Helvetica; font-size: 20px; font-weight: bold; color: #246096; text-decoration: none; }
.titol_noticia_principal {font-family: Verdana, Arial, Helvetica; font-size: 32px; font-weight: bold; color: #246096; text-decoration: none;}
.subtitol_noticia_principal {font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; color: #ee192d; }
.autor_espanyoldirecte {font-family: Verdana, Arial, Helvetica;	font-size: 10px; color: #246096; }




.round-border-topright {width:10px; height:10px; position:absolute; background:url(../../img/web/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}

#comentaris_anteriors { padding:8px; } 

h1 { color: #246096; }


.titol_noticia_detall {font-family: Verdana, Arial, Helvetica; font-size: 22px; font-weight: bold; color: #246096; text-decoration: none; padding-bottom:5px}

.titol_noticia {font-family: Verdana, Arial, Helvetica;	font-size: 14px; font-weight: bold;	color: #246096;	text-decoration: none; padding-bottom:5px}
.text {font-family: Verdana, Arial, Helvetica; font-size: 10px; margin-left:5px}
.text_blogs {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #246096; margin-left:5px}
.text_blogs2 {font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #246096; margin-left:5px}
.textpetit_ultimahora {font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #feaf00;}
.titol_blogs {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF;	margin-left:5px}
.permalink_espanyoldirecte {font-family: Verdana, Arial, Helvetica;	font-size: 10px; color: #246096; margin-left:35px}
.text_ultimahora {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #feaf00;}
.subtitol_noticia {font-family: Verdana, Arial, Helvetica; font-size: 12px;	font-weight: normal; color: #ee192d; padding-bottom:5px}
.data_barra {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: normal; color: #FFFFFF; padding-top:4px; padding-right:10px;}
.text_noticia_principal {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #000000; padding-left:10px; padding-bottom:20px}
.text_noticia_detall {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #383539; padding-bottom:20px}
.text_noticia {font-family: Verdana, Arial, Helvetica; font-size: 12px;	font-weight: normal; color: #000000;}
.txt_img_doc {font-family: Verdana, Arial, Helvetica;	font-size: 12px; font-weight: normal; color: #296192; padding-left:6px; padding-top:-10px}
.videos_not {font-family: Verdana, Arial, Helvetica; padding-bottom:10px; width:110px; float:left; }
.espai_noticia {padding-bottom:15px}
.espai_noticia_detall {padding-top:10px; }


.titol_enquesta {font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; color: #246096; margin-left:10px; margin-top:8px}
.titol_enquesta_int {font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000000; margin-left:10px; margin-top:8px}
.autor_boxdreta {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; margin-left:8px}
.text_boxdreta {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #246096;}
.espanyoldirecte {margin-left:57px; margin-top:20px}
/*p {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #000000;}*/

.div_detallnoticia {border-color:#CCCCCC; border-width:thin; border-style:solid; margin-right:10px; margin-bottom:10px; margin-top:5px; float:left}
.div_comentaris { /*border-color:#CCCCCC; border-width:thin; border-style:solid; margin-top:10px */
font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000000;}

.img_detallnoticia {margin-left:6px; margin-right:6px; padding-bottom:6px; margin-top:6px}

.boder_img_detallnoticia {margin-right:3px; margin-bottom:10px; padding:3px; background-color:#e9e9e9; border-style:solid;}

.img_doc {margin:0px}
.text_comentaris {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #000000; margin-left:8px; margin-right:8px; margin-top:8px; margin-bottom:8px}
.autor_comentaris {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #246096; margin:8px 8px 8px 8px;}
.txt_formulari {border-style: solid; border-width: 1px; border-color:#5e84a8; font-family:Verdana; font-size:10px}

.titol_video {font-family: Verdana, Arial, Helvetica; font-size: 12px;	font-weight: bold; color: #246096; padding-bottom:5px}
.data_video {font-family: Verdana, Arial, Helvetica; font-size: 8px;	font-weight: normal; color: #000000; padding-bottom:5px}



.borde_img_principal {border-style: solid; border-width: 1px; border-color:#313b78; font-size:9px; }
.borde_img {border-style: solid; border-width: 1px; border-color:#313b78; }

.paginacio { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #296192; }

.permalink_noticia {font-family: Verdana, Arial, Helvetica;	font-size: 12px; font-weight: normal; color: #296192;}




.b_cesta{display:inline /*Fix IE floating margin bug*/; float:left; width:171px; height:59px;margin: 0 0 5px 0;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;background:url(../../img/web/b_cesta.gif) no-repeat;}
h5{color:#000000;background:transparent; margin:0 0 0 0;padding:8px 0 0 8px;}
h6{color:#FFFFFF; background:transparent; margin:0 0 0 0;padding:5px 0 0 8px;}
.b_cesta a{color:#FFFFFF; background:transparent; margin:0 0 0 0;padding:5px 0 0 8px; font-size:9px; text-decoration:none;}


/* ENQUESTA --------------------------------------------- */
.graph { 
	position: relative; /* IE is dumb */
	width: 90%; 
	border: 1px solid #B1D632; 
	padding: 2px; 
}
.graph .bar { 
	display: block;
	position: relative;
	background: #B1D632; 
	text-align: left; 
	color: #333; 
	height: 12px; 
}
.graph .bar span { position: absolute; left: 1em; }

/********************************/
/*  MISSATGES FLASH             */
/********************************/
.message { width:300px;	height:auto; position:absolute;	left:50%; top:50%; margin-left:-150px; font-size:13px; border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#F5EAD9; text-align:center; }
.messageOK { width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#B2FEA0; text-align:center; }
.messageFALSE { width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000;	background-color:#FFB3B5; text-align:center; }


/********************************/
/*  MENÚ DE NEVAGACIÓ           */
/********************************/

.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #575754;
	}
/* Primer nivel */
.sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.sitemap li { margin: 0 0 0px 0; }

.sitemap a
{
display: block;
padding:5px 10px 5px 18px; 
margin-right: 1px;
border-bottom: solid 1px #b3d7fb;
text-decoration:none;
color:#246096;
font-weight:bold;
font-size:10px;
background-color:#97BAE2;
}

.sitemap a:hover
{
color: #FFFFFF;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap a.active
{
	color: #FFFFFF;
	/*background-color:red;*/
}


/* Segundo nivel */
.sitemap ul li { margin: 0 0 0px 0; }

.sitemap ul a
{
display: block;
padding:3px 10px 3px 30px; 
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#246096;
font-weight:bold;
font-size:10px;
background-color:#97BAE2;
}

.sitemap ul a:hover
{
color: #FFFFFF;
background-color: #97BAE2;
text-decoration: none;
}
.sitemap a.active
{
	/*background-color:red;*/
}
.sitemap ul a.active
{
	/*background-color:lightblue;*/
}

/* Tercer nivel */

.sitemap ul li ul li { margin: 0 0 0px 0; }

.sitemap ul ul a
{
display: block;
padding:2px 10px 2px 50px;
vertical-align:middle;
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#246096;
font-weight:normal;
font-size:10px;
background-color:#97BAE2;
/*background-image:url(../../img/web/bg_listmenu.gif);
background-repeat:no-repeat;
background-position:0px 0px 0px 10px;*/
background-position:left 1px;
}

.sitemap ul ul a:hover
{
color: #FFFFFF;
background-color: #97BAE2;
text-decoration: none;
}
.sitemap ul ul a.active
{
	/*background-color:lightblue;*/
}


/* Cuarto nivel */

.sitemap ul li ul li ul li { margin: 0 0 0px 0; }

.sitemap ul ul ul a
{
display: block;
padding:2px 10px 2px 55px;
vertical-align:middle;
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#808080;
font-weight:normal;
font-size:10px;
background-color:#EFEFF1;
background-image:url('img/web/bg_listmenu.gif');
background-repeat:no-repeat;
background-position:0px 0px 0px 10px;
background-position:left 1px;
}

.sitemap ul ul ul a:hover
{
color: #414B07;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap ul ul a.active
{
	/*background-color:lightblue;*/
}

/* UPLOAD IMATGES WEB ------------------------------------------------------------------------------------------- */
iframeImagenes {
	border-width: 0px;
	height: 30px;
	width: 100%;
}

#images {
	width: 100%;
}

#images div {
	margin: 5px 10px 10px 0;
/*	width: 100px;
	height: 80px;*/
	border-style: solid;
	border-width: 2px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
}

#images div:hover {
	border-color: #FFB401;
}

#images img.load {
	margin-right: 20px;
	margin-bottom: 20px;
}


/*=== Other Images Wrapper ===*/
.wrapper2{
	background-image:url('img/web/fons_fotos.gif');
	float: left;
	font-size: 10px;
	padding: 10px;
	margin: 0 40px 30px 0;
	text-align: center;
	vertical-align:middle;
	width: 125px;
	height: 82px;
}
.wrapper2 h3{
	font-size: 10px;
	font-weight: normal;
}
.wrapper2 h3 a{
	color: #716f6d;
}
.wrapper2 p{
	color: #ad0600;
}
.wrapper2 img{
	border: 1px solid #0098cb;
	/*height: 84px;
	width: 115px;*/
}

/*************************************************************/
/*   Design:   Multiflex-3 Update-4 / Layout-4               */
/*   File:     Text formats                                  */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     December 11, 2006                             */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px #C8C8C8; font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#969696; font-size:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform p {clear:both; margin:0; padding:0;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid #C8C8C8; font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#969696; font-size:120%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}


.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:#FF9B2E; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:2px 0 2px 0; padding:4px 20px 3px 20px; background:#FF9B2E; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:150%;}
.main-navigation h1.destacats {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:#D44A2A; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:#646464; font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:#505050; font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:#505050; line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}


/* MAIN CONTENT */
.main-content a { text-decoration:none; color:#D44A2A; font-weight:bold; }
.main-content a:hover { text-decoration:underline; color:#D44A2A; font-weight:bold;}

.main-content h1.pagetitle { background-color:#FFFFFF; margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px #E1E1E1; font-family:verdana,arial,sans-serif; color:#646464; font-weight:bold; font-size:22px;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:#FF9B2E; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:220%;}
.main-content h1 {font-family:"trebuchet ms",arial,sans-serif; color:#505050; font-weight:normal; font-size:210%;}
.main-content h2 {font-family:"trebuchet ms",arial,sans-serif; color:#505050; font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#7D7D7D; font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:#505050; font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:#505050; font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:#505050; font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:#505050; font-size:110%;}


.amplia  { text-align:left; padding-left:5px; margin:0 15px 0 295px; width:140x; background:url(../../img/web/b_noticies.gif) no-repeat; background-color:#E1E1E1; }
.amplia  dt a, .amplia  dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:21px /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  text-decoration:none; color:#000000; font-weight:normal; font-size:10px; }
.amplia  dd a, .amplia  dd a:visited { display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:21px /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:#808080; font-size:120%;}
.amplia  dt a:hover, .amplia  dd a:hover { color:#000000; text-decoration:none;}


.agenda { font-family:verdana,arial,sans-serif; font-size:9px; }
.quantitat{font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #000000; padding-bottom:20px}
.TitolCistella{font-family: Verdana, Arial, Helvetica;	font-size: 14px; font-weight: bold;	color: #246096;	text-decoration: none; padding-bottom:5px}
.txt2{font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #000000; padding-bottom:20px}

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px #C8C8C8; background-color:F0F0F0;}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #DCDCDC;}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:#505050; font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px #C8C8C8; font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px #C8C8C8; font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px #C8C8C8; font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#E6E6E6; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#969696; font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 0px 0; padding:4px 10px 3px 10px; background-color:#B67CE0; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#A0D651; font-family:"trebuchet ms",verdana,arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#89AAD6; font-family:"trebuchet ms",verdana,arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#E8B10D; font-family:"trebuchet ms",verdana,arial,sans-serif; color:#FFFFFF; font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:#505050; font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:#505050; line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent .loginform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px #C8C8C8; font-family:verdana,arial,sans-serif; font-size:110%;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#969696; font-size:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

.main-subcontent .searchform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid #C8C8C8; font-family:verdana,arial,sans-serif; font-size:120%;}
.main-subcontent .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#969696; font-size:120%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}


/* SUBCONTENT */
.subcontent-unit-border .subtitle { clear:both; margin:0 0 5px 0; padding:8px 10px 8px 10px; font-family:verdana,arial,sans-serif; color:#000000; font-size:9px;}
.subcontent-unit-border .enquestaform { font-family:verdana,arial,sans-serif; color:#000000; font-size:9px;}
.subcontent-unit-border .enquestaform ul { list-style:none; margin:0 0 0px 10px;  padding:0px 10px 0 0px;  }
.subcontent-unit-border .enquestaform ul li { padding:0px 0px 0 0px; line-height:1.2em; font-size:110%;  margin:0 0 10px 0px; }
.subcontent-unit-border .enquestaform input { float:left; margin-right:5px; }
.subcontent-unit-border .enquestaform input.button { float:left; padding:0 5px 0 10px; background:#D4D0C8; text-align:center; font-family:verdana,arial,sans-serif; color:#000000; font-size:10px; }



.subcontent-unit-border .butlleti .titol { background:#5A5A5A; color:#FFFFFF; padding:3px 5px 3px 5px; font-size:14px; font-weight:bold; margin-bottom:10px; }

.subcontent-unit-border .butlletiform { font-family:verdana,arial,sans-serif; font-size:10px; color:#5A5A5A; font-size:9px; }
.subcontent-unit-border .butlletiform ul { list-style:none; margin:0 0 0px 0px;  padding:0px 0px 0 0px;  }
.subcontent-unit-border .butlletiform ul li { padding:0px 0px 0 0px; line-height:1.2em; font-size:110%;  margin:0 0 10px 0px; }
.subcontent-unit-border .butlletiform input { float:right; width:120px; margin-top:-15px; font-family:verdana,arial,sans-serif; font-size:9px; color:#5A5A5A; }
.subcontent-unit-border .butlletiform input.button { width:125px; background:#D4D0C8; text-align:center; font-family:verdana,arial,sans-serif; color:#000000; font-size:10px; }



/********************/
/*  COMMON CLASSES  */
/********************/
/*.main img {clear:both; padding:1px; border:1px solid #969696;}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid #969696;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid #969696;}*/

.main-content h1 a {color:#808080; font-weight:normal; text-decoration:none;}
.main a img {border:none;}
.main a:hover img {border:none;}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('css/web/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('css/web/prevlabel.gif')  left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('css/web/nextlabel.gif')  right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url('css/web/blank.gif') no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url('css/web/prevlabel.gif') left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url('css/web/nextlabel.gif') right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url('css/web/arrow-up.gif') no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url('css/web/arrow-down.gif') no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		font-size: 12px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}