/****** FILE: themes/steklarstvo/css/960.css *****/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

/****** FILE: themes/steklarstvo/css/reset.css *****/
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;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/****** FILE: themes/steklarstvo/css/tipTip.css *****/
/* TipTip CSS - Version 1.1 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_holder.tip_left #tiptip_content {
	margin-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_arrow_inner {
	border-width: 6px;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/****** FILE: themes/steklarstvo/css/text.css *****/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/****** FILE: themes/steklarstvo/css/colorbox.css *****/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/****** FILE: themes/steklarstvo/css/steklarstvo.css *****/
h1 {font-size:23px;color:#ff6600}
h2 {font-size:20px;color:#ff6600}
h3 {font-size:16px;color:#ff6600}

.inline {display:inline}
.hidden {display:none}
.textGray {color:gray}

html {
    height: 100%;
    margin: 0;
    padding: 0;
}

* html #container {
	height:100%;
}

body {background: black url(../images/bg_steklarstvo_bistrica2.png) center top repeat-x; color:white;
font-size:14px;
height:100%;
}

body a {
	color:#ff6600;
}

#overview ul {	
	padding:0px;
	margin:20px 0 0 0;
}
#overview ul li {
   font-family: Tahoma;
   font-size:18px;
   background:url(../images/overview/listSeparatorNormal.png) no-repeat bottom;
   list-style: none;
   text-align:center;
   margin-top:3px;
   margin-bottom: 6px;
   margin-left:-20px;
   padding-bottom:3px;
   width:200px;
}

#overview ul li a {
	color:#7F7F7F;
	text-decoration:none;
	padding: 5px 20px 5px 20px;
	width:170px;
}
/*
#overview ul li a:hover {
	background:none;	
}
*/


.previewWrapper {
	margin-left: 12px; 
	margin-top: 30px;
	
}

.imgPreview {
	position:relative;
	width:272px;
	float:left;
	margin-right:10px;
	padding-left:14px;
}

.imgPreviewHover {
    width:313px;
    height:245px;
    position:absolute;
    top:-15px;
    left:-4px;
    opacity:0.4;
    z-index:1;
}

html * .imgPreviewHover {
    width:0px;
    height:0px;
}

.imgPreview a { text-decoration:none; color: gray}
.imgPreview a { text-decoration:none; color: white}

.imgPreviewHover:hover {
	 background:url(../images/overview/imgWrapperHover.png);
}

.imgPreviewTop {
	background: url(../images/overview/imgWrapperTop.png) no-repeat;
    width:282px;
    height:8px;
}
.imgPreviewMiddle {
	background: url(../images/overview/imgWrapperMiddle.png) repeat-y;
    width:282px;
    height:185px;
	z-index:10;
}

.imgPreviewMiddle img {
	/*
	position:absolute;
	top:5px;
    */
	margin:4px 0 0 12px;
	z-index:12;
}

.imgPreviewBottom {
	background: url(../images/overview/imgWrapperBottom.png) no-repeat;
    width:282px;
    height:26px;
}


.imgPreviewOverlay {
	height:28px;
	width:258px;
	background:black;
	position:absolute;
	background: url(../images/bg_header_80.png);
	top:155px;
	left:26px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-bottom:6px;
}

.previewTitle {
	padding:4px;
	color:#fff;
	font-family: Helvetica;
}

#homeLink {
	position:absolute;
	width:350px;
	height:150px;
	top:-20px;
	left:20px;
}

a#homeLink:hover {
	background:none;
}

#header {
    margin-top:25px;
	color:white;
}

#headerImg {
	margin-top:9px;
}

#breadcrumbs {
    position:absolute;top:6px;left:42px;	
}

#SearchForm_Search {
    position:absolute;top:4px;right:33px;color:gray;
}

#SearchForm_Search input {
	color:gray;
}
#SearchForm_Search .action {
	display:none
}

#SearchResults li {
	padding:0px;
	margin:0px 0 20px 0;
	list-style:none;
}
#SearchResults li p {
	margin:0px;
}



/**
* FORM
*/
label {font-weight:normal;font-size:16px;}
.contactUsField {position: relative; margin-bottom:2px;}
.contactUsField input, textarea { width:433px; font-size:16px; border: 1px solid #ccc}

#submitFormButton {
    height:28px;
    text-align:left;;
    padding:10px 20px 10px 0px;
    background:#ff6600 url(../images/nadaljuj.png) right no-repeat;
    text-align:center;
    font-size:17px;
    font-weight:bold;
    margin:-20px 0 20px 0px;
    cursor:pointer;
    color:#000000;
}

.requiredFieldsLabel {
    text-align: right;
    width: 437px;
    margin-top: -23px;
    margin-bottom: 22px;
}

.message { /* error msg */
    position: absolute;
    color: #ff6600;
    right: 0px;
    width: 300px;
    top: 0px;
}

/**
 * END FORM
 */

#content-wrapper {
margin-top:30px;
/*
background: url(../images/content_bg_90.png);
*/
}

#content {
 margin-top:5px;
}

.smallText {
    font-size: 100%
}

#footerGravityBody {
padding-bottom:160px;	
}

#footer {
background:url(../images/footer_bg_gray.jpg) ;
height:160px;
width:100%;
position:absolute;
bottom:0px;
color: #7F7F7F;
font-size:15px
}

#footer a, a:visited {
    color:#DF5900;
}

#footerGrad {
	background:url(../images/bg_black_60.png); 
	width:100%; 
	height:20px;
}

h2 {
color:#eee;
}

#menu {
	padding:0;
	margin-top:8px;
	font-family: arial, helvetica, sans-serif;
	font-size:17px;
	white-space:nowrap;
	list-style-type:none;
	float:right;
}
#menu li { 
	display:inline;
	float:right;
	margin-top:20px;
	margin-bottom:30px;
	
	}
#menu li a {
	color:#7F7F7F;
	text-decoration:none;
	float:left;
	letter-spacing:0.03em;
	padding:10px 5px 10px 5px;
}
#menu li a.section,
#menu li a.current {
	color:white;
}
#menu li a:hover {
	background: none;
}

#menuUnderlay {
	display:none;
	position:absolute;
	top:32px;
	right:0px;
	width:63px;
	height:39px;
	background: url(../images/menu1_overlay2.png);
}


#Menu2 {
margin-top:8px;
}
#Menu2 li {
 text-align:left;
 list-style:none;
 padding:10px;
 margin-left:40px;
}

#Menu2 li a {
color:#9F9F9F;
padding:10px;
font-size:16px;
text-decoration:none;
margin:10px 0 10px 0;
}

#Menu2 a:hover {
  background:none;
}

#Menu2 li.current a {
	
}
#Menu2 a.current ,
#Menu2 a.section {
	color:white;
}



#Menu3 {
margin: 0px 0px -10px -10px;
}

* html #Menu3 {
    margin: 10px 0 0 -20px;
}

#Menu3 li {
 text-align:left;
 list-style:none;
 padding:6px;
 margin-top:-6px;
}

#Menu3 li a {
color:#9F9F9F;
padding:5px;
font-size:14px;
text-decoration:none;
margin:6px 0 5px 0;
}

#Menu3 a:hover {
  background:none;
}

#Menu3 li.current a {
    
}
#Menu3 a.current ,
#Menu3 a.section {
    color:white;
}



.newsOverviewLink {
	padding:20px;
}

.rssLink {
	/*position:absolute;
	top:265px;
	left:260px;
	*/
	background: url(../images/feed-icon-28x28.png) right;
	padding-right:30px;
	width:300px;
	height:30px;
}

/** reference **/

.reference {
float: left;
padding:5px 3px 0px 3px;
margin: 6px 6px 6px 0px;
background: black;
}
/*
.reference:hover {
 background: white;
}
*/

.reference a:hover {
 background:none;
}


/** google map **/

#routeAddress {width:250px}
#geoLocationMap { margin:5px 0px 10px 0px; height:500px; width:610px}
#geoLocationError {color:#ff6600;display:none}
#geoLocationData {display:none;margin-bottom:5px}

.simpleGalleryImage {padding:2px; background:#333;}

.fleft {float:left}
.fright {float:right}

#overview .modernSticker {background: url("/themes/steklarstvo/images/moderno-sticker.png") repeat scroll 0% 0% transparent; color: rgb(127, 127, 127); height: 53px; width: 43px; }
#overview .modernStickerOverviewPos {position: absolute; top:-4px; left:119px;}
.modernStickerPosKuhinje {position: absolute; top:-4px; left:119px;}