* {
margin:0;
padding:0;
outline:none;
}

html {
height:100%;
}

body {
font-family: 'Arial','Georgia','Tahoma', sans-serif;
height:100%;
background:#000;
}

a { text-decoration:none; }
img { border:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/**/

#header {
background:#fff url(../img/background-header.jpg) repeat-x top;
}

#banner {padding:10px 0 5px; text-align:center; }

.nav {
margin:0 auto;
width:960px;
border-bottom:1px solid #ddd;
}

.nav ul {
margin:0 auto;
margin-top:22px;
margin-bottom:8px;
width:960px;
list-style-type:none;
float:left;
}

.nav a {
color:#c0c0c0;
font:bold 14px 'Arial';
}

.nav a:hover {
color:#ff0000;
}

.nav li {
display:block;
float:left;
padding-right:38px;
}

.nav li:last-child {
padding-right:0px;
}   

li.nav-last {
padding-right:0px;
}

.content {
background:#fff;
}   

.content-container {
margin:0 auto;
width:960px;
min-height:500px;
background:#fff url(../img/background-omega.jpg) no-repeat right bottom;
padding:50px 0 70px;
}   

/*o nas/domov*/

.logo {
background:url(../img/background-index.png) no-repeat left top;
width:410px;
margin-right:20px;
height:530px;
float:left;
text-align:center;
}

.logo img {
margin-top:50px;
border:10px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow:0px 0px 5px #888;
-webkit-box-shadow:0px 0px 5px #888;
-moz-box-shadow:0px 0px 5px #888;
}


.about-us {
width:530px;
float:left;
margin-bottom:20px;
}

.about-us h1 {
color:#404040;
font:bold 22px 'Arial';
margin-bottom:30px;
}

.about-us h2 {
color:#c0c0c0;
font:italic 18px 'Georgia';
margin-bottom:15px;
line-height:160%;
}

.about-us p {
color:#404040;
font: 12px 'Tahoma';
margin-bottom:15px;
line-height:160%;
}

.about-us a {
color:#808080;
background:#eee;
font-family:'Tahoma';
font-size:12px;
display:block;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.about-us a:hover {
text-decoration:underline;
background:#f5f5f5;
}

/*Popravilo ur*/

.highslide-gallery {
width:529px;
float:right;
}

.intro, .content {
width:400px;
text-align:left;
padding-right:30px;
float:left;
}
.content {
float:none;
width:auto;
}

.intro h1, .content h1 {
color:#404040;
font:bold 22px 'Arial';
margin-bottom:30px;
}
.content h3 {
color:#404040;
font:bold 18px 'Arial';
margin-bottom:15px;
}
.content h4 {
color:#404040;
font:bold 14px 'Arial';
margin-bottom:15px;
}

.intro h2 {
color:#c0c0c0;
font:italic 18px 'Georgia';
margin-bottom:15px;
line-height:160%;
}

.intro p, .content p, .content ul li {
color:#404040;
font: 12px 'Tahoma';
margin-bottom:15px;
line-height:160%;
}

.content p a {
color:#c0c0c0;
}

.work h3,
.intro h3 {
color:#404040;
font: bold 12px 'Tahoma';
margin-bottom:15px;
line-height:160%;
}


.intro ul {
color:#404040;
font: 12px 'Tahoma';
padding-left:15px;
line-height:160%;
margin-bottom:15px;
}

.intro a {
color:#808080;
font-style:oblique;
}

.intro a:hover {
text-decoration:underline;
}

.work  {
margin-bottom:15px;
float:left;
width:200px;
}

.work ul {
color:#404040;
font: 12px 'Tahoma';
padding-left:15px;
line-height:160%;
}

#services {
width:528px;
float:right;
border:1px solid #ccc;
}

#services a {
cursor:pointer;
display:block;
padding:5px 10px;
margin-top: 0;
text-decoration: none;
color:#808080;
font:14px 'Arial';
line-height:160%;
background:#eaeaea;
border-bottom:1px solid #ccc;
}

#services a:hover {
background:#ddd;
}

#services h3.ui-state-active a {
color:#404040;
background:#d8d8d8;
}

#services a.last {
border-bottom:0px;
}

.service {
height:400px;
background:#f5f5f5;
padding:20px;
}

.service p {
color:#404040;
font: 12px 'Tahoma';
margin-bottom:15px;
line-height:160%;
}

.service ul {
color:#404040;
font: 12px 'Tahoma';
padding-left:15px;
line-height:160%;
}

/*Prodajni program*/

.products {
width:528px;
float:right;
border:1px solid #ddd;
border-bottom:none !important;
}

.product {
width:132px;
height:250px;
float:left;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
position:relative;
}

.product-big {
width:129px;
height:501px;
float:right;
background:url(../img/stojece-ure.jpg) no-repeat center center;
border-bottom:1px solid #ddd;
position:relative;
}

.pasovi {background:url(../img/pasovi.jpg) no-repeat center center;}
.skatle {background:url(../img/skatle.jpg) no-repeat center center;}
.navijalci {background:url(../img/navijalci.jpg) no-repeat center center;}
.rocne-ure {background:url(../img/rocne-ure.jpg) no-repeat center center;}
.druge-ure {background:url(../img/stenske-ure.jpg) no-repeat center center;}
.drugo {background:url(../img/drugo.jpg) no-repeat center center;}

.product-title {
background:#fff;
height:45px;
width:112px;
bottom:0px;
padding:10px;
position:absolute;
border-top:1px solid #efefef;
}

.big {
width:109px;
}

.product-title h3 {
font:13px 'Tahoma';
text-align:center ;
line-height:160%;
color:#808080;
}

.product-title h3:hover {
text-decoration:underline;
}


/*poštni urar*/

.wide {
width:530px;
padding-right:0;
}

.hotline a {
float:left;
width:170px;
margin-right:4px;
margin-top:20px;
height:65px;
border:1px solid #ddd;
text-align:center;
padding-top:185px;
font:bold 24px 'Arial';
display:block;
}

.posta a {background:url(../img/logo-posta.jpg) no-repeat center top; color:#f5b41d;}
.dhl a {background:url(../img/logo-dhl.jpg) no-repeat center top; color:#ffcc00;}
.ups a {background:url(../img/logo-ups.jpg) no-repeat center top; color:#432401;}

/*Kej smo*/

.location {
width:430px;
float:left;
text-align:left;
}

.location h1 {
color:#404040;
font:bold 22px 'Arial';
margin-bottom:30px;
}

.location p {
font: 14px 'Tahoma';
color:#404040;
line-height:150%;
}

.location a {
color:#808080;
}

.location a:hover {
text-decoration:underline;
}


.map {
float:left;
text-align:right;
}

.map iframe {
width:528px;
height:500px;
border:1px solid #ccc;
margin:0;
}

.map a {
font: 12px 'Tahoma';
color:#c0c0c0;
}

.map a:hover {
text-decoration:underline;
}

/*info footer*/

.info {
border-top:3px solid #ff0000;
background:#000;
border-bottom:1px solid #202020;
}

.info-container {
margin:0 auto;
width:960px;
}

.info-about {
width:430px;
float:left;
text-align:center;
padding-top:60px;
}

.info-about p {
color:#fff;
font:14px 'Tahoma';
}

.info-about a {
color:#ddd;
}

.info-about a:hover {
text-decoration:underline;
}
    


.info-sattler {
width:530px;
float:left;
position:relative;
}

.info-sattler a {
width:255px;
height:302px;
background:#141414 url(../img/background-sattler2.jpg) no-repeat left top;
display:block;
text-align:center;
padding:70px 0 0 275px;
line-height:220%;
font: 12px 'Tahoma';
color:#fff;
}

.info-sattler h3 {
font: 12px 'Tahoma';
color:#fff;
line-height:220%;
}


/*WOSTEP certificate*/

.wostep {
width:530px;
float:left;
}

.certificate {
width:258px;
height:183px;
float:right;
margin-bottom:8px;
display:block;
}

.certificate-portrait {
width:263px;
height:373px;
float:left;
display:block; 
}


/*footer*/

.footer {
font:12px 'Trebuchet MS';
color:#808080;
text-align:center;
position:relative;
width:960px;
margin:0 auto;
padding-top:15px;
height:30px;
}
.footer a {
color:#808080;
}
.footer a:hover {
text-decoration:underline;
}

a.netit {
position:absolute;
right:8px;
top:10px;
display:block;
width:76px;
height:24px;
background:url(../img/netit.png) no-repeat;
}

a.netit:hover {
background-position:0 -29px; 
}

.banner {
height:64px;
text-align:center;
background:#ffF;
}

.banner a {
text-align:center;
height:64px;
width:914px;
display:block;
background:url(../img/banner-nakupcek.png) no-repeat left top;
margin:0 auto;
}