* {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
font-family: "Trebuchet MS",Arial,serif;
font-size: 62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
}
a {
color:#2F5C8A;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited {
color:#2F5C8A;
}
img {
border:medium none;
}
img.tl {
border:medium none;
padding:12px 0 0 0;
}
img.sx{
border:medium none;
float:left;
margin:7px 7px 0 0;
padding:0 0 0 0;
}
img.sx-port{
border:medium none;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}
img.service{
border:medium none;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}
img.part{
border:medium none;
margin:0 0 15px 0;
padding:0 0 0 30px;
}
img.part-last{
border:medium none;
margin:0 0 60px 0;
padding:0 0 0 30px;
}
.social img.sx{
border:medium none;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}
img.sx-sub{
border:medium none;
float:left;
margin:6px 5px 0 0;
padding:0 0 0 0;
}
.clear {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
}
#header-wrap {
background-color:#2F5C8A;
height: 206px;
}
#topheader-wrap {
background-color:#FFFFFF;
height: 34px;
}
#topheader {
background-color:#FFFFFF;
width: 960px;
height:34px;
padding:inherit;
margin:auto;
}
#tagline {
float:left;
background-color:#FFFFFF;
height: 34px;
width: 299px;
padding: 0 0 0 423px;
}
#back-to {
float:right;
background-color:#473E1D;
height: 34px;
width: 207px;
padding: 0 0 0 0;
margin-right:17px;
}
#back-to p {
color:#FFFFFF;
display:block;
font-family: "Trebuchet MS",Arial,serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 0 0;
padding:6px 0 0 60px;
text-decoration:none;
text-align:left;
}
p.li-service {
color:#333333;
display:block;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:28px;
margin:0 0 0 0;
padding:0 0 0 110px;
text-decoration:none;
text-align:left;
}
ul.ul-portfolio {
display:block;
list-style-type:none;
}
ul.ul-portfolio li {
display:inline;
}
ul.ul-portfolio p {
color:#333333;
display:block;
height:35px;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 0 40px;
padding:8px 0 0 0;
text-decoration:none;
text-align:left;
}
ul.ul-portfolio p.li-last {
margin:0 0 20px 40px;
}
ul.ul-partners p {
color:#333333;
display:block;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 10px 0;
padding:20px 0 0 30px;
text-decoration:none;
text-align:left;
}
p.li-last {
margin:0 0 20px 0;
}
p.continue {
color:#2F5C8A;
display:block;
font-family:Arial,serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 50px 0;
padding:0 0 0 110px;
text-decoration:none;
text-align:left;
}
p.continue-port {
color:#2F5C8A;
display:block;
font-family:Arial,serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 50px 0;
padding:0 0 0 53px;
text-decoration:none;
text-align:left;
}
#back-to a {
color:#FFFFFF;
}
#back-to a:hover {
text-decoration:underline;
}
#header {
clear:both;
background-color:#2F5C8A;
width: 960px;
height:172px;
padding:inherit;
margin:auto;
}
#logo {
float:left;
background-color:#2F5C8A;
padding: 45px 0 0 40px;
}
#navigation {
float:right;
padding: 90px 22px 0 0;
}
#navigation ul {
display:block;
list-style-type:none;
}
#navigation li {
display:inline;
}
#navigation li a {
color:#FFFFFF;
display:block;
float:left;
font-family: "Trebuchet MS",Arial,serif;
font-size:2.0em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 0 18px;
text-decoration:none;
text-align:left;
}
#navigation li a:hover {
color:#000000;
}
#navigation li a.selected {
color:#000000;
}
#content-wrap {
background-color:#FFFFFF;
}
#content {
background: transparent url(../img/img_bg_sidebar.jpg) repeat-y 736px top;
background-color:#FFFFFF;
width:960px;
margin:auto;
padding:inherit;
}
#content p.ts {
background-color:#473E1D;
float:right;
vertical-align:bottom;
color:#FFFFFF;
font-family:Arial,serif;
font-size:2.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 17px 0 0;
padding:0 12px 10px 0;
width:195px;
text-align:right;
}
#main-content {
display:inline;
background-color:#FFFFFF;
float:left;
margin:0 auto;
padding: 35px 30px 0 59px;
width: 647px;
position:relative;
}
.bg-one {
background: transparent url(../img/img_bg_content_home.jpg) no-repeat scroll 515px 62px;
}
.no-bg {
background: none;
}
#sidebar {
display:inline;
background-color:#473E1D;
float:left;
margin:0 auto;
padding: 40px 0 0 0;
width: 207px;
position:relative;
}
#top {
display:inline;
float:right;
margin:0 auto;
padding: 0 0 0 0;
position:relative;
}
.contact-box {
margin:0 0 50px 0;
padding: 5px 0 0 25px;
}
.contact-box p {
color:#333333;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:30px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
}
.contact-box p.middle {
margin:0 0 20px 0;
}
#top p {
clear:both;
font-family:Arial,serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 30px 0 0;
padding:0 0 0 0;
text-align:right;
}
#top img {
clear:both;
border:medium none;
margin:0 28px 5px 0;
padding:0 0 0 0;
}
#sidebar h3 {
float:right;
color:#FFFFFF;
font-family:Arial,serif;
font-size:2.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 9px 35px 0;
padding:0 0 0 0;
text-align:right;
}
#sidebar h3.met-title {
float:right;
color:#FFFFFF;
font-family:Arial,serif;
font-size:2.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:50px 9px 5px 0;
padding:0 0 0 0;
text-align:right;
}
#sidebar p.data-news {
clear:right;
color:#CEBE86;
font-family:Arial,serif;
font-size:1.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
padding:0 15px 0 15px;
margin:0 0 0 0;
text-decoration:none;
text-align:left;
}
#sidebar a.method {
clear:right;
color:#CEBE86;
font-family:Arial,serif;
font-size:1.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
padding:0 15px 0 15px;
margin:0 0 0 0;
text-align:left;
}
#sidebar p.body-news {
color:#FFFFFF;
font-family:Arial,serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
padding:0 15px 0 15px;
margin:5px 0 35px 0;
text-decoration:none;
text-align:left;
}
#sidebar p.image {
display:block;
padding:0 0 0 0;
margin:0 0 35px 0;
text-align:center;
}
h2 {
/*border-bottom:1px solid #473E1D;*/
color:#336699;
font-family: Arial,serif;
font-size:2.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
}
p#intro {
border-top:1px solid #473E1D;
color:#333333;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
width:455px;
padding:20px 50px 0 0;
text-align:left;
margin: 4px 0 50px 0;
}
p#intro-others {
border-top:1px solid #473E1D;
color:#333333;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
padding:20px 20px 0 0;
text-align:left;
margin: 4px 0 40px 0;
}
p.others {
color:#333333;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
padding:5px 20px 0 0;
text-align:left;
margin: 0 0 10px 0;
}
p.others-last {
color:#333333;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
padding:5px 20px 0 0;
text-align:left;
margin: 0 0 50px 0;
}
acronym {
color:#2F5C8A;
cursor:help;
font-weight:bold;
}
h3.h-home {
color:#336699;
font-family:Arial,serif;
font-size:2.0em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 10px 0;
padding:0 0 0 0;
text-align:left;
}
h3.section-service {
color:#473E1D;
font-family:Arial,serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 15px 0;
padding:0 0 0 0;
text-align:left;
}
h3 {
color:#473E1D;
font-family:Arial,serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 15px 0;
padding:0 0 0 0;
text-align:left;
}
h4 {
color:#473E1D;
font-family:Arial,serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 15px 0;
padding:0 0 0 0;
text-align:left;
}
ul.services {
display:block;
list-style-type:none;
height:107px;
width:587px;
background-color:#3D78B4;
border:1px solid #2F5C8A;
padding:25px 30px 25px 30px;
margin-bottom:40px;
}
ul.services li {
display:inline;
width:280px;
}
ul.services li.second {
display:inline;
float:right;
}
ul.services li.newline {
clear:left;
display:inline;
float:left;
}
ul.services li a {
color:#FFFFFF;
display:block;
float:left;
font-family:Arial,serif;
font-size:1.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 0 0;
padding:0 0 20px 0;
text-decoration:none;
text-align:left;
}
ul.services li a:hover {
text-decoration:underline;
}
ul.last-portfolio {
display:block;
list-style-type:none;
height:157px;
width:648px;
margin-bottom:40px;
}
ul.last-portfolio li {
display:inline;
float:left;
width:204px;
height:154px;
background-color:#6F602D;
border:1px solid #473E1D;
margin-right:15px;
}
ul.last-portfolio li.last {
display:inline;
float:left;
width:204px;
height:154px;
background-color:#6F602D;
border:1px solid #473E1D;
margin-right:0;
}
ul.last-portfolio li a {
color:#FFFFFF;
display:block;
float:left;
font-family:Verdana,serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 0 0;
padding:12px 0 0 0;
width:202px;
text-decoration:none;
text-align:center;
}
ul.last-portfolio li a:hover {
text-decoration:underline;
}
ul.last-portfolio li p {
color:#FFFFFF;
display:block;
float:left;
font-family:Arial,serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
padding:12px 10px 0 12px;
margin:0 0 0 0;
text-decoration:none;
text-align:left;
}
ul.ul-method {
/*float:left;*/
/*display:block;*/
/*height:25px;*/
list-style-position:outside;
list-style-type:disc;
/*list-style-type:none;*/
margin:0 0 20px 0;
padding:10px 25px 0 40px;
position:relative;
text-align:left;
}
ul.ul-method li {
color:#333333;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
padding:5px 20px 0 0;
text-align:left;
margin: 0 0 10px 0;
}
ul.ul-detail {
/*float:left;*/
/*display:block;*/
/*height:25px;*/
list-style-position:outside;
list-style-type:disc;
/*list-style-type:none;*/
margin:0 0 40px 0;
padding:10px 25px 0 40px;
position:relative;
text-align:left;
}
ul.ul-detail li {
color:#333333;
font-family:Arial,serif;
font-size:1.6em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:26px;
padding:5px 20px 0 0;
text-align:left;
margin: 0 0 10px 0;
}
#footer-wrap {
background-color:#2F5C8A;
height:163px;
}
#footer {
background-color:#2F5C8A;
width:960px;
margin:auto;
padding:inherit;
}
#main-footer {
display:inline;
background-color:#2F5C8A;
float:left;
margin:0 auto;
padding: 60px 0 0 60px;
width:676px;
position:relative;
}
#main-footer p {
display:block;
color:#FFFFFF;
font-family:"Trebuchet MS",Arial,serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 0 0 0;
padding:0 0 0 0;
text-align: left;
border:none;
}
#main-footer p.copy {
clear:left;
color:#FFFFFF;
font-family:"Trebuchet MS",Arial,serif;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 0 0;
padding:3px 0 0 0;
text-align: left;
}
#validations {
clear:both;
display:block;
list-style-type:none;
margin:0 0 0 0;
padding:20px 0 0 0;
/*width:630px;*/
}
#validations li {
color:#FFFFFF;
display:block;
float:left;
/*height:15px;*/
margin:0 15px 0 0;
padding:0;
/*width:80px;*/
}
#side-footer {
display:inline;
background-color:#473E1D;
float:left;
margin:0 auto;
padding: 8px 0 0 20px;
width: 187px;
height:155px;
position:relative;
}
ul.social {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.social li {
clear:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
height:30px;
margin:0 0 4px 0;
padding:0;
}
.social a {
display:block;
color:#FFFFFF;
font-family:"Trebuchet MS",Arial,serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 0 45px;
padding:7px 0 0 0;
text-align:left;
}
.social a:hover {
text-decoration:underline;
}
fieldset {
padding:0 0 0 0;
margin: 0 0 0 0;
border:none;
}
#contacts-form p {
height:35px;
margin:0 0 0 0;
padding: 0 0 10px 0;
}
#contacts-form p.form-msg {
height:145px;
margin:0 0 0 0;
padding: 0 0 10px 0;
}
#contacts-form label {
display:block;
float:left;
color:#000000;
font-family:Arial,sans-serif;
/*font-size:1.4em;*/
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
padding:0 10px 0 0;
text-align:left;
margin: 0 0 0 0;
width:100px;
}
#contacts-form p.privacy-title {

display:block;
color:#000000;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
padding:10px 10px 0 20px;
text-align:left;
margin: 0 0 0 0;
}
#contacts-form p.privacy-body {

display:block;
color:#336699;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
padding:0 70px 0 20px;
text-align:left;
margin: 0 0 0 0;
height:125px;
}
input, select, textarea {
color:#336699;
/*border: #336699 1px solid;*/
padding: 2px 2px 2px 2px;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:11px;
}
#contacts-form span {
color:#990000;
font-size:11px;
font-weight:bold;
margin:0 0 0 10px;
}
#contacts-form p.form-msg span {
display:block;
margin: 0 0 0 110px;
}
em {

display:block;
color:#000000;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:1.2em;
padding:10px 10px 0 20px;
text-align:left;
margin: 0 0 0 0;
}
#contacts-form em span {
display:block;
margin: 0 0 0 0;
}
#contacts-form p.button {
padding:20px 10px 0 150px;
text-align:left;
margin: 0 0 0 0;
height:30px;
}
#contacts-form .button-form {
background-color:#2F5C8A;
border:1px solid #473E1D;
color:#FFFFFF;
font-size:1em;
font-weight:bold;
width:136px;
height:30px;
}