@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro einvent.eu
	Author:			 E-invent, www.einvent.eu, e-mail: info(@)einvent.eu
	Modified:	   15. 01. 2010

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Head       (Hlavička)
  6. Column     (sloupce)
  7a. Column left    (levy sloupec)
  7b. Column right   (pravy sloupec)
  7c. Column centr   (hlavni sloupec)	
  8. Foot       (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #  - h1
	2. #  - h2	
	3. #  - a 
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {
  margin: 0; padding: 0;	
  font-family:Arial, Helvetica, sans-serif;
}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background:#133acb url(../images/body-back.png) top center repeat-x;
	color: #000000;
	text-align: center;
	line-height:130%;
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}

a {color:#333;}
img {border:none; text-decoration:none;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
.alignRight {text-align:right;}

.submitBtn {
	background:#fff url(../images/btn-back.png) 0 0 no-repeat;
	font-size:12px; color:#fff;
	border:none;
	cursor:pointer; font-weight:bold;
	height:24px; width:68px;
	padding-bottom:1px;	
}

/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 991px;  
	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Head ] -----------------------------------------------*/
#header {
	padding-top:14px;
	height:252px;
	position:relative;
	background:url(../images/head-back.jpg) right bottom no-repeat;
}
/*-top*/
#topLine {
	width:658px; height:34px; position:relative;
	margin-bottom:13px; font-size:13px;
	background:url(../images/head-topline-back.png) 0 0 no-repeat;	
}
#topLine ul {list-style:none;}
#topLine ul li a {color:#fff; text-decoration:none; background:#d91717;}
#topLine ul li a:hover {text-decoration:underline;}

#topLine ul.motherTongue li {font-weight:bold; float:left; line-height:32px; vertical-align:middle; color:#fff;}
#topLine ul.motherTongue li.item1 {margin:0 40px 0 55px;}
#topLine ul.motherTongue li.item2 {margin:0 55px 0 50px;}
#topLine ul.motherTongue li.item3 {margin:0 40px 0 45px;}
#topLine ul.motherTongue li.item4 {margin:0 0 0 40px;}

#topLine ul.foreign {background:#d91717; height:32px; margin:0 31px;}
#topLine ul.foreign li a {color:#fff; text-decoration:none; background:#d91717;}
#topLine ul.foreign li a:hover {text-decoration:underline;}
#topLine ul.foreign li {font-weight:bold; float:left; line-height:32px; vertical-align:middle; margin:0 15px;}


/*-menuLang*/
#menuLang {position:absolute; right:4px; top:15px;}

/*-logotype*/
#logotypeHolder {
	background:url(../images/head-logotype.png) 0 0 no-repeat; width:469px; height:135px;
	position:relative;
	margin-bottom:13px;
}
#logotype {position:absolute; top:33px; left:45px; width:380px; height:60px;}
#logotype span {display:none;} 


/*-search*/
#search {
	position:absolute; 
  top:10px; right:0px;	
	width:251px; height:40px;
	background:#eee url(../images/search-back.png) 0 0 no-repeat;
}
#search .searchText {
	position:absolute; top:8px; left:17px;
	width:175px; font-size:12px; height:18px;
	padding:4px 5px 0;
  background:none;	
	color:#777;
	border:none;
	font-size:11px;
}


#search .searchBtn {
  font-family:Arial, Helvetica, sans-serif;
	position:absolute; top:6px; right:8px;
	background:none;
	border:none;
	font-size:12px; color:#fff;
	cursor:pointer; font-weight:bold;
	height:27px; width:40px;	
}
#search .searchBtn span { display:none;}
/*-menuHolder*/
#menuHolder {
	background: url(../images/head-menu-back.png) 0 0 no-repeat; 
	width:564px; height:44px; 
}
/*-menuHolder-topMenu*/
ul#topMenu {list-style:none; padding:5px 35px 6px;}
ul#topMenu li {float:left; position:relative;}
ul#topMenu li a {
	display:block;
	text-decoration:none;
	font-size:15px; font-weight:bold; 
	color:#0d2fab;
	white-space:nowrap;
	padding:0 16px;
	height:33px; line-height:33px;
	vertical-align:middle;
}
ul#topMenu li:hover a,
ul#topMenu li a:hover {
	color:#fdbe00;
	background:#0d2fab url(../images/menu-hover-.png) 0 0 repeat;
}
ul#topMenu li.last {border-right:none;}
ul#topMenu li span.corner-left,
ul#topMenu li span.corner-right {position:absolute; top:0; width:5px; height:33px; background:url(../images/menu-hover-l.png) 0 0 no-repeat;}
ul#topMenu li span.hidden {display:none;}
ul#topMenu li span.corner-right {right:0; background-image:url(../images/menu-hover-r.png)}
ul#topMenu li span.corner-left {left:0;}


/*-- [ 6. Column ] -----------------------------------------------*/
#contentContainer {
	padding-bottom:20px;
	font-size:90%;
	background:#fff url(../images/main-back-center.png) 0 0 repeat-y;
	
}
#contentContainer .wrapper {
	background:url(../images/main-back-top.png) 0 0 no-repeat;
	padding-right:1px;
	padding:10px 11px 10px 10px;
	min-height:10px;
}
.colHolder {
	float: left;
	width: 745px;
}
#colCenter	{
	float: right;
	width: 521px;
}

#colLeft {float:left; width:201px;}
#colRight {float:right; width:201px; padding-top:60px; position:relative;}

/*side contents*/
/*box*/
.colSide .box {
	background:#efefef url(../images/box-back-center.png) 0 0 repeat-y;
	margin-bottom:10px;	
}
.colSide .box div.label {
	font-size:15px;
  font-weight:bold; 
	color:#0d36ba;
	padding:13px 10px 10px 42px;	
	background:#cdd3e7 url(../images/box-back-label.png) 0 0 no-repeat;
}
.colSide .box h2 {color:red}
.colSide .box h3 {margin-bottom:0.5em;}
.colSide .box .content {
	padding:10px 10px 15px;
	font-size:12px;
	background:url(../images/box-back-bottom.png) 0 bottom no-repeat;
}
.colSide .box div.moreBox {
	text-align:right;
	padding:7px 15px;
}
.colSide .box a.more {
	background:url(../images/ico-arrow.png) left center no-repeat;
	padding-left:15px;
	color:#0d36ba;
	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;
}
/*kategorie (BOCNI MENU)*/
.colSide .boxKategorie {
  border:none;
	background:#ffc000 url(../images/side-menu-back.png) 0 0 repeat-y;
}
.colSide .boxKategorie div.label {
	height:15px;
	padding:0; 
	background:url(../images/side-menu-top.png) 0 0 no-repeat;	
}
.colSide .boxKategorie div.label span {
 display:none;
}
/*novinky*/
.colSide .boxAktuality div.label {width:149px;}
.colSide .boxAktuality .content {padding:0 0 2px;}
.colSide .boxAktuality .newsItem {
	padding:0.5em 10px; border-bottom:1px solid #dfdfdf;
}
.colSide .boxAktuality h3 {font-size:105%; color:#0d36ba; margin:0; padding:0;}
.colSide .boxAktuality h3 a {color:#0d36ba;}
.colSide .boxAktuality span.date {font-size:10px; margin-bottom:2px; color:#999; display:block;}
.colSide .boxAktuality p {font-size:90%; color:#666; display:inline;}
.colSide .boxAktuality div.text a.detail {color:#0d36ba; font-weight:bold;}
.colSide .boxAktuality h3 a:hover, .colSide .boxAktuality div.text a.detail:hover  {color:#333;}

/*prudukty - specialni akce*/
.colSide .boxProdukty div.label {width:149px; color:#dd1717;	background:#cdd3e7 url(../images/box-back-label-red.png) 0 0 no-repeat;}
.colSide .boxProdukty div.label {width:149px; color:#15b300;	background:#cdd3e7 url(../images/box-back-label-green.png) 0 0 no-repeat;}
.colSide .boxProdukty h3 {margin-bottom:0; font-size:105%;}
.colSide .boxProdukty h3 a {color:#000; text-decoration:none;}
.colSide .boxProdukty h3 a:hover {color:#0d36ba; text-decoration:underline;}
.colSide .boxProdukty a.img {
	display:block;
	background:#fff;
	width:100%; text-align:center;
	margin:6px 0;
	padding:5px 0;		
}
.colSide .boxProdukty .priceOld {
	font-size:85%;
	color:#777;
	float:left;
	padding-right:15px;
	background:url(../images/ico-arrow.png) right center no-repeat;
}
.colSide .boxProdukty .price {font-size:105%; font-weight:bold;}
/*-prodavac (napište nám)*/
.colSide .boxProdavac p {font-size:90%; color:#666; margin-bottom:6px;}
.colSide .boxProdavac .inputText {
	width:165px;
	padding:3px 5px;
	margin:5px 0 8px;
	font-size:11px;
	color:#777;
}
.colSide .boxProdavac textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:165px;
	height:130px;
	padding:3px 5px;
	margin-bottom:8px; 
	color:#777;	
}
.colSide .boxProdavac .submitBtn {margin-right:2px; background:#fdc517 url(../images/btn-odeslat.png) 0 0 no-repeat; width:68px; height:24px; color:#333;}
.colSide .boxProdavac .submitBtn span {display:none;}
/*-košík*/
.colSide .boxKosik {position:relative;}
.colSide .boxKosik div.label {background-image:url(../images/box-back-top.png); height:15px; padding:0}
.colSide .boxKosik .label span {display:none;}
.colSide .boxKosik .content { padding:10px 22px 18px;}
.colSide .boxKosik a.more {color:#333; font-size:12px;}
.colSide .boxKosik p {margin-bottom:0.5em;}
.colSide .boxKosik .go-kosik {
	position:absolute;
	top:16px; right:20px;
	background:url(../images/ico-kosik.png) 0 0 no-repeat;
	width:24px; height:19px;
}
.colSide .boxKosik .go-kosik span { display:none;}
/*box kontakt*/
.colSide .boxKontakt .content p {color:#585758; line-height:150%;}
.colSide .boxKontakt .content p.margin {margin-bottom:0.7em;}
.colSide .boxKontakt .content p strong {color:#000; display:block; font-size:115%; margin-bottom:0.7em;}
.colSide .boxKontakt .content p img {margin-right:8px;}
.colSide .boxKontakt .content p a {color:#585758;}
.colSide .boxKontakt .content p a:hover {color:#0d36ba;}

/*-- [ 7a. col left ] ------------------------------------------*/
/*product menu*/
ul#prodMenu {background:url(../images/side-menu-bottom.png) 0 bottom no-repeat; padding-bottom:15px;}
ul#prodMenu, ul#prodMenu ul {list-style:none;}	
ul#prodMenu a {
  color:#2e2e2f;
	font-size:13px; font-weight:bold;
	display:block;
	text-decoration:none;
	padding:5px 12px 7px 38px;
	background:url(../images/side-menu-ico-closed.png) 13px 5px no-repeat;
}

/*-hover*/
ul#prodMenu a:hover {
	color:#fff; text-decoration:underline;
}
/*opened a*/
ul#prodMenu a.closed,
ul#prodMenu a.opened {background-image:url(../images/side-menu-ico-open.png);}
ul#prodMenu a.closed {background-color:#ffb400;}
/***sub***/
ul#prodMenu ul {background:#ffd040 url(../images/side-menu-sub-back.png) 0 0 repeat-y;}
ul#prodMenu ul a  {
	padding-left:50px;
	padding-bottom:5px;
	border:none;
	background-image:url(../images/side-menu-ico-small.png);
	background-position:33px 6px;	
}
ul#prodMenu ul a:hover{
	color:#fff;
	background-position:33px 6px;	
}
ul#prodMenu ul a.opened,
ul#prodMenu ul a.closed {
	background-color:#fed559;
	background-image:url(../images/side-menu-ico-small.png);	
}
/***sub sub***/
ul#prodMenu ul ul a  {
	padding-left:55px;
  background-image:none;
	border:none;
	text-shadow:none;
	background-color:#f58627;
	background-image:url(../images/menu-sub-ico.png);
	background-position:43px 10px;	
}
ul#prodMenu ul ul a:hover{
	color:#fff;
	text-shadow:1px 1px 0px #cf6000;	
	background-color:#e37211;
	background-position:43px 10px;
}
ul#prodMenu ul ul a.opened {
	background-color:#ff9c46;
	background-image:url(../images/menu-sub-ico.png);
	background-position:42px 11px;
}
ul#prodMenu ul ul a.closed {
	background-color:#ff9c46;
	background-position:43px 10px;	
	background-image:url(../images/menu-sub-ico.png);
}
/*-- [ 7b. col right ] ------------------------------------------*/
/*-- [ 7c. col center ] ----------------------------------------*/
#colCenter h1 {padding:10px 0 0.85em; font-size:28px; color:#0d36ba;} 
/*-path*/
#colCenter .path {
  font-size:11px; color:#888;
	margin:10px 0 15px;
} 
#colCenter .path a {color:#777;}
#colCenter .path a:hover {color:#0d36ba;}
#colCenter .path span {color:#bbb; padding:0 5px;} 

/*-- [ 8. Foot ] -----------------------------------------------*/
#footer {
	color:#fff;
	font-size:12px;
	padding:30px 20px 10px;
	background:url(../images/main-back-bottom.png) 0 0 no-repeat;
}
#footer a {color:#fff;}
#footer a:hover {color:#eee;}
/*- foot copy*/
#footer .footCopy {float:left;}
#footer .footCopy a {font-weight:bold; text-decoration:none;}
#footer .footCopy a:hover {font-weight:bold; text-decoration:underline;}
#footer .footCopy p {margin-bottom:1em;	line-height:150%;}
/*- foot menu*/
#footer .footMenu { float:right;}
#footer .footMenu ul {list-style:none;}
#footer .footMenu ul li {float:left; padding:0 0.6em; border-right:1px solid #888; }
#footer .footMenu ul li.last {border:none;} 
/*a no decor*/
#footer a.noDecor, #footer a.noDecor:hover {color:#fff; font-weight:normal; text-decoration:none;} 
/*-- [ 9. Other ] -----------------------------------------------*/