.post-entry h4,.post-entry h5 {
padding-top:20px;
padding-bottom:10px;
text-shadow:0 1px 1px #F2F1F0
}

#smart-v-nav>ul>li,#new-v-nav>ul>li,#v-nav>ul>li,.post-entry h4,.post-entry h5 {
text-shadow:0 1px 1px #F2F1F0
}

.sadrzaj h1.title {
margin:10px 0;
color:#333;
font:38px/1.8em 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif
}

.post-entry {
display:block;
width:580px;
margin:0 auto
}

.post-entry h4 {
color:#333;
font-weight:400;
font-size:36px
}

.post-entry h5 {
font-weight:700;
font-size:20px;
color:#1FA2E1
}

.post-entry .code {
padding:15px
}

.post-entry hr {
width:100%;
height:1px;
border:none;
border-bottom:1px dotted #EEEDED;
margin:30px 0;
display:block;
clear:both
}

#tagline {
border-top:1px solid #CCC;
margin:60px 0 20px;
background:#f5f5f5;
background:-webkit-gradient(linear,0 0,0 100%,from(white),to(#F2F2F2));
background:-moz-linear-gradient(top,#fff,#F2F2F2);
border-bottom:1px solid #BFBFBF
}

#tagline .row {
width:100%;
max-width:960px;
min-width:755px;
margin:0 auto;
overflow:hidden
}

#tagline .row h1 {
color:#333;
font:16px/3em "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif
}

#tagline .row h1 a {
color:#8F8F8F
}

#tagline .row h1 a:hover {
color:#636363
}

.tab-content img {
width:100%
}

.tab-content div.ol,.tab-content ol {
margin-left:90px
}

.tab-content ol li.prvi {
font-weight:700;
margin:40px 0 20px;
line-height:18px
}

.tab-content ol li {
font-weight:700;
line-height:38px
}

#tagline #socialLinks {
float:left;
padding:20px
}

#socialLinks .facebook:hover,#socialLinks .rss:hover,#socialLinks .twitter:hover,#tagline #socialLinks .linkedin:hover {
margin-bottom:2px
}

#socialLinks .facebook,#socialLinks .rss,#socialLinks .twitter,#tagline #socialLinks .linkedin {
display:block;
width:32px;
height:32px;
float:left;
margin-left:5px;
text-indent:-9999px
}

#tagline #socialLinks .twitter {
background:url(http://www.faridesign.net/wp-content/themes/alltuts/images/ico_twitter.png) no-repeat
}

#tagline #socialLinks .rss {
background:url(http://www.faridesign.net/wp-content/themes/alltuts/images/ico_rss.png) no-repeat
}

body {
background-color:#f7f7f7;
margin:0;
padding:0
}

.sadrzaj {
width:814px;
margin:0 auto;
padding-top:0;
min-height:600px
}

.sadrzaj h1,.sadrzaj h4,.sadrzaj li,.sadrzaj p,.sadrzaj pre,.sadrzaj ul {
margin:0;
padding:0;
border:0;
vertical-align:baseline;
background:0 0
}

.sadrzaj li {
outline:0;
text-decoration:none;
-webkit-transition-property:background color;
-moz-transition-property:background color;
-o-transition-property:background color;
-ms-transition-property:background color;
transition-property:background color;
-webkit-transition-duration:.12s;
-moz-transition-duration:.12s;
-o-transition-duration:.12s;
-ms-transition-duration:.12s;
transition-duration:.12s;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-ms-transition-timing-function:ease-out;
transition-timing-function:ease-out
}

#smart-v-nav,#new-v-nav,#v-nav {
height:100%;
margin:auto;
color:#032a6b;
font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif
}

#smart-v-nav>ul,#new-v-nav>ul,#v-nav>ul {
float:left;
width:170px;
display:block;
position:relative;
top:0;
border:1px solid #DDD;
border-right-width:0;
margin:auto 0!important;
padding:0
}

#smart-v-nav>ul>li,#new-v-nav>ul>li,#v-nav>ul>li {
width:170px;
list-style-type:none;
display:block;
font-size:1.11em;
position:relative;
border-right-width:0;
border-bottom:1px solid #DDD;
margin:auto;
padding:10px 15px!important;
background:#f5f5f5;
background:-moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f2f2f2));
background:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-o-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:linear-gradient(top,#fff 0,#f2f2f2 100%);
cursor:pointer
}

#smart-v-nav>ul>li.trenutni,#new-v-nav>ul>li.trenutni,#v-nav>ul>li.trenutni {
color:#032a6b;
border-right:none;
z-index:10;
background:#fff!important;
position:relative
}

#smart-v-nav>ul>li.prvi.trenutni,#new-v-nav>ul>li.prvi.trenutni,#v-nav>ul>li.prvi.trenutni {
border-bottom:1px solid #DDD
}

#smart-v-nav>ul>li.last,#new-v-nav>ul>li.last,#v-nav>ul>li.last {
border-bottom:none
}

#smart-v-nav>div.tab-content,#new-v-nav>div.tab-content,#v-nav>div.tab-content {
margin-left:170px;
border:1px solid #ddd;
background-color:#FFF;
min-height:500px;
max-height:640px;
overflow-y:auto;
position:relative;
z-index:9;
display:none;
padding:25px
}

.smart-remote,.new-remote,.remote {
width:334px;
height:900px;
margin-left:-62px;
margin-top:-2px
}

#default,#new-default,#smart-default,.dot1,.dot2,.dot3 {
position:absolute
}

#smart-v-nav>div.tab-content>h4,#new-v-nav>div.tab-content>h4,#v-nav>div.tab-content>h4 {
font-size:1.2em;
color:#032a6b;
text-shadow:0 1px 1px #F2F1F0;
border-bottom:1px dotted #EEEDED;
padding-top:5px;
padding-bottom:5px
}

.remote {
background:url(/images/manual/daljinac_novo.jpg) top left no-repeat
}

.new-remote {
background:url(/images/manual/new-remote.jpg) top left no-repeat
}

.smart-remote {
background:url(/images/manual/smart-remote.jpg) top left no-repeat
}

.dot1 {
background:url(/images/manual/dot-1.png) top left no-repeat;
width:35px;
height:35px;
opacity:.6
}

.dot1:hover {
opacity:1;
cursor:help
}

.dot2 {
background:url(/images/manual/dot-2.png) top left no-repeat;
width:137px;
height:137px;
opacity:.6
}

.dot2:hover {
opacity:1;
cursor:help
}

.dot3 {
background:url(/images/manual/dot-3.png) top left no-repeat;
width:35px;
height:73px;
opacity:.6
}

.dot3:hover {
opacity:1;
cursor:help
}

.opis1,.opis2,.opis3,.opis4 {
display:none;
width:360px;
position:absolute;
background:#f5f5f5;
background:-moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f2f2f2));
background:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-o-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:linear-gradient(top,#fff 0,#f2f2f2 100%);
border:1px solid #032a6b;
color:#032a6b;
font-weight:700;
padding:10px;
font-size:18px;
text-align:center;
font-family:sans-serif;
zoom:1.5
}

#default,#new-default,#smart-default {
display:block;
width:360px;
top:50px;
left:250px;
border:none;
background:0 0;
color:#aaa;
text-align:right;
font-size:16px;
zoom:1.5
}

.opis1,.opis2,.opis3,.opis4 {
left:280px
}

.opis1 p,.opis2 p,.opis3 p,.opis4 p {
color:#032a6b;
display:table-cell;
vertical-align:middle
}

.opis1 {
top:30px;
height:150px
}

.opis2 {
top:184px;
height:40px
}

.opis3 {
top:248px;
height:115px
}

.opis4 {
top:375px;
height:108px
}

.desc {
width:100%;
font-size:10.3pt;
text-align:left;
color:#032a6b
}

.desc img {
margin:10px 0
}

.pdfText {
border:1px dotted #ccc;
padding:5px;
text-align:center;
background-color:#fff
}