/* we already use a reset css */
html {
	overflow-y:scroll; /* show always a vertical scrollbar, to avoid changes in centering */
	background: rgb(28, 28, 28) url("../images/background_greygrain-trans.png") 0 0; /* new background */
}
body {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #D3D3D3;
	text-align: center; /* for IE 6 */
	/*min-width: 1000px; /* for Netscape 6 */
	/*background-color: #141414; old background */
	
	background: rgb(28, 28, 28) url("../images/background_greygrain-trans.png") 0 0;
}
ul {
	list-style:square;
	padding-bottom:10px;
}
li {
padding:0px;
margin-left:32px;
margin-bottom:5px;
padding-left:5px;
}
ol {
	list-style:decimal;
	padding-bottom:10px;
}

/*::::::::: Links :::::::::*/
a {
	color:#9BC4FF;
	text-decoration:none;
}
a:hover {
	color:#A9D350; /*#9ACC33; /*#FFFF80; groc */
}
a:focus { outline: none; }

/*----- for Javascript  -----*/
.normalLink {
	color:#9BC4FF;
	text-decoration:none;
}
.hoveredLink {
	color:#A9D350;
	text-decoration:none;
}

/*::::::::: basic utility :::::*/
.clearFloating {
	clear:both;
}
#marginLine {
	clear:both;
	display:block;
	margin-top:20px;
}
.marginLineBeforeImgCaptions {
	clear:both;
	display:block;
	margin-top:20px;
}
.hSpace {
	display:inline;
}

/*----- for Javascript  -----*/
.displayNone {
	display:none;
}
.displayInline {
	display:inline;
}

/*::::::::: mainContainer :::::::::*/
#mainContainer {width: 960px; height: 100%; margin: 0 auto; overflow: hidden; font-size: 1.2em; /*position: relative;*/
	text-align: left; /* for IE 6 */
	/*background: url(../images/background_horDarkRed3-trans.png) repeat-y 0 0; old background */
	padding: 0px;
	
	/*border-bottom:3px solid #2a2a2a;*/
}

/*----------------------------------------------------------------------------------*/
#relativePositionDiv {
	position: relative;
	
	background-color: transparent;
}

#topPicture {
	overflow: hidden;
}

/* ---------------------------------------------------------------- */
#languages {
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 10;
	/*padding				: 0 0 0 15px;*/
	width				: 100%;
	text-align			: right;
	
	/* background-color: #141414; old background */
	background: rgb(28, 28, 28) url("../images/background_greygrain-trans.png") 0 0; /* new background */
}

#languages:hover {
	filter:alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#languages a {
	display				: inline-block;
	/* color				: #4D78B6;*/
	margin				: 0 0px 0 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* ------------------------------------------------------------------------- */

#logo {
	position:absolute;
	top: 0px; /* -15px, -3px; */
	left: 4px;
	z-index: 20;
	padding: 0px;
	margin: 0px;
	
	border: 3px solid transparent;
}

#logo:hover {
	border: 3px solid #A9D350;
}

#categoryImage {
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#categoryImage:hover {
	filter:alpha(opacity=80); /* per ie6 i ie7, per transparencia*/
	zoom: 1; /* per ie6 i ie7, per transparencia*/

	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/*-----------------------------------------------------------------------------*/
#content {
	/* background-image:url(/images/navIntPage.jpg); */
	/*background-repeat:no-repeat; */
	background-position:top;
	width:960px;
	
	padding-left:0px;
	padding-bottom:10px;
}

#content h1 {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	color: #999999;
	/*color: #729625; /* verd fosc */
	font-size: 2.5em;
	font-weight:normal;
}
#content h2 {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	color: #729625; /* verd fosc */
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: 2px solid #729625;
}
#content h3 {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	color: #729625; /* verd fosc */
	font-size: 1.3em;
	font-weight: normal;
}

.warningHeader {
	font-size: 0.6em;
	font-weight:normal;
	color: #333333;
	background-color:#FFFFCC;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
}

#content h2 .warningHeader {
	font-size: 0.8em;
}

#content p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top:5px;
	margin-bottom:13px;
	line-height: 1.5em;
}

/* used mainly for tables */
.center {
	margin-left:auto; margin-right:auto;
}

/* used for mainly images between two images and more ------------------- */
.centerAsBlock {
	display: block;
	margin: 0 auto; /* centers */
	text-align:center;
}
.marginTopBeforeImage {
	margin-top: 25px;
}
.marginBottomAfterImage {
	margin-bottom:20px;
}
.paddingBottomBImages {
	margin-bottom:5px;
}
/* ----------------------------------------------------------------------- */

#sectionDiv {
	clear:both;
	margin: 0;
	padding: 0;
	margin-top:10px;
	margin-bottom:10px;
}

#sectionDiv td p {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:0px;
}

.imageLinkWithText {
}

/*span {
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	display:inline-table;
}*/

.textLinkBesidePicture { /* not used */
	margin-top: 0px;
	margin-bottom: 0px;
	/* border				: 2px dotted #2a2a2a; */
	/* background-color: #2a2a2a; */
	/* border				: 2px outset #9BC4FF; */
	
}
.textLinkBesidePictureHovered { /* not used */
	background-color: #38391C;
	/*border-top				: 2px inset #FFFF80;
	border-bottom				: 2px inset #FFFF80;
	border-right				: 2px inset #FFFF80;
	*/
}

/*
#sectionDiv img {
	border				: 0;
}
#sectionDiv a img {
	border				: 3px solid #9BC4FF;
}
*/

/* disable image borders inside the image caption boxes */
/*
#sectionDiv .imgCaptDescBox img, #sectionDiv .imgCaptDescBox img:hover {
	border: 0px;
	margin:0;
	margin-top:5px;
	padding:0;
}
*/

/*
#sectionDiv a img:hover { 
	border				: 3px solid #A9D350;
}
*/

/*----- for Javascript  -----*/
.attachedRegionHovered {
	background-color: #FFFF80;
	
}
.normalFramedImage {
	border				: 3px solid #2a2a2a;
}
.linkedFramedImage {
	border				: 3px solid #9BC4FF;
}
.linkedFramedImage:hover {
	border				: 3px solid #A9D350;
}
.hoveredLinkedFramedImage {
	border				: 3px solid #A9D350; /*FFFF80;*/
}


.paddingBottom {
	padding-bottom: 5px;
}

.tdPaddingTop {
	padding-top: 0px;
}

.noMargin {
	margin: 0;
	padding: 0;
	border: 0;
}

.scrollcontents{
	overflow:auto;
}

/*-----------------------------------------------------------------------------*/

.title {
	font: 140% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;/*600;*/
	padding-left: 15px; /* 15 */
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.warningTitle {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #333333;
	background-color:#FFFFCC;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.warningText {
	background-color:#FFFF00;
}
.errorTitle {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFCC;
	background-color:#FF0000;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.greenText {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	background-color:#99CC00;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.yellowText {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #333333;
	background-color:#FFFFCC;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.noteText {
/*
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #006633;
*/
	background-color: #FFFFCC;
	color:#333333;
	vertical-align:middle;
	padding-top: 5px;
	padding-bottom: 5px;
/*
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
*/
}

/*------------------------------------------------------------------------------*/
/* for christmas cards history */
.christmasCardImage {
	float:left;
	width:550px;
	/*height:258px;*/
	margin-right:10px;
}
.christmasCardDesc {
	/*float:right;*/
	display:inline;
	/*width:190px;*/
	/*height:248px;*/
	padding-top:0px;
	padding-left:0px;
	
	text-align:left;
	
	/*background:#FF0066;*/
}

/*------------------------------------------------------------------------------*/
/* used in the footer of index.html */
#entranceAddress {
	font-size: 0.9em; /*11px; */
	font-weight:normal;
	
	margin-top:5px;
	padding:10px; 
	border-top:3px solid #2a2a2a;
	/* border-bottom:3px solid #2a2a2a;  already in main container */
}

#footer {
	/* background-color:#141414;  */
	margin-top:0px;
	border-top:3px solid #55711C; /* 2a2a2a;*/
	
	
	clear: both;
	float: left;
	width: 100%;

	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #D3D3D3;
	
	text-align: center; /* for IE 6 */
	min-width: 1000px; /* for Netscape 6 */
}

#footerWidthLimited {
	width: 990px;
	margin: 0 auto;
	text-align: left; /* for IE 6 */
}