/* CSS Document */
/*---------------------------------------------------------------------------- Description: Kaskádové styly Author:      e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu Modified:    25. 2. 2010 ==[ TOC ]== 1. Body       (tělo) 2. Tags       (všeobecné prvky - h1, input, ...) 3. Classes    (všobecné třídy - .clear, .float-x ..) 4. Layout     (rozvržení celé stránky) 5. Header     (Hlavička) 6. Navigace 7. Content    (obsah) 8. Sidebar 9. Footer     (patička) 10. Other     (ostatní) 11. Doplnky   (pomocná struktura v levém menu) ----------------------------------------------------------------------------*/
/* 1. Body -----------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html {}
body {
	background: url(../images/body-back.jpg) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 135%;
	height: 100%;
	padding: 14px 0 0 0;
}
/* 2. Tags -----------------------------------------------------------------*/
h1 {
	font-size: 150%;
}
h2 {
	font-size: 125%;
}
h3 {
	font-size: 100%;
}
a {
	color: #333;
}
img {
	border: none;
	text-decoration: none;
}
/*button*/
button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 27px;
	overflow: hidden;
	white-space: nowrap;
	background: url(../images/btn-def.png) no-repeat;
	border: none;
	cursor: pointer;
	color: #fff;
}
button:hover {
	text-decoration: underline;
}
a:hover {
	color: #000 !important;
}
.boxDotaz button {
    width: 67px !important;
}
#prodMenu ul a {
	background: url("../images/prodmenu-item-back.png") !important;
	border: none !important;
	color: #000 !important;
}

/* 3. Classes --------------------------------------------------------------*/
/*floating*/
.float-r {
	float: right;
}
.float-l {
	float: left;
}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	overflow: hidden;
}
.clear-r {
	float: right;
}
.clear-l {
	float: left;
}
span.red {
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #cf255a;
}
/*textovy obsah*/
.textContent p {
	color: #333;
	padding-bottom: 0.8em;
}
.textContent h2 {
	color: #000;
	margin: 0.3em 0 0.5em;
	font-size: 18px;
}
.textContent a:hover {
	color: #000;
}
/* 4. Layout ---------------------------------------------------------------*/
/*main container*/

#container {
	width: 981px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background: #fff;
}
/*content*/
.contentWrapper {
	/*background: #fff url(../images/content-back.png) 0 0 repeat-y;
*/
}
#content {
	/*background: url(../images/content-wrapper-back.png) 0 0 no-repeat;
*/
	padding: 10px;
	min-height: 200px;
}
.colWrapper {
	float: left;
	width: 758px;
}
#colCenter {
	float: right;
	width: 550px;
	min-height: 1px;
}
#colLeft {
	float: left;
	width: 193px;
	padding-bottom: 60px;
}
#colRight {
	float: right;
	width: 189px;
}
.colSide {
}
/* 5. Header   -------------------------------------------------------------*/
/*header*/
#header {
	position: relative;
}
#header .top {
	text-align: right;
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	background: #d0dff6 url(../images/header-top-back.jpg) 0 0 no-repeat;
	padding-right: 5px;
}
#header .center {
	background: #fff url(../images/header-image.jpg) 0 0 no-repeat;
	height: 224px;
}
/*logotype*/
a#logotype {
	position: absolute;
	top: 50px;
	left: 18px;
	width: 480px;
	height: 58px;
	overflow: hidden;
}
a#logotype span {
	display: none;
}
/*menu*/
#header .menuHolder {
	position: relative;
	width: 971px;
	height: 42px;
	background: #d0dff6 url(../images/header-menu-back.png) 0 0 repeat-x;
	padding-left: 10px;
}
#header .menuHolder .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 42px;
	background: url(../images/header-menu-cover.png) 0 0 no-repeat;
}
ul#topMenu {
	list-style: none;
	height: 42px;
	background: url("../images/menu-item-back.png") repeat-x;
}
ul#topMenu li {
	float: left;
	background: url(../images/menu-item-back.png) right top no-repeat;
}
ul#topMenu li a {
	display: block;
	color: #000;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	padding: 0 20px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/menu-item-sep.png) right top no-repeat;
}
ul#topMenu li a.first {
	padding-left: 23px;
}
ul#topMenu li a:hover {
	color: #0c2545;
	text-decoration: underline;
	background: url(../images/menu-item-sep.png) 0 0 repeat-x;
}
/*search*/
#search {
	float: right;
	position: relative;
	margin-top: 8px;
	margin-right: 10px;
	width: 189px;
	height: 25px;
	background: url(../images/search-back.png) 0 0 no-repeat;
}
/*-- btn*/
#search button.searchBtn {
	width: 23px;
	height: 22px;
	background-image: url(../images/btn-search.png);
	border: none;
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
}
#search button.searchBtn span {
	display: none;
}
#search button.searchBtn:hover {
	background-position: 0 bottom;
}
/*-- text*/
#search input.searchText {
	height: 20px;
	width: 155px;
	line-height: 18px;
	vertical-align: middle;
	font-size: 12px;
	color: #838383;
	position: absolute;
	top: 2px;
	left: 6px;
	border: none;
	background: #eaf3ff;
}
#search input.searchText:focus {
	color: #444;
}
/* 6. Navigace -------------------------------------------------------------*/
/* 7. Content    (obsah) ---------------------------------------------------*/
#colCenter h1 {
	font-size: 26px;
	line-height: 120%;
	color: #000;
	margin: 10px 0;
}
#colCenter .modulePage ul {
	margin-left: 20px;
}
#colCenter .path {
	font-size: 11px;
	margin-bottom: 13px;
	margin-top: 4px;
}
#colCenter .path a {
	color: #000;
}
#colCenter .path a:hover {
	color: #222;
}
#colCenter .path a.active {
	text-decoration: none;
}
#colCenter .path span {
	padding: 0 9px;
	background: url(../images/ico-arrow.png) center center no-repeat;
}
#colCenter .noItem {
	padding: 10px;
	border: 1px dotted #ddd;
}
/* 8. Sidebar --------------------------------------------------------------*/
/*box*/
.colSide .box {
	background-color: #fff;
	margin-bottom: 15px;
}
.colSide .box .label {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 13px 18px 11px;
	background: #5a6d84 url(../images/box-label-blue.png) 0 0 no-repeat;
}
.colSide .box .label a {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.colSide .boxGrey .label {
	color: #000;
	background-image: url(../images/box-label-grey.png);
	background-color: #b2b2b2;
}
#colRight .box .label {
	background-image: url(../images/box-label-blue-r.png);
	background-position: right top;
}
#colRight .boxGrey .label {
	background-image: url(../images/box-label-grey-r.png)
}
.colSide .box h3 {
	margin-bottom: 0.5em;
}
.colSide .box .content {
	color: #000 !important;
	border: 1px solid #b9c6d4;
	border-top-width: 0;
	padding: 10px 8px 15px;
	font-size: 12px;
	line-height: 150%;
}
#colLeft.colSide .box .content {
	margin-left: 1px;
}
#colRight.colSide .box .content {
	margin-right: 1px;
}
.colSide .boxGrey .content {
	border-color: #d6d6d6;
}
.colSide .box a {
	color: #000 !important;
}
.colSide .box a:hover {
	color: #333;
}
.colSide .box div.moreBox {
	text-align: right;
	padding: 6px 10px 7px;
	background: url(../images/morebox-border.png) 0 0 repeat-x;
}
.colSide .box a.more {
	background: url(../images/ico-arrow.png) left 0.5em no-repeat;
	padding-left: 14px;
	color: #000;
	font-size: 90%;
}
.colSide .box a.more:hover {
	color: #333;
}
.colSide .box .alignRight a.more {
	margin-right: 5px;
}
.colSide .box a.moreDis {
	font-size: 85%;
	color: #666;
}
.colSide .box .noItem {
	padding: 10px;
}
/*box novinky*/
.colSide .boxAktuality .content {
	padding: 0
}
.colSide .boxAktuality div.moreBox {
	background: none;
}
.colSide .boxAktuality .newsItem {
	padding: 0.7em 10px;
	border-bottom: 1px solid #dfdfdf;
}
.colSide .boxAktuality h3 {
	font-size: 110%;
	color: #000;
	margin: 3px 0 1px;
}
.colSide .boxAktuality .content h3 a {
	color: #000;
}
.colSide .boxAktuality .content h3 a:hover {
	color: #000;
}
.colSide .boxAktuality span.date {
	display: block;
	font-size: 11px;
	margin-bottom: 3px;
	color: #888;
}
.colSide .boxAktuality p {
	color: #666;
	display: inline;
}
.colSide .boxAktuality div.text {
	margin-bottom: 3px;
}
.colSide .boxAktuality div.text a.detail {
	color: #000;
	font-weight: bold;
}
.colSide .boxAktuality div.text a.detail:hover {
	color: #000;
}
/* 8.1 Sidebar left --------------------------------------------------------*/
/* 8.2 Sidebar right -------------------------------------------------------*/
/* 9. Footer ---------------------------------------------------------------*/
/*footer*/
#footer {
	position: relative;
	background: url(../images/foot-back.jpg) 0 0 no-repeat !important;
	padding: 20px 22px 6px 117px;
	height: 80px;
}
#footer span.footBack {
	/*background: url(../images/foot-dog-r.png) 0 0 no-repeat;
*/
	width: 117px;
	height: 190px;
	position: absolute;
	bottom: 0px;
	left: -5px;
}
#footer {
	color: #0f293a;
	font-size: 90%;
}
#footer a {
	color: #6e3808;
}
#footer .float-r {
	text-align: right;
}
/*copy*/
#footer .footCopy {
	float: left;
}
#footer .footCopy a {
	text-decoration: none;
	margin: 0 2px;
}
#footer .footCopy a:hover {
	text-decoration: underline;
}
/*menu*/
#footer .footMenu {
	float: right;
}
#footer .footMenu ul {
	list-style: none;
}
#footer .footMenu ul li {
	float: left;
	padding: 0 5px;
	line-height: 100%;
	border-right: 1px solid #0f293a;
}
#footer .footMenu ul li.last {
	border: none;
}
#footer .footMenu ul li a:hover {
	color: #111;
}
/*author*/
#footer .footAuthor {
	padding-top: 20px;
	clear: right;
	font-size: 90%;
}
#footer .footAuthor a {
	text-decoration: none;
	color: #666;
}
#footer .footAuthor a span {
	text-decoration: underline;
}
#footer .footAuthor a strong {
	font-weight: normal;
	margin-right: 1px;
	text-decoration: none;
}
#footer .footAuthor a:hover {
	color: #222;
}
/* 10. MODULES ---------------------------------------------------------------*/
/*novinky archiv*/
#aktuality .item {
	padding-bottom: 13px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 13px;
}
#aktuality .descImg {
	margin-left: 60px;
}
#aktuality .desc p {
	color: #555;
	line-height: 140%;
}
#aktuality h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0.3em 0;
}
#aktuality h2 a {
	color: #000;
}
#aktuality h2 a:hover {
	color: #000;
}
#aktuality .date {
	font-size: 11px;
	color: #888;
	margin-bottom: 0.5em;
	margin-top: 0.1em;
}
#aktuality a.img {
	float: left;
	margin-right: 8px;
}
#aktuality a.more {
	color: #000;
	background: url(../images/ico-arrow.png) left center no-repeat;
	display: block;
	padding-left: 11px;
	margin-top: 2px;
	margin-right: 8px;
	float: right;
	font-size: 11px;
}
#aktuality a.more:hover {
	color: #222;
}
/*novinky detail*/
#newsDetail h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0.3em 0;
}
#newsDetail .date {
	font-size: 11px;
	color: #888;
	margin-bottom: 0.5em;
	margin-top: 0.1em;
}
#newsDetail a.img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
#newsDetail .text {
	color: #555;
	line-height: 145%;
	clear: left;
	padding-top: 1em;
}
#newsDetail .desc {
	color: #555;
	line-height: 145%;
}
#newsDetail p {
	margin-bottom: 0.5em;
}
/* 11. DOPLNKY --------------------------------------------------------------*/
.prodMenuPomocne .content {
	border-width: 1px !important;
}
.prodMenuPomocne .content ul {
	list-style-type: none;
}
.fbIcon {
	margin-bottom: 15px;
}
#header .boxLogin a {
	color: #6e3808 !important;
	background: none !important;
}
#header .boxLogin a:hover {
	color: #914b0c  !important;
}
.boxStribro .label a span {
	background: url(../images/box-label-stribro.png) !important;
}
.boxZlato .label a span {
	background: url(../images/box-label-zlato.png) !important;
}
.colSide .boxKosik .content {
    background: url(../images/box-kosik-back.png) no-repeat top;
}
.prodList .item .buttons button.buy,
.boxProdukty .item .buttons button.buy,
#prodDetail .right .buyBtn button.buy {
    background-image: url(../images/btn-buy.png) !important;
}
.boxProduktys .item .price,
.boxLogin button {
    background: url("../images/btn-login.png") no-repeat !important;
}
#prodMenu .boxZlato ul a:hover,
#prodMenu .boxZlato ul a.opened {
    background: #C97107 !important;
}
.colSide .boxKosik .content {
    background: url("../images/box-kosik-back.jpg") no-repeat !important;
}
#prodDetail .hodnoceni .buttons a.highlight,
.prodNav .strankovani .cislovani a.selected,
.prodNav .razeni div.selected {
	color: #6E3808 !important;
	background: #FFCB00 !important;;
	border-color: #6E3808 !important;
}
.prodList .item h3 a,
.prodList .item .price,
.boxProdukty .item .price,
#zalozky h2,
#zalozky .pridatPrispevek a,
#registration h2,
#myAccount.home .item a.ico{
	color: #000 !important;
}
.boxLogin .content .loginForm .inputText {
	color: #6E3808 !important;
}