/* media-queries.css *

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
/* media-queries.css */
#affiliate {
  width: 100%;
  height: 250px;
   background: #fcfbf6; 
   text-align: center; 
}
object {
  width: 970px;
  height: 210px;
  margin: 20px auto 20px auto;
  
}

div.percent40 {
	width: 40%;
}
.deliveryNote {
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	margin: 20px 26px 20px 30px;
	color: #646464;
}
.pac-item-query {
   line-height: 36px;
    font-family: Roboto;
    color: #055d2a;
    font-weight: bold;
    font-size: 15px;
}
.pac-item  {
  border: 1px solid #e6e1cf;
  border-top: none;
  cursor: pointer;
}
.pac-item:hover  {
  background: #faf9f5;
}
.pac-icon {
  background: transparent url(../_images/symbols/poloha.png) no-repeat left 2px;
  height: 25px;
  width: 16px;
  margin-right: 10px;
  margin-left: 7px;
}    


image, image a {
	border: 0;
}


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

body	{
		background: #fff;
		margin: 0;
		font-family: 'Bevan', sans-serif;
		
	}

body {
 /* kontext */
width: 100%;

border: 0 none;
margin: 0;
padding: 0;
}	
a {
	color: #055d2a;
}
a:visited {
	color: #0e8440;
}
a:hover {
	color: #055d2a;
}
.pageRightBlock a {
	text-decoration: underline;
}
.ui-menu-item {
	cursor: pointer;
}
.pageRightBlock a:hover {
	text-decoration: none;
}

.fixedHeight {
	height: 99.9%; 	
}
a {
	text-decoration: none;
}
.roboto {
	font-family: Roboto;
}
.bevan {
	font-family: Bevan;
}

.hidden{
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.noBold {
	font-weight: normal;
}
.font12px {
	font-size: 12px;
}

	.font14px {
	font-size: 14px;
}
.font15px {
	font-size: 15px;
}
.font18px {
	font-size: 18px;
}
.textGrey {
	color: #8d8d8d;
}
.topLine {
	border-top: 1px solid #f0ede2;
}
.zoomSmall {
	background: transparent url(../_images/symbols/zoom-small.png) no-repeat left ;
	width: 70px;
text-align: right;	
}
.zoomSmall a.greenDarker  {
	display: block;
	width: 100%;
}

.bckgWhite {
	background: white;
}
.bckgDarkGreen {
	background: #055D2A;
}

.greenDarker {
	color: #055D2A;
}
.relative {
	position: relative;
}

:-ms-input-placeholder { /* IE10–11 */
    color: #ccc !important;
    font-weight: 400 !important;
}

::-ms-input-placeholder { /* Edge */
    color: #ccc;
    font-weight: 400;
}
 /* zakomentovano pri optimalizaci
::placeholder { 
    color: #ccc;
    font-weight: 400;
}
*/
#howItWorks {
	width: 100%;
	height: 610px;
	
}
#howItWorks .container {
	width: 1080px;
	position: relative;
	margin: 0 auto 0 auto;
	}
#howItWorks .container h1 {
	padding-top: 18px;
	color: #686035;
	font-size: 30px;
	}
.worksBubble {
	margin: 50px 0 20px 20px;
	width: 267px;
	min-height: 300px;
}	
.worksBubbleHead {
	height: 6px;
	background: url(../_images/_bckg/bubble-top.png) no-repeat bottom;
	}	
.worksBubbleBody {
	background: #005624 url(../_images/_bckg/bubble-bottom.png) no-repeat bottom;	
	width: 100%;
	color: white;
	font-weight: bold;
	font-size: 16px;
	padding: 33px 0 90px 0;
}
.worksBubblefooter {
	position: relative;
	height: 80x;
	text-align: center;
	
}
.worksBubblefooter > .text {
	position: absolute;
	top: 20px;
	width: 100%;
	color: #000;
	font-weight: bold;
}
.worksBubblefooter > .text span {
	color: #8a8a8a;
	font-weight: normal;
	font-style: italic;
}

.worksBubblefooter > .circle{
	width: 70px;
	position: relative;
	margin-left: 100px;
	background: #accd36;
	top: -80px;
 	border: 5px solid #accd36;
 	-webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;  
}
.worksBubblefooter > .circle img {
 }

.worksBubbleBody > .text {
	margin: 0px 35px 0px 35px;
	text-align: center;
}
#howItWorksContent01 {
	
}
#howItWorksContent01 p {
	color: #8a8a8a;
	font-size: 16px;
	width: 440px;
	font-weight: bold;
	margin-bottom: 20px;
}
#howItWorksContent01 p span{
	color: #000;
}
#howItWorksContent03 {
	width: 100%;
	margin-top: 45px;
			
}
#howItWorksContent03 > .worksColumnLeft,
#howItWorksContent03 > .worksColumnRight {
	width: 50%;
	float: left;
}
.subColumnLeft {
	width: 420px;
	float: left;
}
.subColumnRight {
	width: 337px;
	float: left;
}
.howResult {
	font-family: Roboto;
	width: 337px;
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: bold;	
}
.howResult .image {
	float: left;
	width: 75px;
	height: 70px;
}
.howResult .text {
	margin-top: 14px;
	float: left;
	width: 236px;
	margin-left: 10px;
}
.howItem {
	font-family: Roboto;
	width: 514px;
	background: url(../_images/_bckg/how-dialog.png) no-repeat top left;

}

#howItWorksContent02 .howItem {
	font-family: Roboto;
	font-weight: bold;
	color: #8a8a8a;
	width: 330px;
	padding-left: 70px;
	padding-top: 10px;
	min-height: 50px;
	background: url(../_images/_bckg/how-haklik.png) no-repeat top left;
}
#howItWorksContent02 .howItem span,
.subColumnLeft span {
	color: #000;
	font-weight: bold;
}
.worksColumnLeft .button {
	margin-top: 60px;
}
.howItemHeader {
	margin-left: 55px;
	font-weight: bold;
	color: #000;
}
.howItemContent {
	margin: 10px 0px 20px 55px;
	color: #8a8a8a;
	border-bottom: 1px solid #f2f0e6;
	padding-bottom: 20px;
	font-size: 14px;
}
#howItWorksHeader {
	width: 100%;
	height: 69px;
	font-family: Bevan;
	font-size: 16px;
	line-height: 30px;
	background: #005624;
	
}
#howItWorksHeader .container {
	width: 1080px;
	margin: 0 auto 0 auto;
	height: 69px;
	
	
}
#howItWorksHeader .container .subcontainer {
	width: 866px;
	margin: 0;
	
}
#howItWorksHeader ul {
	list-style-type:none;
	margin: 0 auto 0 auto;
	padding:0;
	width: 866px;
}
#howItWorksHeader ul  li:last-child {
  border-right: 1px solid #023818;
}
#howItWorksHeader ul  li
		{
		display:inline-block;
		float: left;
		border-left: 1px solid #023818;
		width: 33%;
}
#howItWorksHeader ul  li  a
	{
	display:block;
	text-align: center;
	line-height: 69px;
	color: #fff;
	padding-left: 80px;
	text-decoration: none;
	font-size: 16px;
}
#howItWorksHeader ul  li.s01  a
	{
	padding-left: 40px;
}
#howItWorksHeader ul  li.s02  a
	{
	padding-left: 60px;
}
#howItWorksHeader ul  li.s03  a
	{
	padding-left: 60px;
}
#howItWorksHeader ul  li.s01
{
	background:  url(../_images/_bckg/set02/01.png) no-repeat left;
}
#howItWorksHeader ul  li.s02
{
	background:  url(../_images/_bckg/set02/02.png) no-repeat left;
}
#howItWorksHeader ul  li.s03
{
	background:  url(../_images/_bckg/set02/03.png) no-repeat left;
}
#howItWorksHeader ul >  li:hover,
#howItWorksHeader ul >  li.active
 {
	border-top: 4px solid #ffb922;
	top: -4px;
	position: relative;
}
#howItWorksHeader ul >  li:hover.s01,
#howItWorksHeader ul >  li.s01.active {
	background: white url(../_images/_bckg/set02/01s.png) no-repeat left;
}
#howItWorksHeader ul >  li:hover.s02,
#howItWorksHeader ul >  li.s02.active {
	background: white url(../_images/_bckg/set02/02s.png) no-repeat left;
}
#howItWorksHeader ul >  li:hover.s03,
#howItWorksHeader ul >  li.s03.active {
	background: white url(../_images/_bckg/set02/03s.png) no-repeat left;
}
#howItWorksHeader ul >  li:hover a,
#howItWorksHeader ul >  li.active a {
		color: #686035;
}

.worksColumnLeft {
	width: 758px;
	float: left;
}
.processDescript {
	font-family: Roboto;
	color: #000;
	font-weight: bold;
	float: left;
	width: 190px;
	text-align: center;
}
.processDescript.s02 {
	margin-left: 90px;
	margin-right: 75px;
}
.worksColumnRight {
	width: 322px;
	float: right;
}
.worksTwoColumn .header{
	font-size: 20px;
	font-family: Bevan;
	color: #f0a80e;
}

.worksTwoColumn p{
	margin: 10px 22px 0 22px;
}
.worksColumn p{
	margin: 0 50px 0 50px;
}
#howItWorksInfo {
	width: 640px;
	height: 30px;
	font-size: 16px;
	margin: 40px auto 0 auto;
	font-weight: bold;
	
}

#cookieMain {
	width: 100%;
	background: #e2decb;
	height: 34px;
	    position: fixed;
    bottom: 0;
    font-family: Roboto;
    font-size: 12px;
    line-height: 34px;
    padding-top: 10px; 
	color: #6c6c6c;
}
#cookieMain .container {
  width: 1080px;
  margin: auto; 
}
#cookieMain .container > a {
	color: #055d2a;
}

#header {
  width: 100%;
  background: url(../_images/_bckg/bckg01.jpg) no-repeat center ;
  height: 682px;
  position: relative;
  background-size: cover;
  
}

#header > .container {
  width: 1080px;

  margin: auto; 
}
#slimHeader {
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #E6E1CF;
}
#slimHeader > .container {
  width: 1080px;
  margin: auto; 
}

#slimHeader:after {
    content: '';
    display: block;
    clear: both;	
} 

#slimHeaderStrip {
  width: 100%;
  height: 113px;
  	background: #0D3C1E;

}
#slimHeaderStrip > .container {
height: 113px;
  width: 1080px;
  margin: auto;
	background: url(../_images/_bckg/moje-trziste.png) no-repeat left;
}
#infoBox {
  width: 100%;
  height: 80px;
  	background: #FBFAF4;
  	font-family: Roboto;

}
#infoBox.akce {
  	height: 80px;
  	background: #FFF;
   border-bottom: 1px solid #E6E1CF;

}

#infoBox.akce a {
	color: #055D2A;

}
#infoBox > .container {
	height: 80px;
  width: 1080px;
  min-width: 1050px;
  margin: 0 auto;
}
#infoBoxNav {
	background: white;
	height: 70px;
	font-family: Roboto;
 border-bottom: 1px solid #E6E1CF;
}
#infoBoxNav > .container {

  height: 70px;
  width: 1080px;
  margin: auto;
}

#infoBoxResult.percent50 {
		width: 50%;
}
	#infoBoxNav .container ul,
	#infoBoxResult ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float: right;
	position: relative;
	width: 100%;
	}

#infoBoxNav  ul  li
		{
		display:inline-block;
		float: left;
		border-left: 1px solid #E6E1CF;
		width:16%;
}

#infoBoxNav  ul  li:last-child
		{
		border-right: 1px solid #E6E1CF;
			
}
#infoBoxNav ul  li.s01
		{
	background:  url(../_images/_bckg/set01/01.png) no-repeat left;
}

#infoBoxNav .container ul  li.s02
		{
	background:  url(../_images/_bckg/set01/02.png) no-repeat left;
}
#infoBoxNav ul  li.s03
		{
	background:  url(../_images/_bckg/set01/03.png) no-repeat left;
}
#infoBoxNav ul  li.s04
		{
	background:  url(../_images/_bckg/set01/04.png) no-repeat left;
}
#infoBoxNav ul  li.s05
		{
	background:  url(../_images/_bckg/set01/05.png) no-repeat left;
}
#infoBoxNav ul  li.s06
		{
	background:  url(../_images/_bckg/set01/06.png) no-repeat left;
}

#infoBoxNav ul  li.s01.active
		{
	background:  #FBFAF4 url(../_images/_bckg/set01/01s.png) no-repeat left;
	border-bottom: none;

}
#infoBoxNav ul  li.s02.active
		{
	background:  #FBFAF4 url(../_images/_bckg/set01/02s.png) no-repeat left;
		border-bottom: none;
}
#infoBoxNav ul  li.s03.active
		{
	background:  #FBFAF4 url(../_images/_bckg/set01/03s.png) no-repeat left;
		border-bottom: none;
}
#infoBoxNav ul  li.s04.active
		{
	background:  #FBFAF4 url(../_images/_bckg/set01/04s.png) no-repeat left;
		border-bottom: none;
}
#infoBoxNav ul  li.s05.active
		{
	background:  #FBFAF4 url(../_images/_bckg/set01/05s.png) no-repeat left;
		border-bottom: none;
}
#infoBoxNav ul  li.s06.active
		{
	background:  #FBFAF4 url(../_images/_bckg/set01/06s.png) no-repeat left;
	border-bottom: none;
}




#infoBoxNav ul >  li:hover.s01.notactive
		{
	background:  url(../_images/_bckg/set01/01s.png) no-repeat left;
	font-weight: bold	
}
#infoBoxNav ul  li:hover.s02.notactive
		{
	background:  url(../_images/_bckg/set01/02s.png) no-repeat left;
		font-weight: bold	
}
#infoBoxNav ul   li:hover.s03.notactive
		{
	background: url(../_images/_bckg/set01/03s.png) no-repeat left;
		font-weight: bold	
}
#infoBoxNav ul   li:hover.s04.notactive
		{
	background: url(../_images/_bckg/set01/04s.png) no-repeat left;
		font-weight: bold	
}
#infoBoxNav ul  li:hover.s05.notactive
		{
	background: url(../_images/_bckg/set01/05s.png) no-repeat left;
		font-weight: bold	
}
#infoBoxNav ul  li:hover.s06.notactive
		{
	background: url(../_images/_bckg/set01/06s.png) no-repeat left;
	font-weight: bold	
}






#infoBoxNav ul  li  a
			{
	display:block;
	text-align: center;
	line-height: 70px;
	color: #055d2a;
	padding-left: 40px;
	text-decoration: none;
	font-size: 16px;
	border: 1px solid transparent;

}
#infoBoxResult  ul.left	{
		float: left;
		width: auto;
}
#infoBoxResult  ul.right	{
	float: right;
	width: auto;
}
#infoBoxResult > ul.light > li > a 
			{
	font-size: 14px;
	font-weight: normal;
	color: #0d3c1e;
}

#infoBoxResult > ul.light > li > a 
			{
	font-size: 14px;
	font-weight: normal;
	color: #0d3c1e;
}
#infoBoxResult > ul.light > li.unread > a 
			{
	color: #679b1b;
}
#infoBoxResult > ul.light > li
			{
	margin: 20px 5px 0 5px;
		min-width: 130px;
		width: auto;
}
#infoBoxResult > ul.light > li.active > a
			{
	font-weight: bold;
    
}
#infoBoxResult > ul > li.filtr > a
			{
	margin: -1px;
	border: 1px solid #E6E1CF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: white url(../_images/symbols/reset.png) no-repeat left;
    width: 110px;
    text-align: right;
    padding-right: 20px;
    
    
}
#infoBoxResult > ul > li
		{
		display:inline-block;
		float: left;
		min-width: 140px;
		margin: 20px 10px 0 10px;		
}
#infoBoxResult > ul > li > a 
			{
	display:block;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}


#infoBoxResult > ul > li.active > a
			{
	margin: -1px;
	border: 1px solid #E6E1CF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: white;
    
}
#infoBoxResult  ul  li  a span
			{
		color: #6D653C;
}
#said {
	  width: 100%;
  height: 480px;
  	background: #FFF;
  	font-family: Roboto;
}

#said > .container {
	height: 433px;
  width: 1080px;
  min-width: 1050px;
  margin: 52px auto;
  text-align: center;
}
#said .circle a,
.worksBubblefooter .circle a {
	cursor: default;
}
input.button.green {
	cursor: pointer;
}

#said > .container > h1{
	font-family: Bevan;
	font-weight: bold;
	font-size: 30px;
	color: #686035;
}
.userContainer {
	width: 33%;
	float: left;
	margin-bottom: 24px;
	background: url(../_images/_bckg/1pxline.png) repeat-x 0px 185px;
	}
.userContainer > .saidText {
	margin: 10px 40px 0px 40px;
	height: 132px;
}
.userContainer > .text span {
	color: #8a8a8a;
	font-weight: normal;
	font-style: italic;
}
.userContainer > .circle.bigger{
	width: 70px;
	background: #efecdf;
 	border: 5px solid #efecdf;
 	-webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;  
 left: 0px;
}
.userContainer .text {
	padding-top: 6px;
	width: 100%;
	color: #000;
	font-weight: bold;
}
#topNavSlim {
   width: 780px;
 	float: right; 
 	margin: 0 auto; 
	right: 0em;
	top: 5.2em;
	font-family: Roboto; font-size: 18px; line-height: 24px;
			
}
	#topNavSlim ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float: right;
		position: relative;
	}
#topNavSlim > ul > li
		{
		display:inline-block;
		float: left;
			border-left: 1px solid #E6E1CF;

		
	}
#topNavSlim > ul > li:last-child
		{
	border-right: 1px solid #E6E1CF;

}



#topNavSlim > ul > li > a
			{
	display:block;
	min-width:110px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #055d2a;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid transparent;

}
#topNavSlim  .profil
			{
	width:70px;
	height: 52px;
	border-right: 1px solid #E6E1CF;
	border-left: none;

}

#topNavSlim > ul > li:hover
			{
	background: #faf9f5;
}
	
	
#logo {
  width: 200px;
  	margin: 15px 0 0 15px;
  	margin: 0;
 	float: left; 
 	
}
#topNav {
   width: 700px;
 	float: right; 
 	margin: 0.4em auto; 
	right: 0em;
	top: 5.2em;
	font-family: Helvetica, sans-serif; font-size: 18px;
	}

	#topNav ul {
	list-style-type:none;
	margin: 0px 0 0 0;
	padding:0;
	float: right;
	position: relative;
	}

#topNav > ul > li
		{
		display:inline-block;
		float: left;
		background: url(../_images/_bckg/line-green.png) no-repeat 0 6px;
		text-align: center;
	height: 50px	
	}
#topNav > ul > li.noLine
		{
		display:inline-block;
		float: left;
		background: none;
		text-align: center;
	height: 50px	
	}

#topNav > ul
			{
	background: url(../_images/_bckg/line-green.png) no-repeat right 8px ;
}
	
#topNav  .profil
			{
	width:80px;
	
}

	
#topNav > ul > li:first-child
		{
	background: none;
}


#topNav > ul > li > a,
#topNav > ul > li > span
			{
	display:block;
	min-width:110px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	font-family: Roboto;
	color: #005624;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid transparent;

}

#topNav > ul > li.login
			{
			border-left: none;
			border: 1px solid #93c844;
			border-radius: 5px;
			height: 26px;
}

#topNav > ul li a.trziste,
#topNavSlim > ul li a.trziste
			{
		font-size: 14px; 
		width: 145px;
		text-align: right;
		margin-right: 15px;

}

#topNav ul ul,
#topNavSlim ul ul
 {
	display: none;
}

#topNav ul li:hover > ul,
#topNavSlim ul li:hover > ul
 {
		display: block;
		z-index: 10;
	}
#topNav ul ul,
#topNavSlim ul ul  {
		background: #fff;
		 border-radius: 0; padding: 0;
		position: absolute;
		top: 100%;
		font-size: 14px;
}
#topNav ul ul  {
	margin-top: 1px;
		top: 30px;
		
}

#topNav ul li.profil ul,
#topNavSlim ul li.profil ul  {
		background: #fff;
		 border-radius: 0; padding: 0;
		position: absolute;
		top: 100%;
		right: 0;
		font-size: 14px;
	}		
#topNav  ul ul li,
#topNavSlim  ul ul li  {
			text-align: left;
			float: none; 
			border: 1px solid #E6E1CF;
			position: relative;
			margin-top: -1px;
			width: 161px;
			height: 38px;
		}
#topNav ul ul li a,
#topNavSlim ul ul li a {
			display: block;
			padding: 8px 4px 0 20px;
			color: #055D2A;
			text-decoration: none;
			line-height: 25px;
}	
#topNav ul ul li:hover,
#topNavSlim ul ul li:hover
 {
	background: #FAF9F5;
}
#topNav ul ul .triangle,
#topNavSlim ul ul .triangle
 {
background: url(../_images/symbols/arrowMenu.png) no-repeat;
 width: 14px;
 height: 8px;
 position: absolute;
 top: -8px;
 left: 18%;
 margin-left: -8px;
 z-index: 11;
}
#topNav ul ul .triangle2,
#topNavSlim ul ul .triangle2,
#topImage ul .triangle2 {
background: url(../_images/symbols/arrowMenu.png) no-repeat;
 width: 14px;
 height: 8px;
 position: absolute;
 top: -8px;
 left: 80%;
 margin-left: -8px;
 z-index: 11;
}
#topNav .message,
#topNavSlim .message  {
	width: 2.9em;
	height: 2.5em;
	float: left;
	background: url(../_images/symbols/message-green.png) no-repeat 5px 3px;
	top: -8px;
	margin: 10px;
	position: absolute;
	cursor: pointer;
}
#topNavSlim .message  {
	background: url(../_images/symbols/message-green.png) no-repeat 5px 3px;
	top: 5px;
}
#topNavSlim ul ul li.logout,
#topNav ul ul li.logout {
	background: url(../_images/symbols/lock.png) no-repeat right;
}

#topNavSlim ul ul li.logout:hover,
#topNav ul ul li.logout:hover  {
	background: #FAF9F5 url(../_images/symbols/lock.png) no-repeat right;
}	

#topNav .message  .container,
#topNavSlim .message  .container {
	margin: -5px 0 0 25px;
	background: #93c844;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	
}			
#topNav .message  a,
#topNavSlim .message a
 {
	
	display:block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-family: Roboto;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
#topImage {
	width: 80px;
	float: right;
	background: url(../_images/_bckg/line-green.png) no-repeat left;
	position: relative;
}
#topNav .circle {
	margin-top: -5px	
}
.circle {

margin: 6px auto;
max-width: 40px;
height: auto;
position: relative;
overflow: hidden;
}
.circle.bigger {
max-width: 80px;
	left: -12px;
}
.circle a {
	margin: auto;
	width: 32px;

}
.circle img {
  display: block;
  margin: 0 auto;
  height: auto;
   width: 100%; 
  margin: 0%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;  
 }

				
#topCart  {
	width: 60px;
	height: 47px;
	float: right;
	background: url(../_images/_bckg/cart-top.png) no-repeat 8px 7px;
	margin: 0.3em 0 0 6px;
	position: relative;
}
.contStatus {
	width: 150px;
	height: 30px;
	background:  #93c844;
	color: white;
	font-size: 13px;
	position: absolute;
	top: 50px;
	left: -100px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
}
#topNavSlim .contStatus {
	top: 45px;
}
.contStatus:after {
       content:url(../_images/_bckg/green-top.png);
       display:block;
       position:relative;
       top: -50px;
       left: 95px;
       width: 50px;
}

.contStatus span {
	color: #055d2a;
}

#slimHeader #topCart  {
	border-right: 1px solid #E6E1CF;
}

#topNav  #topCart {
	margin-top: -7px;
	
}	
#topCart .container {
	margin-left: 27px;
	background: #93c844;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	
}			
#topCart a {
	
	display:block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-family: Roboto;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	margin-top: 0.3em;
}	
#headerMain {
	width: 600px;
	top: 35px;
	clear: both;
	text-align: center;
	color: #005624;
	margin: auto;
	padding: 0px;
	position: relative;
}
#headerMain h1 {
	font-size: 38px;
	margin: auto;
	padding: 0px;
	line-height: 50px;	
	}

#headerMain h1 span.lightGreen {
	color: #93c844;
	}	
	
#headerMain p {
	width: 520px;
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 0.8em;
	color: #000;
	margin: 20px auto 0 auto;
	line-height: 23px;
}
#headerMain .button {
	margin: 2em auto;
   background: #93c844;
	width: 10em;
	height: 3em;
	border-radius: 5px;
}

#headerMain .button a {
	display:block;
	text-align: center;
	line-height: 45px;
	font-family: 'Roboto';
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 1.0em;
}

#searchSelector {

	margin: 35px 10px 0 0;
	float: left;
	width: 146px;
	height: 96px;
	color: white;
	font-family: Roboto;
}
#indexSearch .container > #searchSelector {
	margin: 8px 10px 0 0;
	
}
#showCategory {
	width: 250px;
	float: left;
	height: 30px;
	line-height: 30px;
	font-family: Roboto;
	font-size: 14px;
	text-align: left;
	}
#showCategory a{
	color: white;	
	margin-left: 5px;
	}
#searchSelector .searchNabidka {
	margin: 0 0 0 3px;
	width: 146px;
	height: 45px;
	border: 2px solid #7fff00;
	border-radius: 5px;
	line-height: 46px;
	text-align: left;
	background: #053618 url(../_images/symbols/arrowDown2.png) no-repeat right;	
}

#searchSelector .searchPoptavka {
	display: none;
	margin: -1px 0 0 -2px;
	width: 146px;
	height: 45px;
	border: 2px solid #7fff00;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	line-height: 46px;
	text-align: left;
	background: #053618;
	z-index: 20;
	}

#searchSelector a {
	margin-left: 25px;
	width: 100%;
	height: 100%;
	color: white;
}




#searchSelector .searchNabidka:hover
 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;	
	
			}

#searchSelector .searchNabidka:hover > .searchPoptavka
 {
		display: block;
}			
			

#searchStrip {
	float: left;	
	display: inline-block;
  	position: relative;
	width: 100%;
	color: white;
	height: 62px;
	margin: 10px;
	}


#searchComodity {
	float: left;
	width: 455px;
	height: 62px;
	position: relative;
	margin-right: 13px;
	}
#vypisSearch #searchComodity {
	width: 535px;
	}	
#searchComodity .container {
	top: 5px;
	left: 5px;
	width: 100%;
	height: 56px;
	border: 2px solid #ccc3a3;
	background: #fff;
  	position: absolute; 
}

#searchPosition .container {
	top: 5px;
	left: 2px;
	width: 100%;
	height: 56px;
	border: 2px solid #ccc3a3;
	border-right: #f0a80e;
	background: #fff;
	position: absolute;
}
#searchPosition {
	float: left;
	width: 280px;
	height: 62px;
	position: relative	
}
#vypisSearch #searchPosition {
	width: 343px;
}
#searchComodity > .container > input {
	margin: 8px 5px 2px 5px;
	width: 90%;
	height: 40px;
	border: 0;
	background: #fff;
	font-weight: bold;
	padding-top: 2px;	
	color: #686035;
	}
input::-ms-clear {
  width : 0;
}

#searchPosition .container input {
	margin: 8px 5px 2px 5px;
	width: 92%;
	height: 40px;
	border: 0;
	background: #fff no-repeat right;
	font-weight: bold;	
	color: #686035;
	padding: 2px 0 0 15px;
	}

#btnSearch {
	float: left;
    width: 170px;
    height: 60px;
    margin: 5px 0 0 0;
    display: xinline-block;
	font-size: 20px;
    cursor: pointer;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    line-height: 60px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    
}
#btnSearch .container {
    width: 100%;
}
#btnSearch .container a {
	width: 97%;
	height: 60px;
	margin: 0;
	display:block;
    color: #FFF;
    background: #f0a80e;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: none;
    border: 0;
}



#recomended {
  width: 100%;
  height: 495px;
  background-color: white;
  
}


#recomended > .container {
  width: 1080px;
  margin: auto; 
  
}

#carousel {
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 15px;
}
#carouselItems {
	width: 974px;
	text-align: center;
	margin: 0 auto;
}
#carouselLeft {
		position: absolute;
		left: 0;
		width: 30px;
		height: 63px;
		top: 150px;
		background: url(../_images/symbols/arrowLeft.png);
		z-index: 10;
}
#carouselLeft:hover {
		background: url(../_images/symbols/arrowLeftS.png);
}


#carouselRight {
		position: absolute;
		left: 1050px;
		width: 30px;
		height: 63px;
		top: 150px;
		background: url(../_images/symbols/arrowRight.png);
		z-index: 10;
		
}
#carouselRight:hover {
		background: url(../_images/symbols/arrowRightS.png);

}


#carouselRight a,
#carouselLeft a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

#recomended .container h2 {
	font-size: 30px;
	position: relative;
	top: 35px;
	color: #055d2a;
	text-align: left;
	margin: 0 0 30px 0; 
	
}


#infobox {
  width: 100%;
  height: 653px;
  background: url(../_images/_bckg/bckg_karo.png) repeat ;
  
}

#infobox > .container {

  width: 1080px;
  height: 100%;
  margin: auto; 
}

#magazin {
	width: 463px;
	
	float: left;
	margin-top: 62px;
	
	}
#magazin > .container{
	width: 100%;
	height: 496px;
	background: #fff;
	border: 1px solid #e6e1cf;
	margin-bottom: 23px;
}

#magazinHeader {
	padding: 31px 0 25px 27px;
	color: #686035;
	font-size: 24px;
}

#magazinBody {
	position: relative;
	margin-bottom: 12px;
	}
.magazinItem {
	background: #f9f8f2;
	width: 196px;
	height: 340px;
	float: left;
}
.magazinItem.left {
	margin-left: 27px;
	margin-right: 16px;
}
.magazinItem .text {
	color: #055d2a;
	font-size: 16px;
	font-family: Roboto;
	font-weight: bold;
	margin: 10px 19px 0 19px;
}

#magazinBodyTitleSmazat? {
	padding-top: 20px; 
	font-size: 24px;
	text-align: center;
	color: white;
	position: absolute;
	top: 300px;
	left: 25px;
	width: 380px;
	height: 90px;
 	background: #f0a80e;
	opacity: .9; 
	line-height: 32px;
}

#calendarActions {
	width: 588px;
	float: right;
	margin-top: 7px;
	
}

#calendarBody {
	margin-top: 15px;
	width: 590px;
	border: 1px solid #e6e1cf;
	background-color: white;
	position: relative;
	margin-bottom: 23px;
}
#letterBox {
margin-top: 62px;
	width: 588px;
	height: 308px;
	float: right;
	background: #045c29 url(../_images/_bckg/bckg-akce.jpg) no-repeat;
	position: relative;
}
#letterBox .container {
	margin: 35px;
}
#letterBox .header {
	font-size: 24px;
	color: #a0c619;
	line-height: 34px;
	margin-bottom: 10px;
}

#letterBox .text {
	font-size: 15px;
	color: #fff;
}
.letterBoxForm {
	margin: 20px 0px 10px 0px;
	height: 50px; 
}
.letterBoxForm > .letterInputItem {
	width: 273px;
	height: 35px;
	float: left;
	background: white url(../_images/_bckg/letter.png) no-repeat right;
}
.letterBoxForm > .letterInputItem > input[type="text"] {
	width: 200px;
	border: none;
	height: 32px;
	margin: 0px 0px 0px 10px;	
	font-size: 14px;
}
.okres 
{
	width: 233px;
	height: 35px;
	font-size: 16px;
	background: #fff url(../_images/_bckg/arrow-green.png) no-repeat right;
	float: left;
	font-family: Roboto;
	margin-left: 12px;
	position: relative;
	color: #8d8d8d;

}
.okresList 
 {
	display: none;
	-webkit-box-shadow: 5px 5px 20px -1px rgba(0,0,0,0.40);
-moz-box-shadow: 5px 5px 20px -1px rgba(0,0,0,0.40);
box-shadow: 5px 5px 20px -1px rgba(0,0,0,0.40);	
}

.okres a {
	display: inline-block;
	height: 100%;
	width: 100%;
	font-size: 14px;
	color: #000;
	padding-left: 10px;
	line-height: 36px;
}

.okres:hover >  ul.okresList
 {
		display: block;
	z-index: 12;
	}
ul.okresList {
	list-style-type:none;
	margin: 10px 0 0 0;
	padding:0;
	float: right;
	background: #fff;
   border-radius: 0; padding: 0;
	position: absolute;
	top: 100%;
	font-size: 12px;
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 233px;
}
ul.okresList  {
	margin-top: 0px;
		top: 100%;
		
}


ul.okresList li  {
			float: none; 
			position: relative;
			margin: 0px 0 0 -1px;
			width: 233px;
			height: 30px;
		}
ul.okresList li a {
			display: block;
			padding: 8px 4px 0 20px;
			color: #000;
			text-decoration: none;
			line-height: 14px;
}	
ul.okresList li:hover
 {
	background: #FAF9F5;
}




#calendarHeader {
	width: 588px;
	height: 30px;
	margin-top: 5px;
	font-size: 24px;		
	color: #686035;
	}


#calendarWrite {
	padding: 18px 15px 15px 0;
	color: #686035;
	width: 110px;
	float: left;
	line-height: 38px;
	height: 32px;
	font-size: 14px;
	text-align: right;

}

#calendarBodyHeader {
	background: #055d2a url(../_images/symbols/calendar.png) no-repeat left;
	width: 570px;
	height: 136px;
	margin: 10px 10px 0 10px;
	position: relative;
	color: white;	
}
#calendarBodyHeader a {
	color: white;	
}

#calendarTip {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 500px;
	background: transparent url(../_images/symbols/cornerTip.png);
}
.topDate {
	position: absolute;
	left: 130px;
	top: 20px;
	width: 73px;
	font-size: 12px;
	border-right: 1px solid #7fff00;
}
.topName {
	position: absolute;
	width: 300px;
	left: 130px;
	top: 40px;
	font-size: 22px;
	}
.topPlace {
	position: absolute;
	left: 218px;
	top: 20px;
	width: 260px;
	font-size: 12px;
}
#calendarBodyContent {
	width: 588px;
	height: 131px;
	margin: 0;
	position: relative;
	color: white;	
}
.calendarItem {
	width: 33%;
	height: 100%;
	float: left;
	color: #0d3c1e;
	font-size: 12px;
}
.calendarItem a {
	display: inline-block;
	width: 100%;
	height: 100px;
	color: #055d2a;		
}
.calendarItem:hover {
	background: #fcfaf4;
	transition: background-color .6s; 
}
.calendarItemSub {
	margin: 15px;
}
.calendarItemSub.main {
	font-size: 15px;
	font-weight: bold;
	color: #055d2a;
}

.calendarItem.top {
border-bottom: 1px solid #e6e1cf;
}
.calendarItem.left {
border-right: 1px solid #e6e1cf;
}
.calendarItem.right {
	width: 33.33%;
}




/*********************************************************************************/
/* Slider Doporucujeme                                                           */
/*********************************************************************************/

/*********************************************************************************/
/* Vyber zbozi                                                                   */
/*********************************************************************************/
#comodityBlock {
	width: 100%;
	height: 56px;
	text-align: center;
	background: #031a0d;
	font-family: Roboto;

}
#comodityBlock > .container {
  height: 56px;
  width: 1080px;
  position: relative;
  margin: 0 auto;
}


#comodityBlockSelect {
  width: 1078px;
  height: auto;
	margin: 0 auto; 
  	background: #fff;
	position: absolute;
	left: 0;
	top: 56px;
	z-index: 15;
	text-align: left;
	border-left: 1px solid #97c548;
	border-right: 1px solid #97c548;
	border-bottom: 3px solid #97c548;

}
#comodityBlockSelect.productAdd,
.emptyCart #comodityBlockSelect  {
	border-bottom: 1px solid #97c548;

}
#comodityBlockMain {

  height: auto;
  width: 1080px;
  margin: 20px 0 30px 0;
  background: white;
}
#comodityBlockMain  #comodityBlockSelect {
z-index: 0;
box-shadow: none;
top: 0;
position: relative;

padding: 0;
	
}


#comodityBlockSelect  ul {
	list-style: url(../_images/symbols/list-orange.png);
	margin: 0 0 0 40px;
	padding:0;

}
#comodityBlockSelect  li {
	margin: 8px 0 8px 0;
	padding:0;
	font-size: 14px;
	line-height: 20px;
}

#comodityBlockSelect ul a {
	margin:0;
	padding:0;
	color: #055d2a;
}
#comodityBlockSelect ul a:hover {
	text-decoration: underline;

}

#comodityBlockSelect .comodityColumn {
	margin: 15px 0 20px 0;
	width: 20%;
	float: left;
}	 
.comodityColumn label {
	display: inline-block;
	width: 200px;
	}

.comodityColumn span {
    margin-left: -20px;
    margin-right: 8px;
    margin-top: 5px;
    float: left;
}

#comodityBlockSelect .comodityColumn:first-child label {
margin-left: 40px;
}
.comodityColumn  input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
 	display: none; 
    margin: 3px 3px 3px 4px;
    float: left;
    width: 180px;
    font-family: Roboto;
    font-size: 0.9em;
    text-align: left;
    margin: 5px;
}
.comodityColumn [type=checkbox]:checked + span:before {/* <-- style its checked state..with a ticked icon */
    content: '\2714';
    position: absolute;
    top: -8px;
    left: 2px;
}

.comodityColumn [type=checkbox]:checked + label span:before {/* <-- style its checked state..with a ticked icon */
    content: '\2714';
    position: absolute;
    top: -8px;
    left: 2px;
}

.comodityColumn span {
    height: 14px;
    width: 14px;
    top: 3px;
    margin-right: 10px;
    border: 1px solid #beb9a1;
    display: inline-block;
    position: relative;
}

.comodityColumn label {
    line-height: 29px;
    cursor: default;
    color: #000;
	}





	#comodityBlock > .container > ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float: right;
	position: relative;
	width: 100%;
	display: table;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
	}
	#comodityBlock > .container > ul > li {
		margin:0;
	padding:0;
		display:table-cell;
		float: left;
		vertical-align: middle;
		width:calc(99.26% / 7);
		height: 56px;
		border-right: 1px solid #0d3e21;
	
}

#comodityBlockMain  > #comodityBlock > .container > ul > li:first-child {
border-left: none;
}
#comodityBlockMain  > #comodityBlock > .container > ul > li:last-child {
border-right: none;
}#comodityBlockSelect

#comodityBlock > .container > ul > li:first-child {
		border-left: 1px solid #0d3e21;
}

#comodityBlock > .container > ul > li > a {
    display:table-cell;
    vertical-align: middle;
    text-align: left;
    color: #fff;
    padding-left: 50px;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid transparent;
	 height: 56px;
	
}
#comodityBlock > .container > ul > li:first-child > a{
	border-left: 1px solid #0d3e21;
	
}

#comodityBlock > .container > ul > li.s01
		{
	background:  url(../_images/main/kategorie-01.png) no-repeat left;
}
#comodityBlock > .container > ul > li.s01.active
		{
	background: #fff url(../_images/main/kategorie-01.png) no-repeat left;
		border: 1px solid #97c548;
		border-bottom: none;
}
#comodityBlock > .container > ul > li.s01.activeOr
		{
	background: #f0a80e url(../_images/main/kategorie-01d.png) no-repeat left;
	border-bottom: none;
}

#comodityBlock ul  li.s02
		{
	background:  url(../_images/main/kategorie-02.png) no-repeat left;
}
#comodityBlock > .container > ul > li.s02.active
		{
	background: #fff url(../_images/main/kategorie-02.png) no-repeat left;
		border: 1px solid #97c548;
		border-bottom: none;
}
#comodityBlock ul  li.s03
		{
	background:  url(../_images/main/kategorie-03.png) no-repeat left;
}
#comodityBlock > .container > ul > li.s03.active
		{
	background: #fff url(../_images/main/kategorie-03.png) no-repeat left;
		border: 1px solid #97c548;
		border-bottom: none;
}
#comodityBlock ul  li.s04
		{
	background:  url(../_images/main/kategorie-04.png) no-repeat left;
}
#comodityBlock > .container > ul > li.s04.active
		{
	background: #fff url(../_images/main/kategorie-04.png) no-repeat left;
		border: 1px solid #97c548;
		border-bottom: none;
}
#comodityBlock ul  li.s05
		{
		background:  url(../_images/main/kategorie-05.png) no-repeat left;
}
#comodityBlock > .container > ul > li.s05.active
		{
	background: #fff url(../_images/main/kategorie-05.png) no-repeat left;
		border: 1px solid #97c548;
		border-bottom: none;
}
#comodityBlock ul  li.s06
		{
	background:  url(../_images/main/kategorie-06.png) no-repeat left;
}
#comodityBlock > .container > ul > li.s06.active
		{
	background: #fff url(../_images/main/kategorie-06.png) no-repeat left;
		border: 1px solid #97c548;
		border-bottom: none;
}
#comodityBlock ul  li.s07
		{
	background:  url(../_images/main/kategorie-07.png) no-repeat left;
}
#comodityBlock > .container > ul > li.s07.active
		{
	background: #fff url(../_images/main/kategorie-07.png) no-repeat left;
		border: 1px solid #97c548;
		border-bottom: none;
}
#comodityBlock > .container > ul >  li:hover > a
		{
		color: #fff;
}
#comodityBlock > .container > ul >  li.active > a,
#comodityBlock > .container > ul >  li.activeOr > a
		{
		color: #055d2a;

	
}


#comodityBlock ul >  li:hover.s01
		{
	background: #0d3e21 url(../_images/main/kategorie-01.png) no-repeat left;
	
}
#comodityBlock ul >  li:hover.s02
		{
	background: #0d3e21 url(../_images/main/kategorie-02.png) no-repeat left;
	
}
#comodityBlock ul >  li:hover.s03
		{
	background: #0d3e21 url(../_images/main/kategorie-03.png) no-repeat left;
	
}
#comodityBlock ul >  li:hover.s04
		{
	background: #0d3e21 url(../_images/main/kategorie-04.png) no-repeat left;
	
}
#comodityBlock ul >  li:hover.s05
		{
	background: #0d3e21 url(../_images/main/kategorie-05.png) no-repeat left;
	
}
#comodityBlock ul >  li:hover.s06
		{
	background: #0d3e21 url(../_images/main/kategorie-06.png) no-repeat left;
	
}
#comodityBlock ul >  li:hover.s07
		{
	background: #0d3e21 url(../_images/main/kategorie-07.png) no-repeat left;
	
}





#comodityNav1 {
   width: 100%;
   margin: 0;


			
}

#comodityNav .comodityNavItem {
	width: 14.28%;
	height: 56px;
	float: left;
	font-family: 'Roboto';
	font-weight: bold;
	font-size: 15px;


	}
.comodityNavItem.item01:hover a {
 	
}	
.comodityNavItem.item01:hover  {
	background: #fff url(../_images/main/kategorie-01.png) no-repeat left;
}

.comodityNavItem.item02{
	background: url(../_images/main/kategorie-02.png) no-repeat left;
}
.comodityNavItem.item03{
	background: url(../_images/main/kategorie-03.png) no-repeat left;
}
.comodityNavItem.item04{
	background: url(../_images/main/kategorie-04.png) no-repeat left;
}
.comodityNavItem.item05{
	background: url(../_images/main/kategorie-05.png) no-repeat left;
}
.comodityNavItem.item06{
	background: url(../_images/main/kategorie-06.png) no-repeat left;
}
.comodityNavItem.item07{
	background: url(../_images/main/kategorie-07.png) no-repeat left;
}
.comodityNavItem.item01{
	background: url(../_images/main/kategorie-01.png) no-repeat left;
}

.comodityNavItem.item02{
	background: url(../_images/main/kategorie-02.png) no-repeat left;
}
.comodityNavItem.item03{
	background: url(../_images/main/kategorie-03.png) no-repeat left;
}
.comodityNavItem.item04{
	background: url(../_images/main/kategorie-04.png) no-repeat left;
}
.comodityNavItem.item05{
	background: url(../_images/main/kategorie-05.png) no-repeat left;
}
.comodityNavItem.item06{
	background: url(../_images/main/kategorie-06.png) no-repeat left;
}
.comodityNavItem.item07{
	background: url(../_images/main/kategorie-07.png) no-repeat left;
}

#comodityNav .comodityNavItem a span {
	display: block;
	margin-left: 50px;
	font-size: 12px;
    position: relative;
    top: 25%;	

}	
	
#comodityNav .comodityNavItem a {
 	color: white;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: left;
}	

	
#comodityNav  .comodityNavItem  a:hover
			{
			


}	


#comodityBlockSelectForm {
	position: relative;
	width: 1000px;
	height: 200px;
	border: 2px solid #ffb922;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   clear: both;
   background: #faf9f5;	
   margin: 20px;

}	

#comodityBlockSelectForm {
	font-family: Roboto;
	text-align: left;
}

#comodityBlockSelectForm label {
    	line-height: 29px;

}

#comodityBlockSelectForm  input
{
  display: none;/* <-- hide the default checkbox */
    



}
#comodityBlockSelectForm span /* <-- style the artificial checkbox */
{
  height: 12px;
  width: 12px;
  margin-right: 10px;
  border: 1px solid grey;
  display: inline-block;
  position: relative;
}
#comodityBlockSelectForm  [type=checkbox]:checked + span:before
 {/* <-- style its checked state..with a ticked icon */

   content: '\2714';
  position: absolute;
  top: -13px;
  left: 0;
}

#comodityArrow {
	position: absolute;
	width: 20px;
	height: 12px;
 	 background: #faf9f5 url(../_images/main/arrowcomodity.png);
 	 top: -12px;	
 	 left: 50px;

}

#latest{
  width: 100%;
  background: #f9f7ed;
  height: 230px;
  
}

#latest > .container {

  width: 1080px;
  margin: auto;
  padding-top: 40px; 
  text-align: center;
 	position: relative;
}

#latest .container h2 {
	font-size: 22px;
	position: relative;
	color: #686035;
	text-align: left;
	margin: 0; 
	
}

#latest ul {
	list-style-type:none;
	margin:0px;
	padding:0;
	position: absolute;
	top: 92px;
	width: 100%;
}
#latest  ul  li:first-child {
	margin-left: 0;
}

#latest  ul  li {
		display:inline-block;
		float: left;
		margin-left: 25px;
}

#latest ul li a {
	display:block;
	width: 130px;
	height: 94px; 
   border: 1px solid #e6e1cf;
   text-align: center;
   vertical-align: middle;
}

#latest ul li a img {
	margin: 6px; 
}

#month {
  width: 100%;
  background: url(../_images/_bckg/bckgmonth.png);
  height: 470px;
  
}
#monthActual {
  width: 100%;
  height: 470px;
  
}

#month .container {
  width: 1080px;
  margin: auto; 
  color: white;
  text-align: center;
  position: relative;
  }
#month .container > h1 {
	margin: 0 auto;
}

#monthActualTop {
	margin: 0 auto;
	height: 290px;
	width: 100%;
	position: absolute;
	top: 50px;
}
#imageContainer {
	height: 100px;
	width: 100%;
	position: absolute;
	top: 370px;
}

#monthActualTop h1 {
	font-size: 50px;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0;
    }

#monthActualTop p {
    
    -webkit-margin-before: 8px;
    -webkit-margin-after: 30px;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#imageContainer > .monthImage{
	float: left;
	width: 33%;
	height: 72px;
}

#imageContainer > .monthImage > a > img {
	border: 3px solid white;
	float: left;	
}
#imageContainer > .monthImage > .monthImageText {
	width: 190px;
	height: 72px;
	float: left;	
	margin-left: 20px;
	text-align: left;

	display: table;
}

#imageContainer > .monthImage > .monthImageText a {
	color: #93C844;
	font-size: 20px;
	line-height: 20px;
	text-align: left;
	height: 72px;
   display: table-cell;
    vertical-align: middle;
}
#imageContainer > .monthImage > .monthImageText a span {
	color: #fff;
}

#imageContainer > .monthImage > .monthImageText a span.subText{
	color: #fff;
	font-family: Roboto;
	font-size: 12px;
}

#monthNews {
	width: 100%;
	height: 240px;
	position: absolute;
	top: 500px;   
}
#monthNewsStrip {
	background: #2E2913;
	width: 485px;
	height: 55px;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 0 auto;
}
#monthNewsStrip > .container {
	width: 485px;
	top: 5px;
	left: 7px;
	float: left;
	width: 77%;
	height: 44px;
	border: 0;
	background: white;
	text-align:left; 
}
#monthNewsStrip > .container > input{
 margin: 0 0 0 8px;
 width: 90%;
 height: 42px;
 border: 0;
}
#btnSend .container {
	width: 106px;
}


#btnSend .container a {
	width: 106px;
	height: 44px;
	margin: 5px 5px 5px 0;
	display:block;
    color: #FFF;
    background: #93C844;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    text-decoration: none;
    border: 0;
   cursor: pointer;
}

#btnSend {
	float: left;
    width: 23%;
    height: 42px;
    display: inline-block;
     text-align: center;
    font-weight: normal;
    vertical-align: middle;
    line-height: 46px;
	 
}
#monthNewsSubText {
	width: 485px;
	margin: 10px auto;
	font-size: 15px;
	color: #d1c8a1;
}


#newsletter {
  width: 100%;
  background: #57502a url(../_images/_bckg/bckgnews.jpg) no-repeat center ;
  height: 234px;

  
}

#newsletter > .container {
  width: 1080px;
  margin: auto; 
}

#registerLogin {
  width: 510px;
  height: 296px;
    margin: auto;
  	z-index: 1; 
}


#registerLogin {
  width: 510px;
  height: 600px;
  margin: auto; 
}

#registerLogin .container {

  width: 100%;
  width: 510px;
  margin: auto; 
  	font-family: 'Roboto';
	font-size: 0.8em;
	position: relative;
}

#registerLogin .container .ousko1 a, 
 .ousko2 a {
	display:block;
 	text-decoration: none;
 	line-height: 45px;
}

#registerLogin .oddelovac {
   border-bottom: 1px solid #e6e1cf;
}
#registerLogin table{
	margin: 8px;
}
#registerLogin table td {
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
}


#register .ousko1 {
	position: absolute;
	left: 30px;
	width: 120px;
	height: 49px;
	float: left;
	background: #fbfaf4;
	margin: auto;
   border: 2px solid #e6e1cf;
   border-bottom: none;
   z-index: 1;
   text-align: center;
   color: #686035;
}
#register .ousko1 a {
   color: #686035;
   font-weight: bold;
	font-size: 1.1em;
}

#register .ousko2 a {
   color: #055d2a;
	font-size: 1.1em;
}

#register .ousko2 {
	position: absolute;
	left: 154px;
	width: 120px;
	height: 49px;
	float: left;
	background: #fff;
	text-align: center;
	border: 1px solid #e6e1cf;
	vertical-align: center;
}




#login .ousko1 {
	position: absolute;
	left: 30px;
	width: 120px;
	height: 49px;
	float: left;
	background: #fff;
	margin: auto;
   border: 1px solid #e6e1cf;
   text-align: center;
   color: #686035;
}
#login .ousko2 a {
   color: #686035;
   font-weight: bold;
	font-size: 1.1em;
}

#login .ousko1 a {
   color: #055d2a;
	font-size: 1.1em;
}

#login .ousko2 {
	position: absolute;
	left: 150px;
	width: 120px;
	height: 49px;
	float: left;
	background: #fbfaf4;
	text-align: center;
	border: 2px solid #e6e1cf;
	vertical-align: center;
	  z-index: 1;
	 border-bottom: none;
}




#registerLogin .formular {
	position: absolute;
	top: 49px;
	width: 100%;
	float: left;
	text-align: center;
	background: #fbfaf4;
	height: auto;
	border: 2px solid #e6e1cf;
	   
}


.jednotka 
{
	width: 140px;
	height: 39px;
	border: 1px solid #e6e1cf;
	font-size: 16px;
	background: url(../_images/_bckg/arrow-green.png) no-repeat right;
		position: relative;

}


.jednotka a {
	display: inline-block;
	line-height: 39px;
	height: 100%;
	width: 100%;
	font-size: 14px;
	color: #000;
	padding-left: 10px;
}

.jednotka:hover >  ul.jednotkaList
 {
		display: block;
	z-index: 12;
	}
ul.jednotkaList {
	list-style-type:none;
	margin: 10px 0 0 0;
	padding:0;
	float: right;
	background: #fff;
   border-radius: 0; padding: 0;
	position: absolute;
	top: 100%;
	font-size: 12px;
}
ul.jednotkaList  {
	margin-top: 1px;
		top: 100%;
		
}


ul.jednotkaList li  {
			float: none; 
			border: 1px solid #E6E1CF;
			position: relative;
			margin: -1px 0 0 -1px;
			width: 140px;
			height: 30px;
		}
ul.jednotkaList li a {
			display: block;
			padding: 8px 4px 0 20px;
			color: #000;
			text-decoration: none;
			line-height: 14px;
}	
ul.jednotkaList li:hover
 {
	background: #FAF9F5;
}

.zasilka,
.doprava {
	margin-top: 10px;
	width: 200px;
	height: 45px;
	line-height: 45px;
	position: relative;
	font-weight: bold;
	font-size: 16px;
}
.zasilka.short {
	background: url(../_images/symbols/hands.png) no-repeat 5px 5px;
	margin: 0 22px 0 -12px;
	
}
.doprava.short {
	background: url(../_images/symbols/car.png) no-repeat 5px 5px;
	margin: 0 22px 0 -12px;
	
}


.radio {
	margin: 0;
	width: auto;
	height: 40px;
	font-weight: bold;
	font-size: 16px;
	float: left;
	padding-left: 64px;
}
.radio.font14px {
	font-size: 14px;

}
.radio  label {
	margin-left: 4px;
}


.zasilka
{
	background: url(../_images/symbols/hands.png) no-repeat 20px 5px;
}
.doprava
{
	background: url(../_images/symbols/car.png) no-repeat 20px 5px;
}
.priceCheckerBox > .farmar
{
	background: url(../_images/symbols/traktor-vypis.png) no-repeat 30px 10px;
}
.priceCheckerBox >.zahradkar
{
	background: url(../_images/symbols/fence-s2.png) no-repeat 30px 12px;
}

.priceCheckerBox > .doprava
{
	background: url(../_images/symbols/car-s2.png) no-repeat 30px 15px;
}
.priceCheckerBox > .zasilka
{
	background: url(../_images/symbols/hands-s2.png) no-repeat 30px 15px;
}

#login .formular input[type="text"] {
	background: white url(../_images/main/login-user.png) no-repeat 5px;
	padding-left: 40px;
	   
}

#login .formular input[type="password"] {
	background: white url(../_images/main/login-passwd.png) no-repeat 5px ;
		padding-left: 40px;
	   
}







/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#mapFooter {
	width: 100%;
   margin: auto; 
  height: 470px;	
}

#footer {
  width: 100%;
  background: #93c844 url(../_images/_bckg/bckgfooter.jpg) no-repeat center top;
  clear:both;
 
}

#footerInner {
  width: 100%;
  background: #93c844;
 font-family: Bevan; 
 
}

#footer > .container {
	border-bottom: 1px solid #68a83c;
  width: 1080px;
  margin: auto; 
  height: 260px;
}
#footerInner .container {
	margin-left: 20px;
	border-bottom: 1px solid #68a83c;
  width: 90%;
   
  height: 260px;
}

#footer h2,
#footerInner h2 {
	color: #055d2a;
	font-size: 16px;
} 
#footer ul,
#footerInner ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
#footer li a,
#footerInner li a {
	font-family: Roboto;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
} 

#footer li a:hover,
#footerInner li a:hover {
	text-decoration: underline;
} 

#footerItem1 {
	margin-top: 35px;
	float: left;
	width: 25%;
	height: 200px;
}
#footerItem2 {
	margin-top: 35px;
	float: left;
	width: 25%;
	height: 200px;
}
#footerItem3 {
	margin-top: 35px;
	float: left;
	width: 25%;
	height: 200px;
}
#footerItem4 {
	margin-top: 35px;
	float: left;
	width: 25%;
	height: 200px;
}
#footerInnerItem4 {
	margin-top: 35px;
	float: left;
	width: 10%;
	height: 200px;
}
#active24Sponzoring{
	height: 127px;
	background: url(../_images/main/active24-2.png) no-repeat center;
	font-family: 'Bevan';
  width: 1080px;
  margin: -40px auto 0 auto; 
  color: #055d2a;
  border-bottom: 1px solid #68a83c;
  position: relative;

}

#footerInner > #active24Sponzoring {
    margin-left: 20px;
    width: 90%;
}
#active24Sponzoring a {
	display: block;
	margin-left: calc(50% - 155px);
		width: 350px;
	height: 100%;
	color: #055d2a;

}
.active24HeadLine {
position: absolute;
top: 58px;
font-size: 16px;
}
.active24Description {
position: absolute;
top: 62px;
left: 610px;
color: white;
font-size: 13px;
line-height: 16px;
}
#footerInner > #active24Sponzoring .active24Description{
	left: calc(50% + 65px);
}

#copyright {
	clear: both;
	font-family: 'Roboto';
  width: 1080px;
  margin: 8px auto 0 auto; 
  text-align: center;
  font-size: 13px;
  color: #055d2a;
}
.buttonDrakGreen  {
	margin: 15px 0;
   background: #055d2a;
	width: 160px;
	height: 40px;
	border-radius: 5px;
}

.buttonDrakGreen:hover {
 transition: background-color .6s;
   background: #004c24;
}


.buttonDrakGreen a {
	display:block;
	text-align: center;
	line-height: 38px;
	font-family: 'Roboto';
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}



/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#profil {
  width: 100%;
  background-color: #FBFAF4;
 }
#profil > .container {
  text-align: left;
  width: 1080px;
  margin: auto; 
 padding-bottom: 20px;
  
}
 
#pageColumnsBody {
  width: 100%;

  background: #FAF9F5;
  margin: 0;
  padding: 0;
  	font-family: Roboto;
	height: calc(100% - 242px);
  
 
 }


#pageColumnsBody > .container {
	width: 100%;
  margin: 0 auto; 
	background: #fff;
	height: 100%;
}
.reseter {
 clear: both;


}

#navigationStrip {
   width: 100%;
  	margin: -7px 0 14px 0; 
  	color: #055d2a;
  	font-size: 12px;

}
#navigationStrip a {

  	color: #055d2a;


}
#detailMainImage {
	width: 430px;
	height: 297px;
	margin: 0;
  position:relative;
  /*z-index: 1000000;*/ 
}

.nonActive{
    z-index:1;
}
.nonActive:after{
    content:'';
    background:#838383;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0.9;
  
}
.nonActiveText:after{
    content:'';
    background:#838383;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0.9;
    background-image: url('../_images/_bckg/nonActive.png');
  background-repeat:no-repeat;
  background-position: center center; 
  z-index: 510;
}




#detailMainImage.user {
	width: 250px;
	height: 250px;
	margin: 0;
	position: relative;
}

#detailMainImage.user > .itemLike {
	position: absolute;
	width: 113px;
	height: 31px;
	right: 10px;
	top: 10px;
	background: url(../_images/symbols/heart-e.png) no-repeat right;
}

#detailMainImage.user > .itemLike a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

#detailMainImage.user .itemLike.liked {
background: url(../_images/symbols/heart.png) no-repeat right;
}

#detailMainImage.user .userSymbol{
	width: 31px;
	height: 31px;
	position: absolute;
	top: 36px;
	right: 12px;
	background: url(../_images/symbols/traktor-profil.png);
}

#detailImageInfo {
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
}

#detailImageThumbs {
	width: 100%;
	height: 80px;
}
#detailImageThumbs.user {
	height: 100px;
}

#detailImageThumbs ul {
	list-style-type:none;
	margin: 0 -5px 0 -5px;
	padding:0;
	width: 100%;
}
#detailImageThumbs.user ul {
	width: 250px;
}

#detailImageThumbs  ul  li {
		display:inline-block;
		float: left;
		margin: auto;
		width: 20%;
}
#detailImageThumbs.user  ul  li {
		width: 33%;
}
#detailImageThumbs  ul li a {
	display:block;
	width: 78px;
	height: 54px; 

}
#detailImageThumbs.user  ul li a {
	width: 81px;
	height: 81px; 

}

#detailImageThumbs ul li a img {
	margin: 6px; 
}

#detailImageText {
	width: 100%;
	font-size: 15px;
	margin: 0 0 35px 0;
}

#totalRatingMain {
	display: table;
	background: white;
	border: 2px solid #e6e1cf;
	width: 100%;
	margin-bottom: 15px;
}
#totalRatingRight {
	width: 55%;
	
	float: left;
}
.totalRatingRightTable {
	width: 100%;
}
.totalRatingRightTable table,
.totalRatingSpeed table {
	margin: 25px 0 0 15px;
	width: 100%;
}
.totalRatingRightTable table .circle{
	margin: 8px 8px 20px 8px;
	float: left;
}

#totalRatingLeft {
	width: 41%;
	float: left;
}
#totalRatingTop {
	width: 100%;
	border-bottom:  1px solid #e6e1cf;	
	}
.totalRatingHead {
	width: 33%;
	font-family: Bevan;
	font-size: 22px;
	color: #686035;
	border-right:  1px solid #e6e1cf;
	height: 80px;
	padding: 4% 4% 4% 4%;
	float: left;
}
.totalRatingSpeed {
	width: 50%;
	float: left;
	height: 95px;
}
.priceSelectTbl {
	margin: 10px 10px 0 5px;
}
#totalRatingLeft > .itemRating{
	width: 92%;
	background: #fbfaf4;
		border-bottom:  1px solid #e6e1cf;
	border-right:  1px solid #e6e1cf;
	padding: 4% 4% 4% 4%;
}
#totalRatingLeft > .itemRating span{

	font-size: 22px;
}
#totalRatingLeft > .itemRating .starsBlock{
	margin: 16px 10px 0 10px;
}

#totalRatingLeft > .userRatingTbl {
	font-size: 12px;
	width: 92%;
	padding: 4%;
	height: 120px;
}

.userRatingTbl {
	width: 92%;
	background: #fff;
	border-right:  1px solid #e6e1cf;
	padding: 4%;
}
#ratingBlock {
   width: 100%;
   border: 1px solid #E6E1CF;
   margin: 21px 3px 15px 3px;
   font-family: Roboto;
}
#ratingBlock.width100per {
   width: 100%;
   margin: 21px 0px 15px 0px;
}

#ratingHead {
   width: 100%;
   height: 68px;
}
#ratingHead .starsBlock {
    	margin-top: 26px;
    
} 
#ratingHead span {
  	line-height: 68px;
   height: 68px;
   margin-left: 10px;
   font-weight: bold;
}
#ratingHead span:first-child {
  	 margin-left: 28px;
  	 font-size: 18px;
   
}

#ratingHead a {
  	 color: #93C844;
}


.ratingItem {
	padding: 15px 0 15px 0;
	display: table;
   width: 100%;
   background: white;
   border-top: 1px solid #E6E1CF;
}
.ratingItemRater{
	float: left;
	width: 33%;
	height: 100%;
}

.ratingItemContent {
	font-size: 14px;
	width: 63%;
	height: 100%;
	min-height: 100%;
	 	float: left;
	display: table-cell;	
}
.ratingItemRating {
	width: 100%;
	height: 20px;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 10px;
}
.ratingItemRating span {
	font-size: 14px;

}


.ratingItemRating > .starsBlock {
	margin: 0 0 0 8px;
}
.ratingItemRatingText {
		clear: both;

}
.ratingItemRatingText.grey {
	color: #666;
}
.starsBlock:after {
	clear: both;
}
#detailLeftColumn {
   width: 40%;
  	margin: 0 50px 0 0; 
 	float: left;

}
.detailLeftColumn {
   width: 40%;
  	margin: 0 50px 0 0; 
 	float: left;
}
.userHeadline {
	text-align: center;
	width: 250px;
}
.userHeadline span{
	font-size: 14px;
	font-family: Roboto;
}
#userRatingMain {
	width: 100%;
	background: white;
	border: 1px solid #E6E1CF;
	margin: 20px 0 20px 0;
}
.userRatingItem:first-child  {
	border-top: none;
}
.userRatingItem  {
	width: 100%;
	border-top: 1px solid #E6E1CF;
	margin: 15px 0 15px 0;
}
.userRatingItem .userRatingLeft {
	float: left;
	width: 23%;
	text-align: center;
	
}
.userRatingItem .userRatingLeft > a{
	color: #055d2a;
	margin: 7px 7px 0 7px;
	font-size: 12px;
	width: 80%;
	font-weight: bold;
	display: block;
}

.userRatingItem .userRatingRight {
	float: left;
	width: 70%;
}
#detailLeftColumn.user {
   width: 25%;
   margin: 0 10px 0 0;
}
.detailLeftColumn.user {
   width: 25%;
   margin: 0 10px 0 0;
}
.detailLeftColumn.percent50 {
   width: 50%;
   margin: 0 20px 0 0;
}

#detailRightColumn {
   width: 55%;
  	margin: 0;
  	float: left;
}

.listProductBlock {
   width: 100%;
   margin-bottom: 30px;
  	
  	
}
.listProductBlock > h2 {
     	margin: 45px 0 15px 0 !important;
  	
}

.detailRightColumn.percent50 {
   width: 45%;
  	margin: 0;
  	float: left;	
}

.detailRightColumn.user {
   width: 70%;
   font-family: Roboto;
   float: right;
}
.detailRightColumn.user h2 {
   font-family: Bevan;
}

.detailRightColumn.user .starsBlock,
.detailRightColumn.user span 
 {
	float: left;
	
}
.detailRightColumn.user span 
 {
	margin-top: 6px;
	font-size: 13px;
	font-weight: bold;
}
.detailRightColumn.user .starsBlock:after
 {
	float: none;
	clear: both;
}
.detailRightColumn.user .circle {
	margin-top: 25px;	
}


.detailRightColumn.user .userRatingText,
.detailRightColumn.user p{
	width: 100%;
	
	font-size: 13px;
	float: none;
	clear: both;
	margin: 0;
	padding: 20px 0 20px 0;
}
#leftColumn {
   background: white;
 	width: 30%;
  	margin: 0; 
  	float: left;
 	height: 100%;
	position: relative;
}
#mapResult {
	width: 100%;
	height: 100%;
	

}
#leftColumn .panel.map-auto-refresh {
	width: 230px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	right: 20px;
	top: 13px;
	z-index: 10;
	
	
}

.map-auto-refresh {
    padding: 0 8px;
}
.panel {
    border: 1px solid #dce0e0;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#rightColumn {
	width: 70%;
	background: #FAF9F5;
	 height: 100%;
  min-height: 100%;
  text-align: left;
	    overflow-y: scroll;
	 	
}

#rightColumn > .container {
 height: 100%;
  min-height: 100%;
  min-width: 755px;

	 	
}

#contentFooter {
	text-align: center;
	width: 100%;
	height: auto;
	clear: both;
}
.contentFooterItem1 {
	float: left;
	width: 60%;
}
.contentFooterItem2 {
	width: 40%;
	float: left;
}
.contentFooter:after {
	content: '';
	display: inline-block;
	clear: both;
}

#pageContentNormal {
  width: 100%;
  background-color: #FBFAF4;
  margin: 0;
  padding: 0 0 20px 0;
 }
#pageContentNormal.white {
    background-color: #FFF;
}
 
 
 #pageContentNormalWhite {
  width: 100%;
  background-color: #FFF;
  margin: 0;
  padding: 0 0 20px 0;
}

#pageContentNormal > .container,
#pageContentNormalWhite > .container {
  text-align: left;
  padding: 20px 0 0 0;
  width: 1080px;
  margin: 0 auto; 	
}
#pageContentNormalWhite.emptyCart{
	padding: 0;
}

#pageContentNormalWhite.emptyCart > .container {
	background: url(../_images/_bckg/kosik.jpg) no-repeat center bottom;
	min-height: 850px;
}

#pageContentNormal > .container > .pageRightBlock > ul,
.pageRightBlock  ul {
	list-style: url(../_images/symbols/list-orange.png);
}

.perex {
	width: 100%;
	background: #f9f7ed;
	color: #686035;
	font-size: 18px;
	font-family: Roboto;
	font-weight: bold;
	text-align: justify;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 40px;
}

.perex .container{
	padding: 35px;
	width: auto;
	height: auto;
}
.pageLeftBlock {
	float: left;
	width: 40%;
	margin-right: 5%;
	
}
.pageLeftBlockInfo {
	float: left;
	width: 280px;

	
}
.pageRightBlockInfo {
	float: right;
	width: 790px;
	font-size: 15px;
	font-family: Roboto;
	
}


.pageRightBlock {
	float: right;
	width: 55%;
	font-size: 15px;
	font-family: Roboto;
	
}
.pageRightBlock p,
.pageRightBlockInfo p{
	margin: 0 0 20px 0;

}
.pageRightBlock h2,
.pageRightBlockInfo h2{
	margin: 0 0 20px 0;
	font-family: Bevan;
	color: #686035;
	font-size: 28px;

}

.pageRightBlock h3,
.pageRightBlockInfo h3{
	margin: 0 0 20px 0;
	font-family: Bevan;
	color: #686035;
	font-size: 26px;

}
.pageRightBlock h4,
.pageRightBlockInfo h4{
	margin: 0 0 20px 0;
	font-family: Bevan;
	color: #686035;
	font-size: 22px;

}
.infoBlock {
	border: 1px solid #e6e1cf;
	border-bottom: none;
	width: 100%;
	margin-bottom: 20px;
}
.infoBlockQuestion {
	border-bottom: 1px solid #e6e1cf;
	width: 100%;
	height: 57px;
	line-height: 57px;
	background: #f9f7ed url(../_images/symbols/arrowDown2.png) no-repeat right 8px;
	font-family: Bevan;
	font-size: 18px;
	font-weight: bold;
	line-height: 57px;
	color: #055d2a;
}
.infoBlockAnswer.kolo {
	background: url(../_images/tmp/kolo.jpg) no-repeat 30px 0;
}
.infoBlockQuestion.open {
	background: #f9f7ed url(../_images/symbols/arrowUp2.png) no-repeat right 8px;

}
.infoBlockQuestion span {
	margin-left: 28px;
	
}
.infoBlockAnswer {
	border-bottom: 1px solid #e6e1cf;
}
.infoBlockAnswer .answer{
	
	margin: 27px;
}

.recipeMain {
	width: 100%;
	margin: 0 auto 25px auto;
	background: #f9f7ed;
}
.recipeTbl {
		font-family: Roboto;
	width: 100%;
		}
.recipeTbl td{
	border-bottom: 1px solid #e6e1cf;
	padding: 7px 14px;
	}

#pageContentNormal  #comodityBlockSelect p{
	margin: 30px 0 0 30px;
	
}

#pageContentNormal h1 {
	padding: 0;
	margin: 0;
	color: #000;
   font-size: 36px;
   
}
#pageContentNormal h2 {
	padding: 0;
	margin: 0;
   color: #686035;

	font-size: 20px;
}

#detailRightColumn h1 {
	font-size: 34px;
	line-height: 48px;
	margin-top: -7px;
}

.formContainer {
	position: relative;
	 margin: 30px auto; 
	 width: 100%;
	 background: #fff;
	 border: 2px solid #E6E1CF;
	font-family: 'Roboto';	 
	font-size: 12px;
	clear: both;
}
.formContainer.flex {
	display: flex;
}

.margin40px {
	margin: 40px;
	padding: 0;
}
.formContainer.noBorder {
	 border: none;
}

.formContainerLeft {
	float: left;
	width: calc(100% - 347px);

	min-height: 500px;

}
.bottomLine1px {
	border-bottom: 1px solid #e6e1cf;
}



.formContainerLeft a {
	margin: 0;
	color: #055D2A;
		
}
.formContainerRight {
	width: 345px;

	background: #055d2a;
	float: right;
	border-left: 2px solid #E6E1CF;

}
.formContainerRight .container {
	height: 100%;
	min-height: 100% !important;
}
.formContainerRight.withForm {
	background: #fbfaf4;
	margin-right: -3px;
	}
.formContainerRight.clear{
	background: none;
	border: none;
	}
.formContainerRight .boxRow {
    width: 85%;
    color: white;
    margin: 25px auto 10px;
}
	
	
.formContainerRight.withForm .boxRow{
	color: black;
}

.formContainerRight span {
	color: #FFB922;
}
.formContainerRight h2 {
	margin-left: 25px;
}

.formContainerRight .description {
	width: 85%;
	margin: 10px auto;
}

.borderOrange {
	border: 2px solid #FFB922;
		display: block;
}

.formContainer td {
	padding: 10px;
}


.tableNormal {
	width: 90%;
	margin: 10px auto 0 auto;		
}

.tableNormal {
	width: 90%;
	margin: 10px auto 0 auto;		
}


.tableNormal td {
	padding: 3px;
}

.formContainer p {
	padding: 0;
	margin: 0;
}
.formContainerLeftColumn {
	vertical-align: top;
	font-weight: bold;
	font-size: 15px;
	text-align: right;
}

.formContainer  .formular input:not([type]), input[type="text"],input[type="password"]{
	width: 350px;
	height: 37px;
	border: 1px solid #e6e1cf;
	font-size: 16px;
	color: #686035;
	padding-left: 5px;
	margin: 0px 0 10px 0;
	   
}
.formContainer  textarea{
	width: 570px;
	height: 120px;
	border: 1px solid #e6e1cf;
	font-size: 16px;
	color: #686035;
	padding: 10px;
	margin: 10px 0 10px 0;
	font: 16px Roboto;
	   
}

.paddingTop0px td{
	padding-top: 0;
}
.formContainer .itemPriceBox {
	width: 200px;
	height: 65px;
	left: 30px;
	top: 80px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: white;
	
}


.formContainer  .itemPriceBox > .itemPriceLeft {
	float: left;
	background: #055d2a;
	height: 100%;
	width: 60%;
	line-height: 65px;
	border-radius: 5px 0 0 5px;
	text-align: right;
	padding-right: 7%;
	font-size: 26px;
}
.formContainer  .itemPriceBox > .itemPriceRight {
	float: left;
	background: #0A4923;
	height: 100%;
	width: 33%;
	line-height: 65px;
	border-radius: 0 5px 5px 0;
	font-size: 18px;

}

.formContainer .itemAmountBox {
	width: 332px;
	height: 65px;
	left: 30px;
	top: 80px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: white;
}

.formContainer  .itemAmountBox > .itemAmountLeft {
	float: left;
	background: #0A4923;
	height: 100%;
	width: 40%;
	line-height: 65px;
	border-radius: 5px 0 0 5px;
	position: relative;
}
.formContainer  .itemAmountBox > .itemAmountRight {
	float: left;
	background: #93C844 url(../_images/symbols/arrowBig.png) no-repeat left;
	height: 100%;
	width: 60%;
	line-height: 65px;
	border-radius: 0 5px 5px 0;
	text-align: right;
	font-size: 26px;
}


.itemAmountRight span {
	margin-right: 30px;
}
.input-group {
	position: absolute;
	left: 10px;
	top: 8px;
	width: 130px;
	height: 49px;

}

.orderTbl .input-group {
	position: absolute;
	left: 30px;
	top: -3px;
	width: 180px;
	height: 49px;

}
.input-group input {
	font-size: 26px;
	font-weight: bold;
	text-align: right;

}
.input-group  .input-number {
	width: 35px;
	height: 47px;
	margin: 0;
	padding: 0 8px 0 3px;
	top: 1px;
	position: absolute;
	left: 0;
	font-size: 22px;
	font-weight: bold;	
	border: 0;
	
}
.control-group {
	background: white;
	width: 23px;
	height: 48px;
	float: left;	
}
.numberForm {
	background: white;
	width: 46px;
	height: 49px;
	float: left;
		
}
.numberForm.long {
	width: 66px;
}
.numberForm.long .input-number {
	width: 55px;
}


.controlRight {
	font-weight: bold;
	width: 36px;
	height: 48px;
	line-height: 48px;
	float: left;	
}
.controlItem {
	width: 23px;
	height: 24px;
}

.controlItem a {
		display: inline-block;
		width: 100%;
		height: 100%;
}
.formPlus {
	background: url(../_images/symbols/plus-form.png);
	margin-bottom: 1px;
}
.formMinus {
	background: url(../_images/symbols/minus-form.png);
}



.formTableHeader {
	font-weight: bold;
	font-size: 18px;
	line-height: 16px;
}

#pageContentNormal:after {
    content: '';
    display: block;
    clear: both;
}

.greenButton {
	display: inline-block;
	min-width: 150px;
	margin: 10px 0 10px 0;
   background: #93c844;
	height: 47px;
	border-radius: 5px;
}
.greenButton:hover {
	transition: background-color .6s;
   background: #80af3a;
	
}

.greenButton a {
	display:block;
	text-align: center;
	line-height: 47px;
	font-family: 'Roboto';
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
.greenButton.floatRight{
	float: right;
}
.greenButton.message{
	background: #93c844 url(../_images/symbols/message-green-s.png) no-repeat 18px 20px;	
	padding-left: 30px;
}

.greenButton.message a{
	font-size: 14px;
	
}
.greenButton.slim{
	margin-left: 25px;
	min-width: 100px;
	width: 100px;
	height: 42px;
}

.greenButton.slim a {
	line-height: 42px;
}
.greenButton:after {
    content: '';
    display: block;
    clear: both;
}



.button {
	display: inline-block;
	min-width: 150px;
	margin: 0 0 10px 0;
	height: 40px;
	border-radius: 5px;
}

.button a {
	display:block;
	padding: 0 20px 0 20px;
	text-align: center;
	line-height: 40px;
	font-family: 'Roboto';
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
.button.font15px a {
	font-size: 15px;
}
.button a > span.underLine {
	text-decoration: underline;
	color: white;
}
.button.bevan a {
	font-family: 'Bevan';
	
}
.button.higher a {
	line-height: 60px;
}
.button.px47 {
	margin: 10px 0 10px 0;
	height: 47px;
}

.button.px47 a {
	line-height: 47px;
}
.button.px50 {
	margin: 10px 0 10px 0;
	height: 50px;
}
.button.px50 a {
	line-height: 50px;
	font-size: 16px;
	padding: 0 50px 0 50px;
}
.button.px40 {
	margin: 10px 0 10px 0;
	height: 40px;
}
.button.px40 a {
	line-height: 40px;
	font-size: 16px;
	padding: 0 50px 0 50px;
}
.button.px78 {
	margin: 10px 0 10px 0;
	height: 78px;
}
.button.px78 a {
	line-height: 78px;
	font-size: 20px;
	padding: 0 30px 0 30px;
}
.button.px78ver2 {
	height: 78px;
}
.button.px78ver2 a {
	line-height: 78px;
	font-size: 18px;
}
.button.wpx267 {
	margin: 0px 0 10px 20px;
	width: 267px;
}
.button.wpx267 a {
	font-size: 18px;
}
.button.higher {
	height: 60px;
}
.button.shadow {
-webkit-box-shadow: 5px 5px 20px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 20px -1px rgba(0,0,0,0.15);
box-shadow: 5px 5px 20px -1px rgba(0,0,0,0.15);	
}
.button.right {
	float: right;
}
.linedGreen {
	border: 2px solid #7fff00;
	border-radius: 5px;
	margin: 0 12px 0 12px;
	height: 45px;
	}
.linedGreen a {
	line-height: 45px;
}
.linedGreen:hover {
	  background: #93c844;
	border: 2px solid #93c844;
	
	}

.button.floatRight{
	float: right;
}
.button.floatLeft{
	float: left;
}
.button.red{
	background: #B62700;
}
.button.orange {
	background: #f0a80e;
}
.button.grey {
	background: #d8d8d8;
}
.button.greenDark{
	background: #055d2a;
}
.button.grey a {
	color: #000;
}
.button.ok {
	width: 90px;
	min-width: 90px;
}
.center{
    display: table;
    margin: 0 auto;
}
.button.maxpercent {
	margin: 0 auto;
	width: 100%;
}
.button.percent85 {
	width: 85%;	
}
.button.percent33 {
	width: 33%;	
}
.button.width70px {
	min-width: 70px;
}
.button.red:hover {
transition: background-color .6s;
   background: #d92e00;

}
.button.orange:hover {
transition: background-color .6s;
   background: #e09d0d;
}


.button.green{
   background: #93c844;
}

.button.green:hover {
 transition: background-color .6s;
   background: #80af3a;
}
.button.green.ask:hover {
 transition: background-color .6s;
 background: #80af3a url(../_images/symbols/askD.png) no-repeat ;
}
.button.message{
	background: #93c844 url(../_images/symbols/message-green-bckg.png) no-repeat left;	
	padding-left: 20px;
}
.button.green.message:hover {
 transition: background-color .6s;
 background: #80af3a url(../_images/symbols/message-green-bckg.png) no-repeat left;	
}
.button.ask{
	background: #93c844 url(../_images/symbols/askD.png) no-repeat ;	
	padding-left: 10px;
	min-width: 126px;
}
.button.check{
	background: #93c844 url(../_images/symbols/check.png) no-repeat left ;	
	padding-left: 10px;
	min-width: 116px;
}
.button.check:hover {
 	transition: background-color .6s;
	background: #80af3a url(../_images/symbols/check.png) no-repeat left ;	
	
}
.button.check a {
	padding: 0 10px 0 10px; 
	
}

.done{
	background: url(../_images/symbols/checkBL.png) no-repeat left ;
	padding-left: 10px;
	width: 116px;
	margin: 0 auto;
}


.button.height60px {
	height: 60px;
	
}
.button.height60px a {
	line-height: 60px;
	font-size: 22px;
}
.button.height54px {
	height: 54px;
	margin: 10px 0 15px 0;
	
}
.button.height54px a {
	line-height: 54px;
	font-size: 18px;
}
.button.photoAdd {
	height: 54px;
	margin: 10px 0 15px 0;
}

.button.photoAdd a {
	line-height: 54px;
	font-size: 18px;
}


.button.hidden{
	display: none;
}

.buttonGreen {
	margin: auto;
   background: #93c844;
	display: table;
	padding: 0 5px 0 5px; 
	min-width: 120px;
	height: 40px;
	border-radius: 5px;
		text-align: center;
}

.buttonGreen a {
	display: inline-block;
	width: 100%;
	line-height: 38px;
	font-family: 'Roboto';
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 16px;

}

.button.tight {
	max-width: 100px;	
}
.button.height30px {
	height: 30px;
}
.button.height30px a {
	line-height: 30px;
}

.greenButtonPlus {
   background: #93c844 url(../_images/main/button-plus.png) no-repeat left;
	display: table;
	padding: 0 5px 0 35px; 
	min-width: 120px;
	height: 40px;
	border-radius: 5px;
	text-align: left;
   
   
}

.greenButtonPlus a {
	display: inline-block;
	width: 100%;
	line-height: 38px;
	font-family: 'Roboto';
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 16px;

}



#profilStrip {
	background: #0D3C1E;
	width: 100%;
	height: 63px;
  
}


#profilStrip > .container {
  text-align: left;
  width: 1080px;
  margin: auto; 
  	height: 63px;
  border-left: 1px solid #031A0D;
  border-right: 1px solid #031A0D;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
}
#profilStrip .navItemLeft {
	background: url(../_images/symbols/arrowDown.png) no-repeat right;
  width: 225px;
  height: 63px;
  	float: left;
  		  border-right: 1px solid #031A0D;
  }
#profilStrip .navItemRight {
	background: url(../_images/symbols/house3.png) no-repeat right;
  width: 310px;
  height: 63px;
  	float: right;
  	border-left: 1px solid #031A0D;
  }  
#profilStrip .navItemLeft a {
	display: block;
	width: 90%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	text-align: left;
	margin-left: 20px;

	  line-height: 65px;
	}  
#profilStrip .navItemRight a {
	display: block;
	width: 90%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	text-align: left;
	margin-left: 20px;

	 line-height: 65px;

	} 
.kontaktniInfo {
	top: 0;
	margin: 0;
	width: 100%;
	height: 93px;
	background: #FDFCF8 url(../_images/symbols/info.png) no-repeat 30px 20px;

}

.kontaktniInfo .text {
	width: 80%;
	padding-top: 32px;
	margin-left: 120px;
	color: #949494;
	height: 50px;
	font-weight: bold;
}

#profilDetail {
   background-color: #FBFAF4;
	width: 100%;
}
#profilDetail h1 {
   color: #686035;
	float: left;
	font-size: 26px;
}

#profilDetail .adress {
	width: 90%;
	height: 38px;
	float: left;
	border: 1px solid #BFBAA3;
	margin-top: -1px;
	line-height: 35px;
	padding-left: 15px;
	font-weight: bold;
}

#profilDetail .adress:hover {
	background: #FBFAF4;
}

#profilDetail .adress .close,
#profilDetail .adress .edit  {
   display: none;
	float: right;
	width: 38px;
	height: 38px;
	border-left: 1px solid #BFBAA3;
}

#profilDetail .adress .close a,
#profilDetail .adress .edit a  {
	display: block;
	width: 100%;
	height: 100%;
}

#profilDetail .adress .edit {
	background: White url(../_images/symbols/edit.png) no-repeat center;
}
#profilDetail .adress .close {
	background: White url(../_images/symbols/close.png) no-repeat center;
}


#profilDetail .adress:hover .close,
#profilDetail .adress:hover .edit
 {
    display : block;
}





#doprava {
	border: 1px solid #BFBAA3;
	font-weight: bold;
	margin-top: -10px;
	
}
#doprava .zasilka{
background: url(../_images/symbols/car.png) no-repeat 10px 10px;
	height: 40px;
}
#doprava .zasilka p {
	margin: 0 0 0 50px;
	font-size: 16px;
}	
#doprava .odber {
	background: url(../_images/symbols/hands.png) no-repeat 10px 10px;
	
}
#doprava .odber  p {
	margin: 0 0 0 50px;
		font-size: 16px;
}
#doprava .info   {
	border-top: 1px solid #E6E1CF;
	height: 45px;
	background: #FBFAF4 url(../_images/symbols/info-small.png) no-repeat 10px 10px;
}
#doprava .info  p {
	margin: 7px 0 0 60px;
	color: #8D8D8D;
}
.imageProfilAdd {
	float: left;
	width: 165px;
	height: 165px;
	background: url(../_images/symbols/plus-big.png) no-repeat center;
	margin-right: 10px;
	}
.imageProductAdd {
	float: left;
	width: 202px;
	height: 141px;
	background: url(../_images/symbols/addItem-rectangle.png) no-repeat center;
	margin: 0 40px 30px 0;
	}
.imageProfilAdd a,
.imageProductAdd a {
	display: block;
	width: 100%;
	height: 100%;

}
.imageProfil {
	float: left;
	width: 165px;
	height: 165px;
	margin-right: 10px;
	position: relative;
	}
.imageProfil a {
	display: block;
	width: 100%;
	height: 100%;

}

.imageProfil:hover .close,
.productImage:hover .close,
.productImage:hover .prefered {
    display : block;
}

.imageProfil .close,
.imageProfilSmall .close,
.productImage .close  {
	display: none;
	top: 0;
	width: 38px;
	height: 38px;
	border: 1px solid #BFBAA3;
	position: absolute;
	background: White url(../_images/symbols/close.png) no-repeat center;
}

.imageProfil .close,
.productImage .close {
	right: 0;
}


.imageProfilSmallAdd {
	float: left;
	width: 80px;
	height: 80px;
	background: url(../_images/symbols/plus-small.png) no-repeat center;
	margin-right: 10px;
	}

.imageProfilSmallAdd a {
	display: block;
	width: 100%;
	height: 100%;

}
.imageProfilSmall {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	position: relative;
	}
.imageProfilSmall a {
	display: block;
	width: 100%;
	height: 100%;

}
.imageProfilSmall .close {
	left: 40px;
}

.imageProfilSmall:hover .close{
    display : block;
}

.productImage {
	float: left;
	width: 202px;
	height: 141px;
	margin: 0 40px 30px 0;
	position: relative;
	}
.productImage a {
	display: block;
	width: 100%;
	height: 100%;

}

.productImage .prefered {
	display: none;
position: absolute;
top: 100px;
	left: 40px;
	width: 113px;
	height: 31px;
	background: white;
	line-height: 30px;
	text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #055d2a;
    font-weight: bold;
    font-size: 12px;
	
}



.formNote {
	color: #8d8d8d;
	font-size: 13px;
}
.formNote a {
	color: #055d2a;
	text-decoration: underline;
	
}

.formNote1 {
	color: #000;
	font-size: 13px;
	}
.formNote1 a {
	color: #2b6b41;
	text-decoration: none;
	
}

#registerLogin table td.formNote1 {
	font-size: 13px;
	margin-bottom: 10px;
	text-align: left;
	}

.insertionDate {
	font-size: 13px;
	float: none;
	margin: 0 0 10px 3px;
	color: #000;
	font-family: Roboto;
}

#profilDetail > .container {
  text-align: left;
  width: 1080px;
  margin: auto; 
  padding-bottom: 80px;
}

#prodejceStrip {
	background: #0D3C1E;
	width: 100%;
	height: 380px;

}


#prodejceStrip .container {
  background: transparent url(../_images/_bckg/bckg-sp-muj_profil.png) no-repeat center;
  text-align: left;
  width: 100%;
  width: 1080px;
  height: 380px;
  margin: auto; 
 	color: white;
 	text-align: center;
}


#prodejceStrip .container .content {
  text-align: center;
  width: 450px;
  margin: 0 auto 0 auto;
  font-size: 14px;
  font-weight: normal; 
  padding-top: 60px;
}

#prodejceStrip .container .content  p {
	font-family: Roboto;
font-size: 16px;
}

#prodejceDetail {
   background-color: #FBFAF4;
	width: 100%;
}
#prodejceDetail  h1 {
   color: #686035;
	float: left;
	font-size: 26px;
}

#prodejceDetail .adress {
	background: #fff url(../_images/symbols/house2.png) no-repeat left;
	width: 85%;
	height: 63px;
	float: left;
	border: 1px solid #BFBAA3;
	margin-top: -1px;
	padding-left: 80px;
	vertical-align: middle;
}
#prodejceDetail .adress p {
	float: left;

}

#prodejceDetail  .adress:hover {
	background: #FBFAF4 url(../_images/symbols/house2.png) no-repeat left;
}

#prodejceDetail  .adress .close,
#prodejceDetail  .adress .edit  {
   display: none;
	width: 38px;
	height: 38px;
	border-left: 1px solid #BFBAA3;
	border-bottom: 1px solid #BFBAA3;
	float: right; 
		 
}

#prodejceDetail  .adress .close a,
#prodejceDetail .adress .edit a  {
	display: block;
	width: 100%;
	height: 100%;
}

#prodejceDetail  .adress .edit {
	background: White url(../_images/symbols/edit.png) no-repeat center;
}
#prodejceDetail  .adress .close {
	background: White url(../_images/symbols/close.png) no-repeat center;
}


#prodejceDetail  .adress:hover .close,
#prodejceDetail  .adress:hover .edit
 {
    display : block;
}

#prodejceDetail > .container {
  text-align: left;
  width: 1080px;
  margin: auto; 
  	padding-bottom: 80px;
}

 .formContainer label > span {/* <-- style the artificial checkbox */
  height: 10px;
  width: 10px;
  margin-top: 5px;
  margin-left: 5px;
  border: 1px solid grey;
  display: inline-block;
  position: relative;
}
.formContainer  input[type="checkbox"]:checked + span:before {/* <-- style its checked state..with a ticked icon */

   content: '\2714';
  position: absolute;
  top: -4px;
  left: 0;
}
#vypisSearch {
  width: 100%;
  height: 186px;
  background-color: #013617;

  
}
#indexSearch {
   position: absolute;
	width: 1028px;
	height: 204px;
	top: 390px;
	left: calc(50% - 1028px / 2);
	clear: both;
	text-align: center;
	color: white;
	background-color: #005624;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;
}

#indexPointer {
  	background: url(../_images/symbols/mainPagePointer.png) no-repeat top center;
   position: absolute;
	width: 1028px;
	height: 150px;
	top: 575px;
	clear: both;
	text-align: center;
	
	line-height: 150px;
	}
#indexPointer a {
  		display: inline-block;
  		height: 100%;
		color: white;
		padding-right: 20px;
		background: url(../_images/symbols/arrowOrange.png) no-repeat right;
	}
#indexPointer a:hover {


	}

#vypisSearch  #searchSelector {
	margin: 37px 10px 0 0

}



#searchHeader	{
	width: 947px;	
	margin: auto; 
	height: 36px;
	color: #a0c619;
	position: relative;
	top: 30px;
	text-align: left;
	font-size: 20px;
}

#vypisSearch  #searchHeader	{
	top: 20px;
	width: 1080px;

}
#searchHeader span	{
	color: #fff;
}

#indexSearch > .container {
   width: 947px;
   height: 90px;
   margin: auto; 
	position: relative;
	top: 40px;
 	background: white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;
   -webkit-box-shadow: 12px 11px 107px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 12px 11px 107px 0px rgba(0,0,0,0.5);
   box-shadow: 12px 11px 107px 0px rgba(0,0,0,0.5);
 }
	
#vypisSearch > .container
 {
   width: 1080px;
   height: 90px;
   margin: auto; 
	position: relative;
	top: 33px;
 	background: white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;
   -webkit-box-shadow: 12px 11px 107px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 12px 11px 107px 0px rgba(0,0,0,0.5);
   box-shadow: 12px 11px 107px 0px rgba(0,0,0,0.5);
 }
#paginationBox {
	width: 320px;
	margin: 0 18% 0 0;
	float: right;
}
 
ul.pagination {
   display: inline-block;
   padding: 0;
   font-family: Roboto;
    
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #2B6C43;
    float: left;
    padding: 7px 14px;
    text-decoration: none;
}

ul.pagination li a {
background: white; 
    transition: background-color .3s;
}

ul.pagination li a {
    border: 1px solid #E6E1CF; 
    font-weight: bold;
}

ul.pagination li a.active {
    background-color: #ece2ca;
    color: #8E8762;
    color: white;
}

ul.pagination li a:hover:not(.active) {

background-color: #F9F7ED;
color: #8E8762;
font-weight: bold;

}



.pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}	
.totalResult {
	font-size: 14px;
	color: #787253;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
.totalResult a {
	color: #787253;
}


/* Tags Start                                                                  */
/*********************************************************************************/


.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
}

.tags li {
  float: left; 
}

.tag {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #eee;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #93c844;
  color: white;
}
.tag:hover::after {
   border-left-color: #93c844; 
}
.tag:hover::before {
   background: url(../_images/symbols/close-tag.png); 
   width: 11px;
   height: 11px;
   top: 7px;
   left: 7px;
   border-radius: 0;
   border: 0;
   box-shadow: none;
}

/* Tags konec                                                                  */
/*********************************************************************************/
.jednotkaList 
 {
	display: none;
}
.box-570px {
	margin: 25px 0 0 0;
	background: white;
	border: 1px solid #E6E1CF;
	width: 570px;
	min-height: 80px;
	position: relative;	
}
.box-90per {
	margin: 10px auto 25px auto;
	background: white;
	border: 1px solid #E6E1CF;
	width: 90%;
	position: relative;	
}
.box-100per {
	margin: 25px 0 0;
	background: #FBFAF4;
	border-top: 1px solid #E6E1CF;
	width: 100%;
	height: 100%;
	min-height: 100%;
		
}
.topArrow {
	position: absolute;
	top: -14px;
	left: 50px;	
	height: 14px;
	width: 25px;
	background: url(../_images/symbols/arrowBox.png) no-repeat;
}

.topArrow.left68 {
	left: 68px;	

}
.topArrow.left55 {
	left: 55px;	

}
.topArrow.left255 {
	left: 255px;	

}


.box-570px table tr td{
	vertical-align: top	
}

.box-570px:after {
    content: '';
    display: block;
    clear: both;
}


/* Produkt box                                                                  */
/*********************************************************************************/
#productMap {
	width: 270px;
	height: auto;
   height: 330px;
	background: #f9f7ed;
	font-family: Roboto;
	border: 1px solid #E6E1CF;
  	margin: 0 auto;
  	position: absolute;
  	top: 50px;

}

#productMap.long {
   height: 475px;
}

.closeOrange {
	width: 33px;
	height: 33px;
	position: absolute;
	right: -16px;
	top: -16px;
	background: url(../_images/symbols/close-orange.png);
	z-index: 30;
}
.closeOrange a{
	display: block;
	width: 100%;
	height: 100%;
}
.itemsBox {
	width: 100%;
	overflow-y: auto;
	height: calc(100% - 75px);

}
#mapBox {
    position: absolute;
    z-index: 1000;
}

#productMap .seller{
	width: 220px;
	margin: 10px auto;
	font-size: 12px;
	height: 55px;

}
#productMap .seller span{
	margin-top: 15px;


}
#productMap .circle {
	float: left;
	margin-right: 15px;

}
#productMap .sellerText {
	margin-top: 5px;
	width: 160px;
	float: left;
	font-weight: bold;

}
#productMap .sellerText a{
	color: #055d2a;

}
.productDetailTbl {
	margin: 10px 0 10px 0;
	font-size: 14px;
	 border-spacing: 0;
    border-collapse: collapse;
}
.productDetailTbl td {
	margin: 0;
	padding: 3px 0 3px 0;
}
.productDetailTbl span {
	font-size: 13px;
	color: #666;
}
.itemMainFrame {
	width: 220px;
	height: 340px;
	border: 1px solid #E6E1CF;
	margin: 10px 1% 20px 1%;
	font-family: Roboto;
	color: #055d2a;
	font-size: 15px;
	float: left;
	background: white;
	position: relative;
	text-align: left;

}
.itemMainFrame.myItem {
	height: 255px;
 	float: none;
 	margin: 0 0 15px 0 ;
}
.itemMainFrame.toMap {
	height: auto;
 	float: none;
 	margin: 0;
 	position: relative;
 	margin: 10px auto;
}


.itemMainFrame.mySeller {
	height: 345px;
 	width: 248px;
 	float: none;
 	margin: 0 0 15px 0 ;
}

.itemMainFrame.sellerToMap {
	height: auto;
 	width: 430px;
 	float: none;
 	margin: 0 0 15px 0 ;
 	
}

.itemMainFrame.sellerToMap:hover {
		border: 1px solid #E6E1CF;
}

.itemMainFrame.sellerToMap > .head {
	width: 100%;
	height: 67px;
	line-height: 67px;
	margin: 0 33px 0 33px;
	font-weight: bold;
}
.itemMainFrame.sellerToMap > .head a{
	color: #93c844;

}

.itemMainFrame.sellerToMap > .head .starsBlock{
	margin: 27px 8px 0 10px;
}

.itemMainFrame.sellerToMap > .head .totalRating{
	margin: 0 8px 0 63px;
	float: left;

	font-size: 18px;
	color: #000;
}

.head > .sellerBigHeader {
	font-size: 26px;
	color: #686035;
	float: left;
	line-height: 67px;
	font-family: Bevan;

}
.itemMainFrame.sellerToMap > .seller {
	width: 100%;
	height: 113px;
	background: #fbfaf4;
	border-bottom: 1px solid #f0ede1;
	border-top: 1px solid #f0ede1;
	
}
.itemMainFrame.sellerToMap > .seller > .circle {
margin: 18px 10px 0 33px;
	
}
.itemMainFrame.sellerToMap > .seller > .sellerText {
	margin: 22px 10px 0 33px;
	font-size: 18px;
	color: #000; 
	font-weight: bold;
}
.sellerText a,
.itemName a,
.itemInclusion a {
	color: #055d2a;
}
.itemMainFrame.sellerToMap > .rating {
	width: 100%;
	height: 104px;
}
.itemMainFrame.sellerToMap > .rating > table {
	margin: 10px 0 0 30px;
	font-size: 14px;
	color: black;
}
.itemMainFrame.sellerToMap > .rating > table td {
	padding: 3px 0 3px 0;
}


.itemMainFrame.emptyItem,
 .itemMainFrame.emptyItem:hover {
	height: 255px;
 	float: none;
 	margin: 0 0 15px 0 ;
 	background: transparent;
 	border: 1px solid transparent;
}

.itemMainFrame.magItem {
	border: none;
	width: 258px;
	height: 340px;
	margin: 10px 0% 20px 0%;
	font-family: Roboto;
	float: left;
	position: relative;
	text-align: left;
	background: none;
	font-family: Bevan;
}
.itemMainFrame.magItem a {
	color: #055d2a;
	font-size: 18px;
	font-family: Bevan;
}
.itemMainFrame.magItem .itemName {
	margin: 10px 0 0 2px;
}
.itemMainFrame.magItem:hover {
	border: none;
}
.itemMainFrame.magItem .itemImage {
	width: 258px;
	height: 258px;
	border: 1px solid #E6E1CF;
	background: white;
}
.itemMainFrame.magItem .itemImage img {
		margin: 10px;

}

.flex-container {
	margin-left: 0;
	padding-left: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
 		

}
.flex-container.space {
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
 		

}


.itemMainFrame.myItem > .itemRating,
.itemMainFrame.mySeller > .itemRating,
.itemMainFrame.toMap > .itemRating
 {
	border: none;
}
.flex-container.noMargin .itemMainFrame {
	margin-left: 0px;
	margin-right: 0;	
}
.itemImageNotActive {
	width: 202px;
	height: 141px;
	background: rgba(13, 60, 30, .7);
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
.itemImageNotActive img {
	margin: 10px auto;
}
.itemImageNotActive > .text {
	width: 150px;
	font-size: 20px;
	color: white;
	margin: 5px auto;
	opacity: 1;
}

.itemMainFrame.addItem,
.itemMainFrame.addItem:hover {
	border: none;
}


.itemMainFrame a {

}
.itemMainFrame:hover {
	border: 1px solid #FFB922;

}

.itemMainFrameLast {
    content: '';
    display: block;
    clear: both;

}

.itemImage {
	margin: 9px auto 0 auto;
	width: 202px;
	height: 141px;
	position: relative;
}
.itemMainFrame.mySeller > .itemImage {
	margin: 9px auto 0 auto;
	width: 230px;
	height: 230px;
	position: relative;
}

.itemImage > .itemPriceBox {
	position: absolute;
	width: 136px;
	height: 36px;
	margin: 0 auto;
	top: 95px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	left: calc(50% - 50px);
}
.itemImage > .itemPriceBox > .itemPriceLeft {
	float: left;
	background: white;
	height: 100%;
	min-width: 20px;
	line-height: 36px;
	padding: 0 8px 0 8px;
	border-radius: 5px 0 0 5px;
}
.itemImage > .itemPriceBox > .itemPriceRight {
	float: left;
	background: #F4EFDC;
	height: 100%;
	width: 37px;
	line-height: 36px;
	border-radius: 0 5px 5px 0;
	color: black;
	font-size: 14px;
}
.itemImage > .itemLike {
	position: absolute;
	width: 113px;
	height: 31px;
	left: 75px;
	top: 10px;
	background: url(../_images/symbols/heart-e.png) no-repeat right;
}

.itemImage > .itemLike a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.itemLike.liked {
background: url(../_images/symbols/heart.png) no-repeat right;
}


.itemName {
	margin: 9px auto 0 auto;
	width: 202px;
	height: auto;
	font-weight: bolder;
}
.itemRating {
	margin: 0 auto 0 auto;
	width: 100%;
	height: 35px;
	font-weight: bold;
	line-height: 35px;
	border-bottom: 1px solid #f9f7ed;
	font-family: Roboto;
	font-size: 14px;
}

.itemRating a {
	color: #93C844;
}

.itemInclusion {
	margin: 6px auto 6px auto;
	width: 202px;
	height: auto;
	font-size: 11px;	

}

.carS,
.handsS,
.starS,
.starSB {
	margin-top: 10px;
	width: 18px;
	height: 14px;
	float: left;
}
.starS {
	margin: 0;
	background: url(../_images/symbols/star.png);
}

.starSB {
	margin: 0;
	background: url(../_images/symbols/star-b.png);
}
.carS {
	margin-left: 8px;
	background: url(../_images/symbols/car-s.png);
}
.starsBlock {
	margin: 10px 5px 0 10px;
	width: 90px;
	height: 14px;
	float: left;	
}
.starsBlockBig {
	margin: 12px 10px 0 10px;
	width: 140px;
	height: 14px;
	float: left;	
}

.starsBlockBig > .starS,
.starsBlockBig > .starSB {
	margin-top: 10px;
	width: 28px;
	height: 21px;
	float: left;
}
.starsBlockBig > .starS {
	margin: 0;
	background: url(../_images/symbols/starB.png);
}

.starsBlockBig > .starSB {
	margin: 0;
	background: url(../_images/symbols/starB-b.png);
}


.handsS {
	margin-left: 8px;
	background: url(../_images/symbols/hands-s.png);
}

.itemOrderBox {
	position: absolute;
   bottom: 0;
	background: #f9f7ed;
	width: 100%;
	height: 54px;
	font-size: 11px;
	line-height: 74px;
	padding-top: 20px; 

}


.itemSellerBox {
	 position: absolute;
   bottom: 0;
	background: #f9f7ed;
	width: 100%;
	height: 74px;
	font-size: 11px;

}
.itemSellerBox > .circle {
	margin: 13px 0 0 13px;
	float: left;

}
.itemSellerDescr {
 	font-weight: bold; 	
	width: 135px;
	min-height: 60px;
	margin: 13px 9px 0 7px;
	float: left;	

	}
.ratingItemRater  .itemSellerDescr {
	text-align: center;
	font-size: 14px;
	width: 80%;
	margin: 3px 9px 0 12px;
}	
.itemSellerDescr a {
    color: #055d2a;
}
.itemSellerDescr > span {
	color: #000;	
}

/* Produkt box konec                                                             */
/*********************************************************************************/

/*  =================================================== cenovy interval =============================================== */
#priceSelectBox {
	width: 100%;
	min-width: 900px;
	height: 86px;
	background: white;
	border-bottom: 1px solid #E6E1CF;
	font-weight: bold;
	}
#priceSelectBox .priceSliderBox {
	min-width: 360px;
	height: 86px;
	float: left;
	border-right: 1px solid #E6E1CF;
	position: relative;
}
#priceSelectBox .priceCheckerBox {
	width: 400px;
	height: 86px;
	float: left;
	margin-left: 0;
	
}
.priceSliderTitle {
	position: absolute;
	top: 16px;
	left: 16px;
	height: 100px;
	font-size: 16px;
	
}
.priceSliderRange {
	font-family: Roboto;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.priceSliderRange input  {
	color: #000;
}
#priceSelectBox .priceCheckerBox .selectItem {
	height: 34px;	
	line-height: 47px;
}

.selectItem {
	margin-top: 0;
	width: 200px;
	height: 38px;
	line-height: 43px;
	position: relative;
	font-weight: bold;
	font-size: 14px;

}

.priceCheckerBox .selectItem.ihl  label:before {
	left: -3px;
    top: 15px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.rowLast:after {
	clear: both;
}


#orderBox  {
	width: 100%;
	height: 30px;
	float: left;
	margin-top: 20px;
	
	}
#orderBox .list,
#orderBox .header  {
	margin-left: 10px;
	width: auto;
	height: 50px;
	float: left;

	
	}
#orderBox .header  {
	font-weight: bold;
	margin-left: 20px;
	
	}	
	
#orderBox  ul {
	float: left;
	list-style-type:none;
	margin: -12px 0 0 10px;
	padding:0;
	float: right;
	position: relative;
	width: 100%;


	}
#orderBox   ul  li
		{
		display:inline-block;
		float: left;
		min-width: 100px;
		margin: 10px 5px 0 0;		
}
#orderBox   ul  li  a 
			{
	display:block;
	text-align: center;
	height: 28px;
	line-height: 28px;
	color: #055d2a;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0 7px 0 7px;
}


#orderBox  ul  li.active  a,
#orderBox  ul  li  a:hover
			{
	margin: -1px;
	border: 1px solid #E6E1CF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: white;
    color: #6D653C;
    transition: background-color .6s;
    
}

/* Checkboxy start                                                                 */
/*********************************************************************************/
.ihl input[type=checkbox] {
    display: none;
}

.ihl label:before {
    border-radius: 0;
}

.ihl label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
	margin-left: 70px;
}


.ihl label:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom:-1px;
    background-color: transparent;
 	border: 1px solid #beb9a1;
 
}
.zasilka.ihl  label:before,
.doprava.ihl  label:before {
	left: -3px;
    top: 15px;
}

.ihl input[type="checkbox"]:checked + input[type="hidden"] + label:before {
    content: "\2713";
    font-size: 15px;
    font-weight: bold;
    color: #5a5a5a;
    text-align: center;
    line-height: 15px;
}

.formContainer  input[type="checkbox"] {
  display: none;/* <-- hide the default checkbox */
}

.formContainer > input[type="checkbox"] label:before {
    border-radius: 2px;
}

.formContainer > input[type="checkbox"] label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 15px;
    font-size: 13px;
}


.formContainer > input[type="checkbox"] label:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    left: 7px;
    top:-3px;
    background-color: transparent;
 	border: 1px solid #9e9e9e;
 
}



.f ormContainer input[type="checkbox"]:checked +	 label:before {
    content: "\2713";
    font-size: 15px;
    font-weight: bold;
    color: #5a5a5a;
    text-align: center;
    line-height: 15px;
}

.formContainer table:after {
   display: inline-block;
  	clear: both;
 
}



/* Checkboxy end                                                                  */
/*********************************************************************************/

/* Inputy a checkboxy                                                              */
/*********************************************************************************/
#registerLogin input[type="text"],
#registerLogin input:not([type]),
#registerLogin input[type="password"]{
	width: 95%;
	height: 37px;
	border: 1px solid #bfbaa3;
	font-size: 16px;
	color: #686035;
	padding-left: 5px;
	margin-left: 10px;
	   
}

input[type="text"].longer,
input[type="password"].longer  {
	width: 90%;
	margin-right: 10px;
}

input[type="text"].shorter,
input[type="password"].shorter  {
	width: 50%;
	margin-right: 10px;
}
input[type="text"].short,
input[type="password"].short  {
	width: 75%;
	margin-right: 10px;
}

textarea:focus, input:focus{
    outline: none;
}
#cartTopStrip {
  width: 100%;
  height: 134px;
  background-color: #FBFAF4;
}
#cartTopStrip .container {
	background: url(../_images/_bckg/kosik-big.png) no-repeat right;
	height: 100%;
  width: 100%;
  width: 1080px;
  margin: auto;
	line-height: 134px;
}
#pageTopStrip {
  width: 100%;
  height: 134px;
  background-color: #FBFAF4;
}
#pageTopStrip .container {
	height: 100%;
  width: 100%;
  width: 1080px;
  margin: auto;
	line-height: 134px;
}
.orderDetail {
	height: 40px;
	line-height: 40px;
}
	


.orderDetail > .circle,
.orderDetail > .itemSellerDescr,
 .orderDetail > span {
 	margin: 0;
	float: left;
	width: auto;
	font-size: 12px;
	font-weight: bold;
}
.orderDetail > .circle,
.orderDetail > .itemSellerDescr {
 	margin-left: 15px;
}

/* Ko??k                                                                         */
/*********************************************************************************/	
	
.cartItem {
	margin: 50px 10px 0 10px;
    background: #93c844;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    display: block;
    text-align: center;
    line-height: 40px;
   color: #fff;
	float: left;
    font-size: 25px;
    	
}
.cartItemText {
	float: left;
    font-size: 25px;
    
}	

.cartItemBox {
	width: 95%;
	height: 76px;
	margin: 0;
	display: table;
	padding: 20px 0 0 20px;
	font-size: 15px;
}


.cartItemBox .input-group {
	position: relative;
}
.cartItemBox .input-group .numberForm input,
.orderTbl .input-group .numberForm input {
	margin-top: -1px;
	margin-left: -2px;
	border: 1px solid #e6e1cf;
}

.cartItemBox .controlRight {
	margin-left: 8px;
}

.cartItemBox > .cartItemImage{
	display: table-cell;
	width: auto;	
	height: 76px;
	float: left;
	height: 100%;
	}

.cartItemDescr {
	margin-left: 15px;
	display: table-cell;
    font-size: 12px;
    width: 35%;
   float: left; 
   height: 76px;
   margin: 0 0 0 10px;
  }

.cartItemSelect,
.cartItemPrice {
	width: 15%;
	display: table-cell;
	float: left;	
	height: 76px;
	line-height: 50%;
	margin: 0;
	line-height: 76px;
}
.cartItemRemove{
	width: auto;
	display: table-cell;
	float: right;
	height: 76px;
	line-height: 76px	
}
.cartItemRemove img{
	margin: auto	
}
.line1px95perc {
	border-bottom: 1px solid #e6e1cf;
	width: 95%;
	height: 1px;
	margin: 0 auto;
}
.line1px100perc {
	border-bottom: 1px solid #e6e1cf;
	width: 100%;
	height: 1px;
	margin: 10px auto;
}
.line2px100perc {
	border-bottom: 2px solid #e6e1cf;
	width: 100%;
	height: 2px;
	margin: 0 auto;
}

/* Kosik konec                                                                   */
/*********************************************************************************/	



.sellerDetailBox {
	width: 100%;
	margin-top: 20px;
}
.sellerDetailBoxLeft {
	width: 60%;
	float: left;
}
.sellerDetailBoxRight {
	width: 40%;
	float: right;
	font-size: 13px;
}
.sellerDetailBoxRight > .detailItem {
	width: 100%;
	text-align: right;
	margin-bottom: 4px; 
		height: 22px;

}

.sellerDetailBoxRight > .detailItem  a {
	color: #055d2a;
	vertical-align: top; 
	height: 20px;
}
.sellerDetailBoxRight > .detailItem.big {
	width: 100%;
	text-align: right;
	margin-bottom: 4px; 
		height: 30px;
}
.sellerDetailBoxRight > .detailItem.big  a {
	font-size: 16px;
	font-weight: bold;
	line-height: 23px;
	
}

.sellerDetailBoxLeft > .boxRow {
	margin-bottom: 10px;
}

.boxRow > .circle,
.boxRow > .itemSellerDescr {
	float: left;
	margin: 10px 10px 0 15px;
	font-size: 14px;
}

.boxRow > .circle {
	width: 30%;
}
.boxRow > .itemSellerDescr {
	width: 70%;
}

.lineTop {
	border-top: 1px solid #f0ede1;
}
.sellerBox {
	width: 100%;
	border: 1px solid #f0ede1;
}
.sellerDetailBoxLeft > sellerBox > .boxRow {
	width: 100%;
	background: white;
}


.cartAdress label,.cartAdress .label-group {
    display: block;
    margin: 12px 0 12px 0;
    overflow: hidden;
}

.cartAdress label {
    cursor: default;
}

.cartAdress label, .label-group.inline label {
    line-height: 36px;
}
.cartAdress label input, .cartAdress label textarea {
    float: left;
    width: 60%;
    border: 1px solid #BFBAA3;
	color: black;
}
.cartAdress label select {
    line-height: 36px;
    height: 36px;
    margin:  0 15px;
    display: block;
    float: left;
    width: 88%;
	border: 1px solid #BFBAA3;
}
.cartAdress label > div:first-child, .cartAdress .label-group > div:first-child {
    width: 100px;
    text-align: right;
    margin-right: 5px;
}
.cartAdress .label {
    display: block;
    float: left;
    width: 25%;
    text-align: right;
   	margin-right: 12px;
   	font-weight: bold;
   	font-size: 15px;
}	
table.dopravaTbl {
	width: 75%;
	background: #faf9f5;	
	border: 1px solid #e6e1cf; 
	margin: 20px;
	line-height: 18px;
}
table.dopravaTbl td.header{
	background: #fff;	
	border-bottom: 1px solid #e6e1cf; 
}
table.orderTbl {
	width: 95%;
	margin: 20px;
	line-height: 18px;
	font-size: 15px;
}
table.orderTbl.notice {
	background: #fdfcf9;
	width: 100%;
	margin: 0;
}

table.orderTbl textarea{
	resize: none;
	padding: 3px;
}
table.orderTbl .note{
	background: white;
	border: 1px solid #e6e1cf;
	width: 85%;
	min-height: 25px;
	height: auto;
	font-size: 12px;
	padding: 3px 
}
table.orderTbl td.priceTotal{
	font-weight: bold;
	font-size: 22px;
	border-top: 1px solid #e6e1cf; 
}



/* Inputy a checkboxy End                                                             */
/*********************************************************************************/
/* Switch box                                                             */
/*********************************************************************************/

#switchBoxStrip {
	height: 90px;
	font-family: Roboto;
	background: #FBFAF4;
 
}
#switchBoxStrip > .container {
  height: 90px;
  width: 1080px;
  margin: auto;
}
#switchBox {
	width: 372px;
	margin: auto;
}
.switchBoxLeft,
.switchBoxRight,
.switchBoxRightActive,
.switchBoxLeftActive {
	width: 184px;
	float: left;
	height: 56px;
	line-height: 56px;
	border: 1px solid #E6E1CF;
	margin-top: 20px;	
}
.switchBoxLeft a,
.switchBoxRight a,
.switchBoxRightActive a,
.switchBoxLeftActive a{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #0d3c1e;
}
.switchBoxLeftActive a,
.switchBoxRightActive a{
	color: white;
}

.switchBoxLeftActive,
.switchBoxRightActive{
	background: #0d3c1e;
	border: 1px solid #0d3c1e;
}



#switchBoxArrow{
	clear: both;
	width: 372px;
	margin: auto;
	height: 15px;
}
#switchBoxArrow.left{
	background: url(../_images/symbols/arrowGreenDown.png) no-repeat 82px 0;
}

#switchBoxArrow.right {
	background: url(../_images/symbols/arrowGreenDown.png) no-repeat 260px 0;
	
}

.switchBoxRight,
.switchBoxRightActive {
	border-radius: 28px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.switchBoxLeft,
.switchBoxLeftActive {
	border-radius: 28px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.switchBoxLeft a:hover {
	font-weight: bold;

}

.switchBoxRight a:hover {
	font-weight: bold;	

}
		

/* Switch box End                                                             */
/*********************************************************************************/
/* Messagge box                                                                */
/*********************************************************************************/
.itemMessageBox {
	width: 100%;
	background: #fff;
	border: 2px solid #a9c97a;
	height: 100px;
	margin: 0 0 20px 0;
	font-family: Roboto;
	box-shadow: 0 2px #edebe1;
	
}

.messageBlockForm {
	width: 98%;
	background: #fff;
	border: 2px solid #a9c97a;
	border-top: none	;
	margin: -20px 0 20px 0;	
	padding: 1%;
}

.itemMessageBox.bckgWhite {
	background: white;
}

.messageTbl {
	margin: 0;
	width: 98%;
	position: relative;
	border-spacing: 0;
    border-collapse: collapse;
	font-size: 16px;

}
.messageTbl td {
	padding: 8px;
text-align: center;

}
.itemMessageBox.read {
	font-weight: normal !important; 
	border: 2px solid #e6e1cf;
	box-shadow: none; 
	background: #fcfff7;
}
.itemMessageBox.open {
	border-bottom: 2px solid #e6e1cf;
	box-shadow: none; 
}
.itemMessageBox.read .messageTbl td,
.itemMessageBox.read .messageTbl td a,
.itemMessageBox.read .messageTbl td span {
	font-weight: normal !important; 
}

.messageTbl td.messageSeller {
	margin-top: 0;
	vertical-align: middle;

}


.messageTbl td.messageImage {
	text-align: left;
	width: 14%;
}

.messageTbl td.messageDescr {
	text-align: left;
	width: 30%;
	
}
.messageTbl td.messageSeller a{
	color: #055d2a;

}
.messageTbl td.messageDescr a {
	color: #055d2a;
	font-weight: bold;
}
.messageTbl td.messagePrice {
	width: 12%;
}
.messageTbl td.messageSeller {
	padding-top: 1px;
	font-size: 12px;
	width: 17%;
}
.messageTbl td.messageStatus {
	width: 17%;
	font-weight: bold;
}
.messageTbl td.messageType {
	width: 20%;
}
.messageTbl td.messageOrder {
	font-weight: bold;
	width: 35%;
}
.messageTbl .lightGreen {
	color: #93c844;
}
.messageTbl .date {
	font-size: 13px;
}
.messageTbl .subType,
.messageTbl .subType1	 {
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	width: 58px;
	text-align: left;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
}
.messageTbl .subType1	 {
	width: 70px;
	padding-left: 18px;

}
.messageTbl .prodej {
	background: transparent url(../_images/symbols/set1-01.png) no-repeat left;

}
.messageTbl .nakup {
	background: transparent url(../_images/symbols/set1-02.png) no-repeat left;
}
.messageTbl .zprava {
	background: transparent url(../_images/symbols/set1-03.png) no-repeat left;
}
.messageTbl .hodnoceni{
	background: transparent url(../_images/symbols/set1-04.png) no-repeat left;
	width: 100px;
}
.messageTbl .polozky {
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	text-align: right;
}

/* Messagge box End                                                             */
/*********************************************************************************/


/*********************************************************************************/
/* akce box                                                                */
/*********************************************************************************/
#headerTrhy {
	width: 100%;
	height: 113px;
	background: url(../_images/_bckg/bckg_karo1.png);
}
#headerTrhy > .container{
	width: 1080px;
	height: 100%;
	margin: 0 auto;
	position: relative;

}
#headerTrhy .container h1{
	color: #686035;
	margin: 0;
	position: absolute;
	top: 30px;
}

.itemAkceBox {
	width: 100%;
	background: #fff;
	border: 2px solid #e6e1cf;
	border-top: none;
	min-height: 70px;
	margin: 0;
	font-family: Roboto;
	font-size: 15px;
	position: relative;
	color: #000;
}
.itemAkceBox:hover {
	background: #fbfaf4;
	cursor: pointer;
}
.itemAkceBox > a {
	     position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; 
        z-index: 10; 
        background-color: #FFF;
        opacity: 0; 
        filter: alpha(opacity=1); 
}
.itemAkceBox.last {
	margin-bottom: 30px;
}
.itemAkceBox.head {
	background: #f9f7ed;
	border-top: 2px solid #e6e1cf;
	font-weight: bold;
	
}
.itemAkceBox.bckgGreen {
	color: white;
	background: #055d2a;
}

.akceTbl {
	margin: auto 10px auto 10px;
	width: 98%;
	position: relative;
	border-spacing: 0;
    border-collapse: collapse;
	font-size: 15px;
	height: 100%;
	min-height: 70px;

}
.akceTbl td {
	text-align: left;
}

.akceTbl td.date {
	width: 16%;
}
.akceTbl td.name {
	font-weight: bold;
	width: 34%;
}
.akceTbl td.symbol {
	width: 5%;
	text-align: center;
}
.akceTbl td.place {
	width: 15%;
}
.akceTbl td.city {
	width: 15%;
}
.akceTbl td.link {
	width: 15%;

}
.akceTip {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../_images/symbols/tip.png);
	z-index: 10;
}
.akceTbl td.description {
	font-weight: normal;
	text-align: justify;
	padding-bottom: 10px;
}
.akceTbl td.link .greenButton a {
	font-size: 15px;
	line-height: 48px;
}
.akceTbl td.link .greenButton  {
	height: 48px;
	
}

/* Akce box End                                                             */
/*********************************************************************************/
.topLeft {
	float: left;
	margin-left: 10px;
	width: 710px;
}
.topRight {
	float: right;
	text-align: right;
	margin-right: 10px;
}
.topLeft p,
.topRight p  {
	font-family: Roboto;
	font-size: 12px;
	float: left;
	margin-right: 20px;
}
#writeToSeller {
	width: 100%;
	background: white;
	border-top: 1px solid #e6e1cf;
	padding-bottom: 20px;
}
#writeToSeller.noLine {
	border-top: none;
	}
#writeToSeller > .container {
  width: 1080px;
  margin: auto; 
}
#writeToSeller .container h2 {
	color: #686035;
	font-size: 22px;
	float: none;	
}
.writeForm {
	width: 95%;
	background: #f0ede2;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
	padding: 20px;
	font-family: 'Roboto';
    font-size: 12px;
}
.textareaNoRes {
  resize: none;
 	width: 100%;
 	margin-bottom: 20px;
 	
}
.toTop {
	margin: 20px auto auto auto;
	width: 74px;
	height: auto;
	text-align: center;
	font-weight: bold;
}

.toTop span {
	color: #055D2A;
}
.objednavkaRigtTbl {
	width: 85%;
	margin: 10px auto 10px auto;
}
.objednavkaRigtTbl .starsBlock {
	margin: 0 5px 5px 5px;

}
.prodejceMain {
	width: 85%;
	margin: 10px auto 10px auto;
	background: white;
	border: 1px solid #e6e1cf;
}	
.prodejceMain > .circle {
	float: left;
	margin: 15px 0 0 20px;
}
.prodejceMain > .itemSellerDescr {
		margin: 15px 0 0 20px;
		width: 70%;
}
	
.h1, .h2 {
	width: 85%;
	margin: 10px auto 10px auto;
	font-size: 16px;
	font-weight: bold;
}
.h2 {
	font-size: 14px;
}
.textArea85per,
.detailBlock{
	width: 85%;	
	margin: 0 auto 0 auto;
}

.textArea85per textarea {
	width: 94%;	
	resize: none;
	padding: 3%;
	margin-bottom: 10px;
}

.detailBlock {
	background: white;
	border: 1px solid #e6e1cf;	
	font-size: 15px;
}
.detailBlock table {
	width: 90%;
	margin: 0 auto 0 auto;	
}

.paymentDetail {
	background: #f4f1e0;
	padding: 10px 0 10px 0;
	font-weight: bold;
}
.accountNumber {
	font-size: 18px;
}
.paymentDescription {
	font-size: 13px;
	color: #393939;
	font-weight: normal;
}
.sellerDetail {
	padding: 10px 0 10px 0;
}
.mapDetail {

}
.tbl85per {
	width: 85%;	
	margin: 0 auto 0 auto;
	font-size: 15px;
}
#statusBlock {
  width: 100%;
  margin: 0;
}


#statusBlock > .container{
  text-align: center;
  width: 1080px;
  margin: 20px auto;
 	background: #f4f1e0; 
 	height: 97px;
 -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.statusInfo {
	height: 60px;
	line-height: 60px;
	font-family: Roboto;
	font-size: 18px;
	font-weight: bold;
	color: white;
	margin: 0 auto 0 auto;
	position: relative;
  top: 50%;
  transform: translateY(-50%);
  	-webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
}
.statusInfo.normal {
	min-width: 550px;
	width: 550px;
}
.statusInfo.longer {
	min-width: 650px;
	width: 650px;
}
.statusInfo.red {
	background: #b60000;
}
.statusInfo.redCanceled {
	background: #b60000 url(../_images/symbols/statusCanceled.png) no-repeat left ;
	padding-left: 30px;
}
.statusInfo.orangeAlert {
	background: #bd6200 url(../_images/symbols/statusAlert.png) no-repeat left ;
	padding-left: 30px;
}

.statusInfo.green {
	background: #93c844;
}

.messageItemMain.left,
.messageItemMain.right {
	width: 95%;
	position: relative;
	margin-top: 40px;
		font-family: 'Roboto';
    font-size: 12px;
}
.messageItemMain.left > .circle{
	position: absolute;
	left: 0;
	top: 0;
}
.messageItemMain.right> .circle{
	position: absolute;
	right: 0;
	top: 0;
}
.messageItemMain.left > .messageItemText{
	width: calc(100% - 75px);
	float: right;
	position: relative;
	background: #fbfaf4;
	border: 1px solid #e6e1cf;
}
.messageItemMain.right > .messageItemText{
	width: calc(100% - 75px);
	float: left;
	position: relative;
	background: #fbfaf4;
	border: 1px solid #e6e1cf;
}

.messageItemContent {
	margin: 20px;
}
.messageItemMain.left > .messageItemText > .messageItemDate {
	position: absolute;
	left: 0;
	top: -17px;
}
.messageItemMain.left > .messageItemText > .messageItemArrow {
	width: 22px;
	height: 17px;
	position: absolute;
	left: -22px;
	top: 10px;
	background: url(../_images/symbols/zobacekL.png);
}
.messageItemMain.right > .messageItemText > .messageItemDate {
	position: absolute;
	right: 0;
	top: -17px;
}
.messageItemMain.right > .messageItemText > .messageItemArrow {
	width: 22px;
	height: 17px;
	position: absolute;
	right: -22px;
	top: 10px;
	background: url(../_images/symbols/zobacekR.png);
}
.changePrice{
	width: 95%;
	height: 76px;
	margin: 0;
	display: table;
	padding: 20px 0 0 20px;
	font-size: 15px;
	position: relative;
}
.changePrice table {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #e6e1cf;
	font-size: 15px;
	font-weight: bold;
	background: #fbfaf4;
}
.changePrice > table .priceChanged {
	color: #bd6200;
	background: #f4f1e0;
	border-top: 1px solid #e6e1cf;

}
span.priceChanged {
	color: #bd6200;
}
span.priceOld {
	font-size: 12px;
}

.priceChangedSymbol {
	position: absolute;
	width: 16px;
	height: 49px;
	background: url(../_images/symbols/priceChanged.png);
	left: 50px;
	top: 40px;
}

.itemCommentMain {
	width: 95%;
	margin: 0;
	display: table;
	padding: 20px 0 0 20px;
	font-size: 15px;

}

.itemCommentRating {
	float: left;
	width: 200px	
}
.itemCommentRating {
	float: left;
	width: 200px	
}
.itemCommentRight {
	width: calc(100% - 200px);
	float: left;
	position: relative;
}
.itemCommentRight > .circle{
	position: absolute;
	top: 0;
	right: 0;
}
.itemCommentRight > .circle.commented{
	top: 20px;
}
.itemCommentRight > textarea {
	width: calc(94% - 75px);
	resize: none;
	padding: 3%;
	margin-bottom: 10px;
}
.itemCommentRight > textarea {

}
.itemCommentRight > .messageItemText > .messageItemDate {
	position: absolute;
	right: 0;
	top: -17px;
}
.itemCommentRight > .messageItemText > .messageItemArrow {
	width: 22px;
	height: 17px;
	position: absolute;
	right: -22px;
	top: 10px;
	background: url(../_images/symbols/zobacekR.png);
}
.itemCommentRight > .messageItemText{
	margin: 20px 0 15px 0;
	width: calc(100% - 75px);
	float: left;
	position: relative;
	background: #fbfaf4;
	border: 1px solid #e6e1cf;
	font-size: 12px;
}
.formContainer  textarea.textArea310px {
	width: 310px;	
}
.formContainer  textarea.textArea660px {
	width: 665px;
  height: 100px;
  margin-top: 5px;	
}

ul.menuLeft {
	margin: 0;
	padding: 0;
		list-style: none;
}
ul.menuLeft li {
	width: 235px;
	border-bottom: 1px solid #e6e1cf;
	height: 40px;
	background: url(../_images/symbols/arrowMnu.png) no-repeat 0 10px;
	
}
ul.menuLeft li.active {
	font-weight: bold;
	background: url(../_images/symbols/arrowMnuOr.png) no-repeat 0 10px;
	
}
ul.menuLeft a {
	color: #0d3c1e;
	font-family: Roboto;
	font-size: 15px;
	line-height: 40px;
	padding-left:28px;
	
}

ul.menuLeft a:hover {
	font-weight: bold;
	
}
.afterSendBox {
	width: 335px;
	height: 160px;
	float: left;
	border: 1px solid #e6e1cf;
	margin: 0 0 37px 28px;
	position: relative;
	}
.afterSendBox.first {
	margin-left: 0;
	background: url(../_images/symbols/send-01.png) no-repeat top left;
}
.afterSendBox.second {
	background: url(../_images/symbols/send-02.png) no-repeat top left;
}
.afterSendBox.third {
	background: url(../_images/symbols/send-03.png) no-repeat top left;
}
.afterHeader {
	top: 32px;
	left: 100px;
	position: absolute;
	font-size: 20px;
	color: #0d3c1e;
	width: 205px;
	line-height: 20px;
}
.afterContent {
	top: 68px;
	left: 100px;
	position: absolute;
	font-size: 14px;
	color: #000;
	width: 205px;
	font-family: Roboto;
}

.afterContent a {
	color: #055d2a;
	text-decoration: underline;
}


.afterSendBox.first .afterContent {
	top: 92px;
}
h2.afterSend {
	color: #93c844;
	font-size: 34px;
}
.pageHeader {
	float: left;
    font-size: 34px;
}
#categoryNavigator {
	width: 100%;
	
	background: #f0a80e;
	border-bottom: 1px solid #E6E1CF;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
  background: #f0a80e url(../_images/_bckg/bckg_filter_close.png) repeat-y right;
}
#categoryNavigatorContent span {
	float: left;
}
#categoryNavigatorContent {
    width: -webkit-calc(100% - 150px);
    width:    -moz-calc(100% - 150px);
    width:         calc(100% - 150px);
	display: inline;
	padding-bottom: 6px;
  
}
#categoryNavigatorClose {
	float: right;
	width: 55px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	background: white url(../_images/symbols/close-orange1.png) no-repeat center right;
	text-align: right;
	padding-right: 30px;
	color: #055d2a;
	margin-top: 11px;
		border: 1px solid #d59b20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#categoryNavigatorClose:hover {
	background: #f7f1e6 url(../_images/symbols/close-orange1.png) no-repeat center right;
	transition: background-color .6s; 
}
#categoryFilterHead {
	width: 100%;
	height: 50px;
	background-color: #de9711;
}
#categoryFilterHead span{
	float: left;
	height: 28px;
	margin: 7px 0 7px 11px;
	line-height: 30px;
	padding: 0px;
}
.categoryFilter {
	float: left;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	background: white url(../_images/symbols/close-orange1.png) no-repeat center right;
	text-align: right;
	padding: 0 30px 0 10px;
	color: #6d653c;
	margin: 8px 0 6px 11px;
		border: 1px solid #d59b20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;	
}
.categoryFilter.close {
  float:right;
  padding: 0 10px 0 10px;
	background: #aa6500;
  text-align: center;
  color: #fff;
	margin: 8px 20px 6px auto;

}
.categoryFilterClose {
 float: right;
 width: 146px;
 text-align: center;
 
}
.categoryFilter:hover {
	background: #f7f1e6 url(../_images/symbols/close-orange1.png) no-repeat center right;
	transition: background-color .6s; 
}
.categoryFilter.close:hover {
	background: #c17404;
	transition: background-color .6s; 
}

#categoryNavigatorResult {
	margin-left: 23px;
	float: left;
	height: 28px;

}
.categoryNavigatorCategory {
	color: #055d2a;
	margin: 0 8px 0 8px;
	font-weight: normal;
}
#messageWindow {
	width: 510px;
	margin: auto;
	background: #fbfaf4;
	border: 2px solid #e6e1cf;
	text-align: center;
	font-family: Roboto; 
	padding-bottom: 20px;

}
.messageContent {
	margin: 10px auto 0 auto;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
}
.messageContent ul{
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
}
.messageContent li {
  background: url(../_images/symbols/list-orange2.png) no-repeat left center;
  padding: 3px 0 3px 15px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
  }

#cartInsertMain {
  width: 760px;
  height: 325px;
  	border: 1px solid #dfdcd1;
} 
#cartInsertHeader {
  height: 100px;
	background: #f7f6f1 url(../_images/symbols/cart-head.png) no-repeat left top;
	position: relative;	
}  
#cartInsertHeader span {
 	font-size: 22px;
 	left: 125px;
 	top: 35px;
	position: absolute;
}  
#cartInsertHeader .close {
 	width: 15px;
 	height: 15px;
 	right: 17px;
 	top: 17px;
	position: absolute;
	background: url(../_images/symbols/close-brown.png);
} 
#cartInsertHeader .close a {
 	width: 100%;
 	height: 100%;
 	display: inline-block;

} 


#cartInsertBody {
	font-family: Roboto;
	height: 130px;
	width: 740px;
	border-bottom: 1px solid #dfdcd1;
	padding: 0 0 0 20px;
}  
#cartInsertBody table {
	margin-top: 20px;
	margin-left: 10px;
}
#cartInsertBody .cartItemBox {
	padding: 0px;
}
#cartInsertFooter {
	margin: 17px;
}

.backToShop {
	background: url(../_images/symbols/arrowBack.png) no-repeat left;
	font-family: Roboto;
	float: left;
	font-size: 15px;
	height: 60px;
	line-height: 60px;
	margin-left: 15px;
}
.backToShop a{
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-left: 30px;
}
.grey {
	  color: #A0A0A0 !important; 
}
.productAddStep2 {
	height: 330px;
} 
#popUpMain {
	width: 760px;
	height: 510px;
	background: #fff;
	border-radius: 5px;
	margin: auto;
	position: relative;
} 

#popUpMain > .backround {
	top: 60px;
	left: 296px;
	width: 641px;
	height: 422px;
	background: url(../_images/_bckg/upoutavka-radce.png);
	position: absolute;
} 

#popUpMain > .header{
	font-size: 32px;
	color: #93c844;
	margin: 0px 0px 0 50px;
	height: 180px;
	padding-top: 20px;
} 
#popUpMain > .header span.dark{
	color: #043518;
}
#popUpMain > .strip {
	height: 180px;
	width: 100%;
	background-color: #f9f7ed;
} 

#popUpMain > .strip ul {
	list-style-type: none;
	margin: 0 auto 0 auto;
	padding: 30px;

}
#popUpMain > .strip ul li{
background: url(../_images/_bckg/radce-haklik.png) no-repeat left top;
height: 32px;
padding-left: 44px;
padding-top: 3px;
	font-weight: bold;
	font-family: Roboto;
	font-size: 15px;

}
#popUpMain > .button{
	margin-left: 120px;
	margin-top: 25px;

}
/* Pro desktopy                                                                  */
/*********************************************************************************/

 
@media screen and (max-width: 1200px) {
  /* styly pro velikost 1200 nebo mene * /
  
}
 


@media screen and (max-wid th: 800px) {
  /* styly pro velikost 800 nebo mene */
}