body {
    
    margin: 0px;
    font: 12px/1.5 Arial, Verdana, sans-serif;
    text-align: center;
    background-image: url('elementi/back.png');
    background-repeat: repeat-x;
    background-color: #fff;
    color: #000;

}

a {

    text-decoration: none;

}

p {
    
    margin: 0;
    padding: 0;
    
}

img { 

    margin: 0;
    padding: 0;
    border: 0;
    
}

#container {

    width: 910px;
    margin: 0 auto;
    background-image: url('elementi/mainback.gif');
    overflow: hidden;
    text-align: left;
    
}

#header {

    height: 228px;
    background-image: url('elementi/header.jpg');
    
}

#content {

    background-image: url('elementi/conback.gif');
    background-repeat: no-repeat;
    overflow: hidden; 
    
}

#mainnav {

    height: 24px;
    float: left;
    margin: 204px 0 0 400px;
    display: inline;
    
}

#mainnav a {

    padding: 4px 10px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 12px;
    
}

#mainnav a:hover, #mainnav a:active {

     color: #f7941e;
     
}

#mainnav a.active {
    
    background-color: #fff;
    color: #f7941e;
    
}

#nav {

    width: 170px;
    height: 500px;
    float: left;
    margin: 0 5px;
    background-image: url('elementi/navback.gif');
    background-repeat: no-repeat;
    display: inline;
    
}

#nav a {

    display: block;
    margin: 12px 0;
    color: #373737;
    padding: 0 0 0 12px;
    
}

#nav a:hover, #nav a:active, .footer-links a:hover, .footer-links a:active, .sugglink a:hover, .sugglink a:active {

    color: #DD6F00;
    text-decoration: underline;
    
}

.column-home {

    width: 340px;
    float: left;
    margin: 10px;
    display: inline;
    
}

.column-content {

    width: 700px;
    float: left;
    margin: 10px;
    display: inline;
    
}

h1 {

    font-weight: normal;
    color: #F07800;
    font-size: 16px;
    margin: 0;
    padding: 0 0 19px 0;
    background-image: url('elementi/sectionback.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    
}

h2 {

    color: #F07800;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fff;

}


h3 {

    font-size: 14px;
    margin: 0;
    padding: 18px 0 0 32px;
    
}

h4 {

    color: #E87400;
    font-size: 12px;
    margin: 6px 0;
    padding: 0;
    border: 0;
    
}

#content-footer {

    clear: both;
    line-height: 24px;
    background-image: url('elementi/cfback.gif');
    width: 900px;
    margin: 0 5px;
    height: 167px;
    
}

.footer-links {

    float: left; 
    width: 160px;
    margin: 55px 0 0 140px;
    display: inline;
}

.footer-links a {

    color: #555;
    display: block;
    
}

#suggestions {

    width: 900px;
    background-image: url('elementi/suggback.gif');
    height: 77px;
    margin: 0 5px;
       
}

.sugglink {
 
    float: left;
    width: 110px;
    padding: 40px 0 0 65px;
    
}

.sugglink a {

    color: #444;
    
}

#footer {

    height: 23px;
    background-image: url('elementi/footer.gif');
    background-repeat: no-repeat;
    text-align: center;
    font-size: 10px;
    padding: 2px 0 0 0;
    color: #333;
    
}

.vivoLinkovi {

    width: 340px;
    background-image: url('elementi/vivoback.png');
    background-repeat: no-repeat;
    background-position: 0 40px;
    
}

.vivoLinkovi a {

    display: block;
    margin: 6px 0;
    color: #555;
    
}   

.vivoLinkovi a:hover, .vivoLinkovi a:active {

    text-decoration: underline;
    color: #F07800;
    
} 

.demoLinkovi {

    width: 340px;
    
}

.demoLinkovi a {

    display: block;
    margin: 6px 0;
    color: #555;
    
}   

.demoLinkovi a:hover, .demoLinkovi a:active {

    text-decoration: underline;
    color: #F07800;
    
} 

.sidebar {

    width: 200px;
    float: right;
    display: inline;
    margin: 0 0 18px 18px;
    background-color: #f5f5f5;
    
}

.column-content p a {
    
    color: #555;
    text-decoration: none;
    
}

.column-content p a:hover {
    
    text-decoration: underline;
    
}

.povecajSliku img {

    margin: 6px 0;
    border-top: #333 solid 1px;
    border-bottom: #333 solid 1px;

}
    
#contactForm {

    background-color: #f5f5f5;
    width: 470px;
    float: left;
    border-bottom: 2px dotted #999;  
    display: inline;
    margin: 0 0 0 26px;     
    
}

#contactForm td {

    padding: 6px 0 6px 10px;
    
}  

#contactForm hr {

    height: 4px;
    border: 0;
    background-color: #FF9F71;
    color: #FF9F71;   
    
}

#contactForm button {

    background-color: #fff;
    border: 2px solid #FF8000;
    color: #000;
    padding: 2px 10px;
    margin: 12px 10px 0 10px;
    width: auto;
    overflow: visible;
       
}

#contactForm button:hover {

    background-color: #FDE1A2;
    
}

#contactInfo {

    width: 200px;
    float: left;
    
}

#formdole, #formgore {

    text-align: center;
    padding: 10px;    
    
}

#formgore {

    border-top: 2px dotted #999;
    
}

.homeProjects {

    background-color: #eee;
    color: #333;
    margin: 2px 0;
    padding: 2px 6px;
}

.addSkype {

   color: #555;
   font-weight: bold;
    
}

.addSkype img {
    
    float: left;
    margin: 0 12px;
 
}

.zipIcon {

    padding: 20px 0;
    
}

.zipIcon a {

    color: #333;
    font-weight: bold;
    padding: 6px;
    
}

.zipIcon a:hover, .zipIcon a:active {

    background-color: #ddd;
    
}

.zipIcon img {

    float: left;
    margin: 0 12px 0 0;
    
}

.latestNews img, .mainNews img {

    float: left;
    margin: 0 5px 5px 0;

}


li a, .latestNews a {

    color: #333;
    
}

li a:active, li a:hover, .latestNews a:hover, .latestNews a:active, .mainNews a:hover, .mainNews a:active {

    color: #D96C00;
    text-decoration: underline;
    
}

a.newsLink {

    display: block;
    color: #333;
    padding: 2px 6px;
    border-bottom: 2px solid #fff;
    
}

.mainNews a {
    color: #333;
}


a.newsLink:hover, a.newsLink:active {

    color: #F07800;
    background-color: #eee;
    border-bottom: 2px solid #999;
} 

.newsTitle {

    padding: 2px 6px;
    
}

.section-home hr, .column-content hr {

    background-color: #FF9C6C;
    color: #FF9C6C;
    border: 0;
    height: 2px;
    
}

.column-content hr {

    margin: 24px 0 0 0;
    
}

.section-home {

    margin: 0 0 24px 0;
    
}

.vivoTopLinks a {

    color: #333;
    padding: 0 10px;
    font-weight: bold;
    
}

.vivoTopLinks a:hover, .vivoTopLinks a:active {

    text-decoration: underline;
    
}

a.maliLink {

    color: #000;
    font-weight: bold;
    
}

a.maliLink:hover, a.maliLink:active {

    color: #F07800;
    text-decoration: underline;
    
} 

.pitanje {

    padding: 10px 0 0 0;
    font-weight: bold;
    
}

.miniNews {

    width: 350px;
    float: left;
    display: inline;
    
}

#tecajnaLista {
    
    clear: left;
    width: 192px;
    background-color: #ddd;
    float: left;
    display: inline;
    margin: 0 0 0 4px;
    
}

.tlTabela {
    
    margin: 0 0 0 18px;
    padding: 10px 0;
    
}

.tlNaslov {
    
    color: #555;
    border-bottom: 1px dotted #555;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 0 6px 12px;
    
}

.tlPreracun {
    
    border-top: 1px dotted #555;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 0 2px 12px;
    
}

.tlTable {
    
    padding: 10px 0;
    
}

#tecajnaLista td {
    
    padding: 3px 0;
    
}

.goUp {
    
    color: #008000;
    font-weight: normal;
    padding: 0 0 0 14px;
    background-image: url('elementi/up.gif');
    background-repeat: no-repeat;
    
}

.goDown {
    
    color: #CE0000;
    font-weight: normal;
    padding: 0 0 0 14px;
    background-image: url('elementi/down.gif');
    background-repeat: no-repeat;
    
}

.vremenskaPrognoza {
    
    width: 660px;
    float: left;
    display: inline;
    margin: 0 0 0 20px;
    background-color: #eee;
    
}

.vremenskaPrognozaLine {
    
    height: 30px;
    border-bottom: #aaa 1px solid;
    
}

.prognozaVremenaSegment {
    
    float: left;
    width: 210px;
    padding: 0 0 0 10px;
    
}

.prognozaVremenaSegment img {
    
    padding: 4px 0 0 0;
    
}