@charset "utf-8";
/* CSS Document */

/* TinyMCE specific rules */

body.mceContentBody {
   background: #FFFFFF;
}
/*.mceContentBody a {
   color: red !important;
}*/

/* TinyMCE specific rules konec */

/* obecne */

body {
	margin:0px;
	padding:0px;
	background:url(../images/style/background.gif) repeat-x #84c1d0;
	color:#474747;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
}
a , h1 , h2 , h3 , h4 , h5 , strong , b{
	color:#428609;
}
strong , b{
	color:#a32214;
}
a:hover {
	color:#a71b08;
	text-decoration:none;
}
a img {
	border:none;
}
h1 , h2 , h3 , h4 , h5 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:Georgia;
}
h1 {
	line-height:36px;
	font-size:18px;
}
h2 {
	line-height:30px;
	font-size:16px;
}
h3 {
	line-height:24px;
	font-size:14px;
}
h4 , h5 {
	line-height:15px;
	font-size:12px;
}
h1.none , h2.none {
	display:none;
}
ul {
	padding:5px 0px 5px 20px;
	margin:0px 0px 0px 0px;
}
li {
	padding:0px;
	margin:0px;
}
select{
	border:1px solid #acc1d0;
	height:20px;
}
input , textarea , fieldset , td{
	border:1px solid #acc1d0;
}
fieldset{
	margin:10px 0px 10px 0px;
	padding:10px;
}
p {
	margin:0px;
	padding:5px 0px 5px 0px;
}
table {
	border-collapse:collapse;
	margin:5px 0px 5px 0px;
}
td {
	padding:3px;
}
.submit-arrow {
	cursor:pointer;
	margin:0px 0px 0px 5px;
	border:none;
	background:url(../images/style/search-button.png) center right no-repeat;
	padding:0px 22px 0px 0px;
	font-weight:bold;
	color:#1b62ab;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.submit-arrow:hover {
	color:#a71b08;
}
.pointer {
	cursor:pointer;
}


/* obecne konec */

/* rozvrzeni */

div#center {
	margin:0px auto 0px auto;
	width:976px;
}
div#content-background {
	width:935px;
	float:left;
	background:url(../images/style/content-back.png) top left repeat-y;
	padding:0px 28px 15px 13px;
}
div#left {
	width:190px;
	float:left;
	margin:0px 8px 0px 0px; /* --- ! ODLISNE V IE 6 ! --- */
}
div#middle {
	width:588px;
	float:left;
	padding:0px;
	margin-right:8px;
}
div#right {
	width:140px;
	float:left;
	margin-left:0px;
}
h2.top {
	height:36px;
	line-height:36px;
	padding:0px 0px 0px 50px;
	font-size:12px;
	color:#fff;
	float:left;
}
div#left h2.top {
	width:140px;
	background:url(../images/style/top-180.gif) no-repeat;
}
div#menu-shop h2.top {
	width:140px;
	background:url(../images/style/top-left-menu.gif) no-repeat;
}
div#middle h2.top{
	width:538px;
	background:url(../images/style/top-540.gif) no-repeat;
}
div#middle #quick-navigation h2.top{
	background:url(../images/style/top-540-navigace.gif) no-repeat;
}
div#middle #nabidka h2.top{
	background:url(../images/style/top-540-produkty.gif) no-repeat;
}
div#right h2.top {
	width:90px;
	background-image:url(../images/style/top-140.gif);
}
div.content {
	background:#fff;
	border-left:1px solid #cddce8;
	border-right:1px solid #cddce8;
	padding:0px 9px 0px 9px;
	float:left;
}
div#left div.content {
	width:170px;
	border-left:1px solid #3e750d;
	border-right:1px solid #3e750d;
}
div#left div.content ul{
	list-style-type:none;
	padding-left:0px;
}
div#middle div.content {
	width:568px;
	float:left;
	padding-top:8px;
	border-left:1px solid #6fb3c2;
	border-right:1px solid #6fb3c2;
}
div#right div.content {
	width:120px;
	border-left:1px solid #3c760d;
	border-right:1px solid #3c760d;
}
div.bottom { /* tento div ponechavat a pouzivat jak ve stylech, tak v kodu - to ze neni potreba v jedne verzi neznamena, ze nebude potreba v te dalsi */
	height:7px;
	font-size:1px;
	margin-bottom:10px;
	float:left;
}
div#left div.bottom {
	width:190px;
	background:url(../images/style/bottom-180.gif);
	margin-bottom:6px;
}
div#middle div.bottom {
	width:588px;
	background:url(../images/style/bottom-540.gif);
	margin-bottom:12px;
}
div#right div.bottom {
	width:140px;
	background:url(../images/style/bottom-140.gif);
}
div#products-list {
	float:left;
}

/* rozvrzeni konec*/

/* horni lista*/

div#logo {
	float:left;
}
div#logo a {
	width:220px;
	height:200px;
	display:block;
}
div#top-image {
  float:left;
	width:976px;
	height:218px;
	background-image:url(../images/style/topimage.png);
	margin:0px 0px 0px 0px;
	position:relative;
}

/* jazyky */

div#lang {
	width:60px;
	float:left;
	left:23px;
	top:67px;
	padding:0px 0px 0px 0px;
	position:absolute;
}
div#lang a{
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin-right:5px;
}

div#lang a.flag-cs{background:url(../images/style/flag-cs.png);}
div#lang a.flag-sk{background:url(../images/style/flag-sk.png);}
div#lang a span{
  display:none;
}

/* jazyky konec */

/* menu */

ul#hlavniMenu {
	width:953px;
	height:55px;
	display:block;
	padding:0px 0px 0px 23px;
	background-image:url(../images/style/menu-information.png);
	list-style-type:none;
	float:left;
}
ul#hlavniMenu ul {
	position:absolute;
	top:32px;
	left:1px;
	visibility:hidden;
	padding:0px;
	list-style-type:none;
}
ul#hlavniMenu li {
	width:152px;
	float:left;
	z-index:100;
	position:relative;
}
ul#hlavniMenu a.link-level-1 {
	display:block;
	line-height:32px;
	color:#2d5681;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	height:32px;
	text-align:center;
	overflow:hidden;
}
ul#hlavniMenu li a.link-level-1:hover , ul#hlavniMenu li:hover a.link-level-1 , ul#hlavniMenu li.hover a.link-level-1{ /* umožňuje zachovat zabarvení odkazu 1. úrovně i po najetí na odkaz úrovně 2 */
	background:url(../images/style/menu-information-hover.gif) left top no-repeat;
	color:#2d5681;
}
ul#hlavniMenu ul li{
}
ul#hlavniMenu ul li a.link-level-2 {
	background:url(../images/style/alpha-green.gif) top left repeat-x #4d909e;
	border-top:1px solid #c6f4ff;
	padding:5px 3px 5px 3px;
	text-align:left;
	width:166px;
	line-height:18px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
ul#hlavniMenu ul li a:hover {
	background:#004b29;
	background:url(../images/style/alpha-red.gif) top left repeat-x #97362c;
}
ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul {
	visibility:visible;
}
ul#hlavniMenu li {
	behavior: url(/hover.htc);
}
/* menu konec*/

/* horni lista konec*/

/* menu shop*/

/* ---=== menu shop config ===--- */

/* pro dodržení funkčnosti configu je potřeba dodržet velikost ikonek submenu 9x9px , jejich názvy a umístění */

div#menu-shop div.content								{width:188px;border-left:1px solid #d76349;border-right:1px solid #d76349;} /* nastavení šířky menu */
ul#menu-shop-ul td 										{padding:7px 0px 7px 0px;} /* nastavení výšky položky 1.úrovně (tento padding+15px) */
ul#menu-shop-ul li.level1 ul li							{padding:5px 0px 5px 0px;} /* nastavení výšky položky 2.úrovně (tento padding+15px) */

div#menu-shop div.content								{background:#fff;} /* nastavení pozadí menu */
ul#menu-shop-ul li.no-child , ul#menu-shop-ul li.level1 {background:none;} /* nastavení pozadí položky 1.úrovně */
ul#menu-shop-ul li.level1 ul li							{background:#f9e7e2;} /* nastavení pozadí položky 2.úrovně */
ul#menu-shop-ul li.level1 a 							{color:#428609;} /* nastavení barvy písma položky 1.úrovně */
ul#menu-shop-ul li.level1 li.level2 a 					{color:#a32214;} /* nastavení barvy písma položky 2.úrovně */
ul#menu-shop-ul li.level1 								{border-bottom:1px solid #f9e7e2;} /* nastavení ohraničení položky 1.úrovně */

/* ---=== menu shop config konec ===--- */

div#menu-shop div.content{
	padding:0px;
	line-height:15px;
}
div#menu-shop div.bottom{
	background:url(../images/style/bottom-180-menu.gif);
}
div#menu-shop ul{
	list-style-type:none;
}
ul#menu-shop-ul{
	width:100%;
	padding:0px;
}
ul#menu-shop-ul li.no-child{
	display:block;
	font-weight:normal;
}
ul#menu-shop-ul li.no-child a{
	width:95%;
	display:block;
}
ul#menu-shop-ul table{
	width:95%;
	margin:0px;
}
ul#menu-shop-ul td{
	border:none;
}
ul#menu-shop-ul td.icon{
	width:15px;
	padding-left:9px !important;
}
ul#menu-shop-ul a {
	font-weight:bold;
	text-decoration:none;
}
ul#menu-shop-ul a:hover {
	text-decoration:underline;
}
ul#menu-shop-ul a.icon {
	height:9px;
}
ul#menu-shop-ul a:hover {
}
ul#menu-shop-ul li.level1 {
	font-weight:bold;
}
ul#menu-shop-ul li.level1 ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}
ul#menu-shop-ul li.level1 ul li{
	margin:0px;
}
ul#menu-shop-ul li.level1 li.level2 a {
	display:block;
	padding:0px 5px 0px 25px;
	font-weight:normal;
	background:url(../images/style/submenu/menu-arrow.gif) 10px center no-repeat;
}

/* menu eshop konec*/


/* rychla navigace*/

div.quick-category{ 
	width:47%;
	padding:4px 4px 4px 4px;
	float:left;
	background-color:#fff;
	margin:3px 3px 3px 3px; /* --- ! ODLISNE V IE 6 ! --- */
}
div.quick-category:hover{ 
	background-color:#f4b7aa;
}
div.quick-category a.category-link{
	font-weight:normal;
	display:block;
	height:15px;
	overflow:hidden;
	color:#428609;
}
div.quick-category td.category-image a.category-link{
	height:40px !important;
}
div.quick-category table{
	margin:0px;
}
div.quick-category td{
	border:none;
}
div.quick-category p{
	height:15px;
	overflow:hidden;
	padding:0px;
	margin:5px 0px;
	line-height:15px;
}
div.quick-category p a{
	font-weight:bold;
	margin-right:5px;
	color:#3f423c;
	font-size:10px;
}
p#subcategory-quick-navigation a{
	margin-left:10px;
}

/* rychla navigace konec*/

/* nabidka*/

div#nabidka{
	float:left;
}
div#nabidka p.listovani {
	width:100%;
	text-align:right;
	float:left;
}
div#nabidka p.listovani a {
	margin-left:8px;
}
div#nabidka div.product {
	margin:3px; /* --- ! ODLISNE V IE 6 ! --- */
	padding:4px;
	width:174px; /* při změně velikosti náhledu produktu je potřeb změnit i velikost div.image */
	height:253px;
	background:url(../images/style/background-product.gif) no-repeat; /* doporučuji vždy vkládat pozadí náhledu produktu pomocí obrázku - usnadní to práci a obrázek ve formátu .gif má zandbatelnou velikost */
	float:left;
}

/* obrazek a jeho ikonky */

div.product div.image{
	width:160px;
	height:120px;
	margin-left:7px;
}
div.product div.image a{
	display:block;
	position:absolute;
}
div.product div.image a img{
	border:none;
	width:160px;
	height:120px;
}
div.image a div.info-icon{
	width:41px;
	height:41px;
	position:absolute;
	background:url(../images/style/icons-actions.gif);
}
div.image a div.info-icon-new{
	top:0px;
	left:0px;
	background-position:right top;
}
div.image a div.info-icon-action{
	bottom:0px;
	left:0px;
	background-position:right bottom;
}
div.image a div.info-icon-new-cs{background-position:left top;}
div.image a div.info-icon-action-cs{background-position:left bottom;}

div.image a div.info-icon span{
	display:none;
}

/* obrazek a jeho ikonky konec*/

div.product div.description{
	width:100%;
}
div.product h2.product-name{
	padding:0px 0px 3px 0px;
	line-height:15px; /* zde je potřeba přepsat defaultní styly h2, aby odpovídali nadpisu náhledu produktu */
}
div.product h2.product-name a{
	text-decoration:none;
	display:block;
	text-align:center;
	width:154px;
	font-size:12px;
	height:30px;
	color:#5b2733;
	font-family:Arial;
	font-weight:normal;
	padding:2px 10px 2px 10px;
	margin-top:4px;
	background:url(../images/style/h2-product-name.gif);
	overflow:hidden;
}
div.product h2.product-name a:hover{
	background-position:0px -34px;
	color:#a32214;
}
div.product div.description div.perex{
	font-size:10px;
	color:#474747;
	height:30px;
	padding:5px;
	width:170;
	overflow:hidden;
}
div.product div.description div.price{
	width:100%;
	text-align:right;
	padding:3px 0px 3px 0px;
}
div.product div.description div.price strong{
	color:#a32214;
}
div.product div.description div.price span.old-price{
	text-decoration:line-through;
	font-size:11px;
	margin-right:8px;
}
div.product div.description form.fastnakup{
	padding:0px;
	float:left;
}
div.description div.view-detail a , form.fastnakup a.fast-buy , a.buy{
	display:block;
	width:42px;
	padding-left:37px;
	padding-top:4px;
	height:26px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	cursor:pointer;
	float:left;
}
div.description div.view-detail a{
	background:url(../images/style/button-detail.gif);
	margin-left:2px; /* --- ! odlisne v ie 6! --- */
}
div.product div.description div.view-detail a:hover , form.fastnakup a.fast-buy:hover , a.buy:hover{
	background-position:0px 30px;
}
form.fastnakup a.fast-buy , a.buy{
	background:url(../images/style/button-buy.gif);
	margin-left:8px; /* --- ! ODLISNE V IE 6 ! --- */
}
a.buy{
	float:left;
}

/* nabidka konec*/

/* vyhledavani a raditko*/

div#search-select {
	width:100%;
	height:20px;
	margin-top:5px;
}
div.alone form#search{
	margin-left:0px;
}
form#search {
	float:left;
	padding:0px;
	margin:0px;
}
form#search label {
	padding:0px;
	margin:0px 5px 0px 10px;
	background:url(../images/style/search-label.gif) no-repeat;
	width:20px;
	height:20px;
	float:left;
}
form#search input.text {
	width:120px;
	float:left;
}
form#search input.submit {
	float:left;
	margin-left:5px;
}
select#raditko {
	float:left;
}

/* vyhledavani a raditko konec */

/* login a kosik*/

div#customer{
  float:left;
  width:370px;
  height:105px;
  margin:75px 0px 0px 5px;
}
div#customer #basket-block #basket{
  float:left;
  width:170px;
  height:65px;
  margin:0px 0px 0px 0px;
  padding:5px;
}
div#customer #basket-block{
  float:left;
  width:180px;
  height:105px;
  margin-right:10px;
}
div#customer #basket-block #bottom{
  display:none;
}
div#customer #basket-block a{
  padding-right:20px;
  margin:19px 2px 0px 5px;
  font-weight:normal;
}
div#customer #basket-block a:hover, div#login-window .submit-arrow:hover{
  text-decoration:underline;
  color:#1b62ab;
}
div#customer #basket ul{
  list-style-type:none;
  padding:0px 5px 0px 5px;
}
div#customer #basket ul li strong{
  color:#1b62ab;
}
div#right div#basket , div#login-window{
	width:120px; /* sirka okna custommer */
}
div#login-window{
  float:left;
  padding:0px !important;
  margin:0px;
  width:180px;
  height:105px;
}
div#login-window h2.top{
  padding-left:10px !important;
  width:170px !important;
}
div#login-window form{
  float:left;
  padding:0px 10px 0px 10px;
  margin:0px;
  width:160px;
}
div#customer h2.top {
	padding-left:30px;
	width:150px;
	float:left;
	color:#1b62ab;
	height:30px;
	line-height:33px;
}
div#customer div.content{
	padding:0px;
	width:138px;
}
div#login-window label{
	font-size:12px;
	width:38px;
	display:block;
	float:left;
	line-height:19px;
	margin-bottom:5px;
}
div#login-window input#customer_login , div#login-window input#customer_password{
	width:90px;
	float:left;
	margin-bottom:5px;
}
div#login-window input.text , div#login-window input.password{
	border:1px solid #68ae2c;
}
div#login-window .submit-arrow{
	margin-left:0px !important;
	margin-top:2px !important;
	font-weight:normal;
}
div#login-window small a {
	float:left;
	font-size:10px;
	margin-top:-15px;
	margin-left:90px;
}
div#customer .submit-arrow {
	float:left;
	margin-top:5px;
}
form.form-password {
	margin:10px 0px 10px 0px;
}
form.form-profile {
	margin:10px 0px 10px 0px;
}
form.form-profile .submit-arrow{
	float:right;
	margin-top:10px;
}

/*kosik */

div#right div#basket{
	float:left;
	padding:9px;
	border-bottom:1px solid #cddce8;
}
div#right div#basket ul {
	list-style-type:none;
	padding:0px;
}
div#right div#basket li {
	width:100%;
	line-height:20px;
	border-bottom:1px solid #cddce8;
}

/* login a kosik konec*/

/* kosik, objednavka a detail */

/* ---=== kosik a objednavka config ===--- */

/* pro upravu objednavky a detailu kosiku staci prepsat tyto barvy a nahrat novy obrazek "delete.gif" */

table#basket , table#step3 td , table#order-check, div#detail form#nakup table			{background:#e9fbfd;} /* nejsvetlejsi barva */
tr#summary td , tr#basket-title td , input.pieces-submit , form#nakup th				{background:#c3e1e8;} /* stredni barva */
tr.added-product td , table#step3 td , table#order-check td	 , table#order-check 		{border-color:#408999;} /* stredni barva */
tr#basket-title td , table#basket , tr#summary td , form#nakup th , form#nakup table 	{border-color:#408999;} /* nejtmavsi barva */
form#nakup table th	, table#basket tr#basket-title td , label.obligate					{color:#408999;} /* nejtmavsi barva */

/* ---=== kosik a objednavka config konec ===--- */

p.basket-detail{
	margin:10px 0px 10px 0px;
}
p#vatincl{
	margin:10px 0px 10px 0px;
	font-size:10px;
	text-align:right;
}
table#basket , table#order-check{
	border-width:1px;
	border-style:solid;
	width:100%;
}
table#basket td{
	padding:3px;
}
table#order-check td{
	padding:3px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
table#basket tr.added-product td{
	border-style:solid;
	border-width:1px;
}
table#basket tr#basket-title td{
	font-weight:bold;
	border-left:none;
	border-right:none;
	border-bottom-style:solid;
	border-bottom-width:3px;
}
table#basket tr#summary td{
	border-top-style:solid;
	border-top-width:3px;
	border-left:none;
	border-right:none;
}
a.delete-product{
	display:block;
	width:15px;
	height:15px;
	background:url(../images/style/delete.gif);
}
a.delete-product span{
	display:none;
}
form.number-pieces{
	width:105px;
}
form.number-pieces input{
	float:left;
	font-size:11px;
}
input.pieces{
	width:20px;
	margin-right:5px;
	float:left;
}
input.pieces-submit{
	float:left;
}
tr#summary td{
	font-size:14px;
}
div#order-navigation p{
	text-align:right;
}
a.submit-arrow2{
	background:url(../images/style/arrow-left.gif) left no-repeat;
	padding-left:10px;
	margin-right:10px;
}
table#step3{
	width:400px;
	margin:20px auto 20px auto;
}
table#step3 td{
	border-top-width:1px;
	border-top-style:solid;
	padding:3px;
}
table.table-order td , table.text td{
	border:none;
}
div#detail form#nakup table{
	width:100%;
	text-align:left;
	border-width:1px;
	border-style:solid;
	margin:10px 0px 10px 0px;
}
div#detail form#nakup table input#kus{
	width:30px;
}
div#detail form#nakup table th{
	padding:3px;
	border-bottom-width:3px;
	border-bottom-style:solid;
}
div#detail form#nakup table td{
	padding:3px;
}
label.obligate {
	font-weight:bold;
	margin-right:10px;
}

/* kosik, objednavka a detail konec */

/* akce*/

div#right div#akce {
	margin:0px 0px 0px 0px;
	font-size:11px;
}
div#right div#akce div.product-action{
	padding-top:5px;
}
div#right div#akce div.product-action a.name{
	color:#428609;
	font-weight:bold;
	text-decoration:none;
}
div#right div#akce h2.top{
}
div#right div#akce p {
	padding:3px 0px 3px 0px;
	text-align:center;
}
div#right div#akce p a{
}
div#right div#akce p.right {
	text-align:right;
}
div#right div#akce img {
	width:120px;
	padding-top:4px;
}
/* akce konec*/

/* detail*/

div#detail p#zarazeni a {
	margin-right:6px;
}
strong.cena1 {
	color:#000;
}
table#pictures td{
	border:none;
}
div#detail table#pictures img {
	border: 1px solid #2b485c;
	margin:0px 5px 5px 0px;
}
div#detail div#goto {
}
div#detail div#goto a {
	text-decoration:none;
}
div#detail div#goto em {
	text-decoration:underline;
	font-style:normal;
}
div#detail div#goto img.predmet {
	margin:5px 0px 0px 0px;
	border: 1px solid #5193a2;
}
div#detail div#back {
	width:50%;
	float:left;
}
div#detail div#next {
	width:50%;
	text-align:right;
	float:left;
}
div#detail div#back img.arrow {
	margin-right:10px;
}
div#detail div#next img.arrow {
	margin-left:10px;
}

/* detail konec*/

/*footer*/

div#footer{
	width:936px;
	float:left;
	background:url(../images/style/footer.png) no-repeat;
	padding:18px 30px 18px 10px;
}
div#footer p{
	text-align:right;
	float:left;
	font-size:10px;
	width:50%;
	padding:2px 0px 2px 0px;
}
p#links{
	text-align:left !important;
	float:left;
}
div#footer p#links a{
	margin-left:5px;
}
div#footer p , div#footer p a{
	color:#2d5681;
}

/*footer konec*/

/*admin*/

div.admin-link{
	position:absolute;
	top:0px;
	right:0px;
	background-color:#304b5d;
}
div.admin-link a{
	width:80px !important;
	padding:40px 0px 0px 0px;
	height:20px;
	margin:8px 1px 0px 1px;
	text-align:center;
	color:#c2d2e5;
	display:block;
	text-decoration:none;
}
div.admin-link a:hover{
	color:#fff;
}
div.switch-interface a{
	background:url(../images/style/admin/link-switch.gif) center top no-repeat;
}
div.switch-interface a:hover{
	background:url(../images/style/admin/link-switch-active.gif) center top no-repeat;
}

/*admin konec*/