/******************************* CSS RESET - MEYERWEB.COM *******************************/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: transparent;
	/*background: #980812;*/
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/******************************* BASE CSS *******************************/
/* 	Common elements
	Commonly used elements on the site. Srsly.
*/
.clear { clear:both }
.left { text-align:left !important } .center { text-align:center !important } .right { text-align:right !important }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right }
.alignleft.clear, .alignright.clear, .aligncenter.clear { float:none }
img.alignleft { margin:5px 15px 15px 0 } img.alignright { margin:5px 0 15px 15px }
.noborder { border:none; padding:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.nomargin { margin:0 !important }
.banner { border:none; padding:0; margin-bottom:10px }
.hidden { display:none }
strong { font-weight:bold }

/* 	Styling the Body tag */
body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

#features { width: 300px; float:left;  }
.container  { width: 300px; height: 265px; margin: 0; text-align: left; background: #EDEDED url(images/bg-shadow_p.png) repeat-y   }
.ponuda {  width: 300px;  margin: 0; text-align: left; }
.tekst_cijena { width: 280px; float: none; position: absolute;top: 165px; left: 10px; }
.tekst { margin: 0; }
.tekst table { height: 60px; }
.tekst table td { vertical-align:  middle; }
.cijena_link {  text-align: center; margin: 0;  height:38px; }

.crno_jaje_corner { display: block; float: left; margin: 0; position: absolute; z-index: 2000; }
.crno_jaje { display: none; }

.slika_posto { float: left; width: 300px; position: absolute; }
.slika_posto img { width: 300px; height: 165px; margin-top: 0px; }
.slika_posto img.thumb, .banner_name, .slika_posto img.mobile { display: none; }

.slika_posto .posto { color: #FFF; font-weight: bold; font-size: 18px; position: absolute; right:6px; top:105px; background: url(../iframe/images/percent_all.png) no-repeat; display: block; width: 65px; height: 50px; text-align: center; padding: 22px 0 0 19px; }

.slika_posto .bestprice {
	display: none;
}

h2, h3 { 	
	font-size: 15px;
	z-index: 10;
	font-family: Arial, sans-serif;
	font-weight: 700;
	border-bottom: 1px dotted #A20913;
	padding: 6px 0 5px 0;
	color: #A20913; }
	
h2 { 
font-size: 14px;
	border-bottom: 0px dotted #A20913;
	padding: 6px 0 5px 0;
	color: #A20913;
	margin: 0px 0 0 0;
	font-weight: ;
	line-height: 1.1em;
  }

span.lokacija { display: none;  }
span.interno {  }
p.dsc { 	
	color: #222;
	font-size: 11px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-weight: 400;
	padding: 5px 0 3px 0;
	line-height: 1.2em; 
	height: 61px;
	padding-right: 0px;
	}
	
.cijena_link .da-link {
	float: right; width: 80px;
	margin: 3px 0px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	color: #fff;
	border: 0;
	padding: 8px 0px 6px 0px;
	font-size: 13px;
	text-align: center;
	background: url(../iframe/images/button_all.png) repeat-x top left;
	font-weight: normal;
	font-family: Georgia;
	display: block;
	text-decoration: none;
}
.cijena_link .da-link:hover { background: #A20913; }

.cijena_link p { 
position: absolute;
color: #A20913;
font-size: 12px;
overflow: hidden;
font-family: Arial, sans-serif;
font-weight: 400;
font-size: 11px; line-height: 1.3em;
text-transform: lowercase;
margin-top: 0px; }

.cijena_link p span.before { display: block; float: left; text-align: left; margin-right: 15px; }
.cijena_link p span.now { display: block; float: left; text-align: left; }

.cijena_link span.samo { display: none; }
.cijena_link em { display: block; font-style: normal; color: #A20913;  font-size:140%; }

.cijena_link s, .cijena_link em { display: block; font-size: 16px; padding-top: 3px; font-weight: bold; }
.cijena_link .before s { font-weight: normal; }

.jshowoff-slidelinks { position: absolute; margin: 0; padding: 0; top: 5px; right:8px; display: none; }
.jshowoff-slidelinks a:link, 
.jshowoff-slidelinks a:visited, 
.jshowoff-slidelinks a:hover, 
.jshowoff-slidelinks a:active { 	
	text-indent: -9999px;
display: inline-block;
	position: relative;
	width: 8px;
	height: 8px;
	margin: 0px 1px 0 2px;
	cursor: pointer;
	background: url(../iframe/images/tockice_p.png) top left no-repeat; }
	
.jshowoff-slidelinks a.jshowoff-active:link, 
.jshowoff-slidelinks a.jshowoff-active:visited, 
.jshowoff-slidelinks a.jshowoff-active:hover, 
.jshowoff-slidelinks a.jshowoff-active:active { 	
background: url(../iframe/images/tockice_p.png) top right no-repeat; 
}
.jshowoff-controls {
	-moz-user-select: none;
	-webkit-user-select: none;
}

.jshowoff-controls a {
	text-indent: -9999px;
	position: absolute;
	height: 30px;
	width: 30px;
	top: 62px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #A20913;
	cursor: pointer;
	z-index: 2000;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.container .jshowoff-controls{
	opacity:0;
	display: none;
}

.container:hover .jshowoff-controls{
	opacity:1;
	display: block;
}

.jshowoff-controls a:after { 	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(../iframe/images/arrows.png) no-repeat top left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
	


.jshowoff-controls a:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.jshowoff-controls a:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.jshowoff-controls .jshowoff-next:after{
	background-position: top right;
}
.jshowoff-controls .jshowoff-prev{
	left: 8px;
}
.jshowoff-controls .jshowoff-next{
	right: 8px;
}

.jshowoff-play { display: none; }


.posto span { display: block; font-size: 10px; }
.posto span.ustede {
	display: none;
}