@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.jpg) top left repeat-x #4a90aa;
	font-size:12px;
	font-family:Arial;
}
a {
	color:#636363;
}
strong , b{
	color:#7a302f;
}
a:hover {
	color:#c74245;
	text-decoration:none;
}
a img {
	border:none;
}
h1 , h2 , h3 , h4 , h5 {
	margin:0px;
	padding:0px;
	font-weight:bold;
}
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 #465a2d;
	height:20px;
}
input , textarea , fieldset{
	border:1px solid #63727c;
}
fieldset{
	margin:10px 0px 10px 0px;
	padding:10px;
}
p {
	margin:0px;
	padding:5px 0px 5px 0px;
}
table {
	border-collapse:collapse;
}
.submit-arrow {
	cursor:pointer;
	margin:1px 0px 0px 5px;
	border:none;
	padding:0px 22px 0px 0px;
	font-weight:bold;
	color:#7a302f;
	background:none;
	text-decoration:none;
}
.submit-arrow:hover {
	color:#3d778d;
}
.pointer {
	cursor:pointer;
}


/* obecne konec */

/* rozvrzeni */

div#center {
	margin:0px auto 0px auto;
	width:940px;
}
div#content-background {
	width:940px;
	float:left;
	background:url(../images/style/background-content.png) top left repeat-y;
	padding-top:10px;
}
div#left {
	width:180px;
	float:left;
	margin:0px 8px 0px 28px; /* --- ! ODLISNE V IE 6 ! --- */
}
div#middle {
	width:526px;
	float:left;
	padding:0px;
	margin-right:8px;
}
div#right {
	width:160px;
	float:left;
	margin-left:0px;
}
h2.top {
	height:30px;
	line-height:30px;
	padding:0px 0px 0px 10px;
	font-size:12px;
	float:left;
}
div#left h2.top {
	width:170px;
	color:#ac3f41;
	text-transform:uppercase;
}
div#middle h2.top{
	width:516px;
	background:url(../images/style/h1-middle.gif) no-repeat;
	float:left;
	color:#232323;
	height:25px !important;
	line-height:25px !important;
}
div#right h2.top {
	width:150px;
	height:25px;
	line-height:25px;
	background-image:url(../images/style/h1-akcni.gif);
}
div.content {
	padding:0px 9px 0px 9px;
	float:left;
}
div#akce div.content {
	padding:0px !important;
	float:left;
	width:160px;
}
div#left div.content {
	width:160px;
}
div#left #contacts div.content {
	border-top:1px dashed #bcb8b0;
}
div#left div.content ul li{
	color:#bcb8b0;
	list-style-type:none;
}
div#middle div.content {
	width:508px;
	float:left;
	padding-top:8px;
	background:#bab5aa;
	margin-bottom:10px;
}
div#right div.content {
	width:142px;
	background:#bab5aa;
	margin-bottom:10px;
}
div#right div#akce div.content {
	width:160px;
	background:none;
}
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:9px;
	background:#fff;
	border:1px solid #2d4411;
	font-size:1px;
	border-top:none;
	margin-bottom:10px;
	float:left;
}
div#left div.bottom {
	width:178px;
	display:none;
}
div#middle div.bottom {
	width:538px;
	float:left;
	display:none;
}
div#right div.bottom {
	width:138px;
	display:none;
}
div#products-list {
	float:left;
}

/* rozvrzeni konec*/

/* horni lista*/

div#logo {
	width:940px;
	height:325px;
	background:url(../images/style/topimage.png) top left no-repeat;
	float:left;
}
div#logo a.znak {
	width:170px;
	height:75px;
	display:block;
	position:relative;
	top:33px;
	left:100px;
}
div#top-image {
    display:none;
}
#formular_uvodni {
	float:left;
	margin:190px 0px 0px 130px;
	padding:0px;
}
#formular_uvodni div{
	float:left;
	margin:0px 35px 0px 0px;
	padding:0px;
	width:135px;
}
#formular_uvodni select, #formular_uvodni input {
	float:left;
	margin:0px;
	padding:0px;
	width:135px;
}
#formular_uvodni label {
	color:#b3b3b3;
	float:left;
	width:135px;
	font-weight:bolder;
	font-size:13px;
	margin:0px 0px 3px 0px;
	padding:0px;
}
#formular_uvodni .submit-search {
	float:left;
	margin:19px 0px 3px 0px;
	padding:0px;
	width:74px;
	height:21px;
	color:#e2ddd1;
	font-weight:bold;
	padding-bottom:2px;
	font-size:12px;
	background:#2e291d;
	border:1px solid #767164;
}
#formular_uvodni .submit-search:hover {
	background-position:0px -21px;
}

/* jazyky */

div#lang {
	width:150px;
	float:left;
	padding:12px 0px 0px 20px
}
div#lang a{
	display:block;
	float:left;
	width:21px;
	height:14px;
	margin-right:5px;
}
div#lang a.flag-cs{background:url(../images/style/flag-cs.gif);}
div#lang a.flag-en{background:url(../images/style/flag-en.gif);}
div#lang a.flag-de{background:url(../images/style/flag-de.gif);}
div#lang a.flag-ru{background:url(../images/style/flag-ru.gif);}

div#lang a span{
	display:none;
}

/* jazyky konec */

/* menu */

ul#hlavniMenu {
	width:640px;
	height:15px;
	display:block;
	padding:0px 0px 0px 20px;
	list-style-type:none;
	position:relative;
	top:30px;
	left:260px;
}
ul#hlavniMenu ul {
	position:absolute;
	top:15px;
	left:0px;
	visibility:hidden;
	padding:0px;
	list-style-type:none;
}
ul#hlavniMenu li {
	width:100px;
	float:left;
	z-index:100;
	position:relative;
}
ul#hlavniMenu a.link-level-1 {
	display:block;
	font-weight:bold;
	line-height:15px;
	color:#e4e1d9;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	height:15px;
	text-align:center;
	overflow:hidden;
	border-right:1px solid #e4e1d9;
}
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 */
	text-decoration:underline;
}
ul#hlavniMenu ul li{
}
ul#hlavniMenu ul li a.link-level-2 {
	background-color:rgb(66,66,66);
	border-top:1px solid #fff;
	padding:3px 3px 3px 3px;
	text-align:left;
	width:120px;
	line-height:18px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
ul#hlavniMenu ul li a:hover {
	background:#ac3f41;
}
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:178px;} /* nastavení šířky menu */
ul#menu-shop-ul td 										{padding:4px 0px 4px 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:none;} /* 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:#2e291d;} /* nastavení pozadí položky 2.úrovně */
ul#menu-shop-ul li.level1 a 							{color:#bcb8b0;text-decoration:none;} /* nastavení barvy písma položky 1.úrovně */
ul#menu-shop-ul li.level1 a:hover 							{text-decoration:underline;} /* nastavení barvy písma položky 1.úrovně */
ul#menu-shop-ul li.level1 li.level2 a 					{color:#969592;} /* nastavení barvy písma položky 2.úrovně */
ul#menu-shop-ul li.level1 								{border-bottom:1px dotted #bcb8b0;} /* nastavení ohraničení položky 1.úrovně */

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

div#menu-shop div.content{
	padding:0px;
	line-height:15px;
	margin-bottom:10px;
}
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%;
}
ul#menu-shop-ul td.icon{
	width:15px;
	padding-left:9px !important;
}
ul#menu-shop-ul a {
	font-weight:bold;
}
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 35px;
	font-weight:normal;
}

/* menu eshop konec*/


/* rychla navigace*/

div.quick-category{ 
	width:48%;
	padding:4px 4px 4px 4px; /* --- ! ODLISNE V IE 6 ! --- */
	float:left;
}
div.quick-category:hover{ 
	background-color:#aaa7a1;
}
div.quick-category a.category-link{
	font-weight:bold;
	display:block;
	height:15px;
	overflow:hidden;
}
div.quick-category td.category-image a.category-link{
	height:40px !important;
}
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:3px;
	width:156px; /* při změně velikosti náhledu produktu je potřeb změnit i velikost div.image */
	height:242px;
	background:url(../images/style/produkt-back.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:150px;
	height:167px;
	margin-left:3px;
	margin-top:3px;
}
div.product div.image a{
	display:block;
	position:absolute;
}
div.product div.image a img{
	border:none;
	width:150px;
	height:167px;
}
div.image a div.info-icon{
	width:41px;
	height:41px;
	position:absolute;
}
div.image a div.info-icon-new{
	background:url(../images/style/icon-new.gif);
	top:0px;
	left:0px;
}
div.image a div.info-icon-action{
	background:url(../images/style/icon-action.gif);
	bottom:0px;
	left:0px;
}
div.image a div.info-icon-new-cs{background:url(../images/style/icon-new-cs.gif);}
div.image a div.info-icon-action-cs{background:url(../images/style/icon-action-cs.gif);}

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:2px 0px 3px 0px;
	line-height:15px; /* zde je potřeba přepsat defaultní styly h2, aby odpovídali nadpisu náhledu produktu */
	height:14px;
}
div.product h2.product-name a{
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	font-size:11px;
	height:20px;
	padding-top:2px;
	color:#434242;
	font-weight:normal;
	text-transform:uppercase;
}
div.product div.description div.perex{
	font-size:10px;
	color:#3f3f3f;
	height:40px;
	padding-top:3px;
	width:100%;
	overflow:hidden;
	display:none;
}
div.product div.description div.price{
	width:100%;
	text-align:right;
	padding:3px 0px 1px 0px;
}
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:46px;
	text-align:center;
	padding-left:20px;
	height:20px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	margin-top:9px;
	cursor:pointer;
	float:left;
	text-transform:uppercase;
}
div.description div.view-detail a{
	color:#f1f1f1;
}
div.product div.description div.view-detail a:hover{
	color:#ac3f41;
}
form.fastnakup a.fast-buy:hover , a.buy:hover{
	color:#fff;
}
form.fastnakup a.fast-buy , a.buy{
	color:#ac3f41;
	margin-left:5px; /* --- ! ODLISNE V IE 6 ! --- */
}
a.buy{
	float:left;
}

/* nabidka konec*/

/* vyhledavani a raditko*/

div#search-select {
	width:100%;
	height:20px;
	display:none;
	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 */

div#login div.content{
	padding-top:5px;
}
div#login label{
	font-size:10px;
	width:38px;
	display:block;
	float:left;
	line-height:19px;
	margin-bottom:5px;
}
div#login input#customer_login , div#login input#customer_password{
	width:80px;
	float:left;
	margin-bottom:5px;
}
div#login .submit-arrow{
	float:right;
}
div#login small a {
	float:right;
	font-size:10px;
}
form.form-profile input.submit-arrow {
	float:right;
	margin-top:10px;
}
form.form-password {
	margin:10px 0px 10px 0px;
}

/* login konec*/

/* kosik*/

div#right div#kosik h2.top {
	background-image:url(../images/style/h1-kosik.gif);
	padding-left:70px !important;
	width:90px;
	height:25px !important;
	line-height:25px;
}
div#right div#kosik div.content {
	padding-bottom:10px;
}
div#right div#kosik ul {
	list-style-type:none;
	padding:0px;
}
div#right div#kosik li {
	width:100%;
	line-height:25px;
	border-bottom:1px dotted #464645;
}
/* 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:#d5cfc3;} /* nejsvetlejsi barva */
tr#summary td , tr#basket-title td , input.pieces-submit , form#nakup th				{background:#e8e4dc;} /* stredni barva */
tr.added-product td , table#step3 td , table#order-check td	 , table#order-check 		{border-color:#e8e4dc;} /* stredni barva */
tr#basket-title td , table#basket , tr#summary td , form#nakup th , form#nakup table 	{border-color:#a39e92;} /* nejtmavsi barva */
form#nakup table th	, table#basket tr#basket-title td , label.obligate					{color:#676767;} /* 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-bottom-style:solid;
	border-bottom-width:3px;
}
table#basket tr#summary td{
	border-top-style:solid;
	border-top-width:3px;
}
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;
}
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:10px 0px 0px 0px;
	font-size:11px;
}
div#right div#akce div.product-action{
	padding-top:0px;
	width:160px;
	height:241px;
	background:url(../images/style/produkt-back.gif) top left no-repeat;
}
div#right div#akce h2.top{
}
div#right div#akce p {
	padding:3px 6px 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:150px;
	height:167px;
	margin:4px 4px 3px 4px;
}
div.product-action a{
	text-decoration:none;
	text-align:center;
	font-size:11px;
	height:20px;
	color:#434242;
	font-weight:normal;
	text-transform:uppercase;
}
/* akce konec*/

/* detail*/

div#detail p#zarazeni a {
	margin-right:6px;
}
strong.cena1 {
	color:#000;
}
div#detail table#pictures td {
	vertical-align:top;
}
div#detail table#pictures img {
	border: 1px solid #636363;
	margin:0px 0px 0px 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 #2d4411;
}
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:100%;
	float:left;
	background:url(../images/style/footer.png) top left no-repeat;
	height:24px;
	padding-top:16px;
}
div#footer p{
	text-align:right;
	float:left;
	font-size:10px;
	width:97%;
}
div#footer p , div#footer p a{
	color:#ffffff;
}

/*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*/