/* GOGIUS style.css */
@charset "UTF-8";

@import url("reset.css");

/* GENERAL */

html {
	height: 100%;
	width: 100%;
	}

body {
	height: 100%;
	width: 100%;
	background-color: #EBE7E0;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	background-image: url(../img/bg_top_sub.png);
	background-repeat: repeat-x;
	}

body.frontpage {
	background-image: url(../img/bg_top.png);
	background-repeat: repeat-x;
	}

.wrapper {
	clear: both;
	width: 100%;
	background-color: #E4891D;
	}

.container {
	width: 960px;
	margin: 0 auto;
	}

a {
	color: #DF7711;
	text-decoration: underline;
	}

a:hover {
	color: #DF7711;
	text-decoration: none;
	}

a.active {
	color: #DF7711;
	}

.align_left {
	float: left;
	}
	
.align_right {
	float: right;
	}		

.clr {
	clear: right;
	}

.cll {
	clear: left;
	}	

.clb {
	clear: both;
	}

.none {
	display: none;
	visibility: hidden;
	}	

strong, b {
	font-weight: bold;
	}	

small {
	font-size: 11px;
	font-style: italic;
	}

i {
	font-style: italic;
	}		

ul {
	padding: 3px 0px 3px 0px;
	}
	
ul li {
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 5px 0px 5px 25px;
	}

span.cena {
	position: absolute;
	color: #DF7711;
	font-size: 17px;
	text-align: center;
	margin: 23px 0px 0px 75px;
	}	
/*
.two_column_list {
	}

.two_column_list ul {
	}

.two_column_list ul li {
	float: left;
	width: 380px;
	padding-right: 20px;
	}
	
.two_column_list br {
	clear: left;
	}	
*/	

p {
	padding: 5px 0px 5px 0px;
	}

p.half {
	width: 430px;
	}	

h2 {
	font-size: 23px;
	color: #DF7B11;
	padding: 5px 0px 5px 0px;
	}

#send_photo {
	padding: 0px 35px 0px 35px;
	color: #FFF;
	text-shadow: 0.05em 0.02em 0.01em #AD5D08;
	}
	
a.white_link {
	color: #FFF;
	text-decoration: underline;
	}

a.white_link:hover {
	color: #FFF;
	text-decoration: none;
	}

a.white_link.active {
	color: #FFF;
	}
	
dl {
	line-height: 1.9em;
	}
	
dt {
	float: left;
	clear: left;
	width: 200px;
	font-weight: bold;
	}
	
dt:after {
	content: ":";
	} 
	
dd {
	margin: 0 0 0 200px;
	}
	
dl.half dt {
	width: 150px;
	}

dl.half dd {
	margin: 0 0 0 150px;
	}		

.addthis_default_style	{
	padding: 0px;
	margin: 0px;
	background-image: none;
	}	

/* END GENERAL */	

/* HEADER*/

.header_bg {
	background-image: url(../img/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 490px;
	}

.header_sub_bg {
	background-image: url(../img/bg_header_sub.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 115px;
	}	

#header {
	padding: 0px 35px 0px 35px;
	}
	
#header h1 {
	clear:both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.04em;
	word-spacing: 0.1em;
	color: #F0E9D8;
	padding: 10px 0px 10px 0px;
	text-shadow: 0.05em 0.02em 0.01em #AD5D08;
	}

#logo {
	float: left;
	width: 310px;
	height: 85px;
	border: none;
	outline: none;
	padding: 15px 0px 0px 0px;
	}

/* END HEADER*/

/* LANGUAGE OLD STYLE

#language ul.lang_title {
	float: right;
	width: 120px;
	text-align: center;
	margin: 0px;
	padding: 4px 0px 6px 0px;
	background-color: #CA5A05;
	}

#language ul.lang_title li {
	background-image: none;
	padding: 0px;
	}	

#language ul.lang_title li a {
	font-size: 10px;
	color: #EBE7E0;
	text-decoration: none;
	}

#language ul.lang {
	z-index: 112;
	width: 110px;
	margin: 0px 0px 0px 770px;
	padding: 5px;
	text-decoration: none;
	position: absolute;
	background-color: #CA5A05;
	}

#language ul.lang li {
	display: block;
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 3px 5px 3px 28px;
	}

#language ul.lang li.active {
	background-color: #E4891D;
	}

#language ul.lang li.active a {
	color: #EBE7E0;
	text-shadow: 0.05em 0.02em 0.01em #AD5D08;
	}		

#language ul.lang li:hover {
	background-color: #EBE7E0;
	}

#language ul.lang li a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #EBE7E0;
	}

#language ul.lang li:hover a {
	color: #666;
	font-weight: bold;
	text-shadow: 0.05em 0.02em 0.01em #FFF;
	}

#language ul.lang li.sl {
	background-image: url(../img/flags/si.png);
	}		

#language ul.lang li.hr {
	background-image: url(../img/flags/hr.png);	
	}

#language ul.lang li.en {
	background-image: url(../img/flags/gb.png);	
	}	

#language ul.lang li.de {
	background-image: url(../img/flags/de.png);
	}	

#language ul.lang li.it {
	background-image: url(../img/flags/it.png);
	}

#language ul.lang li.pl {
	background-image: url(../img/flags/pl.png);
	}	
	
.gradient{
    background: #CA5A05;
    background: -moz-linear-gradient(top, #D36A09, #CA5A05);
    background: -webkit-gradient(linear, left top, left bottom, from(#D36A09), to(#CA5A05));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#D36A09', EndColorStr='#CA5A05', GradientType=0);
  }

END LANGUAGE OLD STYLE */


/* LANGUAGE */

#language {
	float: right;
	padding-right: 10px;
	width: 500px;
	}

#language ul.lang {
	z-index: 112;
	float: right;
	}

#language ul.lang li {
	float: left;
	display: inline-block;
	list-style: none;
	list-style-type: none;
	background-image: none;
	padding: 0px;
	margin: 10px 2px 5px 2px;
	}
	
#language ul.lang li.lang_txt {
	font-size: 10px;
	color: #EBE7E0;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	}

#language ul.lang li.lang_txt:hover {
	text-decoration: none;
	background-color: transparent;
	}	

#language ul.lang li.active {
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

#language ul.lang li.active a {
	padding: 3px;
	background-position: 3px 3px;
	}		

#language ul.lang li:hover {
	background-color: #C86D0C;
	}

#language ul.lang li a {
	display: block;
	width: 16px;
	height: 11px;
	padding: 4px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	}

#language ul.lang li:hover a {
	display: block;
	}
	
/*slovenščina*/
#language ul.lang li.sl a {
	background-image: url(../img/flags/si.png);
	}
		
/*hrvaščina*/
#language ul.lang li.hr a {
	background-image: url(../img/flags/hr.png);	
	}

/*angleščina*/
#language ul.lang li.en a {
	background-image: url(../img/flags/gb.png);	
	}
	
/*nemščina*/
#language ul.lang li.de a {
	background-image: url(../img/flags/de.png);
	}
	
/*italijanščina*/
#language ul.lang li.it a {
	background-image: url(../img/flags/it.png);
	}

/*poland*/
#language ul.lang li.pl a {
	background-image: url(../img/flags/pl.png);
	}	
	
.gradient{
    /* fallback (Opera) */
    background: #CA5A05;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #D36A09, #CA5A05);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#D36A09), to(#CA5A05));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#D36A09', EndColorStr='#CA5A05', GradientType=0);
  }

/* END LANGUAGE */
  

/* MAIN MENU */

#main_menu ul {
	float: right;
	padding-top: 10px;
	}
	
#main_menu ul li {
	display: inline;
	background-image: none;
	padding: 0px;
	}

#main_menu ul li a {
	padding: 7px 15px 7px 15px;
	font-size: 13x;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: 0.05em 0.02em 0.01em #AD5D08;
	}

#main_menu ul li a:hover {
	background-color: #EBE7E0;
	color: #CA5B05;
	-moz-box-shadow: 0px 0px 50px #AD5D08;
	-webkit-box-shadow: 0px 0px 50px #AD5D08;
	box-shadow: 0px 0px 50px #AD5D08;
	text-shadow: 0.05em 0.02em 0.01em #FFF
	}

#main_menu ul li.active a {
	background-color: #EBE7E0;
	color: #CA5B05;
	-moz-box-shadow: 0px 0px 50px #AD5D08;
	-webkit-box-shadow: 0px 0px 50px #AD5D08;
	box-shadow: 0px 0px 50px #AD5D08;
	text-shadow: 0.05em 0.02em 0.01em #FFF
	}
	
/* END MAIN MENU */

/* 1/3 CONTENT */

.content_1_3, .content_2_3, .content_3_3, .content_3_3_SS {
	display: inline;
	float: left;
	width: 270px;
	margin-bottom: 15px;
	}	

.content_1_3 {
	padding: 10px 10px 10px 35px;
	}

.content_2_3 {
	padding: 10px 30px 10px 30px;
	}

.content_3_3 {
	padding: 10px 35px 10px 10px;
	background-image: url(../img/kje_kupiti_mapa.png);
	background-repeat: no-repeat;
	background-position: 170px 100px;
	}

.content_3_3_SS {
	padding: 10px 35px 10px 10px;
	background-repeat: no-repeat;
	}

.content_1_3 h2 {
	background-image: url(../img/gogix.png);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	text-indent: -9999px;
	padding: 10px 0px 5px 0px;
	height: 53px;
	}
/*
.content_2_3 h2 {
	background-image: url(../img/zarnica.png);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	padding: 10px 0px 5px 37px;
	}
*/

.content_2_3 h2 {
	background-repeat: no-repeat;
	padding: 10px 0px 15px 0px;
	}
	
.content_3_3 h2 {
	background-image: url(../img/vozicek.png);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	padding: 10px 0px 5px 50px;
	}

.content_3_3_SS h2 {
	background-repeat: no-repeat;
	padding: 10px 0px 15px 0px;
	}	

.container div.content_1_3, .container div.content_2_3, .container div.content_3_3, .container div.content_3_3_SS {
	text-shadow: 0.05em 0.02em 0.01em #FFF;	
	}

.wrapper div.container div.content_1_3, .wrapper div.container div.content_2_3, .wrapper div.container div.content_3_3, .wrapper div.container div.content_3_3_SS {
	text-shadow: 0.05em 0.02em 0.01em #AD5D08;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: none;
	}

.wrapper div.container div.content_3_3 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
	}	

.wrapper div.container div.content_1_3 h3, .wrapper div.container div.content_2_3 h3, .wrapper div.container div.content_3_3 h3, .wrapper div.container div.content_3_3_SS h3 {
	font-size: 23px;
	padding: 0px 0px 5px 0px;	
	}
	
.wrapper div.container div.content_1_3 ul {
	}

.wrapper div.container div.content_1_3 ul li.navodila {
	background-image: url(../img/ico_navodila.png);
	}

.wrapper div.container div.content_1_3 ul li.faq {
	background-image: url(../img/ico_faq.png);
	}	

/* END 1/3 CONTENT */

/* CONTENT */

.content {
	padding: 20px 35px 20px 35px;
	line-height: 1.5em;
	}

.content h1 {
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	color: #DF7B11;
	padding: 10px 0px 15px 0px;
	text-shadow: 0.05em 0.02em 0.01em #FFF;
	}

.content h3 {
	font-size: 18px;
	color: #777;
	padding: 5px 0px 5px 0px;
	text-shadow: 0.05em 0.02em 0.01em #FFF;
	}

.content h4 {
	font-size: 19px;
	font-weight: bold;
	color: #DF7B11;
	padding: 5px 0px 5px 0px;
	text-shadow: 0.05em 0.02em 0.01em #FFF;
	}

.content div.left_txt13 {
	float: left;
	width: 270px;
	}

.content div.middle_txt13 {
	float: left;
	margin-left: 40px;
	width: 270px;
	}

.content div.right_txt13 {
	float: right;
	width: 270px;
	}	

	
.content div.left_txt {
	float: left;
	width: 380px;
	}

.content div.right_txt {
	float: right;
	width: 380px;
	}	

.content div.left_pic {
	float: left;
	text-align: center;
	width: 510px;
	}

.content div.middle_pic {
	float: left;
	margin-left: 380px;
	text-align: center;
	width: 510px;
	}

.content div.right_pic {
	float: right;
	text-align: center;
	width: 510px;
	}

.content div.qa {
	padding: 15px;
	margin: 10px 0px 10px 0px;
	background-color: #FFF;
	}

.content div.qa:hover {
	background-color: #777;
	color: #FFF;
	-moz-box-shadow: 0px 0px 5px #777;
	-webkit-box-shadow: 0px 0px 5px #777;
	box-shadow: 0px 0px 5px #777;
	}

.content div.qa:hover h3 {
	color: #FFF;
	text-shadow: 0.05em 0.02em 0.01em #666;
	}		

.bg_skatla {
	background-image: url(../img/skatla_gogix.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 240px;
	padding-right: 300px;
	}

h3.bullet {
	background-repeat: no-repeat;
	background-image: url(../img/bullet_location.png);
	background-position: 0px 5px;
	padding-left: 20px;
	font-weight: bold;
	}	
	
p.bg {
	background-color: #FFF;
	padding: 15px;
	}

p.bg:hover {
	background-color: #777;
	color: #FFF;
	text-shadow: 0.05em 0.02em 0.01em #666;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	}

p.bg:hover a {
	color: #FFF;
	text-shadow: 0.05em 0.02em 0.01em #666;
	}	
	
p.zabg {
	padding-left: 15px;
	}

.content ul.prodajna_mesta {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #FFF;
	}

.content ul.prodajna_mesta li {
	background-image: none;
	float: left;
	display: inline;
	padding: 0px;
	margin: 10px;
	width: 275px;
	}

.mreza_img {
	padding: 5px 0px 20px 0px;
	margin-top: 0px;
	}

a.show_hide_form {
	text-decoration: none;
	}	

.buy_form {
	position: absolute;
	width: 400px;
	padding: 15px;
	margin: 0px 15px 15px 450px;
	background-color: #FFF;
	font-size: 11px;
	z-index: 9999;
	-moz-box-shadow: 0px 0px 15px #CCC;
	-webkit-box-shadow: 0px 0px 15px #CCC;
	box-shadow: 0px 0px 15px #CCC;
	}

.buy_form:hover {
	-moz-box-shadow: 0px 0px 15px #999;
	-webkit-box-shadow: 0px 0px 15px #999;
	box-shadow: 0px 0px 15px #999;
	}	

label {
	display: block;
	padding: 10px 0px 2px 0px;
	}

input.vnos {
	width: 385px;
	padding: 3px;
	}

input.vnos:focus {
	}
	
textarea.vnos {
	width: 385px;
	margin-bottom: 10px;
	}
	
textarea.vnos:focus {
	}
	
.sent {
	color: #009933;
}

.button {
}	
	

/* END CONTENT */

/* FOOTER */

.footer_bg {
	background-image: url(../img/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}

.bottom_bg {
	background-image: url(../img/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}	
	
.container #footer {
	text-align: center;
	font-size: 11px;
	padding: 15px 0px 15px 0px;
	}
	
/*
.container #footer ul {
	padding: 10px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	}

.container #footer ul li a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-color: transparent;
	}
	
.container #footer ul li {
	display: inline-block;
	padding: 0px;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	margin-left: 3px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.container #footer ul li:hover {
	background-position: 0px -16px;
	}

.facebook {
	background-image: url(../img/facebook.png);	
	}

.twitter {
	background-image: url(../img/twitter.png);	
	}

.linkedin {
	background-image: url(../img/linkedin.png);	
	}

.vimeo {
	background-image: url(../img/vimeo.png);	
	}

.flickr {
	background-image: url(../img/flickr.png);	
	}

.youtube {
	background-image: url(../img/youtube.png);	
	}
*/

/* END FOOTER */

/* BUTTON */

a.button {
    background: transparent url(../img/bg_button_a.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;	
	color: #663301;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0.05px 0.02px 0.01px #ebe7e0;
}

a.button span {
    background: transparent url(../img/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* END BUTTON */

/*
.button {
	-moz-box-shadow:inset 0px 1px 2px 0px #ebe7e0;
	-webkit-box-shadow:inset 0px 1px 2px 0px #ebe7e0;
	box-shadow:inset 0px 1px 2px 0px #ebe7e0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #edbf17), color-stop(1, #d9ab2c) );
	background:-moz-linear-gradient( center top, #edbf17 5%, #d9ab2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edbf17', endColorstr='#d9ab2c');
	background-color:#edbf17;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #DB730F;
	border-top: 1px solid #C76B0D;
	display:inline-block;
	color:#663301;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0.05px 0.02px 0.01px #ebe7e0;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d9ab2c), color-stop(1, #edbf17) );
	background:-moz-linear-gradient( center top, #d9ab2c 5%, #edbf17 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ab2c', endColorstr='#edbf17');
	background-color:#d9ab2c;
	color:#663301;
}

.button:active {
	position:relative;
	top:1px;
}
*/

/* SCROOL GALLERY */

#waterwheel-carousel {
  width:890px;
  height:270px;
  position:relative;
  clear:both;
  padding: 0px 35px 0px 35px;
}

#waterwheel-carousel a {
}

#waterwheel-carousel .carousel-images img {
	padding-bottom: 15px;
	visibility:hidden;
	cursor:pointer;
	bottom: 0px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(../img/bg_pic.png);
}
#waterwheel-carousel .carousel-controls .carousel-prev a {
	position:absolute;
	bottom:100px;
	left:0px;	  
	padding: 0px;
	width: 38px;
	height: 79px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../img/prev.png);
}

#waterwheel-carousel .carousel-controls .carousel-prev a:hover {
	background-position: 0px -79px;
}

#waterwheel-carousel .carousel-controls .carousel-next a {
	position:absolute;
	bottom: 100px;
	right:0px;
	padding: 0px;
	width: 38px;
	height: 79px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../img/next.png);
}

#waterwheel-carousel .carousel-controls .carousel-next a:hover {
	background-position: 0px -79px;
}


#flickr_gallery {
	position: relative;
	float: left;
	width: 890px;
}

.flickr_photos {
	position: relative;
	float: left;
	display: block;
}

.flickr_photos img {
	padding: 0px;
	margin: 8px;
	border: 10px solid #FFF;
}

.flickr_photos img:hover {
	-moz-box-shadow: 0px 0px 15px #999;
	-webkit-box-shadow: 0px 0px 15px #999;
	box-shadow: 0px 0px 15px #999;
}

.flickr_photosets {
	clear: both;
	padding-bottom: 15px;
}


/* END SCROOL GALLERY */

/*
-moz-box-shadow: 0px 0px 40px #000;
-webkit-box-shadow: 0px 0px 40px #000;
box-shadow: 0px 0px 40px #000;

text-shadow: 0.05em 0.05em 0.03em #AD5D08;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;


::selection {
	background: #666;
}

::-moz-selection {
	background: #666;
}

::-webkit-selection {
	background: #666;
}
*/