/* ------- DEFAULT DECLARATON ------- */
html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
/* button, input, textarea */
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	line-height:1.45em;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li,
ul li {
	list-style: none;
	list-style-type:  none;
	list-style-image: none;
}
ol li {
	list-style-type: decimal;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* TYPOGRAPHY - text properties section, please do not use any of them elsewhere */
body {
	font-size: 62.5%; /*default size cca 10px, 62.5 is onec of magic number */
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
}
button, button * {font-family: Verdana, "Geneva CE", lucida, sans-serif;} /* Fix IE bug */
em {font-style: italic;}

#content, #sidebar, #content, #infoboxes {font-size: 1em;}  /*normal size for text cca 11px */
#content h1, #header a img {font-size: 219%;}
#content h1 span {font-size: 80%;}
#content h2, #sidebar h2, #infoboxes h2 {font-size: 160%;}
#content h3, #sidebar h3, #infoboxes h3 {font-size: 140%;}
#content h4, #sidebar h4, #infoboxes h4 {font-size: 100%;}
#disclaimer {font-size: 1.4em;}

/* text-decoration: none/underline */
a {text-decoration: underline;}
#menu li a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}

/* font-weight: bold/normal */
h1 {font-weight: normal;}
#menu li a, #menu li strong,
h2, h3, h4  {font-weight: bold;}

/* text-transform: uppercase/normal */
#menu li a, #menu li strong {text-transform: uppercase;}



/* ------- COLORS ------- */
/* texty....................black */
/* odkazy...................#bb751a..... */
/* nadpisy, hovery..........#ffffff..... */

html, body, div, span, applet, iframe,
h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
/* button, input */
{
	color: #ffffff; /* byl #83979e */
}
h1, strong,  h2 {color: #f79436;}
a, h3, h4 {
	color: #efc573;
}
form button, form button span {
	color: black;
}
/*
#header a img,
#menu li a,
h4,
h1 span,
#disclaimer p {color: white;}
*/
/*
 ^ https://jira.onlio.com/browse/CWCS-7321?focusedCommentId=76440#action_76440
*/
#menu li strong, #menu li.selected a {color: black;}
#footer p a {color: #6e4f2e;}
/*#disclaimer p#disclaimerNo a {}*/
#disclaimer p#disclaimerYes a {color: black;}

/* hovery */
a:hover, #footer p a:hover,
#disclaimer p#disclaimerYes a:hover {color: white;}
#header a:hover img,
#menu li a:hover {color: black;}

/* ------- BASIC LAYOUT ------- */
html {
	background: #160001 url(/static/css/layout/html.jpg) center 0 repeat-x;
}
body {
	width: 100%;
}
hr {
	border: none;
	background: transparent url('/static/css/layout/hr.gif') center center repeat-x;
	height: 1px;
	
}
hr.separator {
	/*position: absolute;*/
	visibility: hidden;
}
p, table, ul, h1, h2, h3, ol, ul {margin-bottom: 1em;}
a.more {}
a.more:after {content: " »";}
a.moreRight {float: right; clear: right;}

ol {margin-left: 20px;}

form input,
form textarea,
form select,
form button {
	background-color: #e9d7a2;
	border: 1px solid #686e72;
	width: 305px;
}
form button {
	cursor: hand;
	cursor: pointer;
	width: auto;
}
form table th,
form table td {
	vertical-align: top;
	padding: 0 10px 5px 0;
}

/* ------- LAYOUT ------- */
#layout, #disclaimer {
	position: relative;
	z-index: 1; /* musi zde byt kvuli lightboxu */
	width: 980px;
	display: block;
	margin: 0 auto;
}
#layout {
	padding: 0 7px;
	background: #160001 url(/static/css/layout/body.jpg) center 0 repeat-x;
}
#skips {
	position: absolute;
	top: -10000px;
}

#header {
	display: block;
	height: 390px;
	background: #BE471C url(/static/css/layout/header.jpg) 0 0 no-repeat;
	position: relative;
	margin-bottom: 0;
}
#header a, #header a span {
	height: 83px;
	width: 145px;
	display: block;
	cursor: pointer;
}
#header a {
	position: absolute;
	bottom: 14px;
	left: 31px;
	z-index: 1000;
	zoom: 1;
}
#header a span {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/static/css/layout/logo.jpg) 0 0 no-repeat;
}

#main {
	overflow: hidden;
	zoom: 1;
	background: #043141 url(/static/css/layout/main.jpg) 254px bottom no-repeat;
}
#content {
	float: right;
	width: 657px; /* 727 - padding */
	padding: 10px 30px 100px 40px;
	margin-left: 10px;
	background: transparent url(/static/css/layout/content.jpg) 0 0 no-repeat;
	position: relative;
}
#content p.switcher {
	text-align: right;
	padding-right: 15px;
	clear: both;
}
#sidebar {
	background-color: #043141;
	padding: 20px 0 10px 30px;
	width: 216px;
}
#sidebar #mailingbox {
	background: transparent url(/static/css/image/email.jpg) left 25px no-repeat;
	position: relative;
	left: -30px;
	padding-left: 30px;
	padding-bottom: 5px;
}
#sidebar #mailingbox p {
	margin-left: 50px;
}
#sidebar #mailingbox.mailingbox_woDesc a.more {
	line-height: 60px;
	text-align: right;
	display: block;
	&background-position: right 28px;
}
#sidebar #sidebarLove {font-size: 120%;}

#menu {
	position: absolute;
	top: 0px;
	right: -102px;
	width: 729px;
	height: 59px; /* 105 - padding-top */
	margin-bottom: 0;
	padding-top: 46px;
	padding-right: 105px;
	background: transparent url(/static/css/layout/menu.png) right 0 no-repeat;
	text-align: right;
	z-index: 1000;
}
#menu li {
	list-style-type: none;
	display: inline;
	margin-right: 20px;
}

#infoboxes {
	position: absolute;
	bottom: 23px;
	left: 270px;
	zoom: 1;
	clear: both;
	z-index: 1001;
	height: 85px;
}
#infoboxes div {
	float: left;
	width: 263px; /* 278 - padding */
	height: 81px;
	margin-right: 7px;
	padding: 0 5px 0 10px; 
	background: transparent url(/static/css/layout/infobox.jpg) 0 bottom no-repeat;
}
#infoboxes div h4 {
	white-space: nowrap; /* trochu prasarna, ale drzi to */
	padding-bottom: 4px; 
}
#infoboxes div:first-child, #content #infoboxes div.first-child {
	padding-left: 30px;
	width: 240px;
}

#footer {
	position: relative;
	background-color: #160001;
	zoom: 1;
}
#footer #quicklinks {
	padding-top: 10px;
}
#footer #quicklinks a {
	margin-right: 10px;
}
#footer #copyright, #footer #copyright span, #footer #copyright a {
	position: absolute;
	width: 290px;
	height: 78px;
	display: block;
	background: transparent url(/static/css/layout/copyright.png) 0 0 no-repeat;
	cursor: pointer;
}
#footer #copyright {
	right: -74px;
	top: -39px;
	z-index: 1010;
}
#footer #copyright span {
	top: 0;
	left: 0;
}

#headerflash {
	position: absolute;
	top: -5px;
	left: 7px; /* 7px stin nalevo */
	width: 980px;
	height: 390px;
	z-index: 500;
}


/* Disclaimer */
#disclaimer {
	background: #c74a1a url(/static/css/layout/disclaimer.jpg) 0 0 no-repeat;
	width: 981px;
	height: 575px;
	display: none;
}
#disclaimer p {
	position: absolute;
	top: 72px;
	display: block;
	width: 480px;
}
#disclaimer p#disclaimerYes {
	left: 0;
	text-align: right;
}
#disclaimer p#disclaimerNo {
	left: 525px;
	text-align: left;
}
#disclaimer #disclaimerImage {
	position: absolute;
	top: 100px;
	left: 302px;
}
#disclaimer #disclaimerImage a {
	float: left;
	width: 200px;
	height: 100px;
}
#disclaimer #disclaimerImage a span {
	display: none;
}
/* seznam */
#list div {
	clear: both;
	border-top: 1px solid #0b4053;
	padding: 10px 0;
	overflow: hidden;
}
#list div.half, #list div:first-child, #list div.first-child {
	border-top: 0 none;
}
#list div.half {
	float: left;
	width: 327px;
	clear: none;
	margin-right: 0px;
	margin-bottom: -25px; /* musime korigovat posunuti obrazku */
	_margin-bottom: -45px;
}
#list div.halfFirst, #list div.half:first-child {
	position: relative;
	left: -29px;
}
#list div a.image {
  float: left;
}
#list div img {
	float: left;
	padding: 0 10px 10px 0;
	margin-right: 10px;
	background: transparent url(/static/css/image/imageshadow.jpg) right bottom no-repeat;
	position: relative;
	top: 7px;
}
#list div.half img {
	padding: 32px 39px 60px 8px;
	background-image: url(/static/css/image/photobox2.jpg);
	top: -25px;
	margin-right: 0;
}
#list div.half:first-child img, #list div.halfFirst img {
	padding: 32px 18px 60px 29px;
	background-image: url(/static/css/image/photobox1.jpg);
}
#list div.last-child, #list div:last-child {
	border-bottom: 1px solid #0b4053;
}
#list div#eshop {
  position: relative;
  left: -29px;
  width: 686px;
}
#list div#eshop div.halfFirst, #list div#eshop div.half:first-child {
	position: relative;
	left: 0px;
}
#list div.eshop {
  width: 358px;
  border: none;
}
#list div.eshop img {
	float: left;
	padding: 0 10px 40px 0;
	margin-left: 5px;
	background: none;
	position: relative;
	top: 0px;
}
div#cyklobox {
  left: -30px;
  position: relative;
}
div#cyklobox h3 {
  padding-left: 30px;
}
div#cyklobox p {
  background: url("/static/css/image/cyklobox.jpg") no-repeat scroll left top transparent;
  padding-top: 30px;
  padding-left: 88px;
  font-size: 9px;
}

/* odsazeni pro ke stazeni a podobne */
.download {
	padding-left: 163px;
	margin-left: -30px;
	zoom: 1;
	min-height: 175px;
}
.downloadPc {background: transparent url(/static/css/image/download-pc.jpg) 0px 10px no-repeat;}
.downloadPhone {background: transparent url(/static/css/image/download-mobil.jpg) 0px 10px no-repeat;}

/* trocha bordelu nakonec. Neda se to dat do separe stylu protoze Aladin nyni meni url a stavajici sablony na to nejsou pripraveny */ 
#ecard_content {
	padding-left: 163px;
	margin-left: -30px;
	_padding-left: 130px;
	background: transparent url(/static/css/image/ecard.jpg) top left no-repeat;
	overflow: hidden;
	min-height: 245px;
}
#ecard_list a {
	float: left;
	width: 222px;
	margin-right: 10px;
}
#ecard_list a img {
	display: block;
	border: 1px solid #d6a967;
}

div.hr {
  border-top: 1px solid #0b4053;
  height: 1px;
  margin: 0.5em 0;
}
div.hr hr {
  display: none;
}