/* ------- 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*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	color: inherit;
	vertical-align: baseline;
	line-height: 1.45em;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
/* 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: Arial, Helvetica, sans-serif;
}
button, button *,
input {font-family: Arial, Helvetica, sans-serif;} /* Fix bug */

/* font-size */
/* 
	cca 20px = 181.82%;
	cca 19px = 172.727%
	cca 18px = 163.63%
	cca 16px = 145.455%
	cca 14px = 127.27%
	cca 13px = 118.182%
	cca 12px = 109.09%
	cca 11px = 100%
	cca 10px = 90.909%
*/
.gLayout {font-size: 1.1em;}  /*normal size for text cca 11px */
.form fieldset legend * b {font-size: 145.455%;}
h4, h5 {font-size: 100%;}
h3,
.gContent p.notice {font-size: 118.182%;}
h2 {font-size: 145.455%;}
h1 {font-size: 172.727%;}
h1#mainTitle {font-size: 127.27%;}
.gLayout input, .gLayout button,
.gSidebar input, .gSidebar button,
.gLayout select, .gSidebar select {font-size: 100%;} /* fix button bug */

/* text-decoration: none/underline */
a {text-decoration: underline;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
.gLang li a, .gMenu li a, .gSecondMenu li a,
.gFooter p a {text-decoration: none;}

/* font-weight: bold/normal */
h1, h2, h3, h4,
.gMenu li a,
.gSecondMenu li a,
.form fieldset legend,
.form fieldset a,
.gContent p.notice,
table tr th,
table caption,
dl.likeTable dt {font-weight: bold;}
h4, h5, h6,
.gLang b,
table tr th label {font-weight: normal;}

/* text-transform: uppercase/normal */

/* font-style: normal/italic */
em {font-style: italic;}

/* ------- COLORS ------- */
html, a {color: black;}
.gHeader a,
.gLang a, .gLang b,
.gMenu li a,
.gContent p.notice,
.gSidebar .gSearchBox h4 {color: white;}
.gMenu li b {color: #ffb400;}
.gSecondMenu li a {color: #0f548f;}
h1,
.form fieldset label,
.form fieldset table b,
.bargainList h3 a, .bargainList p.perex {color: #004db2;}
.gFooter p, .gFooter p a {color: #697fae;}
.form fieldset a {color: #d01515;}
table thead tr th,
table caption,
dl.likeTable dt {color: #004fb0;}

/* stavy */
.gMenu li:hover>a, .gMenu li a:hover {color: #ffb400;}
a:hover {color: #0f548f;}
.gLang a:hover {color: white;}
.form fieldset a:hover {color: black;}

/* ------- BASIC LAYOUT ------- */
p, table, ul, ol, .form {
	margin-bottom: 1em;
}

hr {
	border: none;
	background: url(/online/Images/Mountains/hr.gif) center center repeat-x;
	height: 1px;
}
hr.separator {
	/*position: absolute;*/
	visibility: hidden;
	height: 1px;
	border: 0 none;
	clear: both;
}
a.more {
	padding-right: 11px;
	background: transparent url(/online/Images/Mountains/link.gif) right 6px no-repeat;
}
/*a.more:hover {background-image: url(/online/Images/Mountains/link-hover.gif);}*/
a.more-right {
	display: block;
	text-align: right;
	clear: both;
}
/* tabulky */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #c9e4ff; /* stylish file */
	width: 100%; /* ! */
}
table.form {
	padding: 0;
}
table caption, table tr th, table tr td {
	text-align: left;
}
table caption {
	white-space: nowrap; /* ! */
}
table tr td, table tr th {
	padding: 3px 5px;
	vertical-align: top; /* ! */
}
table thead tr th {
	background-color: #c9e4ff; /* stylish file */
}
table tr.odd {background-color: #eff4fa;}
table tfoot tr {/* background-color: #f3f5da; */}
table.colums2 tr td, table.colums2 tr th {
	width: 150px;
}
table.colums3 tr td, table.colums3 tr th {
	width: 200px;
}
.disDefault table tr td, .disDefault table tr th { /* vypnuti mych css */
	padding: 0;
	background-color: auto;
	border: auto;
}

/* iframe */
iframe {
	/* padding: 0 !important; */ /* toto tu musi byt s important, kvuli bugu v ie6,7,8 */
}

/* formulare */
.form {
	/*
	position: relative;
	margin-left: -20px;
	_margin-left: 10px;
	width: 706px;
	*/
	overflow: hidden;
	background-color: white; /* stylish file */
	zoom: 1;
	padding: 3px;
}
.form fieldset {
	position: relative;
	display: block;
	margin-top: 53px;
	margin-bottom: 8px;
	/* padding: 5px; */
	padding-top: 0;
}
.form fieldset table {
	border: 0 none;
	/* margin: 0 auto; */
}
.form fieldset table tr th,
.form fieldset table tr td,
.form fieldset table tr {
	background-color: transparent;
	background-image: none;
	padding: 0;
}
.form fieldset table tr th,
.form fieldset table tr td {
	padding-bottom: 3px;
	text-align: right;
}

.form fieldset legend {
	position: static;
}
.form fieldset legend span, .form fieldset legend label {
	background-color: #8AD300; /* stylish file */
	color: white;  /* stylish file */
	position: absolute;
	width: 	157px; /* 170 - 2 x padding(5) */
	height: 40px;
	/* line-height: 50px; */
	top: -53px; /* 50px zaklad + 3px mezera */
	left: 0px;
	padding: 5px;
}
.form fieldset legend * b {
	display: block;
}
.form input, .form select, .form textarea {
	border: 1px solid #CFCFCF; /* stylish file */
	padding: 0 3px;
	/* margin-right: 5px; */
}
.form input:focus, .form select:focus, .form textarea:focus {
	border-color: black; /* stylish file */
}
.form input,
.form textarea,
.form select {
	width: 167px;
	padding: 0;
}
.box-halfSize,
.form-halfSize input, .form-halfSize textarea, .form-halfSize select,
input.halfSize, textarea.halfSize, select.halfSize {width: 85px;}
.box-quarterSize,
.form-quarterSize input, .form-quarterSize textarea, .form-quarterSize select,
input.form-quarterSize, textarea.form-quarterSize, select.form-quarterSize {width: 45px;}


.form label {padding-right: 3px;}
.form table tr td label {text-align: right;}
.form label input, .form span.fakeLabel input {
	width: auto;
	border: 0 none;
	margin-left: 5px;
	position: relative;
	top: 2px;
}
.form button, .form input.button, .form span.fakeInputButton { /* ie 6.7 css */
 	border: 0 none; /* ! */
	cursor: pointer;
	cursor: hand;
	position: relative;
	background-color: #8AD300; /* stylish file */
	background-color: #004eb2; /* stylish file n2 */
	color: white; /* stylish file */
	font-weight: bold;
	padding: 3px .7em;
	width: 0; /* pouze pro IE */
	overflow: visible;
}
.form button[type], .form input.button[type], .form span.fakeInputButton[class] { /* IE ignoruje [type] */
	width: auto;
}
.form tr.warning td span {
	color: red;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	display: block;
}
.form input.fakeHidden {visibility: hidden;}

/* obrazky */
img { /* ? */
	display: block;
	margin: 0 auto;
}
img.left {
	float:left;
	margin: 0 8px 8px 0;
}
img.right {
	float: right;
	margin: 0 0 8px 8px;
}
/* Blokove elementy */
blockquote, address {
	background-color: #ebf5da;
	padding: 10px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* List */
ul {
}
ul li {
	/* background: transparent url(/online/Images/Mountains/list.gif) left 4px no-repeat; */
	background-color: transparent;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	padding-left: 16px;
	margin-left: 0;
	zoom: 1;
}
ul li ul li {
	background-position: left 4px;
	background-image: url(/online/Images/Mountains/list2.gif);
}
ol li {
	list-style-type: decimal important;
	margin-left: 22px;
	padding: 0;
}
dl dd {margin-left: 20px;}
dl.likeTable dt {
	background-color: #C9E4FF; /* stylish file */
	padding: 3px 5px;
}
dl.likeTable dd {
	border: 1px solid #C9E4FF; /* stylish file */
	border-top: 0 none;
	margin-bottom: 1em;
	margin-left: 0;
	padding: 3px;
	text-align: center; /* ! */
}

/* co se nikam neveslo */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-nowrap,
.text-nowrap-full, .text-nowrap-full * {white-space: nowrap;}


/* Layout */
html {
	background-color: #a6ba6b;
}
html, body {background-color: #88c3ff;}

.gLayout {
	width: 760px;
	margin: 0 auto;
	background-color: white;
	position: relative;
}
.gHeader {
	display: block;
	width: 100%;
	height: 65px;
	background: #004eb3 url(/online/Images/Mountains/header.gif) top left no-repeat;
	position: relative;
	margin-bottom: 29px;
}
body.lang-sk .gHeader {background-image: url(/online/Images/Mountains/header-sk.gif);}
.gHeader a, .gHeader a span {
	width: 232px;
	height: 53px;
	display: block;
}
.gHeader a {
	position: absolute;
	top: 10px;
	left: 5px;
}
.gHeader a span {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/online/Images/Mountains/header.gif) -5px -10px no-repeat;
	cursor: pointer;
}
.gLang {
	position: absolute;
	top: 2px;
	right: 0;
}
.gLang li {
	display: inline;
	padding-left: 0;
	background: transparent url(/online/Images/Mountains/menu-separator.gif) left 4px no-repeat;
	padding-left: 0;
}
.gLang li.first-child {
	background-image: none;
}
.gLang li a, .gLang li b {
	padding: 0 10px 0 9px;
}
.skips {
	position: absolute;
}
.gContent, .gSidebar {
	/* min-height: 420px; */
}
.gContent {
	float: right;
	width: 567px;
	overflow: hidden; /* ! */
	padding: 0 5px 20px 5px;
	position: relative; /* ! */
	min-height: 420px; /* ! */
}
.gContent h1#mainTitle {
	background-color: #ceeafe;
	padding: 0 7px;
	line-height: 25px;
	margin: 0 2px 5px 0;
}
.gContent p.notice { /* ruzne upozorneni, vetsinou se sipkou nalevo */
	line-height: 32px;
	padding-left: 50px;
	width: 514px;
	text-align: left;
	clear: both;
	zoom: 1;
	margin-bottom: 20px;
	background: #007eae url(/online/Images/Mountains/notice.png) left top no-repeat; /* stylish file */ /* modra */
	background: #e46d1d url(/online/Images/Mountains/notice.png) left -32px no-repeat; /* stylish file */ /* oranzova */
	background: #77baff url(/online/Images/Mountains/notice.png) left -96px no-repeat; /* stylish file */ /* svetle modra */
	background: #8ad200 url(/online/Images/Mountains/notice.png) left -64px no-repeat; /* stylish file */ /* zelena */
}

.gContent table.tableInTable { /* vyuziva se pro dva sloupce vedle sebe, aby byli stejne dlouhe */
	border: 0 none;
	border-collapse: separate;
	border-spacing: 5px;
}

.gContent table.tableInTable tr td {
	border: 1px solid #C9E4FF;
	padding: 0;
	vertical-align: top;
}

.gContent table.tableInTable tr td table {
	border-collapse: collapse;
	border: 0 none;
}
.gContent table.tableInTable tr td table tr td,
.gContent table.tableInTable tr td table tr th {
	border: 0 none;
	padding: 5px;
}

.gContent table.tableAsList thead tr th { /* pouziva se treba pro vypocet ceny atd. */
	background-color: transparent;
	font-weight: bold;
	color: #004fb0;
}
.gContent table.tableAsList tbody tr th {
	font-weight: bold;
}
.gContent html table.tableAsList tbody tr:first-child {
	background: transparent url(/online/Images/Mountains/offer-table-tr.gif) center bottom no-repeat;
}
.gContent * html table.tableAsList tbody tr th {
	border-bottom: 1px solid #C9E4FF;
}
.gContent table.tableAsList tfoot tr td {
	font-weight: bold;
}
.gContent p.waiting, .gContent p.waiting span {
	width: 200px;
	height: 100px;
	background: transparent url(/online/Images/Mountains/waiting.gif) top left no-repeat;
	position: absolute;
}
.gContent p.waiting {
	top: 300px;
	left: 150px;
	background-color: blue;
	display: none;
}
.gContent p.waiting span {
	top: 0;
	left: 0;
}

span.stars { /* hodnoceni v podobe hvezdicek */
	position: relative;
	top: 1px;
	color: gold;
	letter-spacing: 1px;
	overflow: hidden;
	height: 12px;
	font-size: 8px; /* fix ie bug */
}
span.stars span {
	letter-spacing: 0px;
	position: absolute;
	left: 0;
	height: 12px;
	top: 0;
	background: transparent url(/online/Images/Mountains/star.png) 0 0 repeat-x;
}
span.stars1plus span,
span.stars2plus span,
span.stars3plus span,
span.stars4plus span,
span.stars5plus span,
span.stars6plus span {background-position: right 0;}

table tr th span.stars span {background-position: 0 -12px;}
table tr th span.stars1plus span,
table tr th span.stars2plus span,
table tr th span.stars3plus span,
table tr th span.stars4plus span,
table tr th span.stars5plus span,
table tr th span.stars6plus span {background-position: right -12px;}

span.stars0 {display: none;}
span.stars1, span.stars1 span {width: 15px;}
span.stars2, span.stars2 span {width: 30px;}
span.stars3, span.stars3 span {width: 45px;}
span.stars4, span.stars4 span {width: 60px;}
span.stars5, span.stars5 span {width: 75px;}
span.stars6, span.stars6 span {width: 90px;}
span.stars1plus, span.stars1plus span {width: 30px;}
span.stars2plus, span.stars2plus span {width: 45px;}
span.stars3plus, span.stars3plus span {width: 60px;}
span.stars4plus, span.stars4plus span {width: 75px;}
span.stars5plus, span.stars5plus span {width: 90px;}
span.stars6plus, span.stars6plus span {width: 105px;}


.switcher {
	background-color: #c3edfd;
	padding: 5px 10px 1px;
	width: 547px;
}
.switcher p {
	margin-bottom: 0;
}
.switcher p label {
	position: relative;
	top: -3px;
}
.switcher p select {
	position: relative;
	top: -2px;
}
.switcher .goTopage {
	float: right;
}
.switcher .goTopage a, .switcher .goTopage strong, .switcher .goTopage span {
	padding: 0 5px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 1px;
}
.switcher .goTopage a {
	border: 1px solid #084cb4;
	color: #084cb4 !important;
	background-color: white;
	text-decoration: none;
}
.switcher .goTopage a.first, .switcher .goTopage a.last {
	border: 1px solid #084cb4;
	color: white !important;
	background-color: #084cb4;
}
.switcher .goTopage strong {
	color: #cb0001 !important;
}



.gSidebar {
	width: 179px;
	/* background-color: red; */
	overflow: hidden; /* !! */
}
.gSidebar table tr td, .gSidebar table tr th {
	/* padding: 0; */
}
/* vyhledavaci form */
.gSidebar .gSearchBox {
	background-color: #004DB2; /* stylish file */
	background-color: red;
	/* margin-bottom: 10px; */
}

/* menicko */
/* 1th level */
.gMenu {
	position: absolute;
	top: 65px;
	right: 1px;
	width: 759px;
	background-color: #004eb3;
	text-align: center;
}
.gMenu li {
	padding-left: 0;
	padding-bottom: 10px;
	position: relative;
	display: inline;
	background: transparent url(/online/Images/Mountains/menu-separator.gif) left 4px no-repeat;
}
.gMenu li.first-child {
	background-image: none;
}
.gMenu li a, .gMenu li b {
	line-height: 20px;
	padding: 0 9px 0 10px;
}
/* 2nd level */
.gMenu li ul {
	position: absolute;
	top: -2000px;
	left: 0px;
	background-color: #004eb3;
	text-align: left;
	padding: 2px 0;
}
.gMenu li:hover>ul {
	top: 18px;
}
.gMenu li ul li,
.gMenu li ul li a, .gMenu li ul li b {
	display: block;
	width: 301px;
}
.gMenu li ul li {
	background-image: none;
	padding: 2px 10px;
}
.gMenu li ul li a, .gMenu li ul li b {
	line-height: 1.45em;
	padding: 0;
}
.gSecondMenu {
	clear: both;
	background-color: #c9e4ff;
	text-align: center;
}
.gSecondMenu li {
	display: inline;
	background: transparent url(/online/Images/Mountains/menu-separator.gif) left -66px no-repeat;
	padding-left: 0;
}
.gSecondMenu li.first-child {background-image: none;}
.gSecondMenu li a {
	line-height: 22px;
	padding: 0 9px 0 10px;
}
.gSearch {
	position:absolute;
	right:8px;
	top:34px;
}
.gFooter {
	clear: both;
	text-align: right;
	padding: 0 5px;
}
.gFooter .gFooter_copyright {
	float: left;
}

