@import url("../css/contact.css");
@import url("../css/product.css");
@import url("../css/order.css");

body, form, div, img, ul, li, p, h1, h2, h3, h4, fieldset { margin:0; padding:0; border:0}
body{background-color: #fff}

/* Typography */
body, td, input, #txt, #txt.index, textarea {color:#000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px}

a{ color: #0066cc; text-decoration: underline; font-weight: bold}
a:hover{ color: #ff0000; text-decoration: underline}

.bold {font-weight:bold}
.red{color: #ff0000}
.left{float: left}
.right{float: right}
.center{text-align: center}
.current{color: #424450}
.invisible{display: none}
.invisiblex{display: none}
.visible{display: block}
.visiblex{display: block}
.margin-left-10{margin-left: 10px}
input.submit { width: 120px; height: 21px; font-weight: bold; border: 0; color: #fff; background-color: #0067ce; margin: 5px 4px 5px -7px; cursor: pointer; cursor: hand; text-transform: uppercase} 

.break{ width: 0px; height: 0px; line-height: 0px; font-size: 0px; border: 0px none; margin: 0px;	padding: 0px;	float: none; clear: both;	visibility: hidden}
.cleaner{clear:both}


#centering{position:absolute; top:0; left:0; width:100%}
#main { position:relative; width: 910px; margin:0 auto; overflow:hidden; text-align:left}


/* Header */
/* #top{ width: 910px; height: 157px; margin-top: 10px; background: url("../images/head.jpg") no-repeat left top}*/
#top{ width: 910px; height: 157px; margin-top: 10p}
#logo{ width: 85px; height: 105px; position: relative; left: 34px; top: 26px}
#menu{clear: both; height: 30px; line-height: 30px; margin-top: 1px; color: #fff; font-size: 12px; background-color: #424450; text-transform: uppercase}
#menu a{display: block; float: left; color: #fff; text-decoration: none; padding: 0 15px}
#menu a:hover{text-decoration: underline}
#menu span{display: block; float: left}

/* Content */
#content{ width: 910px; margin-top: 9px}
#col-l{ float: left; width: 190px; background-color: #fff; border-bottom:3px solid #fff}
#col-m{ float: left; width: 530px}
#col-m #txt{width: 510px; margin-left: 10px}
#col-m #txt #zpetneodkazy ul{margin-left: 15px; list-style-type: none}
#col-m #txt #zpetneodkazy h2{border: 0; background: none; margin: 0; padding: 0}
#col-m #txt h2{ height: 22px; background-color: #ff0000; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 8px 0 0 20px}
#col-m #txt h1, #col-m #txt #nav, #zpetneodkazy h2{ height: 22px; background-color: #ff0000; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 8px 0 0 20px}
#col-m #txt #nav{height: auto; min-height: 22px; _height: 22px; display: block; font-size: 10px; text-transform: none}
#col-m #txt #nav a{color: #fff; text-decoration: none}
#col-m #txt #nav a:hover{color: #fff; text-decoration: underline}
#col-m #txt p{font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size: 10px; padding: 0 5px 0 5px;}
#col-m #txt h3{
	font-size: 12px;
	margin-left: 5px;
}
#col-m #txt h3,#col-m #txt h2{
	margin-top:5px;
}
#col-m #txt p strong {font-size:11px;}
#col-r{ float: right; width: 190px; background-color: #fff; border-bottom:3px solid #fff}

#col-m .msg{ height: 22px; background-color: #42454e; color: #fff; font-size: 11px; font-weight: bold; padding: 8px 0 0 20px}
#col-m .title{background-color: #0066ca; color: #fff; font-size: 11px; font-weight: bold; padding: 5px 0 5px 20px}


/* Search */
#search{ width: 190px; min-height: 87px; background-color: #cdd0da}
#search div{width: 170px; height: 22px; background-color: #ff0000; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 8px 0 0 20px}
#search p{margin: 9px 0 0 20px}
#search #sub-search{height: 95px; background-color: #cdd0da; text-transform: none; font-size: 11px; font-weight: normal}
#search span{color: #424450}
#search input.search, #search select{ width: 110px; height: 16px; margin-bottom: 7px; border: 1px solid #0066cb; background-color: #fff}
#search a{margin: 10px 0 0 12px}
#search strong{color: #ff0000}
#search select{
	width: 150px;
	height: 25px;
	margin-top: 4px;
	margin-bottom: 2px;
	font-size: 11px;
}
#search input.submit{width: 32px; height: 20px; margin: 0 0 7px 6px; background-color: #0067ce; border: 0; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand}


/* Categories */
#categories{width: 190px; _height: 444px; min-height: 444px; margin-top: 9px}
#categories ul{ list-style-type: none}
#categories li{color: #343338; text-transform: uppercase; text-align: right}
#categories a{display: block; line-height: 24px; _height: 24px; margin-top: 2px; padding-right: 23px; background: url("../images/cat-normal.gif") no-repeat left top; color: #000; text-decoration: none}
#categories a:hover{background: url("../images/cat-hover.gif") no-repeat left top; color: #0066cc}
#categories a.current{background: url("../images/cat-active.gif") no-repeat left top; color: #ff0000}
#categories a.max{display: block; line-height: 24px; _height: 24px; margin-top: 2px; padding-right: 23px; background: url("../images/cat-normal-max.gif") no-repeat left top; color: #000; text-decoration: none}
#categories a.max:hover{background: url("../images/cat-hover-max.gif") no-repeat left top; color: #0066cc}
#categories a.max.current{background: url("../images/cat-active-max.gif") no-repeat left top; color: #ff0000}
#categories .sub-cat{text-transform: none; border-bottom: 1px solid #fff}
#categories .sub-cat a{background: none; background: url("../images/sub-cat-normal.gif") repeat-y left top; color: #42454f; margin-top: 0}
#categories .sub-cat a:hover{color: #0066cc; background: url("../images/sub-cat-normal.gif") repeat-y left top}
#categories .sub-cat a.current{color: #ff0000}

.category{clear: both; border: 1px solid #0066ca; margin-bottom: 10px; min-height: 180px; _height: 180px}
.category h2{text-transform: uppercase; height: 15px; padding: 5px 0 5px 20px; background-color: ffffff}
.category h1{text-transform: uppercase; height: 15px; padding: 5px 0 5px 20px; background-color: ffffff}
.category a{text-transform: uppercase; color: #fff; text-decoration: none}
.category a:hover{text-decoration: underline}
.category img{margin: 5px 0 5px 5px}
.category p{width: 330px; float: right; padding: 5px 7px; text-align: justify}

/* Basket */
#basket{ width: 190px; height: 87px; background-color: #cdd0da}
#basket div{width: 170px; height: 22px; background-color: #ff0000; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 8px 0 0 20px}
#basket p {margin: 9px 0 0 20px; text-align: right}
#basket #price, #basket #count{display: block; clear: both; text-align: right; margin-right: 20px}
#basket #price span, #basket #count span{display: block; float: left; color: #424450; font-weight: normal}
#basket #price{color: #ff0000; font-weight: bold}
#basket #count{font-weight: bold; margin-bottom: 3px}
#basket strong{color: #ff0000; margin-right: 20px}


/* Login */
#login{ width: 190px; height: 148px; background-color: #cdd0da; margin-top: 9px}
#login div{ width: 170px; height: 22px; background-color: #ff0000; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 8px 0 0 20px}
#login p{ margin: 5px 20px 0 20px}
#login span{display: block; clear: both; text-align: right}
#login label{display: block; float: left; height: 25px; line-height: 25px}
#login input.submit, #login input.logoff{ width: 84px; height: 20px; font-weight: bold; border: 0; color: #fff; background-color: #0067ce; margin: 5px 0; cursor: pointer; cursor: hand; text-transform: uppercase}
#login input.logoff{margin-left: 0}
#login #name{dislay: block; text-align: left; font-weight: bold; margin-top: 10px}
#login input.text { width: 108px; height: 16px; margin: 4px 0 0 0; border: 1px solid #0066cb; color: #000; background-color: #fff}
#login strong{color: #ff0000}


/* Actions products */
.act-products{ width: 190px; background-color: #cdd0da; margin-top: 9px}
.act-products div{  width: 170px; height: 22px; background-color: #ff0000; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 8px 0 0 20px}
.act-products p{text-align: center; height: 172px}
.act-products strong{color: #ff0000}
.act-products a{color: #434551; text-decoration: none}
.act-products a:hover{color: #ff0000; text-decoration: underline}
.act-products img{margin-top:5px; border: 1px solid #000; background-color: #fff}
.act-products .price{ color: #434551; font-size: 10px; font-weight: bold} 

.tab_akce{ margin-top:10px; xwidth:490px; border: 1px solid #0066ca; margin-bottom: 10px}
.tab_akce h1{background-color: #0066ca; color: #fff; font-size: 15px; font-weight: bold; padding: 5px 0 5px 10px}
.tab_akce p{padding: 10px}
.tab_akce img{margin-right: 10px}

#send-login{ margin-top:10px; xwidth:490px; border: 1px solid #0066ca; margin-bottom: 10px}
#send-login #title{background-color: #0066ca; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 0 5px 10px}
#send-login table{margin-top: 10px; width: 100%}
#send-login td{padding: 2px 0 0 12px}
#send-login input, #register select {width: 230px; border: 1px solid #0066cc; color: #000; background-color: #fff; font-size: 12px}
#send-login #code{text-transform: uppercase}
#send-login .requied{color: #ff0000}
#send-login .readonly{color: #8d8d8d}
#send-login .requied-input{border: 1px solid #ff0000; background-color: #faf4ce}
#send-login .normal-input{border: 1px solid #0066cc; background-color: #fff}
#send-login p{padding: 10px}
#send-login img{margin-right: 10px}

.urls{font-size: 12px; font-weight: bold}
.urls #urls-menu{float: left}
.urls #urls-logout{float: right}

#soubor{padding-top: 5px; padding-bottom: 20px; _padding-bottom: 8px;border-bottom: 1px solid #d90104}
#soubor #nazev{float: left}
#soubor #url{float: right; font-weight: bold}
#soubor a:hover{text-decoration: underline; color: #000}

#odkazy{margin-left: 2px; text-align: center}
#odkazy div {float: left; position: relative; margin: 5px; _margin: 4px; width: 116px; height: 150px; overflow: hidden; font-size: 10px;}
/*#odkazy span{display: block; width: 116px;	height: 127px; cursor: hand; border: 1px solid blue; position: absolute; left: 0;	top: 0; z-index: 20}*/
/*#odkazy img{width: 116px}*/
#col-m #txt #odkazy h2.uvodh2{
	padding: 0px;
	margin: 0px;
	background: #fff;
	height: 20px;
	width: 116px;
	line-height: 20px;
}
#col-m #txt #odkazy h2.uvodh2 a{
	display: block;
	padding: 0px;
	margin: 0px;
	background: #fff;
	height: 20px;
	line-height: 20px;
	width: 116px;
	font-size: 9px;
	color: blue;
	text-transform: none;
}
#odkazy img{width: 116px;	height: 127px; cursor: hand; position: absolute; left: 0;	top: 0; z-index: 0}

/* Footer */
#footer { width: 910px; height:30px; line-height: 30px; margin-top: 3px; text-align:left; color: #fff; background-color: #424450; float: left; margin-bottom: 10px;}
#foot_cont{width:700px; margin-right: 10px; float: right; text-align: right}
#int { float:left; margin-left: 10px; text-align: left; }
#int a, #footer a{ color: #fff; display:inline; text-decoration:none; font-weight:bold}
#int a:hover, #footer a:hover{color:#fff; text-decoration:underline}
h1 {
	font-size: 150%;
}
#tagcloud {
	text-align: justify;
	width: 95%;
	line-height: 2em;
}
#tagcloud .leve11 {
	font-size: 170%;
	font-weight: normal;
}
#tagcloud a {
	color: #8BBFFE;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}
#tagcloud a:hover {
	color: #CC0000;
	text-decoration: none;
}

#tagcloud .level2 {
	font-size: 140%;
	font-weight: normal;
}
#tagcloud .level3 {
	font-size: 115%;
	font-weight: bold;
}
#tagcloud .level4 {
	font-size: 90%;
	font-weight: bold;
}
/* AFLINKS - SEO */
#nabytekft {
    position: relative;
    float: left;
    margin: 0px 10px 20px;
    padding: 0px;
    text-align: left;
    font-weight: 100;
    font-size: 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
#nabytekft a{
    color: #696D6D;
}