html {}
body {margin: 0; padding: 0; font-family: Candara, Calibri, 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 13px;}

.clear {clear: both;}

#all {width: 930px; margin: 0 auto; padding: 0; background: url('../img/bg.png') no-repeat 855px 60px;}

#left {float: left; width: 120px; padding: 170px 0 0 0;}

#left ul#left-menu {margin: 0 0 40px 0; padding: 0; list-style: none;}
#left ul#left-menu li {display: block; width: 98px; margin: 0 0 8px 0; background: url('../img/bg-menu-left.png') no-repeat top left;}
#left ul#left-menu li a {display: block; width: 78px; padding: 10px; line-height: 110%; color: #a8adad; font-size: 85%; letter-spacing: 0; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url('../img/bg-menu-left-bottom.png') no-repeat bottom left;}
#left ul#left-menu li:hover, #left ul#left-menu li.active {background: url('../img/bg-menu-left-hover.png') no-repeat top left;}
#left ul#left-menu li:hover a, #left ul#left-menu li.active a {color: white; background: url('../img/bg-menu-left-bottom-hover.png') no-repeat bottom left;}

#left a.print {display: block; width: 98px; color: #a8adad; font-size: 85%; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url('../img/bg-menu-left.png') no-repeat top left;}
#left a.print span {display: block; width: 78px; padding: 10px; text-align: center; background: url('../img/bg-menu-left-bottom.png') no-repeat bottom left;}
#left a.print:hover {color: white; background: url('../img/bg-menu-left-hover.png') no-repeat top left;}
#left a.print:hover span {background: url('../img/bg-menu-left-bottom-hover.png') no-repeat bottom left;}

#right {float: left; width: 726px; min-height: 450px; padding: 40px 0 50px 0; background: url('../img/bg-content.png') no-repeat bottom left;}
#right.homepage {height: 507px; background: url('../img/bg-homepage.png') no-repeat 0 80px;}
#right h1 {width: 219px; height: 30px; overflow: hidden; margin: 0; padding: 0; position: relative;}
#right h1 a {display: block; text-decoration: none;}
#right h1 a span {position: absolute; top: 0; left: 0; width: 219px; height: 30px; background: url('../img/logo.png');}

#right ul#top-menu {height: 33px; margin: 10px 0; padding: 20px 0 0 0; list-style: none; background: url('../img/top-bar.png') no-repeat top left;}
#right ul#top-menu li {float: left; height: 33px; margin: 0 8px 0 0; background: url('../img/bg-menu-top.png') no-repeat left;}
#right ul#top-menu li a {float: left; height: 33px; padding: 0 8px; line-height: 33px; color: #a8adad; font-size: 90%; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url('../img/bg-menu-top-right.png') no-repeat right;}
#right ul#top-menu li:hover, #right ul#top-menu li.active {background: url('../img/bg-menu-top-hover.png') no-repeat top left;}
#right ul#top-menu li:hover a, #right ul#top-menu li.active a {color: white; background: url('../img/bg-menu-top-right-hover.png') no-repeat top right;}

#content {margin: 50px 0 0 0; padding: 0 80px 0 35px; min-height: 200px; color: #909090;}
#content.advee {padding: 0 80px 0 195px; background: url('../img/advee.jpg') no-repeat top left;} 
#content.servis {padding: 0 80px 0 240px; background: url('../img/servis.jpg') no-repeat top left;}
#content h2 {margin: 15px 0 0 0; padding: 0; font-size: medium;}
#content p {margin: 0 0 5px 0; padding: 0; text-align: justify;}
#content p:hover {color: #575757;}
#content ol {margin: 0 0 5px 0; padding: 0 0 0 40px;}
#content ol.upper-alpha {list-style: upper-alpha;}    
#content ol:hover {color: #575757;}
#content a {color: #909090; text-decoration: none;}
#content a:hover {color: #575757; text-decoration: underline;}
#content img.flyers {margin: 10px 0 0 0;}

#home-menu {margin: 70px 0 0 0; height: 400px; padding: 0; list-style: none;}
#home-menu li {float: left; width: 363px;}
#home-menu li a {width: 346px; height: 50px; padding: 350px 17px 0 0; text-align: center; text-decoration: none; color: black;}
#home-menu:hover li a {color: #cccccc;}
#home-menu li a:hover {color: black;}
#home-menu li a.advee {float: left; background: url('../img/home-advee-hover.jpg') no-repeat 40px 0;}   
#home-menu:hover a.advee {background: url('../img/home-advee.jpg') no-repeat 40px 0;}
#home-menu li a.advee:hover {background: url('../img/home-advee-hover.jpg') no-repeat 40px 0;} 
#home-menu li a.servis {float: left; background: url('../img/home-servis-hover.jpg') no-repeat 20px 40px;} 
#home-menu:hover a.servis {background: url('../img/home-servis.jpg') no-repeat 20px 40px;}  
#home-menu li a.servis:hover {background: url('../img/home-servis-hover.jpg') no-repeat 20px 40px;}
#home-menu li a strong {font-size: 170%; letter-spacing: 1px;}
#home-menu li a strong span {color: #d81c37;}   
#home-menu:hover li a strong span {color: #f7d2d7;}               
#home-menu li a:hover strong span {color: #d81c37;}
#home-menu li a small {display: none;}
#home-menu li a:hover small {display: inline; font-size: 100%; color: #9d9d9d;}
#home-menu li a:hover small span {color: #d81c37;}

#home-bending {float: left; margin: 50px 0 0 0;}  
#home-bending a {color: #9d9d9d; text-decoration: none;}
#home-bending a:hover {text-decoration: underline;}
#home-lang {float: right; margin: 50px 0 0 0; padding: 0; list-style: none;}
#home-lang li {float: left; margin: 0 0 0 10px;}
#home-lang li a {color: #9d9d9d; text-decoration: none;}
#home-lang li.active a {color: #e2596c;}
#home-lang li a:hover {text-decoration: underline;}
   
#bending {float: left; margin: 5px 0 0 120px; color: #9d9d9d;}
#bending a {color: #9d9d9d; text-decoration: none;}
#bending a:hover {text-decoration: underline;}                                                         
#lang {float: right; margin: 5px 85px 0 0; padding: 0; list-style: none;}
#lang li {float: left; margin: 0 0 0 10px;}
#lang li a {color: #9d9d9d; text-decoration: none;}
#lang li.active a {color: #e2596c;}
#lang li a:hover {text-decoration: underline;}
