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

html{
  background: #f2f2f2; /* Old browsers */
  background: -moz-linear-gradient(top,  #f2f2f2 50%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f2f2f2 50%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  
  background-image:url(../images/website/background_global.png);
  background-repeat: repeat-y;
  background-color: #fff;
}

.clear{
  clear:both
}

a, a:hover {
  color: #b10000;
  text-decoration:none
}

a:hover {
  text-decoration: underline
}

#logo{
  position: absolute;
  margin-left: 30px;
  margin-top: 50px;
  z-index: 100;
}

#header_top{
  margin-left: 150px;
  width: 830px;
  height: 50px;
}

#header{
  margin-left: 150px;
  width: 830px;
  height: 110px;
  background-image:url(../images/website/background_header.png);
  background-repeat: no-repeat;
  background-position: -150px -50px;
}


#menu ul{
  margin-left: 0px;
  margin-top: 77px;
  float: left;
}

#menu li{
  float: left;
}
#menu li a {
  padding: 7px;
  margin-right: 7px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  font-size: 12px;
  text-decoration: none
}

#menu li a:hover{
  padding: 7px;
  background-color:#898989;
  color: #fff;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#menu li .selected {
  padding: 7px;
  background-color:#c10002;
  color: #fff;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#content {
  margin-left: 150px;
  float: left;
  width: 580px;
}

#main_news {
  float: left;
  width: 250px;
}

#main_intro {
  float: left;
  width: 320px;
  margin-left: 10px;
}

#rightBar_main {
  float: left;
  width: 170px;
  margin-left: 10px;
}

#main_intro h3, #news_header h3, #search_header h3, #motto_header h3, #publication_header h3{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-transform: capitalize;
 line-height: 1.6;
 color:#fff;
}

#intro_header, #news_header, #search_header h3, #motto_header h3, #publication_header h3 {
  padding: 5px 10px 5px 10px;
  background-color:#ac0506;
  margin-bottom: 10px;
}

#news_header, #search_header h3, #motto_header h3, #publication_header h3{
  background-color:#c6c6c8;
}

#intro_box {
  padding: 10px;
  background-color:#e7e7e7;
}



/**** CONTENT STYLE ****/
#content h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: 100;
 text-transform: uppercase;
 color:#a90000;
 width: 100%;
 padding-bottom: 10px;
 border-bottom: 1px dotted #b10000;
 margin-bottom: 20px;
 margin-top: 5px;
}

#content h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: 100;
 color:#a90000;
 width: 100%;
 padding-bottom: 10px;
 margin-top: 5px;
}

#content h5{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: 100;
 color:#a90000;
 width: 100%;
 padding-bottom: 5px;
 margin-top: 5px;
}



#content p, #content li, #search_body p, #motto_body p, #publication_body p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.6;
 color:#464646;
 margin-bottom: 10px
}

#content p strong {
 font-weight: bold;
 margin-bottom: 10px
}

#content ul {
 list-style:outside;
 list-style-type:disc;
 margin-left: 15px
}

.list, .datasheet, .profile {
 width: 100%
}

.list td, .list th{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.4;
 color:#464646;
 padding: 6px 2px 6px 2px;
border-bottom: 1px dotted #464646
}

.list th{
 background-color:#e6e6e6;
 color: #464646;
 border-bottom: none
}

.list td:first-child, .list th:first-child{
 width: 100px;
 text-align: left
}

.datasheet td{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.4;
 color:#464646; padding: 6px 2px 6px 2px;
border-bottom: 1px dotted #464646
}

.datasheet th{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.4;
 font-weight: bold;
 color:#464646; padding: 6px 2px 6px 2px;
text-align: left;
 border-top: 1px dotted #464646;
 border-bottom: 1px dotted #464646
}

.datasheet td:first-child, .datasheet th:first-child{
 width: 100px;
 text-align: left;
 font-weight: bold;
}


.profile td{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.4;
 color:#464646; padding: 6px 2px 6px 2px;
border-bottom: 1px dotted #464646
}

.profile th{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.4;
 font-weight: bold;
 color:#464646; padding: 6px 2px 6px 2px;
text-align: left;
 background-color: #e6e6e6
}

.profile td:first-child, .profile th:first-child{
 width: 100px;
 text-align: left;
 font-weight: bold;
 vertical-align: top
}

.profile td ul{
 list-style-position:outside;
 list-style-type: circle;
 margin-left: 15px
}

#footer {
 height:15px;
 border-bottom: 1px dotted #464646;
 margin-bottom: 20px;
 margin-left: 150px;
 width: 750px
}

#footer_col1, #footer_col2, #footer_col3{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 line-height: 1.4;
 color:#464646; 
 text-align: left;
 margin-top: 30px;
}

#footer_col1{
 width: 250px;
 float: left
}

#footer_col2{
 margin-left: 10px;
 width: 310px;
 float: left;
 border-left: 1px dotted #464646;
 padding-left: 10px;
}

#footer_col3{
 margin-left: 10px;
 width: 140px;
 float: left;
 border-left: 1px dotted #464646;
 padding-left: 10px;
}

#main_news h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.2;
 font-weight: bold;
 color:#464646;
 margin-bottom: 5px
}

#main_news h5{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 line-height: 1;
 color:#464646;
 margin-bottom: 10px
}

#main_news p, #main_intro p, #main_intro li, #search_body p, #motto_body p, #publication_body p {
 margin-bottom: 10px;
 line-height: 1.2;
 font-size: 11px
}

#main_intro li{
 margin-left: 15px;
 list-style: outside;
 list-style:circle;
}

#share {
 width: 150px;
 float: right;
 margin-right: 55logopx;
 margin-top: 80px
}

#lang {
 float: left;
 margin-right: 55px;
 margin-top: 10px
}

#login {
 width: 400px;
 margin-top: 15px;
 margin-right: 65px;
 float: right;
 text-align: right

}

#lang, #login{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 line-height: 1;
 color:#464646;
 margin-bottom: 15px;
}

.button {
  padding: 5px 7px 5px 7px;
  margin-right: 7px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  font-size: 12px;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.button:hover {
  padding: 5px 7px 5px 7px;
  background-color:#898989;
  color: #fff;
    text-decoration: none;
	
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}


.date {
  padding: 4px 6px 4px 6px;
  margin-left: 10px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;list-style-position:outside
}

input[type=text] {
  padding: 5px 6px 5px 6px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  background-color:#ebebeb;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px; text-transform:lowercase
}

.tag {
  padding: 4px 6px 4px 6px;
  margin-right: 7px;
  line-height: 25px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform:lowercase;
  font-style: normal;
  font-size: 10px;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.tag:hover {
  padding: 4px 6px 4px 6px;
  background-color:#898989;
  color: #fff;
    text-decoration: none;
	
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}