html, body{
	margin:0;
	padding:0;
	}
	
body{
font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
background: white;
}

h1{font-size: 1.8rem;}
h2{font-size: 1.6rem;}
h3{font-size: 1.4rem;}
h4{font-size: 1.2rem;}
h5{font-size:.9rem;}
h6{font-size:.8rem;}

iframe{
border:1px solid #dedede;
display: block;
margin:3px auto;
}

header{
/*	height:130px*/;
	margin:0 5px 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f5f7+0,8abbd7+39,066dab+100 */
background: rgb(242,245,247); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(242,245,247,1) 0%, rgba(138,187,215,1) 39%, rgba(6,109,171,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(242,245,247,1) 0%,rgba(138,187,215,1) 39%,rgba(6,109,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(242,245,247,1) 0%,rgba(138,187,215,1) 39%,rgba(6,109,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f7', endColorstr='#066dab',GradientType=1 ); /* IE6-9 */
}
header h1{
margin-top: .5rem;
font-size:2.2rem!important;
-webkit-text-stroke: 1px #505c67;
letter-spacing: 0.3rem;
text-align:center;
color: #ffcc00;

text-shadow: 2px 2px 5px #5b6875;
}
footer{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #bababe 0%, #a9a9c2 100%);


/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #bababe 0%, #a9a9c2 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #bababe 0%, #a9a9c2 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababe), color-stop(1, #a9a9c2));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #bababe 0%, #a9a9c2 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #bababe 0%, #a9a9c2 100%);
background-repeat: no-repeat;
	height: 30px;
	padding:10px 0 0 0 ;
	text-align: center;
}
a#logo-header{
		display:inline-block;
		width:162px;
		height:128px;
		background-color: transparent;
		background-image:  url(../images/logo-nabidky-lyteframe.gif);
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0.2rem auto 0 ;
		text-indent: -9999px;
		}
		
/***************** MENU ************************/
ul#menu{
display: block;
	padding:0;
	margin: 0 auto;
	height:25px;
	list-style: none;
}

ul#menu li{
	float: left;
	text-align: left;	
	font-weight: bolder;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#356aa0+0,52789e+41,5a7a9b+57,356aa0+100 */
background: rgb(53,106,160); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(82,120,158,1) 41%, rgba(90,122,155,1) 57%, rgba(53,106,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(82,120,158,1) 41%,rgba(90,122,155,1) 57%,rgba(53,106,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(82,120,158,1) 41%,rgba(90,122,155,1) 57%,rgba(53,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
	border-right: 1px solid white; 
}
#menu li:last-child{
	border-right: none;	
 
}
#menu a {
	margin: 0;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	text-transform: uppercase; 
	font-size:11px;
	}



#menu li a:hover {
	/*background-color:white;*/
	color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
background: rgb(63,76,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

;
	}
#menu a.active {
	color:#fff;
	background-color:red ;
	}	
.polozka_zbozi{ 
	float: left;
	width: 140px;
	_height: 300px;
	min-height:350px;
	display: block;
	border:1px solid #FFD3A6;
	margin:3px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	z-index:0;
	}
	
	.polozka_zbozi ul{
	margin-left:5px ;
	}
	html>body .polozka_zbozi ul{
	margin:0 0 0 -3em;
	}
	.polozka_zbozi li{
		 list-style: none;
	}
 .hidden{
	display: none;
}
.img-l{
float: left;
margin: 1em 1em 5px 0;
	
}
.img-r{
float: right;
margin: 1em 0 1em 1em ;
}
.img-c{
	display: block;
	margin:auto;
	
}
.img-brd{
	border: 1px solid #bbb;
}

.blok-c{
	display: block;
	margin:  0 auto;
	text-align: center;
}
.cena{
		color: #d00000;
	}
	/*.tlacitko{
	display: block;
	cursor: help;
	margin: 4px auto;
	text-align: center;
	border: 1px solid #d00000;
	background-color: #FFCC00;
	color: #d00000;
	font-weight: bold;
   }*/
	.clear{
	clear: both;
}
#stroj_detail{
	width: 800px;
	padding: 5px;
	margin:10px auto;
	border: 1px solid #a6a6a6;
	background: #dbe2e8;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
#stroj_detail table{
	margin:auto;
	width: 90%;
	border-collapse: collapse;
}
#stroj_detail td{
	padding: 2px;
	margin: auto;
}
#stroj_detail h3,h4{
	margin:0;
}
.ba{
	border: 1px solid black;
}
.bt{
	border-top: 1px solid black;
}
.br{
	border-right: 1px solid black;
}
.bb{
	border-bottom: 1px solid black;
}
.bl{
	border-left: 1px solid black;
}
.col-left{
	float: left;
	width:411px;
	margin: 0;
	padding: 0 2px 0;
/*	border: 1px solid #a6a6a6;*/
	_height:300px;
	min-height: 300px;
	/*padding:0 5px;
	
	background: #ECF5FF;*/
}
.col-left li{
  list-style: none!important;
 }
.col-right{
	/*margin: 5px 0;
	padding:0 5px;*/
	margin-left:412px;
	/*width:388px;*/
	_height:300px;
	min-height: 300px;
/*	border: 1px solid #a6a6a6;*/
	/*border-left: none;
	background: #FFFFEC;*/
}
.col-right img{
	margin: 5px auto;
	display: block;
	border: 1px solid #dedede;
	padding: 2px;
	background-color: #fff;
}
.det_head{
display: block;
/*border-bottom: 1px solid #a6a6a6;*/
padding: 0 5px;
}
.searchtext {
 float: right;
 border:0;
 margin:2px 2px 0 0;	
}
.red{ color:red;}
.green{ color:Green;}
.blue{color: Blue;}
.gray{
	color:gray;
	
}
@media print{
	select{display: none;}
	input {display: none;}
	.noprint{display: none!important;}
.nastenka_p, .nastenka_u, .nastenka_i,.nastenka_n{width: 160px;min-height:250px;}	

}
.ram{
padding: 2px 5px;
	border: 1px solid #a6a6a6;
	/*border-left: 0;
	border-right: 0;*/
}

.rz{
	background-color: #FFD631;
	color: Black;
	padding: 1px 2px;
	border: 2px solid black;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 17px;
}
.minPrice{
	color: Red;
	font-weight: bold;
	font-size: 12px;
}
.lbl{
	float:left;
  	width:25%;
  	margin-right:0.5em;
  	padding-top:0.2em;
  	text-align:right;
  /*font-weight:bold;*/
}
.cell{
	/*display:block;*/
	width: 6em;
	text-align: right;
}
.a-left{
	text-align: left;
}
.a-right{
	text-align: right;
}
.a-center{
	text-align: center;
}
.if-of{
	
	color: Red!important;
	background-color: white;
}
.a-justify{
	text-align: justify;
}
#commonTable table{
border: 1px solid #939393;
margin:auto;
empty-cells: show;
border-collapse: collapse;
	
}
#commonTable th{
	background: #E6E6E6; 
	padding: 0 2px;
	border: 1px solid #939393;
}
#commonTable td{
	padding: 0 2px;
	border: 1px solid #939393;
}
#commonTable caption{
	width: auto;
	margin: 10px auto 0;
	text-align: center;	
	background-color: #E6E6E6;
	font-size: 1.1em;
	 font-weight:  normal;
	border: solid 1px #939393;
	border-bottom: none;
}
.nestedTable table {
width: 100%!important;
border:0;
}
.nestedTable td {
	padding:0;
	border: 0;
}
.btn-zpet{
	 cursor: pointer;
	 padding: 1px 3px;
	 display: block;
	width: 5em;
	margin: 4px auto;
	text-align: center;
	border: 1px solid #d00000;
	background-color: #FFCC00;
	color: #d00000;
	font-weight: bold;
	text-decoration: none;
}
label {
   color: Black;
	float:left;
  	width:20%;
  	margin-right:0.5em;
  	padding-top:0.2em;
  	text-align:right;
  	font-weight:bold;
}
/*html>body label{
	float:left;
}*/

fieldset { 
/*	padding: 1em;*/
/*	font-size:80%; 1 sans-serif;*/
	margin:0.5em auto;
	border:1px solid #808059;
	background: #efefde;
	padding: 5px;
}

legend {
	background: #D9D2C3;
 	padding: 0.2em 0.5em;
	border:1px solid #808059;
	color:black;
	font-size:95%;
	text-align:left;
	margin-bottom: 10px;
}
#form-siroky {
	width: 800px;
	margin: 4px auto 4px auto;
	font-size: 80%;
}
#form-siroky img{
	display:block;
	margin: auto;
	padding: 5px;
	border: solid #D9D2C3 1px;		
}

#form-siroky label {
   color: Black;
	float:left;
	width:30%!important;
	margin-right:0.5em;
  	padding-top:0.2em;
  	text-align:right;
  	font-weight:bold;
}
html>body  #form-siroky label{
	float:left;
}
#form-siroky fieldset { 
/*	padding: 1em;*/
/*	font-size:80%; 1 sans-serif;*/
	margin:0.5em auto;
	border:1px solid #808059;
	background: #efefde;
	padding: 5px;
}
 td#form_siroky {
	border:1px solid #808059;
	empty-cells: show;
}
.poznamka{
padding: 2px;
margin:0.5em auto;
border: 1px solid #ccc;
background-color: white;
}
.datum{
	font-family: Georgia,"Times New Roman", Times, serif;
	color: #9C9C9C;
	font-size:0.9em;
}
#vypisDoc ul{
margin:0;
}
#vypisDoc li{
 list-style: none;
 margin-left: 0;
}
#vypisDoc a{
 text-decoration: none;
 color: #003399;
} 
#vypisDoc a:hover{
	color: #CC0000;
}
.hlaska{
/*	font-size: 10px;
	text-align: center;
	min-height: 60px;
	_height: 60px;
	width: 30%;
	margin: 2em auto;
	padding: 1em;
	border: solid 1px #B22222;
	background: #FFB193 url(../images/alert.gif) no-repeat 3px 3px;	*/
	text-align: center;
	min-height: 60px;
	_height: 60px;
	width: 30%;
	margin: 2em auto;
	padding: 1em;
	border: solid 1px #66FF67;
	background: #C6FFC6 url(../images/i.jpg) no-repeat 3px 3px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 6px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
}

.pochvala{
	font-size: 10px;
	text-align: center;
	min-height: 60px;
	_height: 60px;
	width: 30%;
	margin: 2em auto;
	padding: 1em;
	border: solid 1px #B22222;
	color: red;
	font-size: 14px;
	font-weight: bold;
	background: #FFCC00 ;	
}

.usrName{
float: right;
	display: block;
	line-height:15px;
	/*width: 220px;*/
	border: none;
	color:white;
	background-color: transparent;
	padding:0 2px;
	margin: 70px auto 0;
font-size: 1.1em;
font-weight: bold;
}
.who_is_online{
float: left;
	display: inline;
		line-height:15px;
	/*width: 220px;*/
	border: 1px solid #fefefe;
	background: #FFFFCC;
	padding: 2px;
	margin: 70px auto 0;
	font-size: 0.9em;
}

.filter{
	font-size: 12px;
	font-weight: bold;
	color: #FF0033;
	display:block;
	background-color: #FFFFCC;
	text-align: center;
	margin: auto;
}
.titulek_head{
	font-size: 16px;
	display: block!important;
	color: #0001AE;
	background-color: #FFFFCC;
	text-align: center;
	margin: auto ;
}
.totRows{
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #FF0033;
	background-color: #FFFFCC;
	text-align: center;
	margin: auto ;
}
.delete{
	cursor: pointer;
}
.polozkaPic img{
	float: left;
	margin:5px;
	border: 1px solid #708090;
	padding:2px;
}
.dokument a{
	text-decoration: none;
}
.dokument img {
	border: none;
	padding: 3px 5px 3px 3px;
	
}
.tlac a{
	text-align:center;
	text-decoration:none;
	/*display:block;*/
	padding: 0 0.2em;
	margin: 1em auto;
	color: black;
	background-color:	#90EE90;
	border: solid 1px #BF9F60;	
}
.tlac a:hover{
	background-color: Lime;
}

.tlac img{
	border: 0;
}
.tlacitko{
	margin:1em auto;
}
.tlacitko a{
	text-align:center;
	text-decoration:none;
	/*display:block;*/
	padding: 0 0.2em;
	margin: 1em auto;
	color: black;
	background-color:	#90EE90;
	border: solid 1px #BF9F60;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 3px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}
.tlacitko a:hover{
	background-color: Lime;
		-moz-box-shadow: 0 0 2px #aaa;
	-webkit-box-shadow: 0 0 2px #aaa;
	box-shadow: 0 0 2px #aaa;
}

.tlacitko img{
	border: 0;
}
.zaplaceno, .nezaplaceno{
	display: block;
	margin: 0 auto 2px;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
}
.zaplaceno{
	background-color: #ECECEC;
	border: 1px solid #C9C9C9;
	color: Green;
}
.nezaplaceno{
	background-color: #FFFF33;
	border: 1px solid #FF6600;
	color: #FF0033;
}
#form-prehled-plateb form{
width: 95%;
margin: auto;
}
#form-prehled-plateb table {
empty-cells: show;
font-size: 11px;
border: 1px solid Black;
}
#form-prehled-plateb td{
	border: 1px solid Black;
	padding: 0 3px;
	border-collapse: collapse!important;
	empty-cells: show;
	background-color: white;
}
#form-prehled-plateb th{
border: 1px solid Black;
	background-color: #E7E7E7;
	border-collapse: collapse;
}
#form-prehled-plateb caption{
	border: 1px solid Black;
	width: 100%;
	background-color: #E7E7E7;
	font-weight: bold;
}
#form-prehled-plateb input{
	 font-size: 11px;
}
#form-prehled-plateb textarea{
text-align: left;
font-size: 11px;
}
.pozn{
	background: url(../images/bg_pozn.gif) no-repeat top left;
	padding-left:4px;
}
@media print{
	select{display: none;}
	input { border: none;}
	textarea { border: none;}
	.noprint{display: none;}
}
.stroj-pozn{
	overflow: hidden;
	height: 18px;
	background: url(../images/bg_pozn.gif) no-repeat top left;
	padding-left:4px;
	display: block;
	background-color: White;
	border:1px solid #B0C4DE;
	padding: 1px;
	margin:2px auto;
	font-size: 0.95em;
	}
.stroj-pozn:hover{
	background-image: none;
	padding: 0;
	overflow: auto;
	min-height: 100px;
	position: relative;
	left:0px;
	top: 0px;
	z-index: 1;
	}

.nastenka_p, .nastenka_u, .nastenka_i,.nastenka_n{ 
	float: left;
	width: 180px;
	_height:450px;
	display: block;
	padding-top:3px;
	margin:3px;	
	border: 1px;
	border-style: solid;
		-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	}
html>body .nastenka_p, .nastenka_u, .nastenka_i,.nastenka_n{width: 160px;min-height:430px;}	
	.nastenka_p{/*poptavka*/
	background-color:#FFFFB5!important;
	background-image:url(../images/bg_nastenka_p.gif);
	background-repeat: no-repeat;
	background-position:top center;
	
	border-color:#FFA500;
		
}
.nastenka_u{/*ukol*/
		background-color:#FFB7B7!important;
		background-image: url(../images/bg_nastenka_u.gif);
		background-repeat: no-repeat;
	background-position:top center;
		border-color:#FF3E3E;
}
.nastenka_i{/*informace*/
	background-color:#C3D49F!important;
	background-image: url(../images/bg_nastenka_i.gif);
	background-repeat: no-repeat;
	background-position:top center;
	border-color:#809D46;
}
.nastenka_n{/*nabidka*/
	background-color:#AEE4FF!important;
	background-image: url(../images/bg_nastenka_n.gif);
	background-repeat: no-repeat;
	background-position:top center;
	border-color:#809D46;
}
	.nastenka_p ul, .nastenka_u ul, .nastenka_i ul,.nastenka_n ul{
	margin-left:5px ;
	}
	html>body .nastenka_p ul, .nastenka_u ul, .nastenka_i ul, .nastenka_n ul{
	margin:0 0 0 -3em;
	}
	.nastenka_p li, .nastenka_u li, .nastenka_i li,.nastenka_n li{
		 list-style: none;
	}
	.nastenka_pozn{
	background: url(../images/bg_pozn.gif) no-repeat top left;
	padding-left:4px;
		display: block;
		overflow: hidden;
		height:40px;
		background-color: White;
		border:1px solid #B0C4DE;
		padding: 1px;
		margin:2px auto;
		font-size: 0.95em;
	}
	.nastenka_pozn:hover{
	background-image: none;
	padding: 0;
		overflow: auto;
		min-height: 150px;
	}
	.nastenka_email{
	background: url(../images/bg_pozn.gif) no-repeat top left;
		display: inline-block;
		overflow: hidden;
		width:80px;
		height: 17px;
		line-height: 17px;
			vertical-align: bottom;
	}
 .nastenka-kontakt{
	background: url(../images/bg_pozn.gif) no-repeat top left;
		display: inline-block;
		overflow: hidden;
		width:40px;
		height: 17px;
		line-height: 17px;
		vertical-align: bottom;
	}
	.nastenka_email:hover, .nastenka-kontakt:hover{
		display: inline-block;
		overflow: visible;
		min-width:120px;
		background-color: white;
	}
	.nastenka_cislo{
	width:145px;
	margin: -3px 10px 0 0;
	text-align: right;
	padding-right: 25px;
	color:green;
	padding-top:0;
	font-weight: bold;
	}
	html>body .nastenka_cislo{
		padding-right: 5px;
		margin: -3px 10px 0 0!important;
	}
/*.nastenka{
border:1px solid #B0C4DE;
background-color: #FEFF77;
width:98%;
margin:5px auto;
}
.nastenka li{
	list-style: none;
}*/
.nastenka-detail_n{/*nabidka*/
	background-color:#AEE4FF!important;
	border:1px solid #FFA500;
	margin:0 5px;
}
.nastenka-detail_p{/*poptavka*/
	background-color:#FFFFB5!important;
	border:1px solid #FFA500;
	margin:0 5px;
}
.nastenka-detail_u{/*ukol*/
		background-color:#FFB7B7!important;
		border:1px solid #FF3E3E;
		margin:0 5px;
}
.nastenka-detail_i{/*informace*/
	background-color:#C3D49F!important;
	border:1px solid #809D46;
	margin:0 5px;
}

#nastenka-detail-levy{
	float:left;
	width: 170px;
	background-color: #A5BCDA;
	margin:0 0 0 5px;
	padding: 1px;
}
#nastenka-detail-levy ul{
margin:0;

	
	}
html>body #nastenka-detail-levy ul{
	margin-left:3px ;
	}
#nastenka-detail-levy li,#nastenka-detail_u li, #nastenka-detail_i li, #nastenka-detail_p li #nastenka-detail_n li{
		 list-style: none;
		 margin:0;
padding:0;
	}
#nastenka-detail-pravy{
/*margin-left: 175px;*/
border:2px solid #B0E0E6;
margin:0 5px 0 175px;
padding:3px;
}
.zapis{
	border-bottom: 2px solid #A5BCDA;
}
.zapis h5{
	color: Red;
}
.zapis-body{
	font-size: 0.95em;
}

.subj{
	color: #FF4500;
}
#tisk table{
color: Black;
border-color: #aaa;
border-collapse: collapse;
}
#tisk td,th {
	font-size: 10px;
	border: 1px solid black;
} 
#tisk th{
	background-color: silver;
	font-weight: bold;
}
#tisk input, select, checkbox{
	font-size: 10px;
}
.pozn-tisk{
	font-size: 0.95em;
}
.pseudoOdkaz{
	 cursor: pointer;
	
}
img.pseudoOdkaz {
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
	display: inline!important;
}
.readonly{
	color: #575757;
	background-color: Silver;
}

#remindZone{
background-color: #FFD700;
border: 3px solid Red;
/*display: block;*/
width: 98%;
}
@media print{
body{
font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
background: white;
}
form #formConfig{
	display: none;
}
.noprint{display: none;}
}
.docasne-nezobrazit{
	background-color: #718395;
	border:1px solid #5F6F7E;
}
/* hromadne nabidky  - v samostanem souboru*/
.tooltiptext{
    display: none;
}
.even{
	background-color: #dcdcdc;;
}
.odd{
	background-color: white;
}
.highlight { background : #ff0; }
			
			.searchbar {
				position	: fixed;
				background	: #eee;
				border-bottom: 1px solid #ccc;
				width		: 100%;
			}
			
			.searchbar-inner {			
				padding		: 10px;
			}
	.prodano-odb{
	background: url(../images/bg_pozn.gif) no-repeat top left;
		display: inline-block;
		overflow: hidden;
		width:70px;
		height: 34px;
		line-height: 17px;
		vertical-align: bottom;
	}
	.prodano-odb:hover{
		display: inline-block;
		overflow: visible;
		min-width:70px;
		min-height:50px;
		background-color: white;
	}	
	/***************************btn- nahoru************************/
button#btnTopPage {
	width: 35px;
	height: 35px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 35px;
  border: none;
  outline: none;
  background-color: white;
  color: red;
  cursor: pointer;
  border-radius: 20px;
}

button#btnTopPage:hover {
  background-color: red;
  color: white;
}
/************************ btn- nahoru************************/
/********************* ribbon ******************************/
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
/*********************** end ribbon*****************************/