html,body,#pageBgTop{ width:100%; height: 100%;}
body, body * { margin:0px; padding:0px;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:16px;}
.clear{clear:both;}
.lefts{float:left;}
.rights{float:right;}
a{ color:#333333; text-decoration: none;}
a:hover {text-decoration: underline;}
a.test{ color:#CCCCCC; font-size:11px;} 
a.copya{ color:#CCCCCC;}
.images{ border:solid #CCCCCC 1px; padding:2px;}

ul {line-height:20px;list-style-position: outside; list-style-type: disc;}
ul li {text-align: justify;}

h1{ padding-left:10px; font-size:11px; line-height:20px; margin-top:-4px;}

#pageBg {background:#101012 url("../images/body_topcontainer.jpg") center top repeat-x;}
#footer {background:transparent url("../images/bgbody_bottom.jpg") left top repeat-x;}
#pageBgTop {background:transparent url("../images/bg-top.jpg") center top no-repeat;}

.wrapper { margin:0 auto; width: 950px;}
#pageBgBot {width:100%;position: relative;min-height: 100%; _height:100%;}
#bodyContent {padding-bottom: 130px;}

.intro-banner { padding-bottom: 32px;}
.intro-banner .tels { text-align:right; padding-right:10px; padding-top: 5px; height: 22px; font-size:11px; color:#333333;}
.intro-banner .top-links { float: right; padding-top: 10px;}
.top-links .top-link { float: left; background: transparent url("../images/line_ver.jpg") left top repeat-y; padding-left: 10px; width: 130px;}
.top-link ul, .top-link ul li { list-style-type:none;}
.top-link ul li a { text-decoration: none; color: #929684; font-size: 11px;}
.top-link ul li a:hover { color:#c6d297; text-decoration:underline;}
.top-link ul li { padding-top: 4px;}
.top-link ul li.head { padding-bottom: 8px;text-transform: uppercase; font-weight: bold; color: #C3DB67;}

#logo {display: block; float: left; width:250px; height:105px;}

#footer {width:100%;height:85px;margin-top:-85px;position:relative;}
#footer * {font-size:11px;}
#footer .col{float:left;}
#footer #copyright {width:524px;padding-top:30px;}
#footer #im {width:256px;padding-top:20px;_padding-top:22px;}
#footer #botNav {width:170px;height:80px;padding-top:5px;background:#4c555a url("../images/bot-nav-top.jpg") left top no-repeat;}
#footer .hotline{color:#996600;}
#footer .hotline b{color:#ffffff;}

#copyright .links a { color:#edebeb; text-decoration: none; font-weight: bold;}
#copyright .links a:hover { text-decoration: underline; color:#c3db67;}
#copyright .copy { color: #b1ced3;}

#im a { text-decoration:none; color:#8e927f;}
#suport_online{ width:94px;}
#suport_online .bot_online{ height:29px; width:8px; background:transparent url("../images/suport_left.jpg") left top no-repeat; padding-left:8px;}
#suport_online .bot_online .bg_suport{ background-color:#101012; height:25px; width:80px; padding-top:4px; display:block;}
#suport_online .bot_online div div{ height:29px; width:8px; background:transparent url("../images/suport_right.jpg") right top no-repeat; color:#FFFFFF;}

#botNav ul, #botNav ul li{ margin:0px; padding:0px; list-style:none;}
#botNav a{ display:block; height: 16px; background-color:#586166; color:#a3a3a3; text-decoration:none;  margin:0 4px 1px 4px; padding:4px;border:solid 1px #586166;}
#botNav a:hover{ color:#fff; background-color:#61676a; border:solid 1px #697277;}

/*SLIDER*/
#slider #handles {}
#slider #handles ul, #slider #handles ul li { margin: 0px; padding: 0px; list-style-type: none; cursor: hand; cursor: pointer;}
#slider #handles ul li { float: left; display: block; margin-right: 5px; width: 180px; background: transparent url("../images/botton-invi-left.gif") left top no-repeat; padding-left: 6px;}
#slider #handles ul li.last {margin-right: 0px;}
#slider #handles ul li, #slider #handles ul li span.a, #slider #handles ul li span.b { display:block; height: 48px;}
#slider #handles ul li span.a {background: transparent url("../images/botton-invi-right.gif") right top no-repeat; padding-right: 6px;}
#slider #handles ul li span.b { background: transparent url("../images/botton-invi-bg.gif") left top repeat-x; text-align:center; padding-top: 18px; height: 30px; font-weight: bold; color:#fff;}
#slider #handles ul li.active {background-image: url("../images/botton-hover-left.gif");}
#slider #handles ul li.active span.a {background-image: url("../images/botton-hover-right.gif");}
#slider #handles ul li.active span.b {background-image: url("../images/botton-hover-bg.gif");color:#000;}

#slider .buttons { position: absolute; top: 417px; width: 983px; margin-left: -16px;}
#slider .buttons span { display:block; cursor:hand; cursor:pointer; width: 33px; height: 26px; background-color:transparent; background-repeat:no-repeat; background-position:left top;}
#slider .buttons #prev {background-image: url("../images/freccia-sx.png"); float:left;}
#slider .buttons #next {background-image: url("../images/freccia-dx.png"); float:right;}

#boxes{position:absolute;}
#boxes div{width:950px;float:left;}
#boxes .next{float:right}
#boxes .box {padding-top: 307px; background-color: transparent; background-repeat: no-repeat; background-position: left top;}
#boxes .box.homepage {background-image: url("../images/box-home.jpg");}
#boxes .box.chat {background-image: url("../images/box-chat.jpg");}
#boxes .box.game {background-image: url("../images/box-game.jpg");}
#boxes .box.me {background-image: url("../images/box-me.jpg");}
#boxes .box.other {background-image: url("../images/box-other.jpg");}
.mask1 {position:relative;height:307px;overflow:hidden; background-color:#f0f0f0;}

#slider { background:transparent url("../images/slider-footer.gif") left bottom no-repeat; padding-bottom:6px;}
#slider .desc {background:#f6f6f6 url("../images/desc-bg.jpg") left top repeat-x; padding:0px 10px;}
#slider .desc .title { height: 21px; padding-top: 10px; font-weight:bold;}
#slider #body_content {width: 950px; margin:0px; padding:0px; background-color:#FFFFFF; height:100px; padding-top:10px;}
#slider #body_content .box-text {width:315px; height:100px; float:left;}
.box-text .box-text-head {font-weight:bold; color:#996600}
.box-text .more {float:right; font-weight:bold;}
.box-text img {float:left; width:82px; height:90px;}


/**PAGE**/
table.main-cols {margin:0 auto; width: 950px; border: none;}
.main-cols td.col { vertical-align: top;}
.main-cols tr.cols-header td.col, .main-cols tr.cols-footer td.col { height: 5px; line-height: 5px; }
.main-cols tr.cols-header td.col-left { width: 291px; background:transparent url("../images/gray_main_top_left.gif") left top no-repeat;}
.main-cols tr.cols-header td.col-right { width: 659px; background:transparent url("../images/gray_main_top_right.gif") left top no-repeat;}
.main-cols tr.cols-footer td.col-left { width: 291px; background:transparent url("../images/man_bottom_left.gif") left top no-repeat;}
.main-cols tr.cols-footer td.col-right { width: 659px; background:transparent url("../images/main_bt_right.gif") left top no-repeat;}
.main-cols tr.cols-body td.col {height: 400px;}
.main-cols tr.cols-body td.col-left { background: transparent url("../images/man_bg_bottom.jpg") right top repeat-y;}
.main-cols tr.cols-body td.col-right { background:#ffffff url("../images/title_content.gif") left top no-repeat;}

.page-title{ color:#296a06; font-weight:bold; padding-left:10px; padding-top:10px; height:50px; text-transform:uppercase; text-shadow:#454545 1px 1px 3px;}

.col-left .left-nav {padding-top: 0px; border: 1px solild #ff00ff;}
.left-nav { margin:0px;}
.left-nav ul { list-style-type:none;}
.left-nav ul li{ line-height:30px; border-bottom:solid 1px #454a4d;}
.left-nav ul li a{display:block;background:#485156 url("../images/icon_hover.gif") left center no-repeat;color:#000000;padding-left:20px;text-decoration: none; font-weight:bold; text-transform:capitalize; font-size:11px;height:22px;padding-top:8px;border:solid #4c555a 1px;}
.left-nav ul li a:hover{ color:#ffffff;background:#4f575c url("../images/icon_a.gif")left center no-repeat;border:solid #546066 1px;}
.left-nav ul.contact li a.contact, ul.partner li a.partner, ul.intro li a.intro
{color:#ffffff;background:#4f575c url("../images/icon_a.gif") left center no-repeat;border:solid #546066 1px;}

.page-body {padding-left:16px;}
.page-body ul {margin-left:20px;}

.partners .partner {padding-bottom:30px;padding-top:10px;}
.partners .partner .name {font-weight:bold;text-transform: up}
.partners .partner .logo {padding:10px;}
.partners .partner .logo img {border:none;}

.page-contact .title {color:#FF9900;font-weight:bold; text-decoration:underline;}
.page-contact .sub {color:#CC6600;}
.page-contact li {padding-bottom:10px; padding-top:10px;}

.page-intro .title {color:#000;font-weight:bold; text-decoration:underline; text-transform: uppercase;}
.page-intro .sub {color:#CC6600;}
.page-intro .cat {font-weight: bold;}
.page-intro table {width:600px;border-collapse: collapse; margin:8px 0;}
.page-intro td {height:20px; padding:5px; border:1px solid #d8d8d8; vertical-align: top;}
.page-intro thead td {font-weight: bold; background-color: #e8e8e8; white-space: nowrap;}