@import url(tooltip.css);
body{
    margin: 0px;
    background: #38bdf6 url(../images/header.png) no-repeat top center;
    font: 12px Arial, Helvetica, sans-serif; 
    position: relative;
}
h1 {color: #dff3fb; font-size: 14px; line-height: 14px;}
#holder{
    width: 990px;
    margin: auto;
}
#header{
    width: 990px;
    height: 95px;
    border: 0px solid red;    
}
#jocuri-internet-logo a{float: left; width: 381px; height: 73px; margin-top: 22px; margin-left: 12px; text-indent: -5000px; font-size: 20px; background: url(../images/jocuri-internet-logo.gif) no-repeat left top;}
#top-navigation{
    clear: left;
    width: 990px;
    height: 74px;
    background: url(../images/top-navigation-middle.png) repeat-x bottom;
}
#top-navigation .left{
    float: left;
    width: 8px;
    height: 74px;
    background: url(../images/top-navigation-left.png) no-repeat bottom;   
}
#top-navigation .right{
    float: right;
    width: 7px;
    height: 74px;
    background: url(../images/top-navigation-right.png) no-repeat bottom;
}
#top-navigation ul {margin-top: 0px; margin-left: 30px;} 
#top-navigation li{float: left;}
#top-navigation ul li a {display: block; text-indent: -5000px; overflow: hidden;}
#top-navigation ul li#jocuri a {background: url(../images/buttons-sprites.png) no-repeat 0px 0px; width: 91px; height: 34px;}
#top-navigation ul li#jocuri a:hover,#top-navigation ul li#jocuri.selected a {background-position: 0px -34px !important;}
#top-navigation ul li#barbie a {background: url(../images/buttons-sprites.png) no-repeat 0 -68px; width: 101px; height: 34px;}
#top-navigation ul li#barbie a:hover,#top-navigation ul li#barbie.selected a {background-position: 0px -102px !important;}
#top-navigation ul li#fun a {background: url(../images/buttons-sprites.png) no-repeat 0 -136px; width: 76px; height: 34px;}
#top-navigation ul li#fun a:hover,#top-navigation ul li#fun.selected a {background-position: 0px -170px !important;} 
#top-navigation ul li#actiune a {background: url(../images/buttons-sprites.png) no-repeat 0 -204px; width: 111px; height: 34px;}
#top-navigation ul li#actiune a:hover,#top-navigation ul li#actiune.selected a {background-position: 0px -238px !important;} 
#top-navigation ul li#aventuri a {background: url(../images/buttons-sprites.png) no-repeat 0 -272px; width: 117px; height: 34px;}
#top-navigation ul li#aventuri a:hover,#top-navigation ul li#aventuri.selected a {background-position: 0px -306px !important;} 
#top-navigation ul li#logice a {background: url(../images/buttons-sprites.png) no-repeat 0 -340px; width: 101px; height: 34px;}
#top-navigation ul li#logice a:hover,#top-navigation ul li#logice.selected a {background-position: 0px -374px !important;} 
#top-navigation ul li#shooters a {background: url(../images/buttons-sprites.png) no-repeat 0 -408px; width: 122px; height: 34px;}
#top-navigation ul li#shooters a:hover,#top-navigation ul li#shooters.selected a {background-position: 0px -442px !important;} 
#top-navigation ul li#sportive a {background: url(../images/buttons-sprites.png) no-repeat 0 -476px; width: 117px; height: 34px;}
#top-navigation ul li#sportive a:hover,#top-navigation ul li#sportive.selected a {background-position: 0px -510px !important;} 
#top-navigation ul li#3d a {background: url(../images/buttons-sprites.png) no-repeat 0 -544px; width:69px; height: 34px;}
#top-navigation ul li#3d a:hover,#top-navigation ul li#3d.selected a {background-position: 0px -578px !important;}
#top-navigation ul li#gatit a {background: url(../images/buttons-sprites.png) no-repeat 0 -612px; width: 88px; height: 34px;}
#top-navigation ul li#gatit a:hover,#top-navigation ul li#gatit.selected a {background-position: 0px -646px !important;} 
#top-navigation ul li#engleza a {background: url(../images/buttons-sprites.png) no-repeat 0 -680px; width: 113px; height: 34px;}
#top-navigation ul li#engleza a:hover,#top-navigation ul li#engleza.selected a {background-position: 0px -714px !important;} 
#top-navigation ul li#mahjong a {background: url(../images/buttons-sprites.png) no-repeat 0 -748px; width: 123px; height: 34px;}
#top-navigation ul li#mahjong a:hover,#top-navigation ul li#mahjong.selected a {background-position: 0px -782px !important;} 
#top-navigation ul li#colorat a {background: url(../images/buttons-sprites.png) no-repeat 0 -816px; width: 107px; height: 34px;}
#top-navigation ul li#colorat a:hover,#top-navigation ul li#colorat.selected a {background-position: 0px -850px !important;} 

#top-navigation ul li#seteaza-ca-homepage a {background: url(../images/buttons-sprites.png) no-repeat 0 -884px; width: 135px; height: 25px; margin-left: 250px; margin-top: 7px;}
#top-navigation ul li#seteaza-ca-homepage a:hover,#top-navigation ul li#colorat.selected a {background-position: 0px -909px !important;}    

#top-navigation-fullscreen{
    width: 990px;
    height: 7px;
    background: url(../images/top-navigation-fullscreen-middle.png) repeat-x bottom;
}
#top-navigation-fullscreen .left{
    float: left;
    width: 7px;
    height: 7px;
    background: url(../images/top-navigation-fullscreen-left.png) no-repeat bottom;
}
#top-navigation-fullscreen .right{
    float: right;
    width: 7px;
    height: 7px;
    background: url(../images/top-navigation-fullscreen-right.png) no-repeat bottom;
}

#cauta{
    float: right;
    margin: 3px 10px 0 0;
    width: 291px;
    height: 31px;
    background: url(../images/cauta.png) no-repeat;
}
.input-box{
    width: 203px;
    margin: -20px 0 0 7px;
    border: 0px solid red;;
}
.buton{
    width: 62px;
    height: 25px;
    margin: 3px 0 0 5px;
    text-indent: -5000px;    
    cursor: pointer;
    background: url(../images/cauta-buton.png) no-repeat;
    border: 0px solid black;
    line-height: 0px;
 
}
.buton:hover{background-position: 0px -25px !important;}

#middle{
    padding: 5px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-color: white;
    background-color: #cee9f4;
    display: block; 
    overflow: hidden; 
} 
#continut{
    float: left;
    position: relative;
    width: 709px;
    background-color:#ffffff; 
}
.continut-colt{ position: absolute; width: 7px; height: 7px; background: url(../images/colt.png) no-repeat; font-size: 0%;}
.continut-tl{ top: 0; left: 0; background-position: 0px 0px;}
.continut-tr{ top: 0; right: 0; background-position: -7px 0px;}
.continut-bl{ bottom: 0; left: 0; background-position: 0px -7px;}
.continut-br{ bottom: 0; right: 0; background-position: -7px -7px;}

.cornerBoxInnerWhite {padding: 3px; border: 1px solid #cacaca;}

#continut-blue{ padding: 0px 0px 0px 0px; background-color: #278fc6; display: block; overflow: auto; min-height: 920px; color: #dff3fb;}

.joc{ float: left; margin-left: 11px; margin-top: 10px; margin-bottom: 10px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc a img{ border: 1px solid #aaaaaa;}
.joc a:hover img { border-color: #ff6c00;}
.joc a:hover {  /* wakeup IE */ border-width: 0;}
.joc p{text-align: center; margin-top: 5px;}
.joc p a{ color: #05547e; text-decoration: none;}
.joc p a:hover { color: #ff6c00;} 

.joc-categorii-01{ float: left; margin-left: 11px; margin-top: 10px; margin-bottom: 10px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc-categorii-01 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc-categorii-01 a img{ border: 1px solid #aaaaaa;}
.joc-categorii-01 a:hover img { border-color: #ff6c00;}
.joc-categorii-01 a:hover {  /* wakeup IE */ border-width: 0;}
.joc-categorii-01 p{text-align: center; margin-top: 5px;}
.joc-categorii-01 p a{ color: #05547e; text-decoration: none;}
.joc-categorii-01 p a:hover { color: #ff6c00;} 

.joc-categorii-02{ float: left; margin-left: 11px; margin-top: 10px; margin-bottom: 10px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc-categorii-02 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc-categorii-02 a img{ border: 1px solid #aaaaaa;}
.joc-categorii-02 a:hover img { border-color: #ff6c00;}
.joc-categorii-02 a:hover {  /* wakeup IE */ border-width: 0;}
.joc-categorii-02 p{text-align: center; margin-top: 5px;}
.joc-categorii-02 p a{ color: #05547e; text-decoration: none;}
.joc-categorii-02 p a:hover { color: #ff6c00;}

.joc-categorii-03{ float: left; margin-left: 11px; margin-top: 10px; margin-bottom: 10px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc-categorii-03 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc-categorii-03 a img{ border: 1px solid #aaaaaa;}
.joc-categorii-03 a:hover img { border-color: #ff6c00;}
.joc-categorii-03 a:hover {  /* wakeup IE */ border-width: 0;}
.joc-categorii-03 p{text-align: center; margin-top: 5px;}
.joc-categorii-03 p a{ color: #05547e; text-decoration: none;}
.joc-categorii-03 p a:hover { color: #ff6c00;} 

.joc-categorii-04{ float: left; margin-left: 11px; margin-top: 10px; margin-bottom: 10px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc-categorii-04 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc-categorii-04 a img{ border: 1px solid #aaaaaa;}
.joc-categorii-04 a:hover img { border-color: #ff6c00;}
.joc-categorii-04 a:hover {  /* wakeup IE */ border-width: 0;}
.joc-categorii-04 p{text-align: center; margin-top: 5px;}
.joc-categorii-04 p a{ color: #05547e; text-decoration: none;}
.joc-categorii-04 p a:hover { color: #ff6c00;}  

#ads-header-box{
    float: right;
    position: relative;
    width: 480px; 
    margin: 15px 0 0 0px;
    background-color: #ffffff;
}
.ads-header-colt{ position: absolute; width: 6px; height: 6px; background: url(../images/colt-header.png) no-repeat; font-size: 0%;}
.ads-header-tl{ top: 0; left: 0; background-position: 0px 0px;}
.ads-header-tr{ top: 0; right: 0; background-position: -6px 0px;}
.ads-header-bl{ bottom: 0; left: 0; background-position: 0px -6px;}
.ads-header-br{ bottom: 0; right: 0; background-position: -6px -6px;}

#ads-header-interior{ padding: 0px 0px 0px 0px; background-color: #ffffff; margin-bottom: 0px; height: 60px;} 
.title-header{color: #dff3fb; font-weight: bold; text-align: center; margin-bottom: 0px; font: 10px Arial, Helvetica, sans-serif;} 

#ads-header-fullscreen-box{
    float: left;
    position: relative;    
    width: 740px;      
    margin: 5px 0 0 131px;
    background-color: #ffffff; 
}
#ads-header-fullscreen-interior{ padding: 0px 0px 0px 0px; background-color: #ffffff; margin-bottom: 0px; height: 90px;}   

#ads01-box{
    float: left;
    position: relative;
    width: 314px; 
    margin: 0px 0 10px 10px;
    background-color: #ffffff;  
    display: block;
    overflow: hidden;
}
.ads01-box-colt{ position: absolute; width: 6px; height: 6px; background: url(../images/colt-ads01.png) no-repeat; font-size: 0%;}
.ads01-tl{ top: 0; left: 0; background-position: 0px 0px;}
.ads01-tr{ top: 0; right: 0; background-position: -6px 0px;}
.ads01-bl{ bottom: 0; left: 0; background-position: 0px -6px;}
.ads01-br{ bottom: 0; right: 0; background-position: -6px -6px;}

#ads01-interior{ padding: 0px 0px 0px 0px; background-color: #ffffff; height: 273px;} 
.cornerBoxInnerWhiteInteriorads01 {padding: 6px; border: 1px solid #cacaca;}

.ads01-fullscreen-box{
    float: left;
    position: relative;
    width: 134px; 
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;  
    display: block;
    overflow: hidden;
}
.ads01-fullscreen-interior{ padding: 0px 0px 0px 0px; background-color: #ffffff; height: 622px;}   

.linkuri-sponsorizate-colt{ position: absolute; width: 3px; height: 3px; background: url(../images/colt-linkuri-sponsorizate.png) no-repeat; font-size: 0%;}
.linkuri-sponsorizate-tl { top: 0; left: 0; background-position: 0px 0px; border: 0px solid red;}
.linkuri-sponsorizate-tr { top: 0; right: 0; background-position: -3px 0px;}
.linkuri-sponsorizate-bl { bottom: 0; left: 0; background-position: 0px -3px;}  
.linkuri-sponsorizate-br { bottom: 0; right: 0; background-position: -3px -3px;}   

#cele-mai-jucate{
    float: left;
    position: relative;
    width: 358px; 
    margin: 0px 0 0 10px;
    background-color: #ffffff; 
}
.cele-mai-jucate-box-colt{ position: absolute; width: 9px; height: 9px; background: url(../images/colt-albastru.png) no-repeat; font-size: 0%;}
.cele-mai-jucate-tl{ top: 0; left: 0; background-position: 0px 0px;}
.cele-mai-jucate-tr{ top: 0; right: 0; background-position: -9px 0px;}
.cele-mai-jucate-bl{ bottom: 0; left: 0; background-position: 0px -9px;}
.cele-mai-jucate-br{ bottom: 0; right: 0; background-position: -9px -9px;}

#cele-mai-jucate-interior{ padding: 3px 1px 3px 5px; background-color: #017db1;} 
.title{position: relative; color: #dff3fb; font-weight: bold; text-align: center; padding-bottom: 4px; padding-top: 4px; background-color: #017db1;}

.joc01{ float: left; margin: 7px 4px 9px 4px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc01 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc01 a img{ border: 1px solid #aaaaaa;}
.joc01 a:hover img { border-color: #ff6c00;}
.joc01 a:hover {  /* wakeup IE */ border-width: 0;}
.joc01 p{text-align: center; margin-top: 5px;}
.joc01 p a{ color: #05547e; text-decoration: none;}
.joc01 p a:hover { color: #ff6c00;}

.joc03{ float: left; margin: 7px 4px 9px 4px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc03 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc03 a img{ border: 1px solid #aaaaaa;}
.joc03 a:hover img { border-color: #ff6c00;}
.joc03 a:hover {  /* wakeup IE */ border-width: 0;}
.joc03 p{text-align: center; margin-top: 5px;}
.joc03 p a{ color: #05547e; text-decoration: none;}
.joc03 p a:hover { color: #ff6c00;}

.joc04{ float: left; margin: 7px 4px 9px 4px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc04 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc04 a img{ border: 1px solid #aaaaaa;}
.joc04 a:hover img { border-color: #ff6c00;}
.joc04 a:hover {  /* wakeup IE */ border-width: 0;}
.joc04 p{text-align: center; margin-top: 5px;}
.joc04 p a{ color: #05547e; text-decoration: none;}
.joc04 p a:hover { color: #ff6c00;}

.joc05{ float: left; margin: 7px 4px 9px 4px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc05 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc05 a img{ border: 1px solid #aaaaaa;}
.joc05 a:hover img { border-color: #ff6c00;}
.joc05 a:hover {  /* wakeup IE */ border-width: 0;}
.joc05 p{text-align: center; margin-top: 5px;}
.joc05 p a{ color: #05547e; text-decoration: none;}
.joc05 p a:hover { color: #ff6c00;}


#scroll{
    float: left;
    position: relative;
    width: 680px; 
    margin: 0px 0 10px 10px;
    background-color: #ffffff;    z-index: 1;
}
.scroll-colt{ position: absolute; width: 9px; height: 9px; background: url(../images/colt-albastru.png) no-repeat; font-size: 0%;}
.scroll-tl{ top: 0; left: 0; background-position: 0px 0px;}
.scroll-tr{ top: 0; right: 0; background-position: -9px 0px;}
.scroll-bl{ bottom: 0; left: 0; background-position: 0px -9px;}
.scroll-br{ bottom: 0; right: 0; background-position: -9px -9px;}

#scroll-interior{ padding: 10px 0px 10px 0px; background-color: #017db1; position: relative;} 
#scroll .title-scroll{color: #dff3fb; font-weight: bold; text-align: left; padding-left: 20px; margin-bottom: 5px; margin-top: 8px; position: absolute;}

.joc02{ float: left; margin: 3px 4px 3px 3px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc02 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc02 a img{ border: 1px solid #aaaaaa;}
.joc02 a:hover img { border-color: #ff6c00;}
.joc02 a:hover {  /* wakeup IE */ border-width: 0;}
.joc02 p{text-align: center; margin-top: 5px;}
.joc02 p a{ color: #05547e; text-decoration: none;}
.joc02 p a:hover { color: #ff6c00;}




#jocuri-noi-box{
    float: left;
    position: relative;
    width: 311px; 
    margin: 10px 0 0 10px;
    background-color: #ffffff;
}
.jocuri-noi-box-colt{ position: absolute; width: 9px; height: 9px; background: url(../images/colt-albastru.png) no-repeat; font-size: 0%;}
.jocuri-noi-tl{ top: 0; left: 0; background-position: 0px 0px;}
.jocuri-noi-tr{ top: 0; right: 0; background-position: -9px 0px;}
.jocuri-noi-bl{ bottom: 0; left: 0; background-position: 0px -9px;}
.jocuri-noi-br{ bottom: 0; right: 0; background-position: -9px -9px;}

#jocuri-noi-interior{ padding: 3px 1px 3px 25px; background-color: #017db1;} 
.cornerBoxInnerWhiteInterior {padding: 5px; border: 1px solid #cacaca}


/*--------------------- Scroller -----------------------------------*/
.infiniteCarousel, .ifwrapper {
    width: 520px;
    height: 166px;
    margin-left: 0px;
    border: 0px solid red; 
    margin-top: 5px;  display:  block;
}

.infiniteCarousel .ifwrapper {
  overflow: auto;
  height: 156px;
}


#scroller {
    margin: 0;
    padding: 0;
    height: 156px;
    width: 520px;
}

#scroller li {
    float: left;
    width: 122px;
 /*   width: 174px; */
    height: 135px;
 /*   height: 156px;   */
    background: url(../images/backgrounds/scrollbg01.png) no-repeat top center;
    list-style: none;
    text-align: center;
}

#scroller li.last {
    margin-right: 0;
}

#scroller li a {
    display: block;
    margin: 0 5px;
    width: 112px;
 /*   width: 172px;  */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 100px;
 /*   width: 160px;   */
    padding: 6px 6px 0;
}

#scroller li a img {
    display: block;
    margin: 5px auto 3px auto;
    border: 1px solid #aaaaaa;
}
#scroller li a:hover img{border-color: #ff6c00;}
#scroller li a:hover {  /* wakeup IE */ border-width: 0;}

#scroller li a { color: #fff; text-decoration: none;}

#scroller li a span {
    margin: 0;
    display: block;
    height: 60px;
   /* line-height: 25px;  */
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#scroller li a:hover {
    color: #ff6c00;
    background-color: red;
    background: url(../images/backgrounds/scrollbg02.png) no-repeat center top;   
}

#arrowbuttons {
    width: 55px;
    margin: 0 auto 8px;
    border: 0px solid green;
    display: block;
    overflow: hidden;
}

.arrow1 {
    background: url(../images/icons/sliderleft.gif) no-repeat left top;
    width: 25px;
    height: 19px;
    display: block;
    text-indent: -50000px;
    float: left;
    margin-right: 5px;
}

.arrow3 {
    background: url(../images/icons/sliderright.gif) no-repeat right top;
    width: 25px;
    height: 19px;
    display: block;
    text-indent: -50000px;
    float: left;
}

#arrowbuttons {
    
}

#footer-left{float: left; background: url(../images/footer-left.png) no-repeat; width: 7px; height: 70px; position: relative;}
#footer-content{float: left; background: url(../images/footer-content.png) repeat-x; width: 918px; height: 70px; padding-top: 5px; color: #cfe8f2; position: relative; border: 0px solid red;}
#footer-content a{color: #cfe8f2; text-decoration: none;}
#footer-content a:hover{text-decoration: underline;}
#footer-right{ float: left; width: 65px; height: 70px; position: relative;}
#footer-right a{display: block; background: url(../images/footer-right.png) no-repeat; width: 65px; height: 70px;}
#footer-right a:hover{background-position: 0px -70px !important;}   

/*----------------- Footer Bg ----------------------*/
#footer-bg {background: url(../images/bg-footer.png) repeat-x;  height: 62px; position: absolute; width: 100%; z-index: -5; /*bottom: -59px;*/ bottom: 0px;}


/*--------------------- Column Right ---------------------------*/
#column-right{
    float: left;
    width: 260px; /*264 a fost original dar pe mozzila nu arata corect */
    border: 0px solid red;
    margin: 0 0 0 5px;
}

#ads02-box{
    float: left;
    position: relative;
    width: 262px; 
    margin: 0px 0 5px 0px;
    background-color: #ffffff;
}
.ads02-box-colt{ position: absolute; width: 6px; height: 6px; background: url(../images/colt-alb01.png) no-repeat; font-size: 0%;}
.ads02-tl{ top: 0; left: 0; background-position: 0px 0px;}
.ads02-tr{ top: 0; right: 0; background-position: -6px 0px;}
.ads02-bl{ bottom: 0; left: 0; background-position: 0px -6px;}
.ads02-br{ bottom: 0; right: 0; background-position: -6px -6px;}

#ads02-interior{ padding: 3px 0px 0px 0px; background-color: #ffffff; height: 273px;} 
.cornerBoxInnerWhiteInterior02 {padding: 5px; border: 1px solid #cacaca; }
#ads02-interior ul{margin-bottom: 0px;}
#ads02-interior li{display: block; margin: 0px 0 0px 5px; background: #017db1 url(../images/bg-parteneri01.png) no-repeat; width: 122px; height: 116px;}
#ads02-interior li img{ margin: 14px 0 0 10px; }

.parteneri-box{
    float: left;
    position: relative;
    width: 262px; 
    margin: 0px 0 5px 0px;
    background-color: #ffffff;
}
.parteneri-box-colt{ position: absolute; width: 9px; height: 9px; background: url(../images/colt-albastru01.png) no-repeat; font-size: 0%;}
.parteneri-tl{ top: 0; left: 0; background-position: 0px 0px;}
.parteneri-tr{ top: 0; right: 0; background-position: -9px 0px;}
.parteneri-bl{ bottom: 0; left: 0; background-position: 0px -9px;}
.parteneri-br{ bottom: 0; right: 0; background-position: -9px -9px;}

.parteneri-interior{ padding: 3px 0px 5px 0px; background-color: #017db1;} 
.parteneri-interior ul{display: block; overflow: hidden;}
.parteneri-interior li{float: left; margin: 0px 0 5px 6px; padding: 7px 0 0 0; border: 0px solid red; text-align: center; background: #017db1 url(../images/bg-parteneri01.png) no-repeat; width: 116px; height: 109px;}
.parteneri-interior li img{ margin: 0px 0 0 0px; border: 1px solid #aaaaaa;}
.parteneri-interior li a:hover img{border-color: #ff6c00;}
.parteneri-interior li a:hover {  /* wakeup IE */ border-width: 0;}

/*
.top-jocuri{width: 100%; margin: 10px;border: 1px solid black;}
.top-jocuri a{color: #ffffff; font-weight: bold; text-decoration: none;}
.top-jocuri a:hover{color: #ff6c00;}
*/

.top-jocuri{ padding: 14px 0px 14px 10px; background-color: #017db1;} 
.top-jocuri ul{display: block; overflow: hidden;}
.top-jocuri li{float: left; margin: 0px 0 5px 6px; background: #017db1 url(../images/bg-parteneri01.png) no-repeat; width: 116px; height: 116px;}
.top-jocuri li img{ margin: 7px 0 0 7px; border: 1px solid #aaaaaa;}
.top-jocuri li a:hover img{border-color: #ff6c00;}
.top-jocuri li a:hover {  /* wakeup IE */ border-width: 0;}
    
.top-jocuri table{
    width: 96%;
    border: 1px solid #dff3fb;   
}
.top-jocuri th{
    color: #ffffff;
    background-color: #004867;
    padding: 4px;
    text-align: center;
}
.top-jocuri td{
    color: #ffffff;
    border-bottom: 1px solid #dff3fb;   
    padding: 4px;
    text-align: left;
} 
.top-jocuri .par td{background-color: #166c9a;}
.top-jocuri tr{
    border: 1px solid #dff3fb;
}
.top-jocuri a{color: #ffffff; font-weight: bold; text-decoration: none;}
.top-jocuri a:hover{color: #ff6c00;} 

/*--------------------------------------------------------------------------------------------------
    Navigation Pages
 --------------------------------------------------------------------------------------------------*/
#navigation-pages-wrap {
    clear: left;
} 
#navigation-pages-div {
    clear: left;
    text-align: center;
    border: 0px solid black; 
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 0px; 

}
.navigation-pages a{
    background: #ffffff url(../images/pages.png) no-repeat 0px 0px;
    text-decoration: none;
    border: 0px solid black;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    color: #ff6c00; 
    vertical-align:middle;
    line-height:20px; 
    font-weight: bold;   
    
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
}
.navigation-pages a:hover{
    background: #ff9000 url(../images/pages.png) no-repeat 0 -20px;
    color: #ffffff;
}

.navigation-pages-words a{
    background: #ffffff url(../images/pages.png) no-repeat 0 -40px;
    text-decoration: none;
    border: 0px solid black;
    height: 20px;
    width: 60px;
    color: #ff6c00; 
    vertical-align:middle;
    line-height:20px; 
    font-weight: bold;   
    
    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
}
.navigation-pages-words a:hover{
    background: #ff9000 url(../images/pages.png) no-repeat 0 -60px;
    color: #ffffff;
}
.navigation-pages-active{
    background: #ff9000 url(../images/pages.png) no-repeat 0 -20px;
    border:0px solid black;
    height: 20px;
    width: 20px;
    color: white;
    margin-right: 5px;     
    vertical-align:middle;
    line-height:20px; 
    font-weight: bold; 

    display:-moz-inline-block;
    display:-moz-inline-box;
    display:inline-block;
      
} 

.categorie{text-align: center; margin-top: 5px; margin-bottom: -3px;}

.inapoi{float: left; margin-left: 320px;}

#titlu_joc{float: left; position: relative; width: 99%; margin-top: 10px; text-align: center; border: 0px solid red;}
#titlu_joc h1{position: absolute; left: 20px;}
#titlu_joc a{font-size: 14px; color: #dff3fb; font-weight: bold;}
.title-header{color: #dff3fb; font-weight: bold; text-align: center; margin-bottom: 0px; font: 10px Arial, Helvetica, sans-serif;} #titlu_joc a:hover{text-decoration: none;}

#ads-deasupra-joc{
    float: left;
    position: relative;
    width: 482px; 
    margin: 5px 0 10px 114px;
    background-color: #ffffff;  
    display: block;
    overflow: hidden;
}
.ads-deasupra-joc-colt{ position: absolute; width: 6px; height: 6px; background: url(../images/colt-ads01.png) no-repeat; font-size: 0%;}
.ads-deasupra-joc-tl{ top: 0; left: 0; background-position: 0px 0px;}
.ads-deasupra-joc-tr{ top: 0; right: 0; background-position: -6px 0px;}
.ads-deasupra-joc-bl{ bottom: 0; left: 0; background-position: 0px -6px;}
.ads-deasupra-joc-br{ bottom: 0; right: 0; background-position: -6px -6px;}

#ads-deasupra-joc-interior{ padding: 0px 0px 0px 0px; background-color: #ffffff; height: 82px;} 

#favorite {float: left; margin: 35px 0 0 20px; text-align: center; width: 70px;}
#favorite a{font-size: 12px; color: #dff3fb; font-weight: bold;}   
#tot-ecranul {float: left; margin: 35px 0 0 10px; text-align: center; width: 70px;}
#tot-ecranul a{font-size: 12px; color: #dff3fb; font-weight: bold;}

#wrapper-joc{width: 100%;} 

#joc{}

.jocuri-aleatorii{
    float: left;
    position: relative;
    width: 680px; 
    margin: 0px 0 0 10px;
    background-color: #ffffff;
}
.jocuri-aleatorii-colt{ position: absolute; width: 9px; height: 9px; background: url(../images/colt-albastru.png) no-repeat; font-size: 0%;}
.jocuri-aleatorii-tl{ top: 0; left: 0; background-position: 0px 0px;}
.jocuri-aleatorii-tr{ top: 0; right: 0; background-position: -9px 0px;}
.jocuri-aleatorii-bl{ bottom: 0; left: 0; background-position: 0px -9px;}
.jocuri-aleatorii-br{ bottom: 0; right: 0; background-position: -9px -9px;}

.jocuri-aleatorii-interior{ padding: 3px 1px 3px 5px; background-color: #017db1;} 
.title{position: relative; color: #dff3fb; font-weight: bold; text-align: center; padding-bottom: 4px; padding-top: 4px; background-color: #017db1;}

.joc-aleatoriu{ float: left; margin-left: 23px; margin-top: 0px; margin-bottom: 10px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc-aleatoriu img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc-aleatoriu a img{ border: 1px solid #aaaaaa;}
.joc-aleatoriu a:hover img { border-color: #ff6c00;}
.joc-aleatoriu a:hover {  /* wakeup IE */ border-width: 0;}
.joc-aleatoriu p{text-align: center; margin-top: 5px;}
.joc-aleatoriu p a{ color: #05547e; text-decoration: none;}
.joc-aleatoriu p a:hover { color: #ff6c00;}

.joc-aleatoriu-01{ float: left; margin-left: 23px; margin-top: 0px; margin-bottom: 10px; width: 104px; height: 107px; background: url(../images/bg-joc.png) no-repeat; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #05547e; display: block; overflow: hidden;}
.joc-aleatoriu-01 img{ width: 80px; height: 54px; margin: 11px 0 0 11px;}
.joc-aleatoriu-01 a img{ border: 1px solid #aaaaaa;}
.joc-aleatoriu-01 a:hover img { border-color: #ff6c00;}
.joc-aleatoriu-01 a:hover {  /* wakeup IE */ border-width: 0;}
.joc-aleatoriu-01 p{text-align: center; margin-top: 5px;}
.joc-aleatoriu-01 p a{ color: #05547e; text-decoration: none;}
.joc-aleatoriu-01 p a:hover { color: #ff6c00;}


#jocuflash {
    border: 0px solid black;
    visibility: hidden;
    margin-top:-279px;
    text-align: center;
}

#loginnow {
    width: 114px;
    position: absolute;
    right: 0;
    top: 95px;
}

#loginnow p {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

#loginnow a {
    display: block;
    width: 114px;
    height: 28px;
    text-indent: -50000px;
    background: url(../images/loginnow.gif) no-repeat left bottom;
}

#loginnow a:hover {
    background: url(../images/loginnow.gif) no-repeat left top;
}

#memberlogin {
    width: 300px;
    float: right;
    margin-top: 15px;
    height: 70px;
    border: 0px solid red;
    color: #fff;
    font-weight: bold;
}

#memberlogin h2 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 140px;
    float: left;
}

#forgotpassword {
    margin: 0;
    float: left;
    width: 130px;
    text-align: right;
}

#forgotpassword a {
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
}

#forgotpassword a:hover {
    color: #fff;
}

form#loginform {
    margin: 0;
    padding: 0;
    width: 300px;
}

form#loginform ul {
    margin: 0;     float: left;
    padding: 0;
    display: block;
    height: 45px;
}

form#loginform ul li {
    margin: 0 8px 0 0;
    padding: 0;
    float: left;
    width: 109px;
    background: url(../images/inputbg.gif) no-repeat left bottom;
    list-style: none outside none;   
}

form#loginform ul li label {
    display: block;
    font-weight: bold;
    color: #fff;
    margin: 0 0 5px;   
}

form#loginform ul li input.lbox {
    border: none;
    background: none;
    width: 94px;
    height: 19px;
    margin-left: 6px; 
    cursor: text;
}


form#loginform ul li#loginsubmit {
    width: 62px;
    background: none;
    margin: 0 !important;
}

input#submit {
    margin: 15px 0 0;
}

#login { width: 62px; height: 25px; background: url(../images/loginsubmit.gif) no-repeat; display: block; cursor: pointer; border: 0px solid black; text-indent: -4000px; margin-top: 16px; font-size: 0; line-height: 0;}
#logout { float: right;margin-top: -20px; margin-left: 100px; margin-right: 20px; width: 62px; height: 28px; background: url(../images/logout.gif) no-repeat; display: block; cursor: pointer; border: 0px solid black; text-indent: -4000px; }  
#logout_form{
    width: 380px;
    position: absolute;
    right: 0;
    top: 95px;
    height: 90px;
}

#logout { float: right; margin-top: -18px; margin-left: 100px; margin-right: 20px; width: 62px; height: 28px; background: url(../images/logout.gif) no-repeat; display: block; cursor: pointer; border: 0px solid black; text-indent: -4000px; }  

#session_expired{
    float: left; 
    margin-top: -15px; 
    margin-left: 480px; 
    width: 470px; 
    color: #fff;
    font-weight: bold;
}

ul#subnav {
    margin-top: -15px;
    padding: 0 10px;
    height: 19px;
    line-height: 17px;
    width: 400px;
    voice-family: "\"}\"";
    voice-family: inherit; border: 0px solid red;
}

ul#subnav li {
    float: left;
    width: 100px;
    height: 19px;
    text-align: center;
    background: url(../images/submenu.gif) no-repeat left top;     
    list-style: none outside none;
    margin: 0 1px 0 0px;
    padding: 0;
}

ul#subnav li.last {
    margin: 0;
}

ul#subnav li a {
    color: #ff6c00;
    font-size: 10px;
    font-weight: bold;
}

ul#subnav li a:hover {
    color: #015a80;
}

#inregistreaza{
    float: left;
    margin-left: 80px;
    margin-top: 10px;
}

.body-form { width: 650px; margin-left: 25px;}
.body-form fieldset {border: 1px solid #dff3fb; padding: 5px;}
.body-form fieldset legend {margin-left: 20px; padding: 10px; font-weight: bold; font-size: 13px;}
.body-form .input-div label, .body-form .textarea-div label { line-height: 23px; display: block; float: left; width: 140px; text-align: right; padding-right: 10px;}
.body-form .input-div {clear: both; padding-bottom: 10px; padding-left: 0px; margin-left: 0px; height: 20px; }
.body-form .textarea-div {clear: both; padding-bottom: 10px; padding-left: 0px; margin-left: 0px; height: 70px; }
.body-form .input-div input {  float: left; margin-right: 10px;}
.body-form .input-div span, .body-form .textarea-div span {line-height: 23px; display: block; float: left; margin-left: 5px; font-size: 11px;}
.body-form .input-div select {width: 154px; float: left;}
.body-form .input-div select.small {width: 85px;}
.body-form .input-div input.small {width: 75px;}
.body-form .input-div select.tiny {width: 55px;}
.body-form .input-div input.tiny {width: 45px;}
.body-form .input-div input.verytiny {width: 15px;}


.body-form .large-textarea-div {height: 300px;}

.body-form .textarea-div textarea {width: 370px; float: left; margin-bottom: 0px; height: 60px;}
.body-form .large-textarea-div textarea {width: 370px; float: left; margin-bottom: 0px; height: 300px;}

.body-form .radio-div label { line-height: 23px; display: block; float: left; width: 140px; text-align: right; padding-right: 10px;}
.body-form .radio-div-2  label {width: 90px;}
.body-form .radio-div {float: left; padding-bottom: 10px; padding-left: 0px; margin-left: 0px; height: 20px; }
.body-form .radio-div .radio-button {width: 20px; height: 20px;}

.body-form .checkbox-div { clear: both; float: left; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-left: 0px; height: 35px; width: 540px;}
.body-form .checkbox-div label {display: none;}
.body-form .checkbox-div input {float: left; }
.body-form .checkbox-div span {color: #F07400; padding-left: 0px; padding-right: 5px; font-size: 11px;}
.body-form .checkbox-div div {float: left; margin-left: 23px; margin-top: -17px;}

.body-form #submit-holder {clear: both; margin: 10px 0px 20px 150px;}
.body-form #submit-holder label {display: none;} 

#how-did-you-hear label {width: 160px;}

.body-form fieldset p {margin: 10px;}

.error{margin-top: 10px; margin-left: 10px;}
.text{margin-top: 10px; margin-left: 10px;}

#sitemap ul{text-indent: 20px;}
#sitemap ul li{text-indent: 40px;}
#sitemap a{color: #ffffff;}
#sitemap a:hover{color: #ff6c00;}  

.inlatura-favorite{
    float: left; 
    margin-top: 120px; 
    margin-left: -75px;
}
.inlatura-favorite a{
    color: #dff3fb;
}
.inlatura-favorite a:hover{
    color: #ff6c00;
}