/* - Dizajn */

body{
	margin: 0px;
	background: #fff;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a{
	font-weight: normal;
	text-decoration: none;
	color:#FFF;
}

a:hover{
	font-weight: normal;
	text-decoration: none;
	color: #ec2224;
}

p{
	margin-bottom: 15px;
}

.sitemap ul{
	margin-left:20px;
	list-style:disc;
}

#stranica_okvir{
	margin: 0;
	width: 100%;
	background: transparent;
	padding-top: 0px;
}

#stranica{
	margin: 0px auto;
	width: 92%;
	background: transparent;
}

#stranica #header_pocetna{
	background: url(../cssWeb/gwsm_images/gore_proba.png) no-repeat top right;
	margin-top: -112px;
	padding-bottom: 22px;
}



/****** SLIDER *****/

.container {
	width:100%;
	margin: 10px auto;
}

#slides {
	background: rgba(12,12,12,0.6); 
	padding: 0 0 1% 0;
	float: left;
	width: 70%;
	margin-bottom:25px;
}

.slider_content
{
        line-height: 18px;
        font-family: 'Open Sans', sans-serif;
        width:340px;
        position:absolute;
        margin-left: 150px;
		margin-top: 50px;
        display:none;
        z-index:11;
		
}



#slider_content1
{
        display:block;
}

.slider_content p
{
        margin:0 0 30px 0;
        color:#fff;
        background: transparent;
        padding:2%;
		font-size:14px;
		line-height:18px;
}

.slider_content h3{
	font-size: 30px;
	font-weight: 300;
}

.slider_content .responsive_button
{
        display:none;
        color:#fff;
		padding-left: 2%;
}

.slider_content .responsive_button hover
{
        display:none;
        color:#eee;
}

#slides .slidesjs-navigation {
  margin-top:3px;
}

#slides .slidesjs-previous {
  margin-right: 5px;
  float: left;
  margin: 3px 4px;
  margin-top: 16px;
  margin-left: 8px;
}

#slides .slidesjs-next {
  margin-right: 5px;
  float: left;
  margin: 3px 4px;
  margin-top: 16px;
}

#slides .slidesjs-slide {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:auto;
	max-width:100%;
}

.slidesjs-pagination {
  margin: 16px 8px 0 0;
  float: right;
  list-style: none;
}

.slidesjs-pagination li {
  float: left;
  margin: 0px 2px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(../jQuery/slider/img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
  color: #fff;
 
}

#slides a:hover,
#slides a:active {
  color: #bc4e82
}

.navbar {
  overflow: hidden
}

#slides {
  display: none
}

#katalog {
    float: left;
    height: auto;
    margin: 0 auto 0 1%;
    max-height: 100px;
    width: 29%
}

#katalog img {
	height:auto;
	max-width:100%;
	width:100%;
}

/********* KRAJ SLIDERA ********/

/********* HEADER **********/

header
{
        position:relative;
        width:auto;
        margin: 0 auto 5px auto;
		background: url(../cssWeb/gwsm_images/poz_header_.png) no-repeat top left;
}

header img
{
    margin: 15px 0 0;
    padding: 0 20px 20px;
    width: 300px;
}
header .desno{
	float:right;
}
header .desno img {
	float: right;
    margin: 10px 10px 0 0;
    width: 50px;
}

/********* KRAJ HEADERA **********/


#header_pocetna {
	width:100%;
	height:80px;
}

/********* MENI **********/

nav {
    background: none repeat scroll 0 0 #bc4e82;
    height: 50px;
    position: relative;
    width: 100%;
	z-index:1000;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: #888888;
}

.f-nav { 
	z-index: 9999; 
	position: fixed; 
	top: 0; 
	width: 92%;
	margin: 0;
}

nav ul {
    float: left;
    list-style: outside none none;
    margin-left: 1%;
}

nav ul li{
    display: block;
    float: left;
    min-height: 50px;
    padding: 0 20px;
    transition: all .25s ease;
	color:#fff;
	font-size:16px;
	line-height:50px;
}

nav ul li a{
    text-transform:uppercase;
	display:block;
}

nav ul li:hover {
	background:#222222;
	padding:0 20px;
	color:#fff;
}
nav ul li a:hover {
color:#fff;
}

nav ul li ul {
  display: none;
  position: absolute;
  top: 100%;
  margin-left: -20px;
  background: #bc4e82;
  color: #fff;
}

nav ul li ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    clear: both;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 35px;
    min-height: 30px;
    padding: 0;
    transition: all 0.25s ease 0s;
    width: 100%;
}
nav ul li ul li a {
	display:block;
	padding:0 20px;
}

nav ul li:hover ul {
  display: block;
  background:#bc4e82;
}

nav ul li ul li:hover {
	background:#222222;
	padding:0;
}


#mobileMenu
{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li{
        display:block;
        background-color: #bc4e82;
        color: #fff;
		font-size:12px;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #bc4e82;
}
#mobileMenu ul li:hover
{
        background-color: #3b3535;
}

#mobileMenu ul li a{
	line-height:30px;
	text-transform:uppercase;
	display:block;
}

#mobileMenu ul li a:hover
{
        color: #fff;
}
#mobileMenu ul li > ul {
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
#mobileMenu ul li > ul li a{
	text-transform:none;
}

.toggleMobile
{
        display: none;
}
/********* KRAJ MENIJA **********/


/* BUTTONS */

.button
{
        padding:7px 14px;
        border: 1px solid #c3532e;
        background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);
        background-color: #eb653c;
        color: #EBE8DE;
        text-shadow: 1px 1px 0px #ff8155;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}

/* 3 COLUMNS */

.boxcontent
{
    -moz-column-count: 3;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    column-count: 3;
    -moz-column-gap: 20px;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    clear: both;
	margin-top:20px;
    width: 100%;
}

.boxcontent article
{
    background: #bc4e82;
    border-radius: 12px;
	text-align:left;
    border: 3px solid #ffffff;
    display: inline-block;
    list-style: outside none none;
    margin: 20px 2%;
    padding-bottom: 5px;
    font-size: 13px;
    height: 260px;
    margin: 1% 0.5%;
    overflow: hidden;
    padding: 30px 1% 10px;
	position:relative;
	column-width:1000px;
	-moz-column-width:1000px;
	-webkit-column-width:1000px;
	max-width:95%;
	width:95%;
}
.boxcontent article a{
	color:#eeeeee;
}
.boxcontent article a:hover{
	color:#3b3535;
}
.boxcontent article h3
{
        font-size:18px;
        margin-bottom:10px;
        margin-left:80px;
}

.boxcontent article img {
    float:left;
}

.boxcontent article .article_text {
    max-height: 255px;
    line-height: 22px;
    margin-left: 80px;
	margin-right: 5px;
    overflow: hidden;
	color: #ffffff;
}
.boxcontent article .article_text img{
	float:none;
	max-width:100%;
}
.boxcontent article .article_text ul li {
	background: url("../cms/upload/images/3673109918666512_lacro_kvacica.png") no-repeat scroll left center / auto 100% rgba(0, 0, 0, 0);
    padding-left: 30px;
}

.boxcontent article .article_button {
	margin: 0 auto;
	margin-bottom: 20px; 
	text-align: center; 
	width: 100%;
}

#slider1_container {
	border-radius: 8px;
    border: 3px solid #ddd;
}
#slider1_container div {
	border-radius: 8px;
}

/*** GLAVNI SADRŽAJ ****/

#stranica #sadrzaj{
	width: 100%;
	position: relative;
	margin-top:10px;
	clear: both;
	background: transparent url('gwsm_images/bijela_80.png') repeat top left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	font-size: 12px;
	line-height: 18px;
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: #888888;
}

#stranica #sadrzaj a{
	color: #bc4e82;
	font-weight: normal;
}

#stranica #sadrzaj a:hover{
	color: #FC3;
}

#stranica #sadrzaj #glavno{
	width: 100%;
	min-height: 500px;
	margin: 0px;
	float: left;
	color: #220000;
	font-weight: normal;
}

#stranica #sadrzaj #glavno a{
	color: #bc4e82;
}

#stranica #sadrzaj #glavno a:hover{
	color: #888;
}

#stranica #sadrzaj #glavno .nad_naslov{
	font-size: 10px;
	line-height: 25px;
	color: #ea5b0b;
	margin-bottom: 15px;
	border-bottom: #ea5b0b 1px solid;
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px;
	background: url('gwsm_images/poz_sideNaslov.jpg') no-repeat top left;
}

#stranica #sadrzaj #glavno .nad_naslov a{
	color: #000000;

}

#stranica #sadrzaj #glavno .nad_naslov a:hover{
	color: #b08a46;
}

#stranica #sadrzaj #glavno .okvir_full{
	margin: 0px;
	background: url(gwsm_images/glavno_sadrzaj.gif) top left no-repeat;
	width:100%;
}

#stranica #sadrzaj #glavno .okvir_full .naslov{
    border-bottom: medium none;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 25px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

#stranica #sadrzaj #glavno .okvir_full .podnaslov{
	color: #b08a46;
	font-size: 12px;
	line-height: 32px;
	border-bottom: #b08a46 1px solid;
	text-align: left;
	margin-bottom: 15px;
	padding-left: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#stranica #sadrzaj #glavno .okvir_full .tekst{
	color: #220000;
}

#stranica #sadrzaj #glavno .okvir_full .tekst img{
	padding: 5px;
	margin: 5px;
	border: #eee 1px solid;
}

#stranica #sadrzaj #glavno .okvir_full .tekst img:hover{
	opacity:0.7;
}

#stranica #sadrzaj #glavno .okvir_pol{
	float: left;
    height: auto;
    margin: 2% 1% auto;
    width: 98%;
}

.back_to_top {
	background:url(gwsm_images/arrow_up.png);
	width:30px;
	height:30px;
	opacity:0.8;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:1000;
}
.back_to_top:hover {
opacity:1;
}

/* banneri */

#stranica #sadrzaj #banneri{
	color: #333333;
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin: 40px 2%;
    padding: 0;
    text-align: left;
    width: 26%;
	text-align:center;
}

#stranica #sadrzaj #banneri .banner {
	margin-top:15px;
	float:left;
	width: 100%;
}

#stranica #sadrzaj #banneri .banner img{
	margin-bottom: 10px;
	max-width: 100%;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: #888888;
}

#stranica #sadrzaj #banneri #linkovi{
	padding: 0px;
}

#stranica #sadrzaj #banneri #linkovi .head{
	line-height: 36px;
	font-size: 18px;
	background: #526d31;
	padding-left: 10px;
	color: #eee;
	font-weight: normal;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: #888888;
	
	
}

#stranica #sadrzaj #banneri #linkovi ul{
	margin-top: 5px;
}

#stranica #sadrzaj #banneri #linkovi ul li{
	margin-bottom: 2px;
	margin-right: 0px;
	
}

#stranica #sadrzaj #banneri #linkovi ul li a{
	color: #888;
	line-height: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 25px;
	background: #eee url(gwsm_images/kvacica_mini.png) no-repeat top left;
	display: block;
	border-bottom: #eee 1px solid;

	height: 20px;
	vertical-align: middle;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: #888888;
}

#stranica #sadrzaj #banneri #linkovi ul li a:hover{
	color: #060;
	background: #eee url(gwsm_images/kvacica_mini.png) no-repeat top left;
	border-bottom: #eddfcc 1px solid;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: #888888;
}

#stranica #sadrzaj #banneri .novost_desno{
	tekst-align: left; 
	
	}

/* side 1 */


#stranica #sadrzaj #glavno .okvir_full .tekst table{
	margin: 10px 0;
	border: #CCC 1px solid;
	}
	
#stranica #sadrzaj #glavno .okvir_full .tekst table th{
	border-bottom: #999 1px solid;
	background: #eee;
	text-align: left;
	padding: 5px;
	}
	
#stranica #sadrzaj #glavno .okvir_full .tekst table tr{
	border-bottom: #CCC 1px solid;
	}
	
#stranica #sadrzaj #glavno .okvir_full .tekst table td{
	padding: 5px;
	width: 45%;
	}


#stranica #sadrzaj #glavno .okvir{
	float: left;
    padding: 30px 2%;
    width: 66%;
}

#nadfooter{
	width: 100%;
	margin-top: 20px;
	background: #000 url(gwsm_images/tex_pod_bw.jpg) repeat top left;
	border-top: #3b3535 10px solid;
}

#nadfooter #footer{
	width: 90%;
	height: 200px;
	margin: 0px auto;
	clear: both;
	line-height: 30px;
	vertical-align: bottom;
	color: #222;
	text-align: center;
    padding-top: 30px;
}

#nadfooter #footer .izrada{
	padding-top: 10px;
	width: 290px;
	margin-right: 10px;
	float: right;
	text-align: left;
	color:#fff;
	
}

#nadfooter #footer .addthis {
	float: left; 
	margin-left: 30px;
}

#nadfooter #footer .ikone {
	float: left; 
	padding-top: 18px;
}

#footer a{color: #bc4e82;}
#footer a:hover{color: #fff;}

/************************tekstovi****************************************/

.okvir{
	padding: 0px;
}

.naslov{
	display: block;
	padding: 0px 0px 3px 2px;
	margin-bottom: 15px;
	line-height: 20px;
	font-size: 14px;
	color: #bc4e82;
	border-bottom: #333333 1px dashed; 
}

.tekst{
	font-size: 13px;
    line-height: 22px;
    margin-bottom: 20px;
}

.tekst ul{
	padding-left: 20px
}

.tekst ul li{
	list-style-type:circle;
}

.tekst p{
	margin-bottom: 10px;
}

.tekst img{

	padding: 0px;
	margin: 6px 5px 3px 0px;
	border: #00FF00 1px solid;
}

.slika_okvir{
	float:left;
	padding:3px;
	width:160px;
	height: 100px;
	border:2px solid #FFFFFF;
	margin:10px;
}

.forma_polje{
	margin:auto;
	width:100%;
	height:auto;
	clear:both;
	margin-bottom:10px;
}

.forma_polje_naziv{
	float:left;
	width:35%;
	text-align:right;
	line-height:20px;
	padding:10px;
	background: transparent;
	font-weight: bold;
}

.forma_polje_input{
	float:left;
	width:60%;
	text-align:left;
	
}

.profile_slika{
	float:left;
	padding:3px;
	width:140px;
	height: 140px;
	border:2px solid #FFFFFF;
	margin:10px;
}

input, select{
	margin-left:5px;
	padding: 10px;
	border: #ccc 1px solid;
}

.kosarica input, select{
	width: 360px;
}

.gumb{
	padding:2px;
	text-align:center;
	color:#FFF;
	background: #3f5364;
}

/********** KONTAKT FORMA ***************/
#kontakt_forma{
	width:100%;
	clear: both;
}
#kontakt_forma .forma_polje{
	width:100%;
	float: left;
}
#kontakt_forma .forma_polje_naziv{
	width:25%;
	padding: 10px;
	border-bottom: #CCC 0px solid;
	border-left: #CCC 0px solid;
	background: transparent;
	color: #bc4e82;
	font-size: 14px;
	font-weight: bold;
}
#kontakt_forma .forma_polje_input{
	width:55%;
}
#kontakt_forma input, select{
	width:100%;
	border: #ccc 1px solid;
	padding: 10px;
}

#kontakt_forma .textarea {
	border:1px solid #CCC;
	margin-bottom:10px;
	margin-left:5px;
	width:100%;
	height:250px;
	padding: 10px;
}

#kontakt_forma .gumb{
	width:70%;
	padding: 10px;
}

#kontakt_forma img{
	padding: 5px;
	border: #999 1px solid;
	}

#kontakt_forma .poruka{
	font-size: 12px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 10px;
    text-align: center;
	color: #bc4e82;
}

#kontakt_forma .ok_poruka{
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #ea5b0b;
    font-size: 16px;
    margin: 30px auto;
    padding: 20px;
    text-align: center;
    width: 60%;
}

#kontakt_forma .error_poruka{
	font-size: 12px;
	width: 60%;
    padding: 10px;
    text-align: center;
	margin: 0 auto;
	background:red;
}
#kontakt_forma .validacija {
	padding-left:5px; 
	line-height:18px; 
	font-size:11px;
}

/****** KONTAKT FORMA NOVA *****/
#frmUpit{
	display:block;
	margin: 0 auto;
    width: 70%;
}

#frmUpit .fieldset{
}
/******************** HOVER ON **************************/
#frmUpit .phover{
	color:#9F1319;
}
#frmUpit .phover label{
	color:#9F1319;
}
#frmUpit .phover input{
	color:#9F1319;
	border:none; 
	background-color:#FFF;
	border-bottom:1px #9F1319 solid; 
}
#frmUpit .phover textarea{
	color:#9F1319;
	background-color:#DFDFDF;
	border:1px #9F1319 solid; 
}
#frmUpit .phover select{
	color:#9F1319;
	background-color:#DFDFDF;
	border:1px #9F1319 solid; 
}
#frmUpit #send_bar.phover{
	padding:5px;
	text-align:center;
}
#frmUpit #send_bar.phover input{
	color:#000;
	background-color:#86EF8A;
	border:1px #000 solid; 
}
#frmUpit #send_bar.p input:hover{
	background-color:#a6602f;
}
/*********************** HOVER OFF ***********************/
#frmUpit {
}
#frmUpit label{
}
#frmUpit input{
	background-color:#FFF;
	font-family: Myriad Pro Regular;
}
#frmUpit  textarea{
	background-color:#FFF;
	border:1px #BFBFBF solid;
	font-family: Myriad Pro Regular;
}

#frmUpit select{
	color:#4F4F4F;
	background-color:#FFF;
	border:1px #BFBFBF solid; 
}
#frmUpit .send_bar{
	padding:5px;
	text-align:center;
}
#frmUpit .send_bar input{
	background: none repeat scroll 0 0 #fff;
    border: none;
	font-weight:bold;
    color: #ec2224;
    padding: 10px;
    text-transform: uppercase;
	float:none;
	cursor:pointer;
}
#frmUpit .send_bar input:hover{
	background:#ec2224;
	color:#fff;
}

input:required, textarea:required {
    background: #fff url(gwsm_images/red_asterisk.png) no-repeat 98% center;
}
select:required, textarea:required {
    background: #fff url(gwsm_images/red_asterisk.png) no-repeat 98% center;
}
input:focus:invalid, textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(gwsm_images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
input:required:valid, textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(gwsm_images/valid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
select:focus:invalid, textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(gwsm_images/invalid.png) no-repeat 98% center;
}
select:required:valid, textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(gwsm_images/valid.png) no-repeat 98% center;

}

/**********************************************/

#frmUpit .sub{
	margin: 0px;
	font-size: 10px;
	text-align:center;
}

#frmUpit input, #frmUpit select{
	float: left;
    height: 40px;
	padding:5px;
    margin: 5px 1%;
    width: 46%;
}
#frmUpit textarea{
	height: 120px;
    margin: 5px 1%;
    padding: 5px;
    width: 96%;
}

#frmUpit .div input{
	margin:5px;
	padding:1px;
	border:1px #BFBFBF solid;
	width:120px;
}
.ptitle, #frmUpit #send_bar{
	color: #262626;
    display: block;
    font-size: 1.6em;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}
#frmUpit #send_bar{margin:0px 0px 7px 0px;}

.pblank{
	font-size:11px;
	margin: 0px;
	padding: 5px 1px 8px 3px;
	border-bottom: 1px dashed gray;
}
.pgreen{
	background-color:#6CDB6C;
	margin: 0px;
	padding: 5px 1px 8px 3px;
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	text-align:center;
}
.perror{
	color:#DF2929;
	padding:10px;
	font-size: 14px;
	font-weight:bold;
}

/********** KONTAKT FORMA ***************
#kontakt_forma{
	width:550px;
	clear: both;
}
#kontakt_forma .forma_polje{
	width:500px;
	float: left;
}
#kontakt_forma .forma_polje_naziv{
	width:25%;
	padding: 10px;
	border-bottom: #CCC 0px solid;
	border-left: #CCC 0px solid;
	background: transparent;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
#kontakt_forma .forma_polje_input{
	width:70%;
}
#kontakt_forma input, select{
	width:440px;
	border: #ccc 1px solid;
	padding: 10px;
}

#kontakt_forma .textarea {
	border:1px solid #CCC;
	margin-bottom:10px;
	margin-left:5px;
	width:440px;
	height:250px;
	padding: 10px;
}

#kontakt_forma .gumb{
	width:200px;
	padding: 10px;
}

#kontakt_forma img{
	padding: 5px;
	border: #999 1px solid;
	}
	
	

/********** NOVOSTI ****************/
#novosti{
	width:600px;
}

#novosti .brojevi_stranica{
	width:600px;
	height:auto;
	margin-bottom:6px;
	margin-top:10px;
}

#novosti .broj{
	float:right;
	width:20px;
	line-height:19px;
	text-align:center;
	margin-right:5px;
	color: #330000;
	border:1px solid #333300;
	background:#FFFFFF;
}

#novosti .naziv_stranice{
	float:right;
	width:auto;
	line-height:21px;
	text-align:center;
	margin-right:5px;
	color: #330000;
	border:0px;

}

#novosti a .broj{
	text-decoration:none;
}
#novosti a:hover .broj{
	text-decoration:none;
	color:#000;
	background: #eee;
	border: #CCC 1px solid;
}

#novosti .aktivan{
	color:#FFFFFF;
	background: #526d31;
	border: 1px solid #060;
}

#novosti .novost{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #FFF;
}
#novosti .novost_naslov{
	color: #526d31;
	font-size: 28px;
	line-height: 42px;
	vertical-align: middle;
	border-bottom: none;
	text-align: left;
	margin-bottom: 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-left: 5px;
}
#novosti .novost_datum{
	text-align:right;
	font-style:italic;
	font-size:10px;
	padding:4px;
	background:url(../images/calender_icon.png) top right no-repeat;
}

#novosti .novost_sadrzaj{
	padding:4px;
}
#novosti .novost_opsirnije{
	width:100%;
	text-align:right;

}
#novosti .novost_opsirnije a{
	text-decoration:none;
}

#novosti .novost_natrag{
	width:100%;
	text-align:left;
	font-style:italic;
}
#novosti .novost_natrag a{
	text-decoration:none;
}


/***************** Mali prozori *****************/

.mali_prozor_naslov{
	width:199px;
	height:32px;
	overflow:hidden;
	line-height:24px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-right:15px;
}

#mala_trazilica{
	float:left;
}
#mala_trazilica .trazi_pojam{
	width:150px;
	height: 20px;
	line-height: 20px;
	border:1px solid #000000;
}

input.gumb{
	float: left;
}


/***************** LOGIN *****************/
#login_stranica{
	width:100%;
}

#login_stranica input, select{
	width:100px;
}


/********** REGISTRACIJA ****************/
#registracija{
	width:100%;
}
#registracija .forma_polje_naziv{
	width:35%;
}
#registracija .forma_polje_input{
	width:60%;
}
#registracija input, select{
	width:200px
}
#registracija .gumb{
	width:200px;
}

/********** PROFIL ****************/
#profil{
	width:100%;
}
#profil .forma_polje_naziv{
	width:35%;
}
#profil .forma_polje_input{
	width:60%;
}
#profil input, select{
	width:200px
}
#profil .gumb{
	width:200px;
}

/************** KORISNICKI *****************/
#korisnicki{
	width:100%;
}
#status_traka{
	padding-left:8px;
	padding-right:22px;
	line-height:28px;
	color:#FFFFFF;
	background:transparent url(../images/status_traka_bgr.png) no-repeat top left;
	width:690px;
	height:37px;
}

#status_traka a{
	color:#FFFFFF;
}

#status_traka a:hover{
	color:#95B1EF;
}


/************** WEBSHOP ******************/
#koraci{
	width:100%;
	font-size:10px;
}

#koraci .korak{
	float:left;
	width:166px;
	color:#AAAAAA;
	background:url(gwsm_images/korak_inactive.png);
	padding-top:2px;
	text-align:center;
	height:33px;
}

#koraci .korak_active{
	float:left;
	width:166px;
	color:#FFFFFF;
	background:url(gwsm_images/korak_active.png);
	padding-top:2px;
	font-weight:bold;
	text-align:center;
	height:33px;
}


/************** KOSARICA *****************/
#kosarica{
	width:600px;
}

#kosarica form{
	width:600px;
}

#kosarica .box{
	border-bottom:1px solid;
}

#kosarica label{
	line-height:26px;
}

#kosarica .boxRed{
	padding: 10px 0;
	border-bottom:1px dashed #000000;
}

#kosarica .tablica_kosarica{
	width:590px;
	margin-left:5px;
	margin-right:5px;
}

#kosarica .tablica_kosarica tr td{
	padding-top:2px;
	padding-bottom:2px;
}

#kosarica textarea{
	border:1px solid #ccc;
	width:588px;
	height:100px;
	padding: 5px;
}

#kosarica .box_naslov{
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	margin:0px;
	margin-top:20px;
	margin-bottom:3px;
	padding-left:6px;
	color:#FFFFFF;
	background: #526d31;
	padding:10px;
	margin: 10px 0;
}

/********* FAVOURITE PROIZVODI **********/
#favourite_proizvodi{
	width:100%;	
}

#favourite_proizvodi .box{
	width:100%;
	border-bottom:1px solid;
}

#favourite_proizvodi .boxRed{
	border-bottom:1px dashed #000000;
}

#favourite_proizvodi .tablica_kosarica tr td{
	padding-top:2px;
	padding-bottom:2px;
}

#favourite_proizvodi textarea{
	border:1px solid #ABABAB;
	width:698px;
	height:100px;
}

#favourite_proizvodi .box_naslov{
	width:100%;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	margin:auto;
	margin-top:20px;
	margin-bottom:5px;
	color:#000000;
	background:#F1F1F1;
	border-bottom:1px dashed;
}

/************ NARUDBA ********************/

#narudzba{
	width:650px;
	background: #ffffff;
	padding: 0 20px 20px 0;
}

#narudzba .narudzba_memorandum{
	margin-top:5px;
	margin-bottom:10px;
}

#narudzba .narudzba_naslov{
	font-size:16px;
	line-height:34px;
	font-weight:bold;
}

#narudzba .narudzba_narucitelj{
	float:left;
	width:300px;
	padding:10px;
	border:1px solid #000000;
}

#narudzba .narudzba_odrediste{
	float:right;
	width:300px;
	padding:10px;
	border:1px solid #000000;
}

#narudzba .narudzba_datum{
	clear:both;
	text-align:right;
	line-height:24px;
}

#narudzba thead{
	border:1px solid #000000;
	font-weight:bold;
}

#narudzba tbody{
	border:1px solid #000000;
}

#narudzba tr{
	border-bottom:1px dashed #000;
}

#narudzba td{
	padding:5px;
}

/************** SLANJE NARUDBE ************/
#slanje_narudzbe{
	width:100%;
}

/************** SPECIJALNI IZBORNICI ************/
#korisnicki_izbornik{
	margin-top: 20px;
}

#mala_trazilica{
	margin-top: 20px;
}

#kategorije_meni{
	margin-top: 20px;
}


/********* CLEARFIX ALTERNATIVE ************/
.clear {
 display:inline-block;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}

/************************ Podjeli ****************************************/

.podjeli{
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}


/************************ Slider II ****************************************/


#featured{ 
	width:850px;
	padding: 10px;
	padding-right:140px; 
	position:relative; 
	border:0px solid #ccc; 
	height:330px;
	background: #fff url('gwsm_images/poz_sadrzaj.jpg') repeat-x bottom left;
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: #888888;
}

/*bez menija*/
#featured ul.ui-tabs-nav-hidden{ 
	display: none;
}
#featured li.ui-tabs-nav-hidden-item a{ 
	display:block; 
	min-height:37px; text-decoration:none;
	color:#fff;  background: transparent;  
	line-height:37px; outline:none;
	vertical-align: middle; padding: 10px;
	padding-left: 50px;
	font-weight: bold;
}
#featured li.ui-tabs-nav-hidden-item a:hover{ 
	background: transparent;
}
#featured li.ui-tabs-selected-hidden, #featured li.ui-tabs-active{ 
	background: transparent;
}
#featured ul.ui-tabs-nav-hidden li.ui-tabs-selected-hidden a, #featured ul.ui-tabs-nav-hidden li.ui-tabs-active a{ 
	background: transparent;
}

/*meni desno*/
#featured ul.ui-tabs-nav-right{ 
	position:absolute; 
	top:0px; left:820px; 
	list-style:none; 
	padding:10px 0; margin:0; 
	width:185px; height:350px;
	z-index: 100;
}
#featured ul.ui-tabs-nav-right li{ 
	padding:0px; padding-left:0px;
	font-size:12px;
	color:#666;
	margin-bottom: 10px;
}
#featured ul.ui-tabs-nav-right li img{ 
	float:left; margin: 2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav-right li span{ 
	font-size:11px; font-family:Verdana; 
	
}
#featured li.ui-tabs-nav-right-item a{ 
	display:block; 
	min-height:37px; text-decoration:none;
	color:#fff;  background: transparent url('/cssWeb/gwsm_images/strelica_2_1.png') top right no-repeat;  
	line-height:37px; outline:none;
	vertical-align: middle; padding: 10px;
	padding-left: 50px;
	font-weight: bold;
}
#featured li.ui-tabs-nav-right-item a:hover{ 
	background: transparent url('/cssWeb/gwsm_images/strelica_1_1.png') top right no-repeat;
}
#featured li.ui-tabs-right-selected, #featured li.ui-tabs-active{ 
	background: transparent url('/cssWeb/gwsm_images/strelica_2_1.png') top right no-repeat;
}
#featured ul.ui-tabs-nav-right li.ui-tabs-selected a, #featured ul.ui-tabs-nav-right li.ui-tabs-active a{ 
	background: transparent url('/cssWeb/gwsm_images/strelica_2_1.png') top right no-repeat;
}

/* meni lijevo */
#featured ul.ui-tabs-nav-left{ 
	position:absolute; 
	top:0px; left:-2px; 
	list-style:none; 
	padding:10px 0; margin:0; 
	width:185px; height:350px;
	z-index: 100;
}
}
#featured ul.ui-tabs-nav-left li{ 
	padding:0px; padding-left:0px;
	font-size:12px;
	color:#666;
	margin-bottom: 12px;
}
#featured ul.ui-tabs-nav-left li img{ 
	float:left; margin: 2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav-left li span{ 
	font-size:11px; font-family:Verdana; 
	
}
#featured li.ui-tabs-nav-left-item a{ 
	display:block; 
	min-height:37px; text-decoration:none;
	color:#fff;  background: transparent url('/cssWeb/gwsm_images/strelica_2_2.png') top left no-repeat;  
	line-height:37px; outline:none;
	vertical-align: middle; padding: 15px;
	padding-left: 50px;
	font-weight: bold;
}
#featured li.ui-tabs-nav-left-item a:hover{ 
	background: transparent url('/cssWeb/gwsm_images/strelica_1_2.png') top left no-repeat;
}
#featured li.ui-tabs-left-selected, #featured li.ui-tabs-active{ 
	background: transparent url('/cssWeb/gwsm_images/strelica_2_2.png') top left no-repeat;
}
#featured ul.ui-tabs-nav-left li.ui-tabs-left-selected a, #featured ul.ui-tabs-nav-left li.ui-tabs-active a{ 
	background: transparent url('/cssWeb/gwsm_images/strelica_2_2.png') top left no-repeat;
}

/* info lijevo*/
#featured .ui-tabs-panel{ 
	width:980px; height:330px; 
	background:#eee; position:relative;
	overflow: hidden;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:20px; left:20px; 
	height:290px;
	width: 280px;
	padding: 10px;
	overflow: hidden;
	background: url('gwsm_images/prozirno_bijelo.png'); 
	color: #000;
}

#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}

#featured .info h2{ 
	font-size: 18px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; 
	color: #526d31; padding:5px; margin:0; margin-bottom: 10px; font-weight:normal;
	overflow:hidden;
	line-height: 24px;
}

#featured .info h2 a{ 
	font-size: 18px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; 
	color: #526d31; padding:5px; margin:0;
	overflow:hidden;
	line-height: 28px;
}
#featured .info p{ 
	margin:0 5px;
	padding: 10px; 
	font-family:Verdana; font-size:11px; 
	line-height:18px; color: #000;

}
#featured .info a{ 
	text-decoration:none; 
	color: #526d31; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* info desno */

#featured .ui-tabs-panel .info_desno{ 
	position:absolute; 
	bottom:20px; right:20px; 
	height:290px;
	width: 280px;
	padding: 10px;
	overflow: hidden;
	background: url('gwsm_images/prozirno_bijelo.png'); 
	color: #000;
}

#featured .ui-tabs-panel .info_desno a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}

#featured .info_desno h2{ 
	font-size: 18px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; 
	color: #526d31; padding:5px; margin:0; margin-bottom: 10px; font-weight:normal;
	overflow:hidden;
	line-height: 24px;
}

#featured .info_desno h2 a{ 
	font-size: 18px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; 
	color: #526d31; padding:5px; margin:0;
	overflow:hidden;
	line-height: 28px;
}
#featured .info_desno p{ 
	margin:0 5px;
	padding: 10px; 
	font-family:Verdana; font-size:11px; 
	line-height:18px; color: #000;

}
#featured .info_desno a{ 
	text-decoration:none; 
	color: #526d31; 
}
#featured .info_desno a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


/************************clearfix****************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/******* MEDIA QUERIES ****/

@media (max-width: 1024px) {
 nav ul a li 
{
	font-size:14px;
	padding: 0 15px;
}
 nav ul a li:hover
{
	padding: 0 15px;
}

#slides {
	width:100%;
}
#katalog {
    margin: 10px auto 0 25%;
    max-height: 400px;
    width: 50%;
}
}

@media (max-width: 900px) {
#header_pocetna {
	display:none;
}
header img {
    padding: 0;
}
}

/* For tablets & smart phones */
@media (max-width: 769px) {
header img {
	margin: 10px 0 0;
	width:250px;
}

#mobileMenu
{
    display: block;
    z-index: 99;
}
.toggleMobile{
	cursor: pointer;
    display: block;
    height: 20px;
    margin: 20px auto;
    position: absolute;
	right:10px;
	top:0;
    text-align: center;
    width: 30px;
    z-index: 999;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
{
		display: block;
		position: absolute;
		width: 30px;
		height: 8px;
		left: 0;
		background: #bc4e82;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1
{
		top: 0;
}
.toggleMobile span.menu2
{
		top: 10px;
}
.toggleMobile span.menu3
{
		top: 20px;
}
.toggleMobile.active  {
	position: absolute;
    right: 10px;
    top: 0;
}
.toggleMobile.active span.menu1 {
	top: 10px;
	background:#bc4e82;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2 {
	background:#bc4e82;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3 {
	opacity: 0;
	-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
nav {
    display:none;
}

#slides {
  width: 100%;
}

#slides .slidesjs-slide {
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	height:110%;
	width:auto;
	overflow:hidden;
}

#slides .slidesjs-previous {
  margin-top: 10px;
}

#slides .slidesjs-next {
  margin-top: 10px;
}

.slidesjs-pagination {
  margin: 10px 8px 0 0;
}


 .slider_content
{
        line-height: 14px;
		margin-left: 50px;
		margin-top: 20px;
}

.slider_content h3
{
        font-size:14px;
}

.slider_content p
{
		font-size:12px;
		line-height:16px;
}

.boxcontent {
    -moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
.boxcontent article .article_text {
	height:auto;
}
.boxcontent{
	padding:0;
}
.boxcontent article {
	min-width:0;
	margin-bottom:0;
	height:auto;
}
.f-nav{
	width:83%;
}
#stranica #sadrzaj #glavno .okvir{
	width:96%;
}
#stranica #sadrzaj #glavno #banneri{
	padding: 0 2%;
    width: 94%;
}

#stranica #sadrzaj #banneri .banner {
     width: 46%;
    padding: 0 2%;
}
#stranica #sadrzaj #glavno .okvir_full{

}
#kontakt_forma .forma_polje_naziv{
	width:25%;
	font-size: 12px;
	line-height:14px;
}
#kontakt_forma .forma_polje_input{
	width:55%;
}
#nadfooter #footer{
	width: 100%;
}
}

@media (max-width: 650px) {
#nadfooter #footer .izrada{
    width: 100%;
	margin-bottom: 20px;
	margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 100%;
	float:none;
}
#nadfooter #footer .addthis {
	float: none; 
	margin-left: 0;
}
#nadfooter #footer .addthis .addthis_toolbox{
	display:none;
}
#nadfooter #footer .ikone {
	float: none; 
	padding-top: 18px;
	text-align:center;
}
#nadfooter #footer .ikone img {
	width: 40px;
	height:45px;
}
}

@media (max-width: 500px) {

#stranica #sadrzaj #glavno .okvir_full .naslov {
    font-size: 22px;
    line-height: 32px;
}

header img {
width: 200px;
}
.boxcontent article {
	height:auto;
	margin-bottom:0;
}

.container {
    width: 99%;
}
.container article p {
	display:none;
}
.slider_content{
	margin-top: 5px;
	margin-left: 5px;
	width:50%;
}
.slider_content h3
{
        font-size:10px;
		line-height:14px;
}
.slider_content p .responsive_button{
    display:inline;
}
#katalog {
    height: auto;
    margin: 10px auto;
    max-height: 400px;
    width: 100%;
}
.container .button{

}
.tekst img {
	max-width:100%;
}
#stranica #sadrzaj #glavno .okvir_full{
	width: 100%;
}
#stranica #sadrzaj #banneri {
	margin:0 1%;
}
#stranica #sadrzaj #banneri .banner {
    width: 100%;
	padding:0;
}
#footer img {
	width:70px;
	height:auto;
}
#kontakt_forma .forma_polje_naziv{
	width:30%;
	padding: 10px;
	font-size: 10px;
	line-height:12px;
}
#kontakt_forma .forma_polje_input{
	font-size: 10px;
    width: 55%;
}

#kontakt_forma .gumb {
    width: 100%;
	height:auto;
}
#kontakt_forma input, select {
    height: 25px;
    margin-top: 5px;
    padding: 0;
}
#kontakt_forma .validacija {
	padding-left:5px; 
	line-height:12px; 
	font-size:10px;
}
#kontakt_forma .textarea {
    height: 150px;
    width: 85%;
}
}

@media (max-width: 915px)
{

}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
 .slider_content
{
        line-height: 18px;
		margin-top: 40px;
		margin-left: 120px;
}

.slider_content h3
{
        font-size:16px;
}

.slider_content p
{
		font-size:14px;
		line-height:18px;
}
}


@media (width: 1024px) {

}

/* For larger displays */
@media (min-width: 1200px) {
.slider_content
{
		margin-top: 60px;
		margin-left: 180px;
}
}

@media (min-width: 1400px) {

}