/******************************************************
   import MODULES styles
*******************************************************/

@import url("modules/modules.css") ;

/******************************************************
   GENERAL styles
*******************************************************/

body { 
  margin: 0;
  padding: 0;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 12px;
  color: #111c41;
  min-width: 1000px;
}

h1, h2, h3, h4 { clear: both; padding: 0; margin: 0px; letter-spacing: -1px; }

h1 { font-size: 22px; font-weight: bold; color: #1f3485; margin-bottom: 5px; }

h2 { font-size: 19px; font-weight: normal; color: #bb3700; margin-bottom: 5px; }

h3 { font-size: 16px; font-weight: bold; color: #bb3700; margin-bottom: 5px; }

h4 { font-size: 16px; font-weight: bold; color: #A87B04; margin-bottom: 5px; }

p { padding: 0; margin: 0; line-height: 17px; color: #111c41; }

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


ul, ol { line-height: 17px; padding: 0; margin: 2px 2px; color: #111c41; }
ul li { list-style-type: square; padding: 0; margin: 0 0 0 25px; }
ol li { list-style-type: decimal; padding: 0; margin: 0 0 0 25px; }

img { border: 0; }

acronym { border-bottom: 1px dotted #208e9e; cursor: help; }



/***************************************************
  Head styles
 ***************************************************/

#head { width: 100%;  height: 140px; background: #fff url(images/head_back.gif) no-repeat left top; margin-bottom: 5px; }

#logo { width: 820px; height: 55px; display: block; padding: 5px 0 0 15px;}

#head_nav_frame {width: 825px; height: 55px;  vertical-align: bottom; clear: both; }

#head_nav { float: right; }
#head_nav a { color: #fff; text-transform: uppercase; font-family: "Arial", Helvetica, sans-serif; font-size:14px; font-weight: bold; text-decoration: none; }
#head_nav .nav1, #head_nav .nav2, #head_nav .nav3, #head_nav .nav4 { width: 100px; height: 25px; float: left; padding: 25px 0px 0px 5px; overflow: hidden; } 

#head_nav .nav1 {  background: url(images/nav1d.gif) no-repeat left top; }
#head_nav .nav1:hover { background: url(images/nav1d.gif) no-repeat left bottom; }

#head_nav .nav2 {  background: url(images/nav2d.gif) no-repeat left top;  }
#head_nav .nav2:hover { background: url(images/nav2d.gif) no-repeat left bottom; }

#head_nav .nav3 {  background: url(images/nav3d.gif) no-repeat left top;  }
#head_nav .nav3:hover { background: url(images/nav3d.gif) no-repeat left bottom; }

#head_nav .nav4 {  background: url(images/nav4d.gif) no-repeat left top;  }
#head_nav .nav4:hover { background: url(images/nav4d.gif) no-repeat left bottom; }



#head_line { width: 100%; height: 25px; background-color: #bb3700; float: left; font-size: 11px; }
#head_line .space { width: 220px; float: left; }
#head_line .lang { float: left; padding: 5px 10px; }
#head_line img { padding: 0 10px 0 0; vertical-align: middle; border: 0; }
#head_line a { color: #fff; text-decoration: none }
#head_line a:hover { color: #f0b006; text-decoration: none; }



/***************************************************
  Subhead styles
 ***************************************************/

#subhead { width: 100%;  height: 140px; color: #0c142d; background-color: #dae1b9; border-bottom: 1px solid #fff; }
#subhead img { border: 0; }
#subhead h1 { font-size: 18px; color: #17265d; font-weight: normal; text-transform: uppercase; }
#subhead .sub_left { float: left; width: 220px; height: 140px; overflow: hidden; }
#subhead .sub_center { float: left; width: 170px; height: 110px; overflow: hidden; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 15px; text-align: right; overflow: hidden; }
#subhead .sub_right { float: left; width: 400px; height:140px; border-right: 1px solid #fff; overflow: hidden; }




 /***************************************************
  Main styles
 ***************************************************/

#main { width: 100%;  color: #111c41; padding: 10px 0; /*background: #fff url(images/main_back.gif) repeat-y;*/ } 
#main .footer { border-top: 1px solid #1f3485; margin: 20px 0px 0 0px; padding: 10px 5px 10px 65px; font-size: 11px; color: #1f3485; background: url(images/foot.gif) no-repeat left; }
#main .footer img { padding-right: 10px; vertical-align: middle; }
#main .footer a { color: #1f3485; }
#main .footer a:hover { color: #bb3700; text-decoration: underline; }


#left { width: 220px; float: left; }
#leftnav {  font-size: 13px; font-weight: bold; margin-bottom: 20px; }
#leftnav a { width: 210px; height: 25px; padding: 10px 0 0 10px; background: url(images/nav_left_d.gif) no-repeat top left; overflow: hidden; display: block; color: #f0b006; text-decoration: none; border-bottom: 1px solid #fff; }
#leftnav a:hover { color: #f0b006; text-decoration: none; background: url(images/nav_left_d.gif) no-repeat bottom left; }


#extra { width: 220px; margin-bottom: 20px; }
#extra h1 { font-size: 19px; font-weight: normal; color: #fff; }
#extra h2 { font-size: 19px; font-weight: normal; color: #111c41; }
#extra .top { width: 220px; height: 10px; background: url(images/left_extra.gif) no-repeat left top; }
#extra .extrabody { padding: 5px; background-color: #208e9e; border-bottom: 1px solid #fff; }

#left .end { background-color: #bb3700; height: 10px; border-bottom: 1px solid #fff;}

#right { width: 172px; float: left; }
#right .top { width: 172px; height: 25px; background: url(images/right_tab.gif) no-repeat top left; padding: 5px 0 0 10px; overflow: hidden; color: #fff; text-transform:uppercase; font-weight: bold; }
#right .rightbody { border-left: 1px dashed #dae1b9; padding: 0px 10px; color: #208e9e; font-size: 11px; margin-bottom: 20px; }
#right p { color: #208e9e; font-size: 11px; line-height: 13px; padding-bottom: 5px; }
#right .date { display: block; color: #ff4b00; font-size: 10px; }
#right .news a { text-decoration:none; color: #208e9e; }
#right .news a:hover { text-decoration: underline; }

#content { width: 583px; padding: 0 10px; float: left; text-align: justify; }
#content img { margin: 5px; border: 0; }
#content .date { display: block; color: #ff4b00;  font-size: 11px; }
#content .news { line-height: 14px; padding: 5px 10px; }

/********************************************************/

.left_img {margin: 5x 5px 5px 0; float: left;}
.right_img {margin: 5px 0 5px 5px; float: right;}

.flright { float: right; }
.flleft { float: left; }
.clearer { clear: both; }
.block { display: block; }
.right { text-align: right;} 

.upper {text-transform: uppercase;}
.bold_text { font-weight: bold; }
.italic_text { font-style:italic; }
.overline_text { text-decoration: overline; }