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

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

[content]

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

A. COMMON
B. TEXT
C. SHARED

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

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
	    4.2.1 TWO PANELS
		4.2.2 THREE PANELS

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	{ 
}

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

.clear	{
	clear:both;
}

/*
** B. TEXT
*/



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

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

h1  {
	line-height:1.5;
}

h3  {
	line-height:1;
}



/*
** 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;
}

.resume div.content p.info	{
	margin:0;
	font-size:.8333em;
}

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

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



.product-full .price	{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:800;
	font-size:2.16667em;
	text-align:left;
}
	
/*
** 1. LAYOUT
*/

/*
** 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'] */
}

.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 div.birds	{
	background:url(../../pics/layout/birds.png) no-repeat;
	float:left;
	width:190px; 
	height:86px;
	margin:36px 0 0 98px;
}

/*
** 3. NAVIGATION
*/

.nav .nav-top 	{
	height:70px;
	position:relative;
	z-index:2;
}

.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:88px;
	height:99px;
	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 li.home p.title	{
	background:url(../../pics/layout/uvod.png) no-repeat;
	width:34px;
	height:14px;
}

.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.eshop p.title	{
	background:url(../../pics/layout/eobchod.png) no-repeat;
	width:61px;
	height:16px;
}

.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.degree p.title	{
	background:url(../../pics/layout/nakupni_rad.png) no-repeat;
	width:82px;
	height:16px;
}

.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.login	{
	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-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 li {
	float:left;
	margin-right:18px;
	color:#F8AD40;
	font-weight:800;

}

.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;
}
/*
** 4.1 SIDEBAR-LEFT [width: 200px]
*/

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





/*
** 4.2. resume
*/
/* Review */

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

.item p {
	margin:0;
}

.item img.preview	{
	margin-bottom:18px;
	background:url(../../pics/layout/image.png) no-repeat;
	width:146px;
	height:146px;
	display:block;
	border:#E6E7E8 solid 1px;
}

.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 .container  {
	width:546px;
	height:10px;
	float:left;
	padding:10px 0;
}
   
.slidenav .wrapper	{
	margin:0 auto;
	height:10px;
	width:110px;
}

.slidenav .slideshow_previous, .slidenav .slideshow_next	{
	float:left;
}

/* /review */

/*
** 4.2.1 TWO-PANELS
*/

.resume div.content .segment-top	{
	margin-bottom:18px;
	float:left;
	width:706px;
}

.resume div.content .segment-bottom	{
	float:left;
	width:706px;
}

.resume div.content .segment-top .mini-gallery-wrapper {
	width:244px;
	padding:18px;
	border:1px solid #E6E7E8;
	float:left;
	margin-right:18px;
}

.resume div.content .segment-top .product-full {
	width:406px;
	float:left;
}

.resume div.content .segment-top .product-full .segment-top {
	width:406px;
	height:auto;
	float:left;
}

.resume div.content .segment-top .product-full .tobasket {
	margin-top:18px;
}

.resume div.content .segment-top .product-full .segment-bottom {
	width:406px;
	height:auto;
	float:left;
}

.resume div.content .segment-bottom .nav {
	width:706px;
	height:auto;
	margin-bottom:18px;
}

.resume div.content .segment-bottom .nav .button {
  background:#ECEDED;
  -moz-border-radius:8px;
  -webkit-border-bottom:8px;
  padding:14px 18px;;
  display:block;
  float:left;
  font-weight:800;
  font-size:1.5em;
  color:#39A9DC;
  position:relative;
  z-index:4;
}

.resume div.content .segment-bottom .nav .next {
	z-index:3;
	height:auto;
	width:auto;
	left:-10px;
	padding-left:24px;
}

.resume div.content .segment-bottom .nav .button:hover {
  background:#39A9DC;
  color:#FFF;
}

.resume div.content .segment-top .mini-gallery-wrapper img.preview	{
	display:block;
	background:#CCC;
	margin-bottom:18px;
	border: 0 none;
}

.resume div.content .segment-top .mini-gallery-wrapper .mini-gallery {
	width:244px;
	height:40px;
}


.resume div.content .segment-top .mini-gallery-wrapper .mini-gallery a {
	width:40px;
	height:40px;
	float:left;
	margin-right:18px;
}

/* nemusi */
.resume div.content .segment-top .mini-gallery-wrapper .mini-gallery a img {
	width:40px;
	height:40px;
	display:block;
	background:#CCC;
	border:0 none;
}
/* /nemusi */

.resume div.content .segment-top span {
}

.resume div.content .segment-top .segment-left  {
	width:216px;
	float:left;
	margin-right:18px;
}

.resume div.content .segment-top .segment-left h2.title	{
	line-height:1;
	color:
}

.resume div.content .segment-top .segment-left div.info span.title	{
}

.resume div.content .segment-top .segment-left div.info span.content	{
}

.resume div.content .segment-top .segment-right  {
	width:172px;
	float:left;
}

.resume div.content .segment-top .segment-right .price-wrapper {
}

.resume div.content .segment-top .segment-right .price-wrapper .title {
	font-size:.8333em;
}

/*
** 4.2.2 THREE PANELS
*/

.three-panels .resume	{
	width:566px;
}

.three-panels .resume .content	{
	width:auto;
}

.three-panels .resume .content-header	{
	width:566px;
	height:61px;
	background:url(../../pics/layout/gradient-header.png) repeat-x;
}

.three-panels .resume .content	{
	padding:18px;
	background:url(../../pics/layout/gradient-row.png) repeat;
}

.three-panels .resume .content .row	{
}