.simple-modal {
	width: 100%;
	right: 0;
	bottom: 0px;
	position: fixed;
	margin: 0;
	color: #FFF;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
    background: rgb(53, 156, 214);
	padding:0px;
	border-top: 1px solid #ffffff;
	z-index: 99999;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

 

@media only screen and (min-width: 1300px) { 
	.piskotek_wrapper {
	width: 1300px;
	}
}

@media only screen and (max-width: 767px) { 
.simple-modal {
	right: 0;
	bottom: -10px;
	position: fixed;
	opacity: 0.9;
  	clear:both;
  	width: 100%;
  	margin: 0 0px 10px 5px !important;
  	color: #FFF;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 13px;
  	font-weight: normal;
  	line-height: 18px;
  	background-color: #393948;
  	border: 1px solid #EAEEFA;
  	border: 1px solid rgba(234, 238, 250, 0.6);
 	z-index: 99999;
}

.simple-modal .simple-modal-body h1 {
	margin: 0;
  	color: #FFF !Important;
  	font-size: 18px;
  	font-weight: normal;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	line-height: 55px;
}

}

.simple-modal .simple-modal-header {
  	padding: 5px 0px;
  	margin: 0;
}

.logo_cookies {
	background-image: url(/templates/default/images/basic/logo_cookies.png);
	background-repeat: no-repeat;
	height: 89px;
	width: 100px;
	position: absolute;	
	right:70px;
	margin-top:-69px;
}
  
.simple-modal .simple-modal-header h1 {
  	margin: 0;
  	color: #FFFFFF;
  	font-size: 18px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	line-height: 36px;
  	margin:0;
}
.simple-modal a.close {
  	position: absolute;
 	right: 15px;
  	top: 15px;
  	color: #ffffff;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 17px;
  	font-weight: normal;
  	line-height: 10px;
  	text-decoration: none;
}
.simple-modal a.close:hover {
  	color: #444;
}
.simple-modal .simple-modal-body {
  	padding: 0px; /* oroginal 10px*/
}

.simple-modal .simple-modal-body h1 {
	margin: 0;
  	color: #126600;
  	font-size: 30px;
  	font-weight: normal;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	line-height: 55px;
 	letter-spacing:normal !important;
}

.simple-modal .simple-modal-body div.contents {
  	overflow: hidden;
}
.simple-modal .simple-modal-body p {
  	font-size: 13px;
  	font-weight: bold;
  	color: #F3F3F3;
  	line-height:16px;   /* 18px staro*/
  	padding-bottom:0px;
}

@media only screen and (max-width: 767px) { 
.simple-modal .simple-modal-body p {
	font-size: 12px;
	color:#FFF;
}
}
.simple-modal .simple-modal-body p img {
  	display: block;
  	margin: 0 auto 10px auto;
}
.simple-modal .simple-modal-footer {
  	display: block;
  	zoom: 1;
  	padding-bottom: 10px;
  	text-align: center;
}
.simple-modal .simple-modal-footer a.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 5px 14px 6px;
  color: #FFF;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ffffff;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
}s
.simple-modal .simple-modal-footer a.btn.primary {
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background-color: #326261;
  background-repeat: repeat-x;
  margin-right: 15px;
}


.simple-modal .simple-modal-footer a.btn.primary.bg-blue {

  	background-color: #A7CF45; /*#179acd !important*/

}

.simple-modal .simple-modal-footer a.btn.primary.red:hover {
  	border: 1px solid #444;
  	background-color: #444;
}

.simple-modal .simple-modal-footer a.btn.primary:hover {
  	border: 1px solid #444;
  	background-color: #444;
}
.simple-modal .simple-modal-footer a.btn.secondary {
  	padding: 5px 2px 6px;
}
.simple-modal .simple-modal-footer a.btn.secondary:hover {
  	color: #999;
}

@media only screen and (max-width: 767px) { 
.simple-modal .simple-modal-footer a.btn.primary {
  	clear:left;
  	width:100%;
  	color: #FFF;
  	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  	background-color: #999;
  	background-repeat: repeat-x;
  	margin-right: 15px;
 	margin-bottom:2px;
}
}
.simple-modal .simple-modal-footer a.btn.primary:hover {
	border: 1px solid #ffffff;
  	background-color: #004AD8;
}
.simple-modal .simple-modal-footer a.btn.secondary {
  	padding: 5px 2px 6px;
}
.simple-modal .simple-modal-footer a.btn.secondary:hover {
  	color: #999;
}	
/* Draggable style */
.simple-modal.draggable .simple-modal-header:hover {
  	cursor: move;
  	background-color: #f8f8f8;
   -webkit-border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-radius-topleft: 6px;
   -moz-border-radius-topright: 6px;
  	border-top-left-radius: 6px;
  	border-top-right-radius: 6px;
}
/* Loading style */
.simple-modal.loading .simple-modal-body {
  	min-height: 60px;
 /* background: transparent url("../images/loader.gif") no-repeat center center; */
}
.simple-modal.loading .simple-modal-body div.contents {
  	display: none;
}
.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
  	display: none;
}
/* Hide header */
.simple-modal.hide-header .simple-modal-header {
  	display: none;
}
/* Hide header */
.simple-modal.hide-footer .simple-modal-footer {
  	display: none;
}
.border_content{
	border-bottom:1px solid #EEEEEE;
	margin-top:5px;
	margin-bottom:5px;
}
.piskotek_wrapper{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding:0px 10px 0px 10px;
}
h5.piskotek_naslov{
	font-weight:normal;
	margin:10px 0;
}