@charset "utf-8";
/* CSS Document */

/* -------------------------RESET------------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,fieldset,legend{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,th,td{font-size:14px;color:#4383b9}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}

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

* { font-family: Arial, Helvetica, sans-serif;}

BODY {
	overflow:-moz-scrollbars-vertical;
	overflow-x:auto;
	background:#3d81a1 url(/design/background.gif) 0 0 repeat-x;
	
}


P{margin:0 0 15px 0;padding:0;}

H1, H2, H3, H4, H5, H6{margin:0;padding:0}

UL LI{
	list-style-image:url(/design/puce.gif);
}

INPUT, TEXTAREA{
	padding:2px;
	margin:0;
	border:1px solid #ccc;
	font-size:14px;
	background:url(/design/input.gif) no-repeat left top;
}

INPUT.button , INPUT.formbutton{
	padding:2px 5px;
	margin:0;
	border:1px solid #ccc;
	font-size:14px;
	background:url(/design/button.gif) repeat-x left center;
	color:#ffffff;
}

A:link, A:visited{color:#666666;text-decoration:none;}
A:hover, A:active{color:#333333;text-decoration:underline;}

HR.clear{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:1px;
}

HR{
	background:#cccccc;
	height:1px;
	clear:both;

	margin: 5px 0;
	padding: 0;
	color: #cccccc;
	border: 0;
}

.next{
	clear:both;
	text-align:right;
}

.next A , .next A:visited{color:#4383b9;}

.next A:hover , .next A:active{color:#000000;}

.red{color:#df2727}

H1{
	font-size:18px;
	color:#256ca8;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #d6d6d6;
}

H1 B{
	font-size:24px;
	font-weight:normal;
}

#container{
	width:970px;
	background:#f6f6f6;
	margin:25px auto; 
	position:relative;
	
}

#languages{
	width:27px;
	height:400px;
	
	position:absolute;
	left:-27px;
	top:220px;
}

#languages A , #languages A:visited , #languages SPAN{
	width:21px;
	height:19px;
	padding:3px 0 3px 6px;
	background:url(/design/languages.gif) no-repeat 0 -26px;
	display:block;
	color:#c4e8ff;
	font-size:11px;
}

#languages A:hover , #languages A:active{
	color:#ffffff;
	text-decoration:none;
}

#languages SPAN{
	background:url(/design/languages.gif) no-repeat 0 0;
	cursor:default;
	color:#fff;
}

#banner{
	background:#ffffff url(/design/banner-background.gif) 0 0 repeat-x;
	height:207px;
	position:relative;
	
	z-index:200;
}

#goHome{
	display:block;
	width:173px;
	height:125px;
	background:url(/design/logo.gif) no-repeat center center;
	position:absolute;
	top:21px;
	left:10px;
}

#slogan{
	width:700px;
	height:25px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#005ea1;
	
	position:absolute;
	bottom:40px;
	right:10px;
	text-align:right;
}

#menuTop{
	width:770px;
	height:32px;
/*	overflow:hidden;	*/
	margin:0;
	padding:0;
	position:absolute;
	bottom:1px;
	left:0;
	
	font-size:15px;
	font-weight:bold;
	color:#fff;
}

#menuTop LI{
	display:inline;
	float:left;
	width:auto;
	position:relative;
	list-style-type:none;
	list-style-image:none;
}

#menuTop A , #menuTop A:visited{
	float:left;
	display:block;
	height:16px;
	padding:8px 10px;
	color:#ffffff;
	background:url(/design/menu-top.gif) repeat-y right top;
}

#menuTop A , #menuTop A:visited{
	text-decoration:none;
}
#menuTop A:hover , #menuTop A:active , #menuTop A.active{
	background:url(/design/menu-top.gif) repeat-y right -32px;
}

#menuTop A.home{
	width:20px;
	background-image:url(/design/menu-top-home.gif);
}

#menuTop LI UL {
	position:absolute;
	top:32px;
	left:-1px;
	background:#f4f4f4;
	border:solid #c0c0c0;
	border-width:0 1px 1px 1px;
	width: 200px;
	margin:0;
	padding:0;
	display:none;
}

#menuTop LI.hover  UL{display:block}

#menuTop LI UL LI{
	display:block;
	float:none;
	width:180px;
	margin:0 auto;
	padding:0;
	border-bottom:#cecece 1px dotted;
}

#menuTop LI UL LI.last{border:none;}

#menuTop LI UL LI A , #menuTop LI UL LI A:visited{
	float:none;
	color:#4383b9;
	font-weight:normal;
	padding:8px 0 8px 7px;
	background:#f4f4f4 url(/design/menu2.gif) no-repeat 0 12px;
/*	font-size:12px; */
	height:auto;
}
#menuTop LI UL LI A:hover , #menuTop LI UL LI A:active  , #menuTop LI UL LI A.active{
	color:#000000;
	background:#f4f4f4 url(/design/menu2.gif) no-repeat 0 -40px;
}

#searchForm{
	width:170px;
	height:25px;
	padding:7px 0 0 0;
	position:absolute;
	bottom:1px;
	right:10px;
	background:url(/design/search.gif) no-repeat center center;
}

#searchForm INPUT{
	padding:3px 3px;
	margin:0;
	background:transparent;
	border:none;
	font-size:11px;
}

.fieldSearch{
	color:#ffffff;
	width:140px;
	float:left;
}
.submitSearch{
	width:20px;
	float:right;
	cursor:pointer;
}

#productMenu{
	position:absolute;
	width:770px;
	height:120px;
	top:11px;
	right:10px;
}

#productMenu A , #productMenu:visited{
	display:block;
	width:151px;
	height:25px;
	padding-top:90px;
	float:left;
	margin-right:3px;
	background:url(/design/spacer.gif) no-repeat 0 0;
	
/*	font-size:15px; */
	font-weight:bold;
	text-align:center;
	color:#fff;
	
	font-size:13px;	
	
}

#productMenu A:hover , #productMenu A:active , #productMenu A.active{
	background-position:0 -115px;
	height:33px;
	padding-top:82px;
	text-decoration:none;
}

#productMenu A#product0{background-image:url(/design/products-menu/1.gif);}
#productMenu A#product1{background-image:url(/design/products-menu/2.gif);}
#productMenu A#product2{background-image:url(/design/products-menu/3.gif);}
#productMenu A#product3{background-image:url(/design/products-menu/4.gif);}
#productMenu A#product4{background-image:url(/design/products-menu/5.gif);}
#productMenu A#product5{background-image:url(/design/products-menu/6.gif);}

#bottom{
	border:1px solid #d6d6d6;
	margin:20px;
	background:#ffffff url(/design/mini-logo.gif) right center no-repeat;
	padding:10px;
	
	height:18px;
}

#bottom A , #bottom A:visited{color:#4383b9;}

#bottom A:hover , #bottom A:active{color:#005ea1;}

.bMenu{
	height:18px;
	float:left;
}

.copyright{
	width:250px;
	float:right;
	height:18px;
	text-align:right;
	padding:2px 50px 0 0;
	
	font-size:10px;
}

#copyright{
	clear:both;
	padding:0px 65px 0px 10px;
	margin:20px 20px 20px 520px;
	color:#b5b5b5;
	font-size:11px;
	text-align:right;
	background:url(/design/colors.gif) no-repeat 376px -29px;
}

#copyright:hover{background:url(/design/colors.gif) no-repeat 376px 3px;}

#copyright A, #copyright A:visited{color:#b5b5b5;text-decoration:none;}
#copyright A:hover, #copyright A:active{color:#333333;text-decoration:none}

#inner{text-align:justify;}

#inner .leftNews , #inner  #left , #inner #fieldset{text-align:left;}


.history{
    
    border:1px dashed #ffffff;
    padding:10px 0 0 0;
    margin-top:20px;
    position:relative;
    border-left:1px solid #1169A7;
   
  
}
			
.dateHistory{
  display:block;
  margin-bottom:20px;
}

.dateHist{
   float:left;
   width:100px;
   padding:5px 5px 0 0px;
   border-top:1px solid #1169A7;
   font-size:24px;
   color:#ec121a;
   text-align:right;
   
}

.textHist{
  float:left;
  width:484px;
  background:#5a92c0 URL(/design/back-hist.gif) repeat-x 0 0;
  padding:15px;
  position:relative;
  color:#ffffff;

/*

  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px; 

  behavior: url(/css/ie-css3.htc);

*/  

}

.tr{position:absolute;width:5px;height:5px;right:0;top:0;background:transparent URL(/design/tr.png) no-repeat 0 0;}
.tl{position:absolute;width:5px;height:5px;left:0;top:0;background:transparent URL(/design/tl.png) no-repeat 0 0;}
.br{position:absolute;width:5px;height:5px;right:0;bottom:0;background:transparent URL(/design/br.png) no-repeat 0 0;}
.bl{position:absolute;width:5px;height:5px;left:0;bottom:0;background:transparent URL(/design/bl.png) no-repeat 0 0;}

.topHist{
  position:absolute;
  top:0;
  left:0;
  width:514px;
  height:10px;
  background:URL(/design/hist-top.gif) no-repeat top left;
}

.botHist{
  position:absolute;
  bottom:0;
  left:0;
  width:514px;
  height:10px;
  background:URL(/design/hist-bot.gif) no-repeat top left;
}

.arrowHist{
  position:absolute;
  bottom:-10px;
  left:-5px;
  width:9px;
  height:15px;
  background:URL(/design/arrow-hist.gif) no-repeat top left;  
}

/*
#date1947 .dateHist{ width:85px;color:#21ce18;}
#date1950 .dateHist{ width:195px;color:#970fb4;}
#date1975 .dateHist{ width:80px;color:#2c9ad3;}
#date1983 .dateHist{ width:100px;color:#ff9000;}
#date1990 .dateHist{ width:140px;color:#da0f2c;}
#date1995 .dateHist{ width:80px;color:#333333;}		
#date2006 .dateHist{ width:120px;color:#0f55b3;}

#date1947 .textHist{ width:400px;background:#21ce18 URL(/design/gradient.png) repeat-x top center;}
#date1950 .textHist{ width:350px;background:#970fb4 URL(/design/gradient.png) repeat-x top center;}
#date1975 .textHist{ width:450px;background:#2c9ad3 URL(/design/gradient.png) repeat-x top center;}
#date1983 .textHist{ width:400px;background:#ff9000 URL(/design/gradient.png) repeat-x top center;}
#date1990 .textHist{ width:350px;background:#da0f2c URL(/design/gradient.png) repeat-x top center;}
#date1995 .textHist{ width:300px;background:#333333 URL(/design/gradient.png) repeat-x top center;}		
#date2006 .textHist{ width:400px;background:#0f55b3 URL(/design/gradient.png) repeat-x top center;}	
*/


#date1947 .dateHist{ width:85px;color:#ff9000;}
#date1950 .dateHist{ width:195px;color:#2c9ad3;}
#date1975 .dateHist{ width:80px;color:#ff9000;}
#date1983 .dateHist{ width:100px;color:#2c9ad3;}
#date1990 .dateHist{ width:140px;color:#ff9000;}
#date1995 .dateHist{ width:80px;color:#2c9ad3;}		
#date2006 .dateHist{ width:120px;color:#ff9000;}

#date1947 .textHist{ width:400px;background:#ff9000 URL(/design/gradient.png) repeat-x top center;}
#date1950 .textHist{ width:350px;background:#2c9ad3 URL(/design/gradient.png) repeat-x top center;}
#date1975 .textHist{ width:450px;background:#ff9000 URL(/design/gradient.png) repeat-x top center;}
#date1983 .textHist{ width:400px;background:#2c9ad3 URL(/design/gradient.png) repeat-x top center;}
#date1990 .textHist{ width:350px;background:#ff9000 URL(/design/gradient.png) repeat-x top center;}
#date1995 .textHist{ width:300px;background:#2c9ad3 URL(/design/gradient.png) repeat-x top center;}		
#date2006 .textHist{ width:400px;background:#ff9000 URL(/design/gradient.png) repeat-x top center;}