/* RESET
------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {width:300px; border:0; margin:5px 0 15px 0;}
table th {background:#e8e8e8; border-right:1px solid #fff; text-align:left; padding:2px 7px;}
table td {border-bottom:solid 1px #e8e8e8; padding:2px 7px;}
h2 {font-size:1.4em; margin:12px 0 7px 0; color:#f8ab33;}
h1 {font-size:1.9em; color:#F29400; margin:10px 0; line-height:1.1em;}
h3 {font-size:1.2em; color:#f8ab33; margin-bottom:5px;}
h1.slogan { color:#333333; font-size:1.8em; font-weight:bold; margin:0 0 15px 5px; display:block;}
img.left {margin:0 10px 7px 0; float:left;}
div.left { float:left; margin-right:30px; width:390px;}
div.right { margin-top:60px; float:left; width:255px;}
a.aB {color:#333;}
ul.app a.naslov {display:block; padding:7px 0 !important;}
ul.app a.naslov:hover {color:#fff;}
strong.gray {color:#666;}
/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Arial,Helvetica,serif;background:#fff url(../images/bg.jpg) repeat-x 0 0;color:#333;padding:0 0 2em;}
a {color:#e08003;}
a:hover {color:#e08003; text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
/* basic layout */
#site {font-size:1.2em; margin:0 auto; width:968px; line-height:17px;}
#header {width:948px;background:url(../images/bg-header.png) no-repeat 0 0;height:55px;padding:0 0 0 20px;margin:20px 0 0 0;}
#body {margin:18px 0 0 0;}
#content {padding:30px 10px 20px 10px;}
#contentIns {float:left; width:675px; margin:10px 0 0 0; padding:20px;}
#sidebar {float:left; width:230px; /*border-left:#CCC solid 1px;*/ margin:0 0 0 10px; padding:20px 0; text-align:left;}
#footer {background:url(../images/footer.gif) no-repeat 0 0; width:928px; height:20px; float:left; margin:30px 0 15px 0; padding:4px 20px 0 20px;}
/*NAVIGATION
--------------------------------*/
ul#navigation {float:left;padding:0 0 0 0px; }
#navigation li {float:left;}
#navigation li a {border:none;background:url(../images/nav.gif) repeat-x 0 0;display:block;float:left;padding:20px 20px 10px 20px;height:21px; text-align:center; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#666; font-size:1.2em;}
#navigation li a:hover {background:url(../images/nav.gif) repeat-x 0 98%;}
#navigation li.selected a {background:url(../images/nav.gif) repeat-x 0 98%; cursor:default;}
#logotype {border:none;float:left;background:url(../images/logo.gif) no-repeat 0 0;margin:8px 0 0 0;display:block;height:35px;width:175px;}
#logotype strong {text-indent:-9999px;display:block;float:left;}
#search {float:right;padding:15px 5px 0 0;width:180px;}
#search input {height:17px;width:140px;margin:0 4px 0 0;float:left;}
#search button {background:url(../images/icons/search.gif) no-repeat 0 3px;float:left;width:20px;height:23px;text-indent:-9999px;border:none;}
/*MAIN
--------------------------------*/
#main {width:951px; height:220px; background:url(../images/bg-main.gif) no-repeat 0 0; margin:7px 0 0 0; padding:5px 10px 0 5px;}
#main .fla {float:left; margin:0 59px 0 0;}
#main h2 {font-size:1.5em; margin: 15px 0 8px 0; color:#f29400;}
/*VIDEO
--------------------------------*/
#contentIns ul.video {margin:15px 0 0 0;}
#contentIns ul.video li{background:none; padding:0; margin:10px 0; height:120px !important;}
a.mb {float:left; margin-right:15px;}
#contentIns ul.video li h2{padding:10px 0 0 0; margin:12px 0 0 0;}
#contentIns ul.video li p.time {font-size:0.9em; padding-bottom:10px; margin:0;}
/*CONTENT - INSIDE
--------------------------------*/
#contentIns ul {margin:10px 0 10px 15px;}
#contentIns li {background:url(../images/bullet.gif) no-repeat 0 5px; padding:1px 0 1px 10px; display:block;}
/*NASVETI
--------------------------------*/
#nasvet{background:url(../images/anti-spam.jpg) no-repeat 0 0; width:160px; padding:10px 10px 5px 10px; margin-left:30px; margin-top:15px;}
#nasvet span.nasvetA {font-size:14px; font-weight:bold;}
#nasvet span.whiteA {font-size:14px; font-weight:bold; color:#fff; margin-left:5px;}
#nasvet ul {margin-top:10px;}
#nasvet ul li {background:url(../images/anti-puscica.gif) no-repeat 0 1px; padding-left: 25px; margin:5px 0; display:block;}
#nasvet span.white {font-size:14px; font-weight:bold; color:#fff;}
/*BANNERS
--------------------------------*/
.predstavitev {display:block; width:319px; height:31px; background:url(../images/banner-naroci.jpg) no-repeat 0 0; float:left; margin:10px 50px 0 10px; text-decoration:none; color:#fff; padding:47px 0 0 120px; font-size:1.8em; font-weight:bold;}
.vprasanja {display:block; width:299px; height:31px; background:url(../images/banner-pogosta.jpg) no-repeat 0 0; float:left; margin:10px 0 0 0; text-decoration:none; color:#fff; padding:47px 0 0 140px; font-size:1.8em; font-weight:bold;}
.predstavitev:hover, .vprasanja:hover {color:#ffe5c7; text-decoration:none;}
/*SIDEBAR
--------------------------------*/
#sidebar address {margin:1em 0 0 0; font-style:normal; padding-left:30px;}
#sidebar img {margin:15px 0 0 0; padding-left:30px;}
#sidebar strong {padding-left:30px;}
#sidebar a {padding-left:30px; color:e08003;}
#sidebar a.noP {padding-left:0;}
address {font-style:normal; margin:5px 0;}
/*TOP
--------------------------------*/
ul.top {float:right;margin:1px 0; padding:0;}
ul.top li {float:left; padding:0 3px; border-right:1px solid #333; line-height:12px;}
ul.top li a {font-size:0.9em; text-decoration:none; color:#333;}
ul.top li a:hover {text-decoration:underline ! important;}
ul.top li.last {border-right:none;}
/*LOGIN
--------------------------------*/
.vpis {background:url(../images/submit.gif) no-repeat 0 0; border:none; display:block; width:60px; height:21px; cursor:pointer; padding:0 0 4px 0; margin:10px 0 0 0; font-size:1.1em; color:#fff; font-family:arial; font-weight:normal;}
.vpis:hover {background:url(../images/submit.gif) no-repeat 0 0; border:none; display:block; width:60px; height:21px; cursor:pointer; padding:0 0 4px 0; margin:10px 0 0 0; font-size:1.1em; color:#fff; font-family:arial; font-weight:bold;}
input {border:1px solid #b5b5b5; margin:2px 0 5px 0; height:18px; width:150px; color:#333; font-size:1.2em;}
input:hover {background:#ffe2b5; /*border:#f29400 solid 1px;*/}
/*FOOTER
--------------------------------*/
a.pogoji {float:left; color:#333;}
a.creatim {float:right; color:#333;}
a.design {float:right; color:#333; text-decoration:none; font-size:0.9em; margin:0 3px 0 0;}
a.design:hover {text-decoration:none}
a.pogoji, a.creatim {text-decoration:none; font-size:0.9em;}
a.pogoji:hover, a.creatim:hover {text-decoration:underline;}
/*LASTNOSTI
--------------------------------*/
#contentIns ul.lastnosti {list-style:none; margin:0; padding:0;}
#contentIns ul.lastnosti li {background:none; padding:0; margin:10px 0; float:none; height:100%; width:670px;}
#contentIns ul.lastnosti li img {border:2px solid #ccc;}
#contentIns ul.lastnosti li:hover img {border:2px solid #f8ab33;}
#contentIns ul.lastnosti li p {display:block; float:right; width:445px; text-align:left;}
#contentIns ul.lastnosti li h3.naj {margin-bottom:15px;}
/*APP
--------------------------------*/
ul.app {margin:10px 0 0 3px;}
ul.app li {float:left; width:179px; height:230px; background:url(../images/bg-app.jpg) no-repeat 0 0; padding:10px 0 10px 70px;}
ul.app li.first {float:left; width:180px; height:230px; background:url(../images/bg-app-first.jpg) no-repeat 0 0; padding:10px 0 10px 13px;}
ul.app a {color:#ff6e08; font-size:1.8em; margin:0 0 5px 0; text-decoration:none; font-weight:bold;}
ul.app img:hover a.naslov {color:#fff;}
img.puscica {margin:0 0 15px 80px;}
/*PONUDBA
--------------------------------*/
table.ponudba {width:400px ! important; vertical-align:bottom ! important;}
table.ponudba td {border-bottom:none;}
table.ponudba td.stevilo {vertical-align:top;}
input.chack {width:15px; border:none;}
input.submit {width:80px; font-size:1em; font-weight:bold; padding:0 0 3px 0;}
/*KONTAKT
--------------------------------*/
table.kontakt {width:400px ! important; vertical-align:bottom ! important;}
table.kontakt td {border-bottom:none;}
table.kontakt td.stevilo {vertical-align:top;}
table.kontakt td textarea {background:none; border:1px solid #b5b5b5; height:150px; width:300px; color:#333;}
table.kontakt td textarea:hover {border:1px solid #ffe2b5; /*border:#f29400 solid 1px;*/}
/*KAZALO
--------------------------------*/
ul.kazalo li a {color:#000; font-weight:bold;}
ul.kazalo li, ul.kazalo {background:none ! important; margin-left:0 ! important; padding-left:0 ! important;}
/*faq
--------------------------------*/
ul.faq {margin-bottom:25px ! important;}
#sidebar a.faqSidebar {display:block; width:138px; height:27px; color:#fff; font-weight:bold; background:url(../images/faq.gif) no-repeat 0 0; margin:15px 0 0 30px; padding:9px 0 0 43px; font-size:1.2em; text-decoration:none;}
#sidebar a.faqSidebar:hover {text-decoration:underline;}
/*MAIN home
--------------------------------*/
#mainHome {width:951px; height:220px; background:url(../images/bg-main.gif) no-repeat 0 0; margin:7px 0 0 0; padding:5px 10px 0 5px;}
#mainHome h2 {font-size:1.5em; margin: 15px 0 8px 0; color:#f29400;}
#flash {float:left; width:680px; margin-right:59px;}
input.radio {width:20px; height:auto; margin-bottom:-2px; border:none;}
span.do {float:inherit;}
/* DEVELOPMENT
------------------------------ */
.hidden {display:none;}
/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, #body:after, #content:after, .app:after, ul.lastnosti li:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}