/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { behavior:url("css/csshover.htc"); background-image: url(../img/body_back.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #051a28; font-family: Verdana, Geneva, sans-serif; font-size: 13px; }
div { margin: auto; height: auto; }
form { margin: 0px; padding: 0px; }
a img { border: none 0px; }
h1 { font-size: 28px; font-weight: normal; }
h2 { font-size: 13px; border-bottom: solid 1px #808080; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; }
/* Link styles			*/
a { }
a:hover { }
/* Holder styles		*/
.holder2 { width: 100%; }
.holder1 { text-align: center; margin-left: auto; margin-right: auto; width: 970px; }
.holder { text-align: left; margin: 0px; padding: 0px; border: none; *width:970;
}
/* Header styles		*/
.header .holder { height: 193px; position: relative; font-size: 11px; }
.header .logo { position: absolute; left: 0px; top: 0px; }
.header .languages { position: absolute; top: 10px; right: 20px; color: #FFF; }
.header .languages a { color: #FFF; text-decoration: none; }
/* Main area styles		*/
.area .holder { background-color: #e9e9e9; background-image: url(../img/area_back.gif); background-repeat: no-repeat; background-position: 0px 0px; padding: 20px; }
.l-col, .main-col, .m-col, .r-col { float: left; }
.l-col { width: 180px; padding-right: 20px; color: #808080; font-size: 11px; line-height: 15px; text-align: justify; }
.main-col { width: 730px; }
.m-col { width: 410px; padding-right: 20px; padding-top: 20px; line-height: 20px; text-align: justify; }
.r-col { width: 300px; padding-top: 20px; }
/* Footer styles		*/
.footer .holder { background-image: url(../img/footer_back.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-top: 25px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; color: #fff; font-size: 11px; }
.footer a { color: #FFF; }
.footer .credits { float: right; }
/* Main Menu styles		*/
.menu { position: absolute; top: 0px; right: 0px; background-image: url(../img/menu_back.jpg); background-repeat: no-repeat; background-position: right top; height: 139px; width: 747px; }
.menu ul, .menu li { margin: 0px; padding: 0px; list-style: none; }
.menu li { display: block; float: left; width: 83px; text-align: center; font-weight: bold; height: 130px; position: relative; }
.menu a { color: #b4d4ff; text-decoration: none; position: absolute; left: 0px; bottom: 0px; display: block; width: 83px; padding-top: 80px; }
.menu a:hover, .menu .selected { color: #fff; padding-bottom: 3px; }
.sub_menu { position: absolute; top: 139px; right: 0px; background-repeat: no-repeat; height: 24px; width: 797px; line-height: 24px; text-align: right; padding-right: 20px; color: #FFF; }
.sub_menu a { font-weight: bold; color: #FFF; text-decoration: none; }
.sub_menu a:hover { color: #b4d4ff; }
.s1 { background-image: url(../img/sub_1.gif); }
.s2 { background-image: url(../img/sub_2.gif); }
.s3 { background-image: url(../img/sub_3.gif); }
.s4 { background-image: url(../img/sub_4.gif); }
.s5 { background-image: url(../img/sub_5.gif); }
.s6 { background-image: url(../img/sub_6.gif); }
.s7 { background-image: url(../img/sub_7.gif); }
.s8 { background-image: url(../img/sub_8.gif); }
.s9 { background-image: url(../img/sub_9.gif); }
/* Misc. styles			*/
.advertising { text-align: center; padding: 10px 0px 10px 0px; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; }
/* IE 6 and below hacks		*/
*html a { }
/* IE 7 only hacks		*/
*:first-child+html a { }
/* Opera 9 and below hacks	*/
html:first-child a { }
/* Safari and Opera hacks	*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
a {
}
}
/* HR Styling hacks		*/
/* IE				*/
hr { height: 1px; color: #d5d8d8; border: none; }
/* Gecko-based browsers		*/
html>body hr { height: 1px; background-color: #d5d8d8; border: none; }
/* Opera & Gecko-based browsers	*/
html>body hr { height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8; }
/* clearfix			*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* End hide from IE Mac */
