/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro ???
	Author:	     Ondrej Frinta, www.e-invent.eu, e-mail: podpora(@)e-invent.eu
	Modified:    ??. ??. 2011

	==[ TOC ]==
  1. Základní tagy  
      1.1 Tags      (všeobecné prvky)
      1.2 Classes   (všobecné třídy)
  2. Layout         (rozvržení celé stránky)
  3. Header         (hlavička)
  4. Content        (obsah)
  5. Sidebar        (strana)
  6. Footer         (patička)
  7. Other          (ostatní)

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

/* 1. Body -----------------------------------------------------------------*/
* {margin:0; padding:0;}

body {
	color:#000;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	background:#fff url(../images/body-back.jpg) center 118px no-repeat;
	min-width:985px;
}
body.homepage {
	background-image:url(../images/body-back-index.jpg);
}

/* 1.1 Tags -----------------------------------------------------------------*/
h1 {font-size:170%; margin-bottom:.6em; color:#30869f; margin-left:-1px; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:120%;}
h3 {font-size:105%;}
h4, h5, h6 {font-size:100%;}

a {color:#000;}
a:hover {color:#D7051E;}
img, a img {border:0; text-decoration:none;}
table {border-collapse:collapse;}
textarea, input, button, select  {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
button, input[type="submit"] {cursor:pointer;}
small {font-size:85%;} 
hr {
    background-color: #CCCCCC;
    border: 0 solid #CCCCCC;
    color: #DDDDDD;
    height: 1px;
		margin:1em 0;
}

/* 1.2 Classes -------------------------------------------------------------*/
.clear {
	clear:both;
	height:1px;
	display:block;
	margin:-1px 0 0;
	padding:0px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
}
.clear-l {clear:left;}
.clear-r {clear:right;}

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

.hidden {display:none;}
.invisible {visibility:hidden;}

/*red*/
span.red {color:#bb0000; font-weight:bold;}

/*text content*/
.textContent h2 {margin-bottom:.4em; padding-top:.3em; color:#115c72;}
.textContent h3 {margin-bottom:.5em; padding-top:.3em; color:#D7051E;}
.textContent p {margin-bottom:1em;	line-height:145%;}
.textContent ul {margin-left:20px; line-height:145%; margin-bottom:1em;}
.textContent ol {margin-left:25px; line-height:145%; margin-bottom:1em;}
.textContent table {margin-bottom:1em;}

.textContent a img {border:1px solid #555;}
.textContent a:hover img {border-color:#D7051E;}
/*table form*/
.tableForm td {padding:3px 5px 3px 0;} 
.tableForm th {text-align:left; padding:3px 10px 3px 0;}
.tableForm .inputText {width:220px; border:1px solid #ddd; padding:4px 5px; }
.tableForm textarea {border:1px solid #ddd; padding:4px 5px;}
.tableForm select {width:232px; padding:3px; border:1px solid #d6d6d6;}
.tableForm .inputText:focus, .tableForm textarea:focus {
	border-color: #78b0c1;
	box-shadow: 0 0 3px #75b5c7;
}

/* submit btn */
.submitBtn {
	color:#fff;
	font-size:12px;
	background:#398499 url(../images/button.png) 0 0 no-repeat;
	width:75px; height:25px;
	font-weight:bold;
	overflow:hidden;
	border:0;
	border-radius:3px;
}
.submitBtn:hover {background-position:0 bottom;}
.submitBtnLarge {
	color:#fff;
	font-size:11px;
	background:#398499 url(../images/button.png) -75px 0 no-repeat;
	width:125px; height:25px;
	font-weight:bold;
	overflow:hidden;
	border:0;
	border-radius:3px;
}
.submitBtnLarge:hover {background-position:-75px bottom;}


/* 2. Layout ---------------------------------------------------------------*/
#container {
	width:985px;
	margin:0 auto;
	text-align:left;
}
#content {padding:16px; background:#fff;}
body.homepage #content {background:none;}
#mainHolder {float:right; width:690px;}

#side {float:left; width:240px;}
 
body.three-col #mainHolder {float:right; width:696px;}
body.three-col #main {float:left; width:440px;}
body.three-col #sideRight {float:right; width:240px;}



/* 3. Header   -------------------------------------------------------------*/
#header {
	position:relative; 
	height:120px;
}

/*logotype*/
#logotype {
	position:absolute;
	left:6px; top:12px;
	width:100px; height:100px;
	overflow:hidden;
}

#headerBox {
	position:absolute;
	right:0; top:13px;
	width:850px;	height:50px;
	color:#B0ACAC;
	border:1px solid #808080;
	font-size:105%;
}
	
/*cert*/
#headerBox .certHolder {
	position:absolute;
	left:-1px; top:-1px;
	width:170px; height:51px;
	background:#fff;
}
#headerBox .cert {
	position:absolute;
	width:88px; height:42px;
	overflow:hidden;
}

/* menu lang */
#menuLang {
	position:absolute;
	left:170px; top:0px;
	padding-top:13px;
	line-height:20px; 
	vertical-align:middle;
}
#menuLang img {
	vertical-align:middle;
	border:1px solid #fff;		
	padding:3px;	
}
#menuLang .selected img {
	border-color:#B0ACAC;
}

/*search*/
.boxSearch {
	position:absolute;
	right:14px; top:12px;	
	width:221px; height:25px;
}
.boxSearch .searchText {
	width:187px; height:23px; 
	line-height:23px; vertical-align:middle;
	color:#666;
	font-size:12px;
	border:1px solid #B0ACAC;
	background:#fff url(../images/input-text.png) 0 0 no-repeat;	
	padding:0 4px;
}
.boxSearch .searchText:focus {color:#000;}
.boxSearch .searchBtn {
	position:absolute;
	top:0; right:0;
	width:25px; height:25px;
	border:none;
	background:#d4010e url(../images/search.png) 0 0 no-repeat;
	font-weight:bold;
}
.boxSearch .searchBtn span {display:none;}

/*main menu*/
#menuMain {
	position:absolute; 
	right:0; bottom:0;
	height:42px;
}
#menuMain ul {list-style:none;}
#menuMain li {
	float:left;
	background:url(../images/menu-main-sep.png) right center no-repeat;
}
#menuMain a {
	display:block;
	color:#000;
	text-decoration:none;
	white-space:nowrap;
	background:url(../images/menu-main-hover.png) center -50px no-repeat;	
}
#menuMain a > span {
	padding:0 35px;	
	display:block;	
	height:42px; line-height:42px; 
	vertical-align:middle;	
	background:url(../images/menu-main-hover.png) center -50px no-repeat;		
}
#menuMain .selected a,
#menuMain a:hover {
	text-decoration:underline;
	color:#fff;
	background-position:center top;
	padding-bottom:8px;
}
#menuMain .selected a > span,
#menuMain a:hover > span {
	background-color:#d4010e;	
	background-position:center top;
}

#menuMain .selected a {text-decoration:none;}

/* 4. Content  (obsah) ---------------------------------------------------*/
#contentBoxHolder {
	position:relative;
	min-height:55px;
}
/* path */
.path {
	font-size:85%;
	line-height:150%;
	margin:0 15px 0;
	background:#a0cddb;
	background:rgba(255,255,255,.7);
	padding:4px 13px;
	color:#888;	
}
.path a {color:#626262;}
.path a:hover {color:#30869F;}
.path .active {text-decoration:none; font-weight:bold;}
.path span {margin:0 3px;}

/* guidepost */
#guidepostHolder {
	height:307px;
	position:relative;
}
#guidepost {
	position:absolute;
	right:17px; top:23px;
	width:404px; height:253px;
}
#guidepost > img {display:block;}

/*index box holder */
#indexBoxHolder {}

#indexBoxHolder .item {
	float:left;
	width:200px;
	margin:0 9px 18px;
}
#indexBoxHolder .img {
	background:#fff;
	display:block;
}
#indexBoxHolder .img > img {
	display:block;
	border:1px solid #e1e1e1;
}

#indexBoxHolder .link {
	display:block;
	border:1px solid #e1e1e1;
	border-top:0;
	background:#F5F4F3;
}
#indexBoxHolder .link > span {
	display:block;
	padding:9px 15px 10px;
	border:1px solid #fff;
	background:url(../images/index-box-holder-arr.png) 170px center no-repeat;
}


/* 5. Sidebar --------------------------------------------------------------*/
/* side menu */
.sideMenu {
	position:relative;
	background:#c6010d;
	padding:10px 14px 14px;
	margin-bottom:20px;
	font-size:90%;
}
.sideMenu ul {list-style:none;}
.sideMenu a {
	display:block;
	color:#fff; text-decoration:none; 
	padding:6px 7px 7px 23px;
	background:url(../images/menu-side-ico.png) 4px 11px no-repeat;
	border-top:1px solid #e8969b;
	border-bottom:1px solid #8c030b;
}
.sideMenu a:hover {
	text-decoration:underline;
	background-color:#8C030B;
}
.sideMenu .selected > a {
	background-color:#8C030B;
	font-weight:bold;
}
.sideMenu > ul {
	border-bottom:1px solid #e8969b;
}
.sideMenu > ul > .first > a {
	border-top:0;
}
/* sub */
.sideMenu ul ul a {
	background-position:20px 10px;
	padding:5px 10px 6px 40px;
	background-color:#bbb;
	color:#000;
	border-top:1px solid #ccc;
	border-bottom:1px solid #222;
}
.sideMenu ul ul a:hover {
	color:#fff;
	border-top-color:#a7272e;
}
.sideMenu ul ul > .selected > a {
	color:#000;
	background-color:#969696;
}
.sideMenu ul ul > .first > a:hover {
	border-top-color:#eee;	
}

/* sub 2 */
.sideMenu ul ul ul a {
	font-size:95%;
	background-image:none;
	padding:5px 10px 6px 42px;
}
/*box*/
.sideBox {
	font-size:90%;
	background:#f5f4f3;
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	position:relative;	
}
.sideBox.blue {
	background:#4c9fb7;
	border-color:#1e738c;
}
.sideBoxLabel {	
	margin:5px;
	color:#777;
	border:1px solid #cbcac9;
	font-size:100%;
	padding:9px 15px;
	background:#e9e9e9 url(../images/box-label.png) right top no-repeat;
}
.sideBox.blue .sideBoxLabel{
	color:#fff;
	background:#2e798f url(../images/box-label-b.png) right top no-repeat;
	border-color:#2a6f83;
}

/*-info btn*/
.sideBox .moreInfo {
    display: block; 
    width: 91px; 
    height: 23px; line-height:22px; vertical-align:middle; 
    padding: 0 7px; 
    background: #be010d url(../images/btn-more-info.png) no-repeat right top;
    position: relative;
		color:#fff; text-decoration:none;
		border:1px solid #9d000a;
		font-size:12px;
}
.sideBox .moreInfo:hover { text-decoration:underline;}

/* box eshop */
.boxEshop {
	cursor:pointer;
	min-height:175px;
}
.boxEshop span {
    display: block;
    width: 113px;
    height: 128px;
    background: transparent url(../images/kosik.png) no-repeat scroll left top;
    position: absolute;
    left: 5px;
    bottom: -10px;
    float: left;
}
.boxEshop .sideBoxContent {margin:10px 0 15px 127px; line-height: 20px; color: #000;}
.boxEshop .moreInfo {
	margin-top:14px;
	margin-left:-5px;
}

/*box pageflip*/
.boxPageflip {cursor:pointer; height:207px;}
.boxPageflip span {
    display: block;
    width: 224px;
    height: 181px;
    background: transparent url(../images/katalog.png) no-repeat scroll left top;
    position: absolute;
    left: 6px;
    bottom: -20px;
}
.boxPageflip a.moreInfo { position:absolute; right:10px; bottom:10px;}

/* box contact */
/*kontakt*/
.boxContact .sideBoxContent {margin:10px;}
.boxContact span {color: #d7051e; font-weight: bold;}
.boxContact a {font-weight: normal;}
.boxContact h3 {font-size: 100%; color: #333333; font-weight: bold; margin:5px 0 0;}
.boxContact p {line-height: 140%; margin:4px 7px 9px; color:#666;} 
.boxContact table td {padding:2px;}

/* BANNERY */
.boxBaHolder {margin-bottom:20px;}

/* 6. Footer ---------------------------------------------------------------*/
#footer {
	color:#000;
	background:#F5F4F3;
	border:1px solid #E1E1E1;
	padding:16px 20px 18px;
	line-height:160%;	
	position:relative;
	min-height:1px;
	margin-bottom:20px;
}
#footer a {color:#000; margin:0 1px;}
#footer a:hover {color:#D7051E;}

.footCopy {margin-bottom:.35em;}

/*right*/
#footer .float-r {text-align:right;}
.footMenu {margin-bottom:1em;}
.footMenu .sep {visibility:hidden; margin:0 3px;}
.footAuthor {font-size:95%; line-height:140%;}
.footAuthor a {text-decoration:none; font-size:90%;}
.footAuthor a:hover {text-decoration:underline;}
/*links*/
.footLink {margin:10px 0; font-size:85%;}

/* 7. Other -----------------------------------------------------==---------*/
/*Whisperer*/
.searchWhisper {
	font-size:90%; 
	text-align:left; 
	background:#fff; 
	margin:-1px 0 0 0; 
	border:1px solid #aaa; 
	border-top-color:#ddd; 
	padding:2px 0 1px; 
	z-index:1000;
}
.searchWhisper li {padding:2px 5px 3px; color:#555; cursor:pointer; list-style:none;}
.searchWhisper li .price {white-space:nowrap; font-style:italic;}
.searchWhisper .ac_even{background:#fff;} 
.searchWhisper .ac_odd {background:#f4f4f4;}
.searchWhisper .ac_over {background:#ddd; color:#000;}

/* MESSAGES */
.aitomMsgWrap {width:955px;}
.aitomMsg {
	background:#eee;
	margin-bottom:10px;
	padding:10px 15px 12px;
	color:#000;
	text-align:left;
	border-radius:3px;	
}
#cartPopWindow .aitomMsg {
	margin-bottom:15px;
	border-radius:0;
}
.aitomMsg.ok {background:#44ae44; color:#fff;} 
.aitomMsg.warning {background:#fb0; color:#7b4601;} 
.aitomMsg.error {background:#d33; color:#fff;}

/* PAGINATOR */
.pageNav {
  float: right;
	height:25px;
}
.pageNav a, .pageNav strong {
  float: left;
  font-size: 11px;
  margin: 1px;
  padding: 3px 7px;
  text-decoration: none;
	color:#555;
  background: #fff;
  border: 1px solid #3a95bc;
}
.pageNav a:hover {
  background-color: #34acdf;
  border-color: #018bc6;
	color:#fff;
}
.pageNav strong {
  background-color: #06a0e1;
  border: 1px solid #018bc6;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}


/* CONTACT */
#contactMap {
	font-size: 85%;
	text-align: right;
	margin-bottom:25px;
}
#contactMap iframe {background:#ddd;}