html, body { min-height : 100%; }
body { width: 100%; margin: 0; padding-top: 50px; color: #555; font: normal 13px Tahoma; text-decoration: none; background: #fff /*url(../img/Header.gif) repeat-x left top;*/}

img { border: none; vertical-align:middle; behavior: iepngfix.htc; }
table { border: none; padding: 0; margin: 0; border-collapse: collapse; color: #777; font: normal 13px Tahoma; }
textarea { color: #555; font: normal 13px Tahoma; }

a:link, a:visited, a:visited { color: #C93A3B; text-decoration: none; }
    a:hover { text-decoration: underline; }
        
#container { width:1010px; text-align:center; margin: 0; padding: 0; }  

#main { clear: both; width:1000px; /*background:url(../img/Main.gif) repeat-y left top;*/ padding: 0 0 50px 0; } 
    #main .left { float: left; text-align: right; vertical-align: top; width: 500px; }
        #main .left .title { widht:100%; padding-bottom: 15px; font: 17px Tahoma, Helvetica, sans-serif; color: #444; text-transform: uppercase; background:url(../img/Crta.jpg) no-repeat bottom right; }
            #main .left .title img { padding: 0 50px 0 0;}
        #main .left .title span { padding: 0 50px 0 0;}  
        #main .left .content { padding: 10px 50px 0 0;} 

    #main .right { float: right; text-align: left; vertical-align: top; width: 500px; } 
        #main .right .title { widht:100%; padding-bottom: 15px; font: 17px Tahoma, Helvetica, sans-serif; color: #444; text-transform: uppercase; background:url(../img/Crta.jpg) no-repeat bottom left; }
            #main .right .title img { padding: 0 0 0 50px;}
    #main .right .title span { padding: 0 0 0 50px;}  
    #main .right .content { padding: 10px 0 0 50px;}
    
    #main .wide { float: right; text-align: left; vertical-align: top; width: 1010px; } 
        #main .wide .title { widht:100%; padding-bottom: 15px; font: 17px Tahoma, Helvetica, sans-serif; color: #444; text-transform: uppercase; background:url(../img/bg-title.gif) repeat-x bottom left; }
            #main .wide .title img { padding: 0 0 0 50px;}
            #main .wide .title span { padding: 0 0 0 50px;}  
        #main .wide .content { padding: 10px 0 0 50px;}
        #main .wide .contentNoPadding { padding: 0}   
    
#banner { clear: both; width:1010px; height: 450px; margin: 0; padding: 0; }
    

#header { width:1010px; height:175px; }
    #header .logo { float: left; width: 169px; height: 73px; } 
    #header .demo { float: right; width: 161px; height: 86px; } 

#nav{ float:left; width:1100px; margin:16px 0 0; font-size:100%; }
    #nav li { display:block; float:left; }
        #nav li a { display:block; float:left; padding:0 15px 0 0; color:#fff; line-height:39px; font-weight:bold; text-decoration:none; }
            
#clear { clear: both; } 


#TOOGLE_TITLE                   { position:relative; }
#TOOGLE_TITLE h3                { cursor:pointer; }


#TOOGLE_TITLE div.TOOGLE        { padding: 10px 15px 10px 15px; text-align: left; background: #f2f2f2; font: normal 12px Tahoma, Helvetica, sans-serif; margin-bottom: 1px; cursor: pointer; text-transform: uppercase; 
color: #c93a3b; }
#TOOGLE_TITLE div.TOOGLE:hover  { background: #c93a3b; color: #fff; } 


#TOOGLE_TITLE div               { position:relative; }
#TOOGLE_TITLE div p             { padding:0; }

    
.menu { background: url(../img/menu-bg.png) left top no-repeat; height: 30px; padding: 0 15px 0 180px; }    .menu a { display: block; font: normal 13px/2.2em Tahoma; float: left; background: url(../img/menu-split.png) right top no-repeat; padding: 0 20px; height: 30px; color: #555; text-decoration: none; }
        .menu a:hover, .menu a.selected { background: #fff url(../img/menu-split.png) right bottom no-repeat; color: #C93A3B; }
    .menu a#menu-last  { display: block; font: normal 13px/2.2em Tahoma; float: left; background: url(../img/menu-last.png) right top no-repeat; padding: 0 20px; height: 30px; color: #555; text-decoration: none; }
        .menu a#menu-last:hover, .menu a#menu-last.selected { background: #fff url(../img/menu-last.png) right bottom no-repeat; color: #C93A3B; }

.title-red { font: 15px Tahoma, Helvetica, sans-serif; color: #C93A3B; }
.title-dark { font: 15px Tahoma, Helvetica, sans-serif; color: #777;}

ul { margin: 0; padding: 0; list-style: none; }
li { float: right; }

#lang { height: 29px; margin: 0 0 0 0; }
    #lang ul { height: 29px; float: right; }
    #lang ul li a { display: block; height:  29px; }
        #lang a.Rusian { width: 22px; background: url("../img/lang.gif") no-repeat -110px top; }
            #lang a.Rusian:hover { width: 22px; background: url("../img/lang.gif") no-repeat -110px bottom; } 
        #lang a.Srpski { width: 22px; background: url("../img/lang.gif") no-repeat -88px top; }
            #lang a.Srpski:hover { width: 22px; background: url("../img/lang.gif") no-repeat -88px bottom; }    
        #lang a.Hrvatski { width: 22px; background: url("../img/lang.gif") no-repeat -66px top; }
            #lang a.Hrvatski:hover { width: 22px; background: url("../img/lang.gif") no-repeat -66px bottom; }   
        #lang a.JeziciBiH { width: 22px; background: url("../img/lang.gif") no-repeat -44px top; }
            #lang a.JeziciBiH:hover { width: 22px; background: url("../img/lang.gif") no-repeat -44px bottom; }  
        #lang a.English { width: 22px; background: url("../img/lang.gif") no-repeat -22px top; }                                
            #lang a.English:hover { width: 22px; background: url("../img/lang.gif") no-repeat -22px bottom; }              
        #lang a.Germany { width: 22px; background: url("../img/lang.gif") no-repeat left top; }                                
            #lang a.Germany:hover { width: 22px; background: url("../img/lang.gif") no-repeat left bottom; }

#footer { clear: both; height: 39px; width: 1010px; background: url("../img/footer.gif") repeat-x left bottom; }
    #footer .left { float: left; width: 400px; padding: 12px 0 0 10px; text-align: left; } 
    #footer .right { float: right; width: 590px; padding: 12px 10px 0 0; text-align: right; } 
#siteBy { clear: both; height: 39px; width: 990px; text-align: right; padding: 12px 10px 0 10px; } 
    
.featuresMenu { width: 300px; float: left; }
    .featuresMenu ul { margin: 0; padding: 0; float: left; text-align: left; }
        .featuresMenu ul li { display: inline; text-align: left; }
            .featuresMenu ul li a { float: right; color: black; text-decoration: none; height: 30px; color: #C93A3B; padding : 10px 0 0 0; text-align: left; width: 300px; }
                .featuresMenu ul li a.selected { color: #C93A3B; background: #F2F2F2; }

#featuresContent { float: right; width: 710px; background: #F2F2F2; min-height: 820px; }
    #featuresContainer { padding: 20px; }  
    
#fLoader{ background: url("../img/fLoader.gif") no-repeat middle center;}
.buttonSubmit, .buttonSubmit:hover, .buttonSubmit:focus { padding: 5px 5px 5px 5px; font-size: 12px; font-family: Tahoma; color: #FFFFFF; background: #8D0000 url(../img/buttonSubmit.gif) repeat-x top center; border: 1px solid #BEBFC1; width: auto;}