@charset "utf-8";
/* style.css */

/*----------------------------------------------------------------------------------------

[Content]

----------------

A. COMMON
B. TEXT
C. SHARED
D. FORMS

----------------

1. WRAPPER [width: 960px]

2. HEADER	[width: 960px]

3. NAVIGATION	[width: 960px]

4. CONTAINER [width: 960px]
	4.1 LEFT-SIDEBAR	[width: 200px]
		4.1.1 LEFT-SIDEBAR NAVIGATION

	4.2 resume

5. FOOTER

----------------

[Font sizes - based on 75%/12px body]
30px = 2.5em
28px = 2.3333em
26px = 2.166667em
24px = 2em
22px = 1.8333em
20px = 1.6667em
18px = 1.5em
16px = 1.333333em
14px = 1.1667em
12px = 1em
11px = .9167em
10px = .8333em
9px = .75em

-----------------------------------------------------------------------------------------*/



/*
** A. COMMON
*/

body	{
	margin:0;
}

a	{ 
	color:#EE4036;
	text-decoration:none;
}

ul.menu p.title a { 
    color:#000;
	text-decoration:none;
}

.clear	{
	clear:both;
}
/*
** B. TEXT
*/

body	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%; /* [Font sizes - based on 75%/12px body] */
	padding: 0;
}

ul.menu p 	{
	line-height:1.5;
}

p	{
	line-height:1.8333;
	margin:0 0 1em 0;
	font-size:1.1667em;
}

h1, h2, h3	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:800;
}

h1  {
	font-size:2em;
	line-height:1.5;
	margin:0 0 .5em 0;
	color:#EE4036;
}

h2  {
	font-size:1.5em;
	line-height:1.5;
	margin:0 0 .5em 0;
}

h2.title {
	color:#5B8228;
	display:block;
	float:left;
}

h3  {
	line-height:1;
	margin:0 0 .5em 0;
	font-size: 1.1667em;
}

h3 a  {
	line-height:1.4;
	margin:0 0 1em 0;
	color: #EE4036;
	text-decoration: none;
}

.product h3	{
	font-size:1.1667em;
	height:55px;
	overflow:hidden;
}

/*
** C. SHARED
*/

p.title	{
	font-size:1.1667em;
	font-weight:800;
	margin:0;
}

p.def	{
	font-size:.8333em;
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;
}

ul.menu	{
	margin:0;
	padding:0;
	display:block;
}

ul.menu li	{
	list-style:none;
}

.slideshow_previous  {
	background:url(../../pics/layout/previous-deactivated.png) no-repeat;
	width:80px;
	height:30px;
	diplay:block;
}

.slideshow_previous:hover {
	background:url(../../pics/layout/previous-activated.png) no-repeat;
}

.slideshow_next {
	background:url(../../pics/layout/next-deactivated.png) no-repeat;
	width:80px;
	height:30px;
	diplay:block;
}

.slideshow_next:hover {
	background:url(../../pics/layout/next-activated.png) no-repeat;
}

.catalog .previous  {
	background:url(../pics/layout/previous-deactivated.png) no-repeat;
	width:80px;
	height:30px;
	display:block;
}

.catalog .previous:hover {
	background:url(../pics/layout/previous-activated.png) no-repeat;
}

.catalog .next {
	background:url(../pics/layout/next-deactivated.png) no-repeat;
	width:80px;
	height:30px;
	display:block;
}

.catalog .next:hover {
	background:url(../pics/layout/next-activated.png) no-repeat;
}

a.tobasket	{
	background:url(../pics/layout/tobasket-deactivated.png) no-repeat;
	width:172px;
	height:30px;
	display:block;
}

a.tobasket:hover	{
	background:url(../pics/layout/tobasket-activated.png) no-repeat;
	width:172px;
	height:30px;

}

/*
*  D. FORMS
*/

form	{
	padding-bottom:18px;
}

fieldset	{
	padding:18px 18px;	
	margin:18px 18px 0 18px;
	border:0 none;
	background:#F1F2F2;
	border:18px solid #DADADA;
	wdith:634px;
}

fieldset legend	{
	margin:0 0 18px 0;
	padding:0;
	display:block;
	float:left;
}

fieldset legend .bubble	{
	background:url(../pics/layout/bubble.png) no-repeat;
	width:53px;
	height:57px;
	float:left;
	margin-right:18px;
}

fieldset legend .title	{
	float:left;
	font-size:2.3333em;
	padding-top:12px;
	font-weight:800;
	color:#414042;
}

fieldset .input-wrapper .title	{
	padding:6px 0;
	font-size:1.5em;
	font-weight:800;
	color:#414042;
}

fieldset input.text-line	{
	background:url(../pics/layout/form-half.png) repeat-x;
	height:30px;
	width:306px;
	padding:0;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	border-left:1px solid #A7A9AC;
	border-top:1px solid #A7A9AC;
	float:left;
}

fieldset div.input-wrapper	{
	padding:0;
	width:333px;
	margin:0 0 18px 0;
	float:left;
}

fieldset div.checkbox-wrapper	{
	float:none;
}

fieldset .selects	{
}

input.submit, button.submit	{
	background:url(../pics/layout/submit-deactivated.png) no-repeat;
	text-indent:-9999px;
	width:102px;
	height:30px;
	border:0 none;
	margin:18px;
	float:right;
}

input.submit:hover, button.submit:hover	{
	background:url(../pics/layout/submit-activated.png) no-repeat;
}


.column-left, .column-right	{
	width:308px;
	float:left;
}

.column-left	{
		margin-right:18px;
}

.select-wrapper	{
	margin-bottom:18px;
}

/*
** Menuline
*/

.buyline, .menuline	{
	margin-bottom:18px;
}

.buyline-first, .buyline-second, .buyline-third, .buyline-fourth, 
.menuline .middle, .menuline .first, .menuline .last {
  background:#ECEDED;
  color:#39A9DC;
  width:141px;
  float:left;
	height:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:800;
	padding:16px;
	text-align:center;
}


.buyline-first-active, .buyline-second-active, .buyline-third-active, .buyline-fourth-active, 
.menuline .middle-active, .menuline .first-active, .menuline .last-active {
  background:#39A9DC;
  color:#ECEDED;
  width:141px;
  float:left;
	height:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:800;
	padding:16px;
	text-align:center;
}

.buyline-first a, .buyline-second a, .buyline-third a, .buyline-fourth a, 
.menuline .first a, .menuline .middle a, .menuline .last a {
	color:#39A9DC;
}

.buyline-first-active a, .buyline-second-active a, .buyline-third-active a, .buyline-fourth-active a, 
.menuline .middle-active, .menuline .first-active, .menuline .last-active{
	color:#ECEDED;
}

.buyline-first, 
.menuline .first {
	background:url(../pics/layout/buyline-first-white.png) no-repeat;
}

 .buyline-first-active, 
 .menuline .first-active {
	background:url(../pics/layout/buyline-first-blue.png) no-repeat;
}

.buyline-second, .buyline-third, 
.menuline .middle 	{
	background:#ECEDED;
}

.buyline-second-active, .buyline-third-active, 
.menuline .middle-active	{
  background:#39A9DC;
}

.buyline-fourth, 
.menuline .last	{
	background:url(../pics/layout/buyline-fourth-white.png) no-repeat;
}

.buyline-fourth-active, 
.menuline .last-active	{
	background:url(../pics/layout/buyline-fourth-blue.png) no-repeat;
}

/*
** Menuline
*/

.buyer table	{
	width:690px;
	text-align:left;
}

.buyer table tr td	{
	padding:18px;
}

.buyer thead	{
	background:url(../pics/layout/buydata.png) no-repeat;
}

.buyer table tr td, .buyer table tr th{
	border:0 none;
	padding:0;
	height:28px;
}

.buyer table tr th{
	text-align:left;
}

.inputs button	{
	float:right;
}
	
/*
** 1. LAYOUT
*/

.wrapper-middle {
	background:#1C7BC2; 
	/* ['wrapper-middle je obtéká wrapper-bottom a wrapper-top; v pozadí obsahuje 1px grafiky, který je umístěn ve středové části pozadí'] */
}
.wrapper-top	{
	background:url(../pics/layout/background_gradient-top.png) repeat-x top;
	min-height:1421px;
	/* ['wrapper-bottom obtéká wrapper-top; v pozadí obsahuje 1px * 209px grafiky, která je umístěna v zápatí pozadí'] */
}

.wrapper-960	{	
	width:100%;
	margin:0 auto 0 auto;
}

/*
** 2. HEADER
*/

.header	{
	padding:12px 0 0 0; /* [1. WRAPPER] 960px{inherit} - ([2. HEADER]{padding-left} 12px + [2. HEADER]{padding-right} 12px) = 936px ['real width'] */
	width:960px;
	margin:0 auto 0 auto;
}

.lightning	{
	background:url(../pics/layout/lightning.png) no-repeat;
	width:763px;
	height:763px;
	position:absolute;
	z-index:0;
	margin-left:-226px;
	margin-top:-196px;
}

.header a.logo	{
	display:block;
	background:url(../pics/layout/logo-petto-2.png) no-repeat;
	width:360px;
	height:225px;
	margin:0 0 0 288px; /* ([1. HEADER] 960px - [1. HEADER]{padding} 24px - [1. HEADER]a.logo 360px) / 2 = {margin-left} */
	float:left;
	position:relative;
	z-index:2;
}

.header div.birds	{
	background:url(../pics/layout/birds.png) no-repeat;
	float:left;
	width:190px; 
	height:86px;
	margin:36px 0 0 98px;
}

/*
** 3. NAVIGATION
*/

.cart-hor	{
	float:right;
	padding:29px 20px;
	color:#F8AD40;
}

.cart-hor a	{
	color:#F8AD40;
	font-family:Tahoma, Geneva, sans-serif;
}

.cart-hor a:hover	{
	color:#B9E2F5;
	
}

.nav .nav-top 	{
	height:70px;
	position:relative;
	z-index:2;
	width:960px;
	margin:0 auto 0 auto;
}

.nav .nav-top .relative-wrapper	{
	width:88px;
	height:70px;
	float:left;
}

.nav .nav-top .bird	{
	background:url(../pics/layout/red-bird.png) no-repeat;
	width:0;
	height:99px;
	width:88px;
	left:-28px;
	top:-22px;
	position:relative;
}

.nav .nav-top ul.menu	{
	float:left;
	width:872px;
	height:52px;
	padding-top:18px;
}

.nav .nav-top ul.menu li	{
	float:left;
	margin-right:28px;
}

.nav .nav-top ul.menu li p.def 	{
	color:#2190BF;
}

.nav .nav-top ul.menu li.home p.title	{
	background:url(../pics/layout/uvod.png) no-repeat;
	width:34px;
	height:14px;
}

.nav .nav-top ul.menu li.home-hover p.title  {
	background: url(../pics/layout/uvod-hover.png) no-repeat;
	width:34px;
	height:14px;	
}

.nav .nav-top ul.menu li.home-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-top ul.menu li.about p.title	{
	background:url(../pics/layout/o_nas.png) no-repeat;
	width:40px;
	height:16px;
}

.nav .nav-top ul.menu li.about-hover p.title  {
	background: url(../pics/layout/o_nas-hover.png) no-repeat;	
	width:40px;
	height:16px;
}

.nav .nav-top ul.menu li.about-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-top ul.menu li.eshop p.title	{
	background:url(../pics/layout/eobchod.png) no-repeat;
	width:61px;
	height:16px;
}

.nav .nav-top ul.menu li.eshop-hover p.title  {
	background: url(../pics/layout/eobchod-hover.png) no-repeat;
	width:61px;
	height:16px;	
}

.nav .nav-top ul.menu li.eshop-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-top ul.menu li.faq p.title	{
	background:url(../pics/layout/dotazy.png) no-repeat;
	width:47px;
	height:16px;
}

.nav .nav-top ul.menu li.faq-hover p.title  {
	background: url(../pics/layout/dotazy-hover.png) no-repeat;
	width:47px;
	height:16px;
}

.nav .nav-top ul.menu li.faq-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-top ul.menu li.degree p.title	{
	background:url(../pics/layout/nakupni_rad.png) no-repeat;
	width:82px;
	height:16px;
}

.nav .nav-top ul.menu li.degree-hover p.title  {
	background: url(../pics/layout/nakupni_rad-hover.png) no-repeat;	
	width:82px;
	height:16px;
}

.nav .nav-top ul.menu li.degree-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-top ul.menu li.contact p.title	{
	background:url(../pics/layout/kontakty.png) no-repeat;
	width:59px;
	height:16px;
}

.nav .nav-top ul.menu li.contact-hover p.title  {
	background: url(../pics/layout/kontakty-hover.png) no-repeat;
	width:59px;
	height:16px;	
}

.nav .nav-top ul.menu li.contact-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-top ul.menu li.login, .nav .nav-top ul.menu li.login-hover, .nav .nav-top ul.menu li.logout, .nav .nav-top ul.menu li.logout-hover 	{
	margin:0 0 0 228px;

}

.nav .nav-top ul.menu li.login p.title	{
	background:url(../pics/layout/prihlasit_se.png) no-repeat;
	width:76px;
	height:16px;
}

.nav .nav-top ul.menu li.login-hover p.title  {
	background: url(../pics/layout/prihlasit_se-hover.png) no-repeat;
	width:76px;
	height:16px;	
}

.nav .nav-top ul.menu li.login-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-top ul.menu li.logout p.title	{
	background:url(../pics/layout/odhlasit_se.png) no-repeat;
	width:76px;
	height:16px;
}

.nav .nav-top ul.menu li.logout-hover p.title  {
	background: url(../pics/layout/odhlasit_se-hover.png) no-repeat;	
	width:76px;
	height:16px;
}


.nav .nav-top ul.menu li.logout-hover a p.def   {
	color:#B9E2F5;
}

.nav .nav-bottom	{
	height:70px;
	width:100%;
	margin:0 auto 0 auto;
}

/*
.nav .nav-bottom .shadow-top 	{
	background:url(../pics/layout/nav-bottom-shadow-top.png) repeat-x;
	height:126px;
	width:960px;
}
*/

.nav .nav-bottom .background	{ /* Total recall pozicování !!!! */
	background:url(../pics/layout/nav-bottom-background.png) no-repeat center;
	width:100%;
	height:70px;
	position:absolute;
	margin-top:-130px;
	padding:130px 0;
	z-index:1;
	margin-left:0;
}

.rowp	{
	width:960px;
	margin:0 auto 0 auto;
}

/*

.nav .nav-bottom .segment-top .corner-left	{
	background:url(../pics/layout/nav-bottom-corner-top-left.png) no-repeat;
	width:7px;
	height:8px;
}

.nav .nav-bottom .segment-top .line-short	{
	background:url(../pics/layout/nav-bottom-line-short.png) repeat-y;
}

.nav .nav-bottom .segment-top .corner-right	{
	background:url(../pics/layout/nav-bottom-corner-top-right.png) no-repeat;
	width:8px;
	height:8px;
}

.nav .nav-bottom .segment-middle	{
	background:url(../pics/layout/nav-bottom-line-long.png) repeat-y;
	height:54px;
}

.nav .nav-bottom .segment-bottom .corner-left	{
	background:url(../pics/layout/nav-bottom-corner-bottom-left.png) no-repeat;
	width:8px;
	height:8px;
}

.nav .nav-bottom .segment-bottom .line-short	{
	background:url(../pics/layout/nav-bottom-line-short.png) repeat-y;
}

.nav .nav-bottom .segment-bottom .corner-right	{
	background:url(../pics/layout/nav-bottom-corner-bottom-right.png) no-repeat;
	width:8px;
	height:8px;
}

.nav .nav-bottom .segment-top .line-short, .nav .nav-bottom .segment-bottom .line-short {
	width:944px;
	height:8px;
}

.nav .nav-bottom .segment-top, .nav .nav-bottom .segment-middle, .nav .nav-bottom .segment-bottom	{
	width:960px;
}

.nav .nav-bottom .segment-top .corner-left, .nav .nav-bottom .segment-top .line-short, .nav .nav-bottom .segment-top .corner-right, .nav .nav-bottom .segment-bottom .corner-left, .nav .nav-bottom .segment-bottom .line-short, .nav .nav-bottom .segment-bottom .corner-right, .nav .nav-bottom .segment-middle, .nav .nav-bottom .segment-bottom, .nav .nav-bottom .segment-top  {
	float:left;
}

*/

.nav .nav-bottom .breadcrumb-wrapper {
	height:30px;
	float:left;
	margin:20px 0 20px 20px;
	
}

.nav .nav-bottom .breadcrumb-wrapper .segment-left {
	background:url(../pics/layout/breadcrumb-segment-left.png) no-repeat;
	width:8px;
	height:30px;
	float:left;
}

.nav .nav-bottom .breadcrumb-wrapper .breadcrumb {
	background:url(../pics/layout/pic-white-20.png) repeat;
	height:14px;
	float:left;
	padding:8px;
}

.nav .nav-bottom .breadcrumb-wrapper .breadcrumb li {
	float:left;
	margin-right:18px;
	color:#F8AD40;
	font-weight:800;
	font-family:Tahoma, Geneva, sans-serif;
}

.nav .nav-bottom .breadcrumb-wrapper .breadcrumb li a	{
	color:#F8AD40;
	font-weight:400;
}

.nav .nav-bottom .breadcrumb-wrapper .breadcrumb li a:hover	{
	color:#B9E2F5;
}

.nav .nav-bottom .breadcrumb-wrapper .breadcrumb li.last {
	float:left;
	margin-right:0;
}

.nav .nav-bottom .breadcrumb-wrapper .segment-right {
	background:url(../pics/layout/breadcrumb-segment-right.png) no-repeat;
	width:18px;
	height:30px;
	float:left;
}

.nav .nav-bottom div.search	{
	width:200px;
	height:54px;
	margin:8px 0;
	float:left;
	position:relative;
	right:-18px;
}

.nav .nav-bottom .advanced-search	{
	font-size:.8333em;
	color:#2190BF;
	display:block;
}

.nav .nav-bottom .infobar	{
	float:left;
	height:70px;
	width:760px;
}

.nav .nav-bottom div.input .search-text	{
	display:block;
	float:left;
	width:142px;
	border:0;
	background:url(../pics/layout/input-vert-line.png) repeat-x;
	border-style:solid;
	border-width:1px;
	border-color:#143751 #365B72 #365B72 #143751;
	padding:0;
	margin:11px 0 6px 0;
	font-size:.8333em;
	padding:8px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#F8AD40;
}

.nav .nav-bottom div.input .search-submit	{
	border:0 none;
	background:url(../pics/layout/lupa.png) no-repeat;
	width:60px;
	height:70px;
	display:block;
	padding:0;
	position:absolute; 
	left:125px;
	float:left;
}

.sidebar-left .sidenav .segment-middle ul.menu li ul	{
	display:block;
	margin:0;
	float:left;
	padding:.5em 0 .5em 18px;
	width:146px;
}


.sidebar-left .sidenav .segment-middle ul.menu li ul li	{
	padding:.5em 0;
	margin:0;
	width:146px;
}

.sidebar-left .sidenav .segment-middle ul.menu li ul li a	{
	padding:.5em 0;
	margin:0;
	color:#000;
}




/*
** 4. CONTAINER	[width: 200px]
*/

.container	{
	width:960px;
	padding:18px 0 0 0;
	margin:0 auto 0 auto;
}

.clouds	{
	background:url(../pics/layout/top-clouds.png) repeat-x;
	height:414px;
	margin-bottom:-314px;
	margin-top:-100px;
	position:relative;
	z-index:0;
}

/*
** 4.1 SIDEBAR-LEFT [width: 200px]
*/

.sidebar-left	{
	width:200px;
	float:left;
}



/*
** 4.1.1 LEFT-SIDEBAR NAVIGATION
*/

.nu_segment-middle {
  -moz-box-sizing:border-box;
  float:left;
  height:42px;/*42*/
  width:100%;
  margin-bottom:-8px;
}
.nu_inactive-left .nu_segment-middle a, .nu_inactive-right .nu_segment-middle a {
	margin-top:.8333em;
	text-align:center;
	display:block;
	color:#000;
	font-weight:800;
}


/* AKTIVNI TAB*/

.nu_segment-top {
  float:left;
  height:8px;
  width:100px;
}

.nu_active-right .nu_segment-top .nu_line-short, .nu_active-left .nu_segment-top .nu_line-short {
  background:url("../pics/layout/pic-white-35.png") repeat scroll 0 0 transparent;
  float:left;
  height:8px;
  width:84px;
}

.nu_active-right .nu_segment-top .nu_corner-left, .nu_active-left .nu_segment-top .nu_corner-left {
  background:url("../pics/layout/sidenav-left-corner-top-left.png") no-repeat scroll 0 0 transparent;
  float:left;
  height:8px;
  overflow:hidden;
  width:8px;
}

.nu_active-right .nu_segment-top .nu_corner-right, .nu_active-left .nu_segment-top .nu_corner-right {
  background:url("../pics/layout/sidenav-left-corner-top-right.png") no-repeat scroll 0 0 transparent;
  float:left;
  height:8px;
  overflow:hidden;
  width:8px;
}

.nu_active-right .nu_segment-middle, .nu_active-left .nu_segment-middle {
  background:url("../pics/layout/pic-white-35.png") repeat scroll 0 0 transparent;
}

.nu_active-right .nu_segment-middle a, .nu_active-left .nu_segment-middle a {
	font-size:1em;
	text-align:center;
	margin-top:.8333em;
	display:block;
	color:#000;
	font-weight:800;
}
/* NEAKTIVNI TAB*/

.nu_inactive-right .nu_segment-bottom .nu_line-short, .nu_inactive-left .nu_segment-bottom .nu_line-short {
  background:url("../pics/layout/pic-white-35.png") repeat scroll 0 0 transparent;
  float:left;
  height:8px;
  width:92px;
}

.nu_inactive-left .nu_segment-bottom .nu_corner-left, .nu_inactive-left .nu_segment-bottom .nu_corner-left {
  background:url("../pics/layout/sidenav-left-corner-top-left.png") no-repeat scroll 0 0 transparent;
  float:left;
  height:8px;
  overflow:hidden;
  width:8px;
}

.nu_inactive-left .nu_segment-bottom .nu_corner-right, .nu_inactive-left .nu_segment-bottom .nu_corner-right {
  background:url("../pics/layout/sidenav-left-corner-top-right.png") no-repeat scroll 0 0 transparent;
  float:left;
  height:8px;
  overflow:hidden;
  width:8px;
}


.sidebar-left .sidenav	{
	width:200px;
	position:relative;
	z-index:2;
}

.sidebar-left .sidenav .bookmarks .segment-top	{
	width:100px;
	height:8px;
	float:left;
}

.sidebar-left .sidenav .bookmarks .segment-top .line-short	{
	width:84px;
	height:8px;
}

.sidebar-left .sidenav .bookmarks .segment-middle	{
	width:100%;
	height:42px;
	float:left;
	-moz-box-sizing: border-box; 
}

.sidebar-left .sidenav ul.bookmarks li	{
	float:left;
	width:50%;
	height:50px;
	-moz-box-sizing: border-box;
}

.sidebar-left .sidenav ul.bookmarks li.inactive	{
	
}

.sidebar-left .sidenav ul.bookmarks li.inactive p.title	{
	margin-top:1.4em;
	text-align:center;

}

.sidebar-left .sidenav ul.bookmarks li p.title	{
	font-size:1em;
	text-align:center;
	margin-top:.8333em;
}

.sidebar-left .sidenav ul.bookmarks li .corner-invert-right	{
	background:url(../pics/layout/sidenav-right-corner-right-invert.png) no-repeat;
	width:8px;
	height:8px;
	margin-left:92px;
	overflow:hidden;
}

.sidebar-left .sidenav .segment-bottom {
	float:left;
}

.sidebar-left .sidenav .segment-top	{
	width:200px;
	height:8px;
}

.sidebar-left .sidenav .segment-top .corner-left	{
	background:url(../pics/layout/sidenav-left-corner-top-left.png) no-repeat;
	width:8px;
	height:8px;
	float:left;
	overflow:hidden;
}

.sidebar-left .sidenav .segment-top .line-short	{
	background:url(../pics/layout/pic-white-35.png) repeat;
	width:184px;
	height:8px;
	float:left;
	overflow:hidden;
}

.sidebar-left .sidenav .segment-top .corner-right	{
	background:url(../pics/layout/sidenav-left-corner-top-right.png) no-repeat;
	width:8px;
	height:8px;
	float:left;
	overflow:hidden;
}

.sidebar-left .sidenav .segment-middle	{
	width:200px;
	background:url(../pics/layout/pic-white-35.png) repeat;
}

.sidebar-left .sidenav .segment-middle ul.menu	{
	width:164px;
	padding:0 18px;
}

.sidebar-left .sidenav .segment-middle ul.menu li	{
	display:block;
/*	height:54px;*/
	width:164px;
	margin:0;
	border:0;
	float:left;
	padding:0;
}

.sidebar-left .sidenav .segment-middle ul.menu li div.top-line	{
	background:#FFF;
	height:1px;
	opacity:0.2;
	filter: alpha(opacity=20);
	overflow:hidden;
}

.sidebar-left .sidenav .segment-middle ul.menu li.first div.top-line	{
	background:#FFF;
	height:1px;
	opacity:0.0; /* Podporuje pouze Opera, FF; nepodporuje IE 5.5, IE 6, IE 7 */
	overflow:hidden;
}

.sidebar-left .sidenav .segment-middle ul.menu li div.content	{
	min-height:40px; /* 54px ['real lenght'] - 1px [top-line, bottom-line] x 2 - 6px [div.catalog padding] x 2 = [div.catalog] */ 
	padding:6px 0;
}

.sidebar-left .sidenav .segment-middle ul.menu li div.content_supp	{ /*MATES*/
	min-height:20px; /* 54px ['real lenght'] - 1px [top-line, bottom-line] x 2 - 6px [div.catalog padding] x 2 = [div.catalog] */ 
	padding:6px 0;
}

.sidebar-left .sidenav .segment-middle ul.menu li div.bottom-line	{
	background:#2B388D;
	height:1px;
	opacity:0.4; /* Podporuje pouze Opera, FF; nepodporuje IE 5.5, IE 6, IE 7 */
	filter: alpha(opacity=40);
	overflow:hidden;
}

.sidebar-left .sidenav .segment-middle ul.menu li.last div.bottom-line	{
	background:#2B388D;
	height:1px;
	opacity:0.0; /* Podporuje pouze Opera, FF; nepodporuje IE 5.5, IE 6, IE 7 */
}

.sidebar-left .sidenav .segment-middle ul.menu li div.content p.title	{
}

.sidebar-left .sidenav .segment-middle ul.menu li div.content p.def	{
}
.active	{
	margin-bottom:-8px;
}

.sidebar-left .sidenav .segment-bottom .corner-left	{
	background:url(../pics/layout/sidenav-left-corner-bottom-left.png) no-repeat;
	width:8px;
	height:8px;
	float:left;
}

.sidebar-left .sidenav .segment-bottom .line-short	{
	background:url(../pics/layout/pic-white-35.png) repeat;
	width:184px;
	height:8px;
	float:left;
	overflow:hidden;
}

.sidebar-left .sidenav .segment-bottom .corner-right	{
	background:url(../pics/layout/sidenav-left-corner-bottom-right.png) no-repeat;
	width:8px;
	height:8px;
	float:left;
}



/*
** 4.2. Resume
*/

.resume	{
	margin:0 0 0 18px;
	float:left;
	width:742px;
	position:relative;
	z-index:2;
}


.resume	div.content {
	padding:0;
	margin:0;
	float:left;
}

.resume	div.content-padding {
	padding:18px;
	margin:0;
	float:left;
}

.row	{
	margin:0 19px;
	padding:18px 0;
	width:534px;
	border-bottom:8px solid #CCC;
}

.row-frontpage	{
	margin:0 18px;
	padding:18px 0;
	height:312px;
	width:706px;
	border-bottom:8px solid #CCC;
	overflow:hidden;
	position:relative;
}

.infopanel-border	{
	background:url(../pics/layout/banner.png) no-repeat;
	height:340px;
	width:718px;
	padding:12px;
	margin:0 0 18px 0;
	float:left;
}

.infopanel	{
	width:718px;
	height:340px;
}

a.banner-button {
	background:url(../pics/layout/uvod-button-inact.png) no-repeat;
	width:192px;
	height:72px;
	display:block;
	margin-top:248px;
	margin-left:506px;
}

a.banner-button:hover {
	background:url(../pics/layout/uvod-button-act.png) no-repeat;
}

.column	{
	width:217px;
	float:left;
	margin-right:18px;
}

.column .date	{
	margin-bottom:1em;
	font-size:1.1667em;
}

.column h2	{
	font-size:1.5em;
	color:#E4342E;
}



/* Review */

.review	{
	width:706px;
	height:;
	margin:0 0 0 0;
	text-align:center;
}

.review .active	{
	width:706px;
	float:left;
}

.common-price  {
	font-size:.8333em;
}

.review .item	{
	width:148px;
	padding:0 14px;
	float:left;
}

.review .item p {
	margin:0;
}

.price	{
	font-size:2em;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: 800;
	color: #404041;
	margin-bottom:.5em;
}

.img	{
	background:url(../pics/layout/image.png) no-repeat;
	width:139px;
	height:139px;
	display:block;
}

.slidenav a.deactived	{
	background:url(../pics/layout/tittle.png) no-repeat;
	width:10px;
	height:10px;
	float:left;
	margin:0 6px;
}

.slidenav a.actived	{
	background:url(../pics/layout/star.png) no-repeat;
	width:10px;
	height:10px;
	float:left;
	margin:0 6px;
}

.slidenav  {
	width:706px;
	float:left;
	height:30px;
	margin:18px;
}

.slidenav .container  {
	width:546px;
	height:10px;
	float:left;
	padding:10px 0;
}
   
.slidenav .wrapper	{
	margin:0 auto 0 auto;
	height:10px;
	width:110px;
}

.slidenav .previous, .slidenav .next	{
	float:left;
}

.header-nav	{	
}

.header-nav, .footer-nav	{
	width:534px;
	padding:18px 18px 0 18px;
	font-size: 1em;
	float: left;
}

.header-nav-top	{
}

.header-nav-bottom	{
	border-top:8px solid #CCC;
	border-bottom:8px solid #CCC;
	padding:8px 0;
}

/* nav */

a.sort img	{
	border:0 none;
	margin:2px 0;
}

.header-nav .inline	{
	margin-right:4px;
}

.header-nav .pricer .title, .header-nav .maker .title, .footer-nav .title		{
	float:left;
	margin-right:8px;
}

.header-nav .maker	{
	margin-right:18px;
	float:left;
}

.header-nav .pricer {
	float:left;
}

.header-nav select, .footer-nav select	{
	margin-top:-2px;
}

.header-nav select, .footer-nav select {
	margin-top:-2px;
}

.header-nav .rollmenu, .footer-nav .rollmenu	{
	float:left;
}

/* /review */

.footer-nav	{
	float:left;
	padding:18px;
}

.numberofrecords	{
	float:left;
}

.white	{
	background:#FFF;
	float:left;
	width:742px;
	border:0 none;
	margin-bottom:18px;
	border-radius:8px; 	
	-moz-border-radius:8px;
}

/* CENTER */

.center	{
	float:left;
	width:570px;
	border:0 none;
}

/*
* CATALOG
*/

.resume div.catalog	{
	float:left;
}

.sorting	{
	float:left;
}

.filters	{
	float:right;
}

.sort	{
	float:left;
}

ul.pager	{
	float:right;
	margin:0;
}

ul.pager li.first, ul.pager li.last 	{
	padding:0;
}

ul.pager li.first a	{
	background:url(../pics/layout/pager-first.png) no-repeat;
	width:22px;
	height:16px;
	display:block;
}

ul.pager li.last a	{
	background:url(../pics/layout/pager-last.png) no-repeat;
	width:22px;
	height:16px;
	display:block;
}

ul.pager li.next a	{
	background:url(../pics/layout/pager-next.png) no-repeat;
	width:22px;
	height:16px;
	display:block;
}

ul.pager li.page	{
	display:block;
	float:left;
}

ul.pager li.previous a	{
	background:url(../pics/layout/pager-previous.png) no-repeat;
	width:22px;
	height:16px;
	display:block;
}

li.page	{
	margin-right:12px;
}

a.preview	{
	width:160px;
	height:160px;
	display:block;
	margin:0 auto 8px;
	color:#;
}

.preview img	{
	background:url(/pics/layout/image140x140.png) no-repeat;
	margin:0 auto 0 auto;
	border:0 none;
}

.row-frontpage .product	{
	width:156px;
}

.product	{
	width:164px;
	padding:0 10px;
	float:left;
}

.first	{
	padding:0 10px 0 0;
}
.last	{
	padding:0 0 0 10px;
}

.product, .price	{
	text-align:center;
}

.stickers-wrapper	{
	margin:0 auto;
	margin-bottom:12px;
	height:22px;
	width:73px;
}

.stickers-wrapper .discount	{
	background:url(../pics/layout/money.png) no-repeat;
	width:28px;
	height:22px;
	display:block;
	float:left;
}

.stickers-wrapper .delivery	{
	background:url(../pics/layout/delivery.png) no-repeat;
	width:37px;
	height:22px;
	display:block;
	margin-right:8px;
	float:left;
}

.product .tobasket	{
	margin:0 auto;
}

.product .stickers	{
	margin-bottom:12px;
}

.sidebar-right	{
	float:left;
	width:172px;
}
.cart-bg	{
	float:left;
	width:136px;
	padding:18px;
	background:url(../pics/layout/cart-bg.png) no-repeat;
	border:0 none;
	
}

.kpokladne	{
	background:url(../pics/layout/k-pokladne.png) no-repeat;
	width:136px;
	height:30px;
	display:block;
	margin-top:12px;
}


.kpokladne:hover	{
	background:url(../pics/layout/k-pokladne-hover.png) no-repeat;
}

.cart-title	{
	background:url(../pics/layout/cart-title.png) no-repeat;
	width:125px;
	height:25px;
	margin-bottom:.5em;
}

.cart-img	{
	background:url(../pics/layout/cart-img.png) no-repeat;
	width:74px;
	height:76px;
	float:left;
}

.cart-info	{
	float:left;
	margin:10px 0 0 10px;
}

.cart-number {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:32px;
	text-align:center;
	font-weight:800;
	color:#EF4136;
}

.cart-add	{
	text-align:center;
}

.cart-price	{
	width:136px;
}

.cart-item-title	{
	background:url(../pics/layout/polozky_v_kosiku.png) no-repeat;
	height:14px;
	width:111px;
	margin-bottom:20px;
}

.cart-items-row	{
	margin-bottom:20px;
	float:left;
}

.cart-item	{
	width:55px;
	height:75px;
	float:left;
}

.cart-item-first	{
	margin-right:20px;
}

.cart-item-last	{
}

.for	{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	float:left;
/*	line-height:1.8333em; */
	margin-right:.5em;
	padding-top:6px;
}

.real-price	{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	float:right;
}

/*
** 5. FOOTER
*/

.footer  {
	background:url(../pics/layout/footer-bg.png) center repeat;
	height:613px;
}

.footer-front  {
	background:url(../pics/layout/footer-front.png) center no-repeat;
	margin:0 auto;
	height:613px;
}




/*MKF */

div.instore{
  height:10px;
}

a.adminAddFav{
  display:block;
  float:left;
  width:20px;
  height:90px;
  margin-top:10px;
  margin-left:5px;
  margin-right:-5px;
  padding-top:60px;
  padding-left:2px;
  font-size:30px;
  background-color:#aaa;

}
/*#00AEEF*/

/* news */

.news {
 
}

.news .img	{
	background:;
	float:left;
	width:173px;
	height:173px;
	margin-right:18px;
}

.news h2.title {
	background:url(../pics/layout/title_novinky.png) no-repeat;
	display:block;
	width:116px;
	height:53px;
	text-indent:-9999px;
	float:none;
}

.news .cont h3.title	{
	float:none;
	font-size:1.8333em;
	font-weight:400;
	margin-bottom:18px;
}

.news .row	{
    margin:0;
    padding:0;
    width:706px;
}

.news .cont {
	float:left;
}

.news .cont .published {
	margin-bottom:18px;
}

.news .row {
	border-bottom:8px solid #CCCCCC;
	margin-bottom:18px;
}

.news .row-first {
	border-top:8px solid #CCCCCC;
	padding-top:18px;
}

.news .row-last {
	border-bottom:none;
	margin-bottom:0;
}

.news .cont .published .left {
	background:url(../pics/layout/pub_left.png) no-repeat;
	width:10px;
	height:20px;
	float:left;
}

.news .cont .published .middle {
	background:url(../pics/layout/pub_pix.png) repeat;
	height:16px;
	float:left;
	padding:2px 0;
}

.news .cont .published .right {
	background:url(../pics/layout/pub_right.png) no-repeat;
	width:10px;
	height:20px;
	float:left;
}

.news .cont .text	{
	width:510px;
}

.news .gradbottom {
	background:url(../pics/layout/gradbottom.png) no-repeat;
	width:700px;
	height:20px;
	float:left;
}

.news .gradtop {
	background:url(../pics/layout/gradtop.png) no-repeat;
	width:700px;
	height:20px;
	float:left;
}