/* CSS Document

--------------------------------
Pangamin
Webdesign (c) STUDIO 071 s.r.o.
XHTML & CSS (c) Metallic Relation
Last edited: 2009-11-12
--------------------------------

Structure:
	width
	height
	display
	position
	z-index
	float
	clear
	overflow
	margin
	padding
	border
	background
	color
	font
	text
	align

Colors Used:
	- Green 1: #005732
	- Green 2 (text): #26845C

	- Grey 1: #333
	- Grey 2: 555
	- Grey 3 (body text): #666
	- Grey 4: #999
	- Grey 5: #aaa

*/



/*---------------------------------------------------------------
GENERAL ELEMENTS
---------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #A8A8A8 url("../images/bg_body.png") repeat-x;
	color: #fff;
	font: normal .7em arial, sans-serif;
	text-align: center;
	line-height: 140%;
}

/* Headings */
h1 {
	font-size: 200%;
}
h2 {
	margin: .25em 0;
	color: #26845C;
	font-size: 250%;
	line-height: 1em;
}
h2 em {
	color: #007141;
	font-weight: bold;
	font-size: 95%;
	font-style: normal;
	text-transform: lowercase;
}
h2 strong {
	color: #666;
	font-size: 80%;
}
h2 span.pangamin {
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}
h3 {
	margin: 1em 0 -0.75em;
	color: #26845C;
	font-size: 125%;
	text-transform: uppercase;
}
h4 {
	margin: 1.75em 0 0;
	font-size: 110%;
	text-transform: uppercase;
}

/* Text */
p {
	margin: 1em 0;
	text-align: justify;
}
abbr, acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}
abbr.geo {
	border-bottom: 0;
	cursor: default;
}
.geo a abbr {
	border-bottom-style: none;
	cursor: pointer;
}
blockquote, q {
	font-style: italic;
}
blockquote {
	margin: 1em 0 1em 2em;
	padding: 1em 1em 1px;
	background-color: #eee;
}
code {
	background-color: #eee;
}
pre {
	width: 96%;
	overflow: scroll;
	padding: 1em;
	background-color: #eee;
}

/* Lists */
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 3em;
}
ul.produkt {
	font-size: 100%;
	margin: 1em 0;
	padding: 0 0 0 3em;
}
ul {
	list-style-type: square;
}
li ul, li ol {
	margin: .25em 0;
}
dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 .5em 2em;
}

img.icon {
	margin-right: .75ex;
	border-style: none;
	vertical-align: middle;
}

/* Tables */
table {
	margin: 2em 0;
	border-collapse: collapse;
	font-size: 100%; /* IE6 */
}
caption {
	margin-top: 1em;
	padding-bottom: .5em;
	font-weight: bold;
	text-align: left;
}
td, th {
	padding: .25em 1.5ex;
	border: 2px solid #fff;
	text-align: center;
}
th {
	background-color: #888;
	color: #fff;
	font-weight: bold;
}
td {
	background-color: #d7d7d7;
	color: #000;
}
tr.even td {
	background-color: #eee;
}

/* Links */
a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #c00;
}

a.email {
	padding-right: 1.25em;
	background: transparent url("../images/email.png") no-repeat center right;
}
a.external {
	padding-right: .8em;
	background: transparent url("../images/external.png") no-repeat right 25%;
}

a img {
	border-style: none;
}

/* Links in contents */
#contents a:link, #contents a:visited {
	color: #26845C;
	text-decoration: underline;
}
#contents a:hover {
	text-decoration: none;
}
.flash{
	position:relative;
	top:300px;
}



/*---------------------------------------------------------------
GENERIC CLASSES
---------------------------------------------------------------*/

.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.col-left {
	width: 48%;
	float: left;
}
.col-right {
	width: 50%;
	float: right;
}
div.clearer {
	line-height: 0;
	clear: both;
}

img.right {
	float: right;
	margin: .25em 0 1em 1em;
}
img.left {
	float: left;
	margin: .25em 1em 1em 0;
}

.hidden {
	display: none;
}



/*---------------------------------------------------------------
LAYOUT
---------------------------------------------------------------*/

/* DOCUMENT */
#document {
	width: 1025px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 5em;
	text-align: left;

}

/* HEADER */
#header {
	height: 225px; /* 203px; */
	position: relative;
	background: transparent url("../images/bg_header.png") no-repeat 213px 0;
}

/* Logo */
#logo {
	position: absolute;
	top: 35px;
	left: 66px;
}
#logo h1 {
	width: 119px;
	height: 147px;
	position: relative;
	overflow: hidden;
	margin: 0;
	font-weight: normal;
	line-height: 100%;
	text-transform: uppercase;
}
#logo h1 strong {
	font-weight: bold;
	text-transform: lowercase;
}
#logo h1 a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#logo h1 span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: transparent url("../images/logo.png") no-repeat;
}

/* Language Selection */
#lang-selection {
	position: absolute;
	right: 0;
	bottom: 3.1em;
	z-index: 1;
}

/* MENU: Shortcuts */
#shortcuts {
	position: absolute;
	top: 222px;
	left: 0;
	margin-top: 44px;
	margin-left: 22px;
	padding-left: 45px;
}
#shortcuts a {
	margin-right: 1em;
}

/* MENU: Customers */
#menu-customers {
	width: 100%;
	position: absolute;
	bottom: 2em;
	left: 0;
	padding-bottom: .5em;
}
#menu-customers ul {
	margin: 0;
	margin-left: 421px;
	padding: 0;
	padding-left: 3em;
}
#menu-customers li {
	/*width: 19.5%;*/
	float: left;
	display: block;
}
#menu-customers a:link, #menu-customers a:visited {
	display: block;
	margin-right: .25em;
	padding: 0 1ex;
	border: 1px dotted #fff;
	background-color: #000;
	color: #fff;
	font-size: 85%;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
}
#menu-customers a.active {
	background-color: #666;
}
#menu-customers a:hover {
	background-color: #555;
	text-decoration: none;
}

/* MENU: Customers SK */
#menu-customerssk {
	width: 100%;
	position: absolute;
	bottom: 2em;
	left: 0;
	padding-bottom: .5em;
}
#menu-customerssk ul {
	margin: 0;
	margin-left: 400px;
	padding: 0;
	padding-left: 3em;
}
#menu-customerssk li {
	/*width: 19.5%;*/
	float: left;
	display: block;
}
#menu-customerssk a:link, #menu-customerssk a:visited {
	display: block;
	margin-right: .25em;
	padding: 0 1ex;
	border: 1px dotted #fff;
	background-color: #000;
	color: #fff;
	font-size: 85%;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
}
#menu-customerssk a.active {
	background-color: #666;
}
#menu-customerssk a:hover {
	background-color: #555;
	text-decoration: none;
}

/* MENU: Main Navigation */
#menu {
	width: 205px;
	position: absolute;
	top: 200px;
	left: 0;
	margin-top: 7em;
	margin-left: 22px;
	font-size: 125%;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
	display: inline;
}
#menu a:link, #menu a:visited {
	display: block;
	margin: 2px 0;
	padding-left: 45px;
	color: #999;
	line-height: 26px;
	text-transform: uppercase;
}
#menu a.active {
	border: 1px dotted #fff;
	border-right: 1px solid #222;
	background-color: #005732;
	background-image: url("../images/menu_active.png");
	background-repeat: no-repeat;
	background-position: 2px top;
	color: #fff !important;
}

#menu a:hover {
	color: #fff;
	text-decoration: none;
}

#menu a.facebook {
	display: block;
	margin: 2px 0;
	padding-left: 45px;
	color: #999;
	line-height: 26px;
	text-transform: uppercase;
	background-image: url("../images/logo_f.png");
	background-repeat: no-repeat;
	background-position: 8px top;

}
#menu a.facebook:hover {

	background-image: url("../images/logo_f_active.png");
	background-repeat: no-repeat;
	background-position: 8px top;
	color: #fff !important;
	text-decoration: none;
}

/* OVERLAY PANEL */
#overlay-panel {
	width: 194px;
	min-height: 100%;
	height: 780px;
	position: absolute;
	top: 0;
	left: 227px;
	z-index: 2;
	background-color: #000;
	background-image: url("../images/bg_panel_index2.png");
	background-repeat: no-repeat;
}

/* Menu: Level 2 */
#menu-level-2 {
	width: 100%;
	position: absolute;
	top: 225px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#menu-level-2 ul {
	margin: 0;
	padding: 0;
}
li.drawer, ul.level-3 li {
	display: inline;
	padding: 0;
}
#menu-level-2 .drawer-handle, #menu-level-2 h2 {
	display: block;
	margin: 0;
	padding: 1em 1.25em;
	border: 1px dotted #fff;
	background-color: #000;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
}
#menu-level-tygr{
	width: 100%;
	position: absolute;
	top: 225px;
	margin: 0;
	padding: 0em 0em;
	border: 1px dotted #fff;


}

#menu-level-tygr h2 {

	display: block;
	margin: 0;
	padding: 0.5em 0.5em;
	color: #fff;
	font-size: 115%;
	font-weight: normal;
	line-height: 125%;
}

a.drawer-handle:hover {
	text-decoration: none;
}
a.drawer-handle:focus {
	outline: none;
}

/* Menu: Level 3 */
li.drawer ul {
	background-repeat: repeat-x;
}
ul.level-3 a:link, ul.level-3 a:visited {
	display: block;
	padding: 0 2.5em;
	font-size: 90%;
	line-height: 175%;
	text-transform: uppercase;
}
ul.level-3 a:hover {
	background-color: #666;
	text-decoration: none;
}
ul.level-3 a:active {
	color: #fff;
}
ul.level-3 a.active {
	background-color: #666;
	text-decoration: none !important;
}

/* BREADCRUMBS */
#breadcrumbs {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: 421px;
	padding-left: 2.75em;
	font-size: 105%;
	line-height: 2em;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	font-weight: bold;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	text-decoration: none;
}

/* BODY */
#body {
	height: 473px; /* = 517 - (2 * 22) */
	padding: 22px;
	padding-left: 0;
	background: #555 url("../images/bg_document.png") no-repeat;
}

/* CONTENTS */
#contents {
	height: 475px; /*100%;*/
	position: relative;
	margin-left: 421px;
	background-color: #fff;
	background-image: url("../images/bg_contents.png");
	background-repeat: no-repeat;
	background-position: right top;
}
#contents div.inner {
	min-width: 20em;
	height: 429px; /* = 517 - (4 * 22) */
	overflow: auto;
	margin-right: 250px;
	padding: 22px 1em 22px 32px;
	color: #666;

}

/* FOOTER */
#footer {
	margin-left: 421px;
}
#footer div.inner {
	padding: .5em 3em;
}
#footer a.logo {
	display: inline-block;
	padding: 0 .5em;
	border-right: 1px dotted #666;
}
#footer a.last {
	border-right-style: none;
}

/* ADVERTISEMENT */
#advert {
	position: absolute;
	top: 0;
	left: 400px;
	margin-left: 3em;
}



/*---------------------------------------------------------------
CONTENT-SPECIFIC
---------------------------------------------------------------*/

/* Perex */
p.perex {
	color: #26845C;
	font-weight: bold;
}

/* View-more Link */
a.read-more:link, a.read-more:visited {
	padding: 0 1ex;
	background-color: #bbb;
	color: #fff !important;
	text-decoration: none !important;
}
a.read-more:hover {
	background-color: #888;
}

/* Text */
.hin {
	vertical-align: super;

}
.smallp {
	text-transform: none;

}
.red{
	color: #cf3223;
	font-weight: bold;
}
.akce1{
	position:relative;
	left:-7px;
	background: transparent url("../images/sestava_6.png") no-repeat bottom right;
	width:290px;
	height:240px;
}
.akce2{
	position:relative;
	left:-7px;
	background: transparent url("../images/sestava_5.png") no-repeat bottom right;
	width:290px;
	height:340px;
}
.akce3{
	position:relative;
	left:-7px;
	background: transparent url("../images/sestava_4.png") no-repeat bottom right;
	width:290px;
	height:310px;
}
.akce4{
	position:relative;
	left:-7px;
	background: transparent url("../images/sestava_7.png") no-repeat bottom right;
	width:290px;
	height:287px;
}
.akce5{
	position:relative;
	left:-7px;
	background: transparent url("../images/sestava_2.png") no-repeat bottom right;
	width:290px;
	height:280px;
}
.akce6{
	position:relative;
	left:-7px;
	background: transparent url("../images/sestava_3.png") no-repeat bottom right;
	width:290px;
	height:295px;
}
.akce7{
	position:relative;
	left:-7px;
	background: transparent url("../images/sestava_1.png") no-repeat bottom right;
	width:290px;
	height:310px;
}
.aknemin{
	color: #e10082;
	font-weight: bold;
}
#break2{
	position:relative;
	margin:12px;
}
#break3{
	position:relative;
	margin:5px;
}
#break4{
	position:relative;
	margin:8px;
}
.cenab{
	position:relative;
	top:127px;
	left:40px;
	vertical-align:bottom;
	color:#fff;
	float:left;
}
.cena{
	position:relative;
	top:95px;
	left:-35px;
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:125%;
	text-align:center;
}
.akce-right{
	position:relative;
	top:-40px;

}

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

a.koupit{
	font-size: 125%;
	color: #26845C;
	text-decoration: none !important;
}
.koupit_d{
	font-size: 125%;
	text-align: right;
	color: #26845C;
}
.buy_odkaz{
	position:relative;
	left:200px;
	background: transparent url("../images/kosik_buy.png") no-repeat bottom right;
	cursor: pointer;
	width:73px;
	padding-left:3px;
	text-align:left;
}

.banner_ab{
	position:absolute;
	top:25px;
	left:10px;
	padding-left:10px;
	padding-right:82px;
	padding-bottom:30px;
	background:#fff;
}