body {
        font-family: Chivo, Roboto, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: black;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        //position:relative;
}

a:link, a:visited, a:hover, a:active {
        color: #ff0000;
        //text-decoration: underline;
}


p {
        font-family: Chivo, Roboto, 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 19px;
        color: black;
        margin-top: 0px;
        margin-right: 35px;
        margin-bottom: 13px;
        margin-left: 35px;
}

tbody {
        font-size: 14px;


}

sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}


h4 {
	font-family: Chivo, Roboto, 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	color: black;
        margin-top: 2px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
}

h3 {
	font-family: Chivo, Roboto, 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
}

.capt {
	font-size: 10px;
	font-weight: normal;
        margin-top: 3px;
}


.def {
        border: 1px;
        border-color: white;
	border-style: solid;
}

.stamna {
	background-color: #666666;
        border: 1px;
        border-color: #333333;
	border-style: solid;

}

.ssvetla {
	background-color: #999999;
        border: 1px;
        border-color: #666666;
	border-style: solid;
}

.defpozadina {
	background-color: #F2EBD9;
        border: 1px;
        border-color: #CCCCCC;
	border-style: solid;
}

.secpozadina {
	background-color: #E4D9AF;
        border: 1px;
        border-color: #CCCCCC;
	border-style: solid;
}

.belapozadina {
	background-color: white;
        border: 1px;
        border-color: #CCCCCC;
	border-style: solid;
}

.stangla {
	color: white;
        font-size: 13px;
	text-align: left;
}

.znakgt {
	color: #FF0000;
	font-size: 10px;
}

.glavna {
	background-image: url('../assets/images/pozadina.gif');
	background-repeat: repeat-y;
	border-left-style: none;
	border-bottom-style: none;
	border: 1px;
        border-color: white;
	border-top-style: solid;
	border-right-style: solid;
}

.glavna2 {
	background-image: url('../assets/images/pozadina2.gif');
	background-repeat: repeat-y;
	border-left-style: none;
	border-bottom-style: none;
	border: 1px;
        border-color: white;
	border-top-style: solid;
	border-right-style: solid;

}

.potpis {
	font-size: 11px;
	font-weight: bold;
	margin-left: 35px;
}

.citat {
	font-size: 11px;
	margin-left: 35px;
	margin-right: 35px;
}

.acenter {
	text-align: center;
}

.aleft {
	text-align: left;
}

.aright {
	text-align: right;
}


.button {
	font-family: 'Droid Sans', sans-serif;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin: 0px;
	border: 1px solid rgba(0,0,0,0.4) ;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5),
				0 0 1px 1px rgba(255,255,255,0.8),
				0 0 0 6px rgba(0,0,0,0.06),
				0 0 0 3px rgba(0,0,0,0.1);
	cursor: pointer;
}

button:focus {outline:0;}


.title {
	padding: 5px;
	float: left;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
//	text-transform: uppercase;
	border-right: 1px solid rgba(255,255,255,0.3);
}
.price {
	padding: 5px;
	float: left;
	color: black;
	font-weight: 700;
	font-size: 16px;
	text-shadow: 1px 1px rgba(255,255,255,0.3);
//	text-transform: uppercase;	
	border-left: 1px solid rgba(0,0,0,0.2);
}

/* colors */
.yellow {
	background: rgb(255,214,94);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,214,94,1)), color-stop(100%,rgba(254,191,4,1)));
	background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
	background: linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );
}

.yellow:hover {
	background: rgb(254,191,4);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ2NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(254,191,4,1) 0%, rgba(255,214,94,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,191,4,1)), color-stop(100%,rgba(255,214,94,1)));
	background: -webkit-linear-gradient(top,  rgba(254,191,4,1) 0%,rgba(255,214,94,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,191,4,1) 0%,rgba(255,214,94,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,191,4,1) 0%,rgba(255,214,94,1) 100%);
	background: linear-gradient(top,  rgba(254,191,4,1) 0%,rgba(255,214,94,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf04', endColorstr='#ffd65e',GradientType=0 );
}

.green {
	background: rgb(143,200,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjhlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(143,200,0,1) 0%, rgba(102,142,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(102,142,0,1)));
	background: -webkit-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#668e00',GradientType=0 );
}
.green:hover {
	background: rgb(102,142,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2OGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(102,142,0,1) 0%, rgba(143,200,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,142,0,1)), color-stop(100%,rgba(143,200,0,1)));
	background: -webkit-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668e00', endColorstr='#8fc800',GradientType=0 );
}

.korpa_subtotal {
    position: absolute;
    left: 20px;
    top: 0px;
    padding-top: 5px;
    padding-right: 10px;
    height: 21px;
    background-color: red;
    font-family: 'Droid Serif';
    font-size: 12px;
    color: white;
}


.korpa_slicica {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    padding: 3px;
    height: 20px;
    background-color: red;
}

#toggle {
    position: absolute;
    left: 370px;
    top: 1px;
    width: 300px;
//    height: 22px;
    background-color: transparent;
}



.button_korak {
    bottom: 10px;
    right: 10px;
    width: auto;
    box-sizing: border-box;
    color: #5d5d5d;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #e21937;
    border: 1px solid #e21937;
    font: normal normal 500 normal 13px / 19.5px 'Open Sans', sans-serif;
    outline: none;
    padding: 0.7em 3em;
    opacity: 1;
    visibility: visible;
    color: #fff;
    transition: opacity ease 0.3s 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none !important;
}

.text_korak {
    color: white;
    display: block;
    height: 19px;
}


  .button_korak:hover, .button_korak:active {
    background: #b72036;
    border-color: #b72036;;
}




#body_form {
  background-color: #fff;
  color: #111;
  margin: 0;
  padding: 0;
  font: 0.75em/1.3 Verdana, Tahoma, sans-serif;
}

.wrapper {
  width: 80%;
//  margin: 20px auto 40px auto;
}

.fPodaci {
//  background-color: rgb(244,252,232);
  background-color: #f2ebd9;
  width: 510px;
  padding: 1em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; 
}

fieldset {
  background-color: rgba(126,208,214,0.3);
//  border: 3px solid rgb(244,252,232);
  border: 3px solid #f2ebd9;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; 
//  margin: 0 0 1em 0;
}

fieldset:hover {
  background-color: rgba(126,208,214,0.5);
}

legend {
  font-size: 16px;
}

form div {
  float: left;
  width: 100%;
  padding: 0 0 0.75em 0;
  position: relative;
}

form p.help {
  font-style: italic;
  padding: 0 1em 1em 1em;
}

form p.help em {
  color: red;
}

form fieldset div:first-of-type {
  padding-top: 1em;
}

form label {
  float: left;
  width: 30%;
  font-size: 116.7%;
}

form div label em {
  position: absolute;
  color: red;
  right: 0;
}

form input {
  width: 65%;
  font-size: 133%;
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; 
  padding: 0.25em;
}


.floating-box {
    display: inline-block;
    width: 100px;
//    height: 150px;
    margin: 10px;
    border: 3px solid #73AD21;  
}


div.feature {
    position: absolute;
    left: 12px;
    top: 11px;
    width: 108px;
    height: 55px;
//    border: 3px solid #73AD21;
    border:0;
}

div.feature2 {
    position: absolute;
    left: 0px;
    top: 79px;
    width: 847px;
    height: 60px;
    border: 0;
}

    div.feature a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
    }
	
    div.feature2 a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
    }	
	

		.simpleCart_items{
			float:left;
			clear:left;
			width:500px;
			margin:20px;
                        margin-bottom:0;
			font-family: 'Chivo';
		}
		

						
		.itemRow{
			clear:both;
			//width:543px;
			padding:15px 0;
			padding-bottom: 25px;
			font-size:13px;
			//line-height:25px;
			height:auto;
                        //margin-top:45px;
			border-top:1px solid gray;

		}
			
		.headerRow {
			font-size: 14px;
			text-align: left;
			color: blue;
		}

		
		.headerRow .item-price { text-align:center;
		}
				

		div.headerRow * { 
			font-size: 14px;
			font-family: 'Chivo';
			font-weight: normal;
			color: blue;

		}


		.headerRow .item-total { 
		  	text-align:center;
			margin-left: 15px;

		}
		
		.item-image{
			float:left;
			width:80px;
		}

		.item-image img{
			vertical-align:middle;
		}

		.item-name{
			float:left;
			width:160px;
			padding-bottom:10px;
                	font-size: 14px;
			font-family: 'Chivo', Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: black;

		}

		.item-name a:visited {
			//color: #008000;
			color: black;
		}

		.item-name a:link {
			//color: #008000;
			color: black;
			text-decoration: none;
		}


		.item-name a:hover {
			color: #FF6600;
		}


		.item-pageLink{
			float:left;
			width:160px;
			padding-bottom:10px;

		}




		.item-price{
			float:left;
			width:90px;
			text-align: right;
		}

		.item-quantity{
			float:left;
			width:70px;
			text-align:center;
			
		}

		.item-quantity input{
			width:25px;
			border:1px solid #ccc;
			padding:3px 2px;
			//display:block;
			font-size:11px;
			text-align: center;
			height:20px;
			margin-top:-3px;			
		}
		.item-total{
			float:left;
			color:#444444;
			text-align:right;
			width:100px;
			font-weight: bold;
		}
		
		.item-remove {
			text-align: right;
		}
		
		.total-row{
			clear:both;
			float:left;
			margin-top:10px;
		}
		.total-items{
			float:left;
			width:105px;
			margin-left:295px;
			text-align:center;
		}
		.total-price{
			float:right;
			text-align:right;
		}


   .noscript {
      width:100%;
      height:100%; /* will cover the text displayed when javascript is enabled*/
      z-index:100000; /* higher than other z-index */
      position:absolute;
   }

   .noscript #div100{
       display:block;
       height:100%;
       background-color:white; 
   }



#slikakorice div {
 display: none;
}



#akcijskipopust {
    z-index: 1000;
    position: absolute;
    left: -15px;
    bottom: -10px;
    width: 83px;
    height: 82px;
    overflow: hidden;
    background: url(..//assets/images/akcijskipopust.png) no-repeat;
}

#akcijskipopust div.inner {
    margin: 24px 18px 0px 18px;
    overflow: hidden;
    height: 30px;
    text-align: center;
    line-height: 30px !important;
}

#akcijskipopust span.broj {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    font-family: Arial;
}

#akcijskipopust span.posto {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    font-family: arial;
}

#akcijskipopust div.inner2 {
    margin: -1px 18px 20px 18px;
    overflow: hidden;
    height: 12px;
    text-align: center;
}

#akcijskipopust span.tekstpopust {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    line-height: 11px;
}



#contact-form .fieldgroup label.error {
    color: red;
    display: inline-block;
    margin: 4px 0 5px 145px;
    padding: 0;
    text-align: left;
    width: 220px;
    font-family: 'Roboto', Verdana, Arial;
    font-weight: normal;
    font-size: 13px;
}

#contact-form .fieldgroup input.error {
    border: 2px solid red;

}




#spisakizdanja ul {
 list-style: none;
 overflow:hidden;
 display:inline-block;
 float:none;
 position:relative;
 margin:0;
 padding:0;

 }

 #spisakizdanja ul li {
 position: relative;
 display:inline-table;
 float: none;
 color: red;
 text-align:center;
// margin:10px 0 0 10px;
 margin-top:10px;
 margin-left:10px;
 margin-right:4px;
 margin-bottom:20px;
 padding:0;
 }

#spisakizdanja p {
  margin-top:10px;
  margin-left:0;
  margin-right:0;
  margin-bottom:0px;
  width: 113px;
  text-align:left;
  font-size: 12px;
  font-family: 'Roboto';
  font-weight: bold;
  color: #00599a;
  line-height: 1.2;
  word-wrap: break-word;
}

#spisakizdanja p a {
  text-decoration:none;
  color:inherit;
}


#spisakizdanja img {
  width:113px; border:3px solid #73AD21;
}

.velikaslova {
  text-transform: uppercase;
}

.lista {
  font-family: Roboto;
  font-size: 15px;
  line-height: 19px;
  margin: 0 35px 13px 35px;
}