body 
{ 
    margin: 0 auto;
    text-align: center;
    font-family: Tahoma, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #666; 
    background: url('/images/bg.gif') 0 0 repeat-x;
    background-color: #fff;
}

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

a, a:hover { color: #c80659; background-color: inherit; text-decoration: none; }  

img { border: none; }     

div.clear { clear: both; }  
    
span.title_dark { font-family: Tahoma, Helvetica, sans-serif; font-size: 17px; color: #666; background-color: inherit; }
span.title_pink { font-family: Tahoma, Helvetica, sans-serif; font-size: 17px; color: #c80659; background-color: inherit; }
span.required { color: #c80659; background-color: inherit; } 

 
div.main { margin-left: auto; margin-right: auto; width: 1000px; position: relative; }
div.logo { width: 403px; height: 147px; float: left; text-align: left; background:url(/images/logo.gif) no-repeat top left; } 
div#banner { clear: both; display: block; width: 1000px; background: none; height: 750px; visibility: hidden; position: relative;  } 
div.line { clear: both; height: 50px; background:url(/images/bg-line.gif) repeat-x top left; }


div.footer { clear: both; width: 1000px; height: 120px; padding-top : 50px; }
    div.footer div.left { float: left; text-align: left; width: 50%; }
        div.footer div.left a { color: #c80659; background-color: inherit; text-decoration: none; }
            div.footer div.left a:hover { border-bottom: 1px solid #c80659; }
    div.footer div.right { float: right; text-align: right; width: 50%; }
        div.footer div.right a { color: #c80659; background-color: inherit; text-decoration: none; }
            div.footer div.right a:hover { border-bottom: 1px solid #c80659; }

            
div.coll { text-align: left; margin: 0 20px 0 20px; }
div.coll p a { text-align: left; color: #c80659; background-color: inherit; text-decoration: none; }
    div.coll p a:hover { color: #c80659; background-color: inherit; border-bottom: 1px solid #c80659; } 
    div.coll ul { width: 980px; }  
        div.coll ul li { float: left; width: 325px; height: 100px; margin-bottom: 30px; border-right: 1px solid #eee; position: relative; }
            div.coll ul li img { position: absolute; top: 0; left: 0; }
            div.coll ul li p { text-align: left; width: 165px; float: right; margin: 10px 0 0 0; display: block; }
            div.coll ul li strong { text-align: left; width: 165px; float: right; margin: 10px 0 0 0; font: 17px Tahoma, Helvetica, sans-serif; display: block; }
            div.coll ul li p a { text-align: left; color: #c80659; background-color: inherit; text-decoration: none; }
            div.coll ul li p a:hover { color: #c80659; background-color: inherit; border-bottom: 1px solid #c80659; }

            
div.menu { height: 44px; width: 590px; float: right; margin-top: 35px; }
    div.menu ul { height: 44px; width: 590px; float: right; margin: 0; padding: 0; list-style-type: none; }
        div.menu ul li { float: right; display: inline; }
            div.menu ul li a { display: block; height:  44px; }
                div.menu ul li a span { text-indent: -1000px; }
            div.menu a.home { width: 92px; background: url("/images/menu.gif") no-repeat left top; }                                
                div.menu a.home:hover { width: 92px; background: url("/images/menu.gif") no-repeat left bottom; }
            div.menu a.services { width: 123px; background: url("/images/menu.gif") no-repeat -92px top; }                                
                div.menu a.services:hover { width: 123px; background: url("/images/menu.gif") no-repeat -92px bottom; } 
            div.menu a.work { width: 94px; background: url("/images/menu.gif") no-repeat -215px top; }
                div.menu a.work:hover { width: 94px; background: url("/images/menu.gif") no-repeat -215px bottom; }                             
            div.menu a.contact { width: 118px; background: url("/images/menu.gif") no-repeat -309px top; }
                div.menu a.contact:hover { width: 118px; background: url("/images/menu.gif") no-repeat -309px bottom; } 
            div.menu a.rfp { width: 113px; background: url("/images/menu.gif") no-repeat -427px top; }
                div.menu a.rfp:hover { width: 113px; background: url("/images/menu.gif") no-repeat -427px bottom; }                            
  

div.languages { width: 500px; height: 29px; margin: 0 25px 0 0; float: right; }
    div.languages ul { height: 29px; float: right; list-style: none; }
        div.languages ul li { display:inline; }  
            div.languages ul li a { display: block; height:  29px; }
                div.languages a.Srpski { width: 22px; background: url("/images/bg-languages.gif") no-repeat left top; }
                    div.languages a.Srpski:hover { width: 22px; background: url("/images/bg-languages.gif") no-repeat left bottom; } 
                div.languages a.English { width: 22px; background: url("/images/bg-languages.gif") no-repeat -66px top; }                                
                    div.languages a.English:hover { width: 22px; background: url("/images/bg-languages.gif") no-repeat -66px bottom; }  
 

div.work ul { padding-left: 10px; position: relative; width: 990px; height: 640px; }
    div.work ul li { height: 260px; width: 470px; margin: 20px 5px 0 5px; float: left; position: relative; }
        div.work ul li p { text-align: left; background-color: #E8E8E8; padding: 5px; }
        div.work ul li p strong { font: 17px Tahoma, Helvetica, sans-serif; }
            div.work ul li p a { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; color: #c80659; background-color: inherit; text-decoration: none; }
                div.work ul li p a:hover { text-decoration: underline; }
        div.work ul li span { width: 48px; height: 48px; display: block; position: absolute; bottom: 140px; right: 29px; }
        div.work .photo { background: url(/images/photo.png) no-repeat; }
        div.work a img  { margin-top: 2px; border: solid 1px #fff; }
            div.work a:hover img  { border: solid 1px #E8E8E8; }
        div.work a:hover span { background-position: left -48px; }


.notification_error { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; height: auto; width: 100%; padding: 20px; margin-bottom: 50px; color: #fff; background: #c80659; text-align: left; }
.notification_ok { font-family: Tahoma, Helvetica, sans-serif; font-size: 15px; color: #c80659; text-transform: uppercase; height: auto; width: 100%; padding: 20px; margin-bottom: 50px; }
.rpf-title { font-family: Tahoma, Helvetica, sans-serif; font-size: 17px; color: #fff; background-color: #c80659; padding: 10px 15px 10px 15px; text-transform: uppercase; } 
.rpf-subtitle { font-family: Tahoma, Helvetica, sans-serif; font-size: 17px; color: #666; background-color: #f5f5f5; padding: 5px 10px 5px 10px; text-transform: uppercase; } 

.info_fieldset { border: none; }
label  { width: 100px; padding-left: 100px; padding-right: 50px; margin: 5px; float: left; text-align: right; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; }
input, textarea
{
    font-family: Tahoma, Helvetica, sans-serif; 
    font-size: 12px;
    margin: 5px;
    padding: 10px 10px 10px 10px; 
    float: left;
    color: #666; 
    background-color: #fbfbfb;
    border-top : 1px solid #a8a8a8;
    border-right  : 1px solid #d8d8d8;
    border-bottom  : 1px solid #d8d8d8;
    border-left  : 1px solid #a8a8a8;     
    border-radius:         5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    -o-border-radius:      5px;
    -khtml-border-radius:  5px;
}
input:hover, textarea:hover { background-color: #f9fbfd; border-top : 1px solid #aacdea; border-right  : 1px solid #deebf7; border-bottom  : 1px solid #deebf7; border-left  : 1px solid #aacdea; }


div.intro { 
    width: 1000px; 
    height: 180px; 
    float: left; 
}
div.intro ul { 
    height: 180px; 
    float: left; 
    list-style: none; 
}
div.intro ul li { 
    display:inline; 
}  
div.intro ul li a { 
    display: block; 
    height:  180px; 
}
div.intro a.Services { 
    width: 333px; 
    background: url("/images/bg-intro.gif") no-repeat left bottom; 
}
div.intro a.Services:hover { 
    width: 333px; 
    background: url("/images/bg-intro.gif") no-repeat left top; 
} 
div.intro a.Work { 
    width: 333px; 
    background: url("/images/bg-intro.gif") no-repeat -333px bottom; 
}                                
div.intro a.Work:hover { 
    width: 333px; 
    background: url("/images/bg-intro.gif") no-repeat -333px top; 
}
div.intro a.Contact { 
    width: 334px; 
    background: url("/images/bg-intro.gif") no-repeat -666px bottom; 
}                                
div.intro a.Contact:hover { 
    width: 334px; 
    background: url("/images/bg-intro.gif") no-repeat -666px top; 
}