/* CLEAR
------------------------------ */
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form {border:0;}
address {font-style:normal;}
button {cursor:pointer;float:left;}
.hidden {display:none;}


body {font-family:Arial,sans;font-size:12px; background:#fff url(../images/common/background_belt.jpg) repeat-x 0 0;}
#site {display:block; position:relative; margin-left:auto; margin-right:auto;vertical-align:top;font-weight:bold; width: 965px;}
#header {width:930px; padding:20px 0 42px 27px; height:53px;}
#header p {float:left;margin:40px 0 0 30px;}
#navigacija ul li {float:left;}

h1 {float:left;}
h2.naslovka {background-color: #e8e8e8; color:#000;font-weight:300;margin:0 0 20px; padding:13px 20px 23px;}
p.naslovka {color:#666;font-size:12px;font-weight:300;margin:0;padding:10px 20px 20px;}
a.alt {display:none;}

a#stopite_v_stik {float: left; background-image:url(../images/common/btns/stopite_v_stik.jpg); height:25px; margin:0pt 486px 0px 10px;width:130px;}
a#stopite_v_stik:hover {background-image:url(../images/common/btns/stopite_v_stik_on.jpg);}
a#stopite_v_stik_active {background-image:url(../images/common/btns/stopite_v_stik_on.jpg);}

a#o_podjetju {float: left; background-image:url(../images/common/btns/o_podjetju.jpg);display:block;height:25px;margin:0pt auto; width:89px;}
a#o_podjetju:hover {background-image:url(../images/common/btns/o_podjetju_on.jpg);}
a#o_podjetju_active {background-image:url(../images/common/btns/o_podjetju_on.jpg);}

a#koristne_povezave {float: left; background-image:url(../images/common/btns/koristne_povezave.jpg);display:block;height:25px;margin:0pt auto;width:162px;}
a#koristne_povezave:hover {background-image:url(../images/common/btns/koristne_povezave_on.jpg);}
#koristne_povezave_active {background-image:url(../images/common/btns/koristne_povezave_on.jpg);}

a#vizitka {float: left; background-image:url(../images/common/btns/vizitka.jpg);display:block;height:25px;margin:0pt auto;width:84px;}
a#vizitka:hover {background-image:url(../images/common/btns/vizitka_on.jpg);}
a#vizitka_active {background-image:url(../images/common/btns/vizitka_on.jpg);}

#navigacija_tools {background:url(../images/common/nav_tools_under_shade.jpg) no-repeat 0 0; height:150px; padding:20px 0 0 8px;}
#navigacija_tools ul {float: left; width: 158px;}
#navigacija_tools ul li {font-size: 11px; font-weight: 300; padding-left:10px; padding-top:5px; line-height: 11px;}
#navigacija_tools ul li img {padding-bottom: 9px;}
#first_tool {padding-left: 10px; width: 148px;}

#navigacija_tools ul li a{color:white;text-decoration:none;}
#navigacija_tools ul li a:hover {color:#999;text-decoration:underline;}
#navigacija_tools ul li a.active {color:#999;text-decoration:none;}	

#content {width:965px; padding-top: 12px; padding-bottom: 100px;}
#main {padding-left: 8px; float: left; width: 626px;}
#sidebar {float: left;}
#akcija {float: left; padding-left: 30px;}

#breadcrumbs {color:#555; font-size:12px; font-weight:200; margin-left: 19px; margin-bottom: 20px;}
#breadcrumbs a{color:#555; text-decoration:none;}
#breadcrumbs a:hover {color:#999; text-decoration:underline;;}

/*------------- red text ------------- */
.redtxt {color:#ED1C24;}

#footer_wrap{background: #F6F6F6 none repeat scroll 0%; border-top: 6px solid #F1F1F1; width:100%; height: 32%; display:block; position:relative;}
#footer {height:18px;padding:10px 20px 5px; width:909px;  margin-left:auto; margin-right:auto;}
#footer p {color: #888; font-size:11px;font-weight:100;left:197px;padding-left:0px;}
#footer p a {color:#555;font-size:11px;font-weight:100;text-decoration:none;}
#footer p a:hover {color:#888;font-size:11px;font-weight:100;text-decoration:underline;}

#thumbs-povezave {width:605px; height: 350px; margin-left:20px; float: left; background-color: #e8e8e8;}
#thumbs-povezave li {float: left; height:108px; width:108px; margin:20px 20px 30px 20px;}
#thumbs-povezave li img {border:none; height:108px;width:108px;}
#thumbs-povezave li p {padding:5px 0px 0px 5px; line-height:11px;}
#thumbs-povezave li p a{color:#555; font-size:11px; font-weight:300; margin:0px; padding-left:10px; text-decoration:none; background-image:url(../images/common/tool_puscica_red.gif); width: 7px; height:10px; background-repeat: no-repeat;}
#thumbs-povezave li p a:hover {color:#999999; font-size:11px; font-weight:300; margin:0px; padding-left:10px; text-decoration:none; background-image:url(../images/common/tool_puscica_grey_anim.gif); width: 7px; height:10px; background-repeat: no-repeat;}
#thumbs-povezave li p a span {margin:0px; padding-left:10px; text-decoration:none;}

#vizitka_info {width:605px; height: 350px; padding: 20px 0px 0px 20px; float: left; background-color: #e8e8e8;}
#vizitka_info h1 {color: #ED1C24; font-size:16px; font-weight: 800; padding-bottom:10px;}
#vizitka_info p {font-weight:300; color: #555; font-size:12px;}
#vizitka_info a {font-weight: 300;color: #555; font-size:12px; text-decoration:none;}
#vizitka_info a:hover {font-weight: 300;color: #555; font-size:12px; text-decoration:underline;}


/* zemljevid
------------------------------ */
#zemljevid { display: block; width: 70px; height: 20px;}
#zemljevid p {margin-top: 10px;color: #ED1C24; background-color: #fff; padding: 3px 6px 3px 7px;}


/* stroji
------------------------------ */

#thumbs {margin-left:20px; float: left;}
#thumbs li {float: left; height:108px; width:108px; margin:0px 39px 50px 0px;}
#thumbs li img {border:none; height:108px;width:108px;}
#thumbs li p {padding:5px 0px 0px 5px; line-height:11px;}
#thumbs li p a{color:#555; font-size:11px; font-weight:300; margin:0px; padding-left:10px; text-decoration:none; background-image:url(../images/common/puscica_red.gif); width: 7px; height:10px; background-repeat: no-repeat;}
#thumbs li p a:hover {color:#999999; font-size:11px; font-weight:300; margin:0px; padding-left:10px; text-decoration:none; background-image:url(../images/common/puscica_grey_anim.gif); width: 7px; height:10px; background-repeat: no-repeat;}
#tool_iframe {float: left; margin-left: 0px; padding-left: 0px; background-color:#fff;}
#thumbs li p a span {margin:0px; padding-left:10px; text-decoration:none;}


#thumbs-xtra {margin-left:0px; float: left;}
#thumbs-xtra li {float: left; height:108px; width:108px; margin:0px 32px 50px 20px;}
#thumbs-xtra li img {border:none; height:108px;width:108px;}
#thumbs-xtra li p {padding:5px 0px 0px 5px; line-height:11px;}
#thumbs-xtra li p a{color:#555; font-size:11px; font-weight:300; margin:0px; padding-left:10px; text-decoration:none; background-image:url(../images/common/puscica_red.gif); width: 7px; height:10px; background-repeat: no-repeat;}
#thumbs-xtra li p a:hover {color:#999999; font-size:11px; font-weight:300; margin:0px; padding-left:10px; text-decoration:none; background-image:url(../images/common/puscica_grey_anim.gif); width: 7px; height:10px; background-repeat: no-repeat;}





/* HACKS
------------------------------ */
.cclear {clear:left;width:100%;border:0;height:1px;line-height:1px;}
.cclear hr {display:none;}
.clear {display:inline-block;}
.clear:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}
/* End hide from IE-mac */