/* vse resetiramo */
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button, 
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body {text-align:center;font-family: Verdana, Helvetica, sans-serif;font-size:12px;margin-top:0; padding:0px; background-color:#ffffff; color:#666666; background-image: url(grafika/bbg.jpg); background-repeat:repeat-x; line-height:1.2}	
a, a:hover {color:#4793a5; text-decoration:none;}
#clear {clear:both;}
img {border:none;}

/* za zunanji div, ki vsebuje floatane dive-e; dodaj class=clearfix zunanjemu div-u \*/
.clearfix:after {content: "."; display: block; height: 0px; line-height: 0px; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* skrij v IE-mac \*/
* html .clearfix {height: 1%;}
html[xmlns] .clearfix {display: block;}
.clearfix {display: block;}
/* konec skrij IE-mac */
/* konec za zunanji div, ki vsebuje floatane dive-e \*/

h1 {font-size:24px; margin:0 0 10px 0px; padding:0px; display:block;color:#4793a5;}
h2 {font-size:18px; margin-top:10px; margin-bottom:5px; font-weight:bold; color:#b95114;}
h3 {font-size:16px; color:#43583d; margin-top:10px; margin-bottom:5px;}

#top_meni {width:979px;margin-right:auto;margin-left:auto;margin:11px auto 15px;padding:0px;text-align:right;}
#frame {width:977px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left; border-left:1px #dce0e0 solid; border-right:1px #dce0e0 solid;}
#footer {width:979px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left;}
#footer p {padding:5px 10px; font-size:11px;}

#top_meni a {font-size:14px; font-weight:bold; color:#ffffff; margin:10px;}
#top_meni a:hover {color:#c6e4eb;}

.header {width:979px;margin-right:auto;margin-left:auto;padding:0px;text-align:center; position:relative; height:110px;}
.header .logo {position:absolute; top:0; left:0;}
.header .hmeni {position:absolute; top:35px; right:0;}

.header .hmeni a {display:block;float:left; background:url(grafika/p2.jpg) bottom left no-repeat; padding:15px 10px 15px 18px; text-transform:uppercase; color:#666; font-size:14px; font-weight:bold;}
.header .hmeni a:hover {background:url(grafika/p1.jpg) bottom left no-repeat;}

.header .jeziki {position:absolute; top:18px; right:15px;}

.vs {margin:0 30px; padding:10px 0;}

.index_left {width:450px; float:left; display:block; font-size:14px;}
.index_left h2 {margin-top:0; color:#244279;}
.index_left h2 span {display:block; font-size:16px; color:#4793a5;}

.index_right {width:427px; float:right; display:block;}
#slideshow {position:relative;height:223px;}
#slideshow DIV {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 223px;background-color: #FFF;}
#slideshow DIV.active {z-index:10;opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 223px;display: block;border: 0; margin-bottom: 10px;}

.tris_wrap h2 {margin:15px 10px 10px; color:#244279;}
.tris {width:278px; height:200px; float:left; background:url(grafika/tris.gif) center top no-repeat; margin-right:41px;}
.tretji {margin-right:0px;}
.tris .tris1 {background: url(grafika/tris1.gif) 5px 5px no-repeat;}
.tris .tris2 {background: url(grafika/tris2.gif) 5px 5px no-repeat;}
.tris .tris3 {background: url(grafika/tris3.gif) 5px 5px no-repeat;}
.tris h3 {font-size:18px; margin-left:120px; padding:30px 0 20px;}
.tris h3 a, .tris h3 a:hover {color:#43583d;}
.tris p { margin:0 15px;}

.left {width:250px; float:left; display:block;}
.left p {margin:0 0 10px;}
.left h2 {margin:0 0 10px;font-weight:normal;}
.left img {margin:0 0 10px;}

.right{width:627px; float:right;}
.right h1 {}
.right h2 {font-weight:normal;color:#4793a5;}
.right p {margin-bottom:10px;}
.right ol {margin:10px 0;}
.right li {list-style:circle; list-style-position:inside; margin-left:10px;}

.submeni {margin:0 0 10px;}
.submeni a{ font-weight:bold; color:#666666; margin-right:10px; padding:3px 5px; border-top:1px #666666 solid;}
.submeni a.act {color:#cccccc; border-top:1px #cccccc solid;}


.izdelki {border-collapse:collapse; margin:0 0 15px;}
.izdelki td {border:1px #999 solid; text-align:center; padding:3px; width:30px; vertical-align:middle}
.izdelki td.skupina {background-color:#666; padding:5px; font-size:12px; font-weight:bold;color:#ffffff;}

.legenda p {margin:0;}
.legenda ul {margin:0 0 15px;padding:0;}
.legenda li {list-style:none; padding:0; margin:0;}
.legenda li span, .legenda li img { vertical-align:middle;}

.simple_overlay { display:none; z-index:10000; background-color:#333; width:600px;     min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;     } 
.simple_overlay .close { background-image:url(grafika/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.trig img {cursor:pointer;margin:0;background-color:#fff;border:1px solid #ccc;padding:2px;-moz-border-radius:4px;-webkit-border-radius:4px;}

/* root element for tabs  */
ul.tabs { list-style:none;margin:15px 0 0 !important;padding:0;border-bottom:1px solid #666;height:30px;}
/* single tab */
ul.tabs li { float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; list-style:none;}
/* link inside the tab. uses a background image */
ul.tabs a { background: url(grafika/blue.png) no-repeat -420px 0;font-size:11px;display:block;height: 30px; line-height:30px;width: 134px;text-align:center;text-decoration:none;color:#333;padding:0px;margin:0px;	position:relative;top:1px;}
ul.tabs a:active {outline:none;		}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {background-position: -420px -31px;	color:#fff;	}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: -420px -62px;		cursor:default !important; color:#000 !important;}

/* initially all panes are hidden */ 
.panes .pane {display:none;		}
/* tab pane styling */
.panes div {display:none;padding:15px 10px;border:1px solid #999;border-top:0;font-size:14px;background-color:#fff;}

/* kontaktna formas  */
#kontakt {border:1px outset #ccc;background:#e6e8eb;padding:20px;margin:20px 0;width:450px;-moz-border-radius:4px;}
#kontakt label, input {margin-bottom: 10px;}
#kontakt input, #kontakt textarea {border:1px #666 solid; width:250px;}
#kontakt textarea {height:150px;}
#kontakt label {display:block;width: 150px;padding-right: 20px; float:left;}
#kontakt .sbm {width:100px; padding:5px; margin-left:170px; font-weight:bold; background-color:#4793a5; cursor:pointer;}

.obvezni {margin:0px;}
.err {padding:10px; background-color:#F00; color:#ffffff; margin:0 0 10px;}
.succ {padding:10px; background-color:#090; color:#ffffff; margin:0 0 10px;}

.error {height:15px;background-color:#FFFE36;border:1px solid #E1E16D;font-size:11px;color:#000;padding:3px 10px;margin-left:-2px;
	/* CSS3 - mozilla in webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

/* error container */
#errors {background-color:#576065;color:#fff;width:400px;padding:10px;margin:0 auto 15px;display:none;-moz-border-radius:5px;-webkit-border-radius:5px;}
#errors h2 {margin:0;font-size:14px;color:#ffffff;}
#errors p {margin:2px 0; color:#eaeaea;}