﻿body { background-image:url(images/bg.jpg); background-repeat:repeat-x; background-color:#f3f3f3; font: normal 14px/20px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333; text-align:justify; margin:0 auto; padding:0;}
img {border:0; margin:10px 10px 30px 10px;}
.clear{clear: both; height: 1px;}
#wrapper{width: 1100px; margin: 0 auto; background-image:url(images/header.jpg); background-repeat:no-repeat;}
#header{ width:940px; margin:0 auto; padding:0; clear:both;}
.logo{display: block; width: 281px; height:125px; position: absolute; left: 0px; top: 0; background-color:transparent; border: none;}
.logo img{border: none;}
p{margin-bottom: 16px;}
a{text-decoration: none; outline: none; color:#006699;}
a:hover, a:active, a:focus{color: #ff9966; text-decoration: underline; outline:0;}
a.home{color: #006699; font-weight: bold;}
a.home:hover{text-decoration: none;}
a.home span{color: #ff9966;}

.main_menu {height:30px; line-height:30px; position:relative; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; float:right; padding-top:10px;}
.main_menu ul {padding:0px; margin:0; list-style:none;}
.main_menu ul li {padding:0; margin:0px; float:left; background: url('images/bullet.jpg') no-repeat left 12px; }
.main_menu ul li a { color:#006699;  display:block; text-decoration:none; padding:0 12px; }
.main_menu ul li a:hover, .main_menu ul li a.current-menu-item {color:#ff9966; text-decoration:underline; }
.main_menu ul li ul { display: none;  width: auto;  position:absolute; top:40px; padding:0px; margin:0px; }
.main_menu ul li:hover ul { display: block; position: absolute; margin: 0; padding: 0; }
.main_menu ul li:hover li { float: none; list-style:none; margin:0px; }
.main_menu ul li:hover li { background:#f3f3f3;  border-bottom:1px solid #ccc; }
.main_menu ul li:hover li a {color: #006699; padding:0 20px; display:block; width:100px; }
.main_menu ul li li a:hover, .current-menu-item{color:#ff9966; text-decoration:underline;}

.sloagan { width:640px; padding-top:40px; float:right; font: normal 16px/20px Trebuchet MS, Arial, Helvetica, sans-serif; text-align:center; color:#ff9966; text-shadow: -1px 1px 0px rgba(255, 255, 255, 1);}
.flag { width:340px; height:240px; float:right; padding-top:40px; font: normal 18px/22px Trebuchet MS, Arial, Helvetica, sans-serif; text-align:center; color:#fff; text-shadow: -1px 1px 2px rgba(0, 96, 145, 1);}
.description { width:940px; margin:o auto; padding:0 0 0 10px; clear:both; font: normal 18px/24px Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; color:#006699; text-shadow: -1px 1px 0px rgba(255, 255, 255, 1);}

#content {width:940px; margin:0 auto; margin-top:25px; margin-bottom:25px; padding:0; clear:both;}
#content img{width:310px; margin:0; padding:0; float:left;}

h1{font: normal 24px/20px Trebuchet MS, Arial, Helvetica, sans-serif; color: #006699;}
h2{font: normal 20px/20px Trebuchet MS, Arial, Helvetica, sans-serif; color: #006699;}

.footer{height: 254px; padding-top:20px; background: url('images/bg-footer.jpg') repeat-x center center; text-align:center; font:normal 18px/22px Trebuchet MS;  }
.footer .logos{width: 940px; height: 182px; margin: 0 auto; padding:0; clear:both;}
.footer .logos li{float: left; list-style: none; margin: 0; padding: 0; width: 310px; height: 182px;}
.footer .logos li a{display: block; width: 310px; height:182px; text-indent: -9999px;}
.footer .logos li.logo-1 a{background: url('images/footer.jpg') no-repeat 0 0px;}
.footer .logos li.logo-2 a{background: url('images/footer.jpg') no-repeat -310px 0px;}
.footer .logos li.logo-3 a{background: url('images/footer.jpg')no-repeat -620px 0px;}
.footer .logos li.logo-1 a:hover{background: url('images/footer.jpg') no-repeat 0 -182px;}
.footer .logos li.logo-2 a:hover{background: url('images/footer.jpg') no-repeat -310px -182px;}
.footer .logos li.logo-3 a:hover{background: url('images/footer.jpg') no-repeat -620px -182px;}

.footer .logos-en{width: 940px; height: 182px; margin: 0 auto; padding:0; clear:both;}
.footer .logos-en li{float: left; list-style: none; margin: 0; padding: 0; width: 310px; height: 182px;}
.footer .logos-en li a{display: block; width: 310px; height:182px; text-indent: -9999px;}
.footer .logos-en li.logo-1en a{background: url('images/footer_en.jpg') no-repeat 0 0px;}
.footer .logos-en li.logo-2en a{background: url('images/footer_en.jpg') no-repeat -310px 0px;}
.footer .logos-en li.logo-3en a{background: url('images/footer_en.jpg')no-repeat -620px 0px;}
.footer .logos-en li.logo-1en a:hover{background: url('images/footer_en.jpg') no-repeat 0 -182px;}
.footer .logos-en li.logo-2en a:hover{background: url('images/footer_en.jpg') no-repeat -310px -182px;}
.footer .logos-en li.logo-3en a:hover{background: url('images/footer_en.jpg') no-repeat -620px -182px;}

.sfooter{height: 130px; background: url('images/bg-sfooter.jpg') repeat-x center center; text-align:center;}
.sfooter .slogos{width: 930px; height: 100px; margin: 0 auto; padding:0; clear:both;}
.sfooter .slogos li{float: left; list-style: none; margin: 0; padding: 0; width: 310px; height: 100px;}
.sfooter .slogos li a{display: block; width: 310px; height:100px; text-indent: -9999px;}
.sfooter .slogos li.logo-1 a{background: url('images/footer_s.jpg') no-repeat 0 0px;}
.sfooter .slogos li.logo-2 a{background: url('images/footer_s.jpg') no-repeat -310px 0px;}
.sfooter .slogos li.logo-3 a{background: url('images/footer_s.jpg')no-repeat -620px 0px;}
.sfooter .slogos li.logo-1 a:hover{background: url('images/footer_s.jpg') no-repeat 0 -100px;}
.sfooter .slogos li.logo-2 a:hover{background: url('images/footer_s.jpg') no-repeat -310px -100px;}
.sfooter .slogos li.logo-3 a:hover{background: url('images/footer_s.jpg') no-repeat -620px -100px;}

.sfooter .slogos-en{width: 930px; height: 100px; margin: 0 auto; padding:0; clear:both;}
.sfooter .slogos-en li{float: left; list-style: none; margin: 0; padding: 0; width: 310px; height: 100px;}
.sfooter .slogos-en li a{display: block; width: 310px; height:100px; text-indent: -9999px;}
.sfooter .slogos-en li.logo-1 a{background: url('images/footer_s-en.jpg') no-repeat 0 0px;}
.sfooter .slogos-en li.logo-2 a{background: url('images/footer_s-en.jpg') no-repeat -310px 0px;}
.sfooter .slogos-en li.logo-3 a{background: url('images/footer_s-en.jpg')no-repeat -620px 0px;}
.sfooter .slogos-en li.logo-1 a:hover{background: url('images/footer_s-en.jpg') no-repeat 0 -100px;}
.sfooter .slogos-en li.logo-2 a:hover{background: url('images/footer_s-en.jpg') no-repeat -310px -100px;}
.sfooter .slogos-en li.logo-3 a:hover{background: url('images/footer_s-en.jpg') no-repeat -620px -100px;}

.footer .copyright {text-align: center; font: normal 12px/20px rebuchet MS, Arial, Helvetica, sans-serif; margin-top:25px;}