/* CSS Document */

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                         GENERICI: |
                                                                                   |
--------------------------------------------------------------------------------- */


html, body{
	margin: 0px;
	padding: 0px;
	background: #000 url(../images/background.jpg) no-repeat center top;
	color: #333;
	font-family: arial;
	font-size: 10px;
	line-height: 16px;
	text-decoration: none;
	text-align: left;
}

a { text-decoration: none; color: #666; font-weight: bold; }
a:hover { text-decoration: none; color: #000; font-weight: bold; }

h2{ font-weight: bold; color: #c80606 }
h2 a{ text-decoration: none; font-weight: bold; color: #c80606 }

ul {
	list-style-type: none;
	padding: 3px 0 3px 0;
	margin: 0;
}

li {
	background-image: url(../images/listStyle.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.6em;
}

hr{ border-style: dotted; }

.justify { text-align: justify; }
.left { float:left; }
.boldGrey { font-weight: bold; color: #666;}
.littleTitle { font-weight: bold; color: #990000 }
.innerDiv { padding: 10px 15px 10px 15px; position: relative; margin-bottom: 15px; /* hack for ie height 1%*/ height: 1%;}
.backDivWhite { background-color: #fff; margin-bottom: 0; }

.rightCornerContainer {
	position: relative;
}
.rightCorner {
	position: absolute;
	bottom: -5px;
	right: 15px;
}

.inputText {
	font-family: arial;
	font-size: 10px;
	border: 1px solid #ccc;
	background: #efefef;
	color: #555;
	padding: 2px;
	width: 185px;
	margin-bottom: 5px;
}


.inputText:focus{
	color: #000;
	border: 1px dotted #baaaaa;
	background: #fff;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                       TITLE BARS: |
                                                                                   |
--------------------------------------------------------------------------------- */


.titleBar { background: #fff url(../images/titleBar.gif) repeat-x left top; padding: 0 0 0 3px; height: 30px; }
.titleBarWhiteBack { background: #fff url(../images/titleBarWhiteBack.gif) repeat-x left top; padding: 0 0 0 3px; height: 30px; }
.contentTitleBar { width: 657px; }
.colonnaDxTitleBar { width: 218px; }

.column3070SxTitleBar { width: 277px; }
.column3070DxTitleBar { width: 372px; }

.column1585SxTitleBar { width: 182px; }
.column1585DxTitleBar { width: 467px; } 


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                           LAYOUT: |
                                                                                   |
--------------------------------------------------------------------------------- */


#container {
	width: 886px;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -443px;
}

#header {
	width: 886px;
	height: 382px;
}

#content {
	float: left;
	position: relative;
	width: 660px;
	background-color: #eee;
	/*hack for ie min height*/
	min-height: 950px;
	height: auto !important;
	height: 950px;
}

#colonnaDx {
	float: left;
	width: 221px;
	margin: 0 0 0 5px;
	background-color: #eee;
	/*hack for ie min height*/
	min-height: 950px;
	height: auto !important;
	height: 950px;
}


#colonnaDxNews{
	text-align: justify; 
	width: 146px;
	padding: 0 5px;
}

.column3070Sx {
	width: 280px;
	margin: 0 5px 0 0;	
}

.column3070Dx {
	width: 375px;
}

.column1585Sx {
	width: 185px;
	margin: 0 5px 0 0;	
}

.column1585Dx {
	width: 470px;
	_margin-left: -1px;
}

#navigator {
	position: absolute;
	bottom: 0px;
	width: 660px;
	height: 146px;
	margin-left:50px;
	width:620px;
}
/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                           FOOTER: |
                                                                                   |
--------------------------------------------------------------------------------- */

#footer {
	background: #181818 url(../images/backFooter.gif) repeat-x left top;
	padding: 7px 0 0 0;
	width: 886px;
	height: 25px; 
	position: relative;
}

#footer .text { 
	margin-left: 10px;
}

#footer .flags {
	position: absolute;
	bottom: 11px;
	right: 10px;
}

.footerFlags {
	width: 18px;
	height: 12px;
	float: left;
	margin-left: 5px;
}

.footerFlagsIT { background: #000 url(../images/langFooterIT.gif) no-repeat left bottom; }
.footerFlagsIT:hover { background: #000 url(../images/langFooterIT.gif) no-repeat left top; }
.footerFlagsEN { background: #000 url(../images/langFooterEN.gif) no-repeat left bottom; }
.footerFlagsEN:hover { background: #000 url(../images/langFooterEN.gif) no-repeat left top; }
.footerFlagsDE { background: #000 url(../images/langFooterDE.gif) no-repeat left bottom; }
.footerFlagsDE:hover { background: #000 url(../images/langFooterDE.gif) no-repeat left top; }
.footerFlagsFR { background: #000 url(../images/langFooterFR.gif) no-repeat left bottom; }
.footerFlagsFR:hover { background: #000 url(../images/langFooterFR.gif) no-repeat left top; }
.footerFlagsES { background: #000 url(../images/langFooterES.gif) no-repeat left bottom; }
.footerFlagsES:hover { background: #000 url(../images/langFooterES.gif) no-repeat left top; }


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                     FLAGS HEADER: |
                                                                                   |
--------------------------------------------------------------------------------- */


#flagsHeader
{
	position: absolute;
	right: 24px;
	top: 66px;
}