@charset "UTF-8";
/* CSS Document */
#container{}
#container_bg{background:url(../images/content_bg.gif);}
.content{margin:0 auto; width:960px;}
/*HEADER
====================================*/
#header{ margin-bottom:3px;padding-top:20px;}
.header_bg{background:url(../images/header_bg.gif) repeat-x #fff bottom; padding-bottom:30px;}
#logo{ float:left;}
#lang{float:right;vertical-align:middle;}
#lang_box1{background:#ddd; float:left;padding:7px 14px;line-height:100%;}
#lang_box2 {float:left;padding:7px 9px;background:#eee;}
#lang_box2 ul li{float:left;line-height:100%; padding:0 15px; border-right:1px solid #8c8c8c;}
#lang_current{color:#ff9900 !important;}

/*NAVIGATION 
====================================*/
#nav_top{background:url(../images/nav_bg.gif) repeat-x; margin-bottom:25px;}
#nav_top ul{padding:0 0 0 2px;}
#nav_top ul li{ float:left;}
#nav_current{}

#nav{background:url(../images/nav_bg1.gif) repeat-x bottom; margin-bottom:25px; height:51px;}
#nav ul{padding:0 0 0 2px;}
#nav ul li{ float:left;}

/* CONTENT 
===================================*/
h2{margin-bottom:15px; margin-left:5px;}

/*FOOTER
===================================*/
#footer_top{background:url(../images/footer_bg.gif) repeat-x;color:#000066; text-align:center;padding:10px 0;margin-top:20px;}
#footer{background:url(../images/footer_bg1.gif) repeat-x;color:#000066; text-align:center;padding:23px 0 8px 0;margin-top:20px;}
/*MARGIN
===================================*/
.mb10{margin-bottom:10px;}

/*OTHER
===================================*/
.fl{float:left;}
.fr{float:right;}
.bor_r0{border-right:0 !important;}
.colo_org a{color:#ff9900; text-decoration: underline;}
.colo_org a:hover{text-decoration: none;}
.right{text-align:right;}
/*==================== MEDIA SCREEN =========================*/

@media only screen and (max-width:1024px){
#lang_box1{padding:6px 8px;}
#lang_box2 {padding:6px 8px;}
#lang_box2 ul li{padding:0 8px;}
}
@media only screen and (max-width:960px){
.content{width:96%;}
#lang_box1{padding:6px 10px;}
#lang_box2 {padding:6px 10px;}
#lang_box2 ul li{padding:0 10px;}

#nav_top ul li{width:14.2%;}
#nav_current{width:14.5% !important;}

#nav ul li{width:14.2%;}
}

@media only screen and (max-width:900px){
#logo{ margin-bottom:10px;width:50%;}
#lang{font-size:10px;}
#lang_box1{padding:4px 8px;}
#lang_box2 {padding:4px 8px;}
#lang_box2 ul li{padding:0 8px;}

.header_bg{padding-bottom:20px;}

#nav{background:url(../images/nav_bg_800.gif) repeat-x bottom;margin-bottom:20px; height:42px;}
}


@media only screen and (max-width:768px){
	#nav{background:url(../images/nav_bg_768.gif) repeat-x bottom; height:41px;}
#logo{ margin-bottom:10px; text-align:center; width:40%;}

}


@media only screen and (max-width:640px){
	#nav{background:url(../images/nav_bg_640.gif) repeat-x bottom; height:36px;}
}


@media only screen and (max-width:600px){
#nav{background:url(../images/nav_bg_600.gif) repeat-x bottom; height:35px;}
}


@media only screen and (max-width:480px){
#header{ margin-bottom:0px;}
#nav{background:url(../images/nav_bg_480.gif) repeat-x bottom;height:33px; margin-bottom:10px;}	
/*#nav{background:url(../images/nav_bg1.gif) repeat-x / 0.7%; margin-bottom:25px;}*/

#lang{font-size:8px;}
#lang_box1{padding:4px 6px;}
#lang_box2 {padding:4px 6px;}
#lang_box2 ul li{padding:0 6px;}

#footer_top{font-size:7px; padding:8px 0 13px 0;}
#footer{font-size:7px; padding:24px 0 7px 0;}	
	
}
@media only screen and (max-width:320px){
#lang{font-size:6px;}
#lang_box1{padding:2px 4px;}
#lang_box2 {padding:2px 4px;}
#lang_box2 ul li{padding:0 4px;}
#nav_top{background:url("../images/nav_bg.gif") repeat-x 0 3px;margin-bottom:15px; margin-top:-4px;}
#nav{background:url(../images/nav_bg_320.gif) repeat-x bottom; height:18px;}
#nav ul li{margin-top:-7px;}

}