@import url("http://www.kovani-mkupr.cz/css/contact.css");
@import url("http://www.kovani-mkupr.cz/css/product.css");
@import url("http://www.kovani-mkupr.cz/css/order.css");
/*
@import url("http://beta.interier.com/mkupr2007/css/contact.css");
@import url("http://beta.interier.com/mkupr2007/css/product.css");
@import url("http://beta.interier.com/mkupr2007/css/order.css");
*/

/*@import url("http://localhost/mkupr2007/css/contact.css");
@import url("http://localhost/mkupr2007/css/product.css");
@import url("http://localhost/mkupr2007/css/order.css");*/
body, form, div, img, ul, li, p, h1, h2, h3, h4 { 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: #fff; text-decoration: underline; font-weight: bold}
a:hover{ color: #ff8600; text-decoration: underline}

.bold {font-weight:bold}
.left{float: left}
.right{float: right}
.center{text-align: center}
.current{color: #424450}
.invisible{display: none}
.visible{display: block}
.underline{text-decoration: underline}
.margin-left-10{margin-left: 12px}
.orange{color: #ff8601}
input.submit { width: 120px; height: 21px; font-weight: bold; border: 0; color: #fff; background-color: #ba0000; 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}


#centering{position:absolute; top:0; left:0; width:100%;text-align:center;}

#main { position:relative; width: 970px; margin: 10px auto; overflow:hidden; text-align:left}

/* Header */
#logo{ width: 266px; height: 71px; float: left}
#top{ width: 970px; height: 71px; overflow: hidden}
#menu{ width: 704px; height: 71px; float: left; overflow: hidden}
#menu a{ margin-left: -3px; x_margin-left: -7px}
#menu .menu-separator{ margin-left: -4px}
#menu .first{ margin-left: 0px}
#bg{ width: 970px; height: 201px; overflow: hidden}
#separator-black{ width: 970px; line-height: 6px; height: 6px; background-color: #000}
#separator-gray{ width: 970px; line-height: 10px; height: 10px; background-color: #949494}

/* Content */
#content{ width: 970px; margin-top: 2px; xbackground:url(../images/bgr.gif) repeat-y center}

#col-l{ float: left; width: 190px; background-color: #fff; border-bottom:3px solid #fff}

#col-m{ float: left; width: 590px;text-align: left }
#col-m #txt{width: 588px; margin-left: 1px; margin-right: 1px}
#col-m #txt #text{ height: 26px; background-color: #000; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 12px 0 0 10px}
#col-m #txt #text-content{ width: 568px; padding: 10px}
#col-m #txt a{color: #000}
#col-m #txt a:hover{color: #d52a19}
#col-m .msg{ height: 22px; margin-top: 1px; margin-bottom: 1px; background-color: #42454e; color: #fff; font-size: 11px; font-weight: bold; padding: 8px 0 0 20px}
#col-m .title{background-color: #ba0001; color: #fff; font-size: 11px; font-weight: bold; padding: 5px 0 5px 20px}

#col-r{ float: right; width: 190px; background-color: #fff; border-bottom:3px solid #fff}


/*#categories, #newsletter, #contact, #statistics { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px}
#search strong, #categories .first-cell strong, #anketa strong, #basket strong, #statistics, #payment{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px }*/

/* Search */
#search{ width: 190px; min-height: 87px; background: url("../images/vyhledavani.gif") no-repeat left top;  background-color: #bb0000; overflow: hidden}
#search p{margin: 0 0 0 20px}
#search #sub-search{height: 135px; padding-left: 20px; background-color: #bb0000; text-transform: none; font-size: 11px; font-weight: normal}
#search span{color: #fff}
#search input.search, #search select{ width: 117px; height: 15px; padding-top: 2px; margin-top: 38px; margin-bottom: 7px; border: 1px solid #e0e0d6; background-color: #fff}
#search a{margin: 10px 0 0 12px}
#search strong{color: #fff}
#search #sub-search select{width: 150px; height: 17px; padding-top: 0px;margin-top: 3px; margin-bottom: 2px}
#search input.submit{width: 32px; height: 18px; margin: -3px 0 7px 8px; position: relative; top: 5px; =top: 3px; cursor: pointer; cursor: hand}


#categories{width: 190px; _height: 244px; min-height: 244px; margin-top: 0px; background: url("../images/sortiment.gif") no-repeat left top;  background-color: #d8d8d8;}
#categories .first-cell{margin-bottom: 7px}
#categories .first-cell {background: none; padding-left: 0}
#categories .first-cell strong{position: relative; top: 6px; left: -1px; color: #fff; text-transform: uppercase}
#categories .separator{ width: 152px;height: 1px; line-height: 1px; margin-top: 23px; _margin-top: 16px; margin-bottom: 21px; _margin-bottom: 15px;background-color: #fff }
#categories ul{ list-style-type: none; padding-top: 30px; margin-top: 3px; margin-left: 10px; xmargin-bottom: 10px}
#categories li{ line-height: 16px; padding-left: 10px; background: url("../images/dot.gif") no-repeat left 5px; color: #343338; text-transform: lowercase}
#categories a{ color: #d52a19; font-weight: bold; text-decoration: none; text-transform: uppercase}
#categories a:hover{ text-decoration: underline;}
#categories a.current{ color: #d52a19; text-decoration: none; font-weight: bold}
#categories .sub-cat{ background: none; padding-left: 0}
#categories .sub-cat a{ color: #000; text-decoration: underline; text-transform: lowercase}
#categories .sub-cat a:hover{ color: #d52a19}
#categories .sub-cat a.current{ color: #d52a19; text-decoration: none; font-weight: bold}

#anketa{ width: 198px; margin-top: 3px; padding-left: 4px; padding-top: 7px; _padding-top: 20px; background-color: #d90104}
#anketa .separator{ width: 165px;height: 1px; line-height: 1px;  margin-left: 15px; margin-bottom: 21px; _margin-bottom: 15px;background-color: #fff }
#anketa span{color: #fff; position: relative; top: 2px; left: 1px;_left: 1px; font-weight: bold; font-size: 12px}
#anketa table{margin-left: 13px; _margin-left: 0px}
#anketa table td{color: #fff; padding: 3px}
#anketa table .first{width:125px; height: 10px}
#anketa table .first div{border: 1px solid #fff; background-color: #fff; height: 10px; width: 125px}
#anketa table .first div div{border: 0px solid #fff; background-color: #fe0002; height: 10px}
#anketa table .last{padding-bottom: 10px; color: #a89ea0}
#anketa table strong{font-size: 10px}
#anketa p{margin-top: 11px; margin-left: 15px}
#anketa strong{ color: #fff; text-transform: uppercase}
#anketa a{ color: #fff; font-weight: bold; text-decoration: none; }
#anketa a:hover{ text-decoration: underline;}
#anketa a.current{ color: #a89ea0; text-decoration: none; font-weight: bold}
/*#anketa form{ padding-left: 9px; padding-top: 8px;}*/
#anketa input.search, #anketa input.submit, #anketa select{ width: 153px; _width: 151px; height: 15px; border: 1px solid #4e4e4e; background-color: #fff; margin-top: 6px; margin-left: -1px}
#anketa select{width: 155px; height: 17px; margin-top: 4px; margin-bottom: 2px}
#anketa input.submit{ position: relative; left: 86px; width: 69px; height: 21px; margin-top: 5.5px; background-color: #fff; color: #000; font-size: 10px; font-weight: bold; cursor: pointer; cursor: hand}

#counter{width: 198px;  margin-top: 3px; padding-left: 4px; padding-top: 7px; padding-bottom: 5px; background-color: #d90104; text-align: center}


/* Basket */
#basket{ width: 190px; height: 87px; margin-top: 1px; background: url("../images/nakupni-kosik.gif") no-repeat left top;  background-color: #424242; overflow: hidden}
#basket p {margin: 38px 0 0 11px; text-align: right}
#basket #price, #basket #count{display: block; clear: both; text-align: right; margin-right: 10px}
#basket #price span, #basket #count span{display: block; float: left; color: #fff; font-weight: normal}
#basket #price{color: #ff8600; font-weight: bold}
#basket #count{font-weight: bold; margin-bottom: 3px; color: #fff}
#basket strong{color: #ff8600; margin-right: 10px}


/* News by mail */
#news-by-mail{ width: 190px; height: 92px; margin-top: 1px; background: url("../images/zasilani-novinek.gif") no-repeat left top;  background-color: #b90100; overflow: hidden}
#news-by-mail p {margin: 35px 11px 0 11px}
#news-by-mail span{display: block; clear: both; text-align: right; color: #fff}
#news-by-mail label{display: block; float: left; height: 25px; line-height: 25px}
#news-by-mail input.submit, #login input.logoff{ width: 84px; height: 18px; margin: 5px 0px; =margin-top: 3px; cursor: pointer; cursor: hand}
#news-by-mail input.text { width: 126px; height: 16px; padding-top: 2px; margin: 4px 0 0 0; border: 1px solid #dfe1d6; color: #000; background-color: #fff}
#news-by-mail strong{color: #ff8600; margin-right: 10px}



/* Login */
#login{ width: 190px; height: 148px; background: url("../images/prihlaseni.gif") no-repeat left top;  background-color: #424242; overflow: hidden}
#login form{ width: 190px; color: #fff}
#login p{ margin: 40px 11px 0 11px; color: #fff}
#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: 18px; margin: 5px -4px; =margin-top: 3px; cursor: pointer; cursor: hand}
#login input.logoff{margin-left: 0}
#login #name{dislay: block; text-align: left; font-weight: bold; margin-top: 10px}
#login input.text { width: 116px; height: 16px; padding-top: 2px; margin: 4px 0 0 0; border: 1px solid #dfe1d6; color: #000; background-color: #fff}
#login strong{color: #ff8600}

.loginput { width: 116px; height: 16px; padding-top: 2px; margin: 4px 0 0 0; border: 1px solid #dfe1d6; color: #000; background-color: #fff}

/* Actions products */
#new-products{ width: 190px; margin-top: 1px; background: url("../images/novinky1.gif") no-repeat left top;  background-color: #424242}
#act-products{ width: 190px; margin-top: 1px; background: url("../images/akce.gif") no-repeat left top;  background-color: #bc0001}
#act-products a.blok, #new-products a.blok{  
    width: 70px;
    display: block;
    height: 30px;}
/*#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, #new-products p{text-align: center; height: 143px}
#act-products strong, #new-products strong{color: #ff9801}
#act-products a, #new-products a{color: #fff; text-decoration: underline}
#act-products a:hover, #new-products a:hover{color: #fff; text-decoration: none}
#act-products img, #new-products img{margin-top:5px; border: 1px solid #424242}
#act-products .price, #new-products .price{ color: #d9d8d4; font-size: 10px} 

.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:1px; xwidth:490px; border: 1px solid #ba0001; margin-bottom: 10px}
#send-login #title{background-color: #ba0001; 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 #ba0001; 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 #ba0001; background-color: #fff}
#send-login p{padding: 10px}
#send-login img{margin-right: 10px}




#statistics{width: 190px; _height: 304px; min-height: 304px; background-color: #fe0002; font-size: 12px; =margin-top: 3px}
#statistics .first-cell{margin-bottom: 7px}
#statistics .first-cell {background: none; padding-left: 0}
#statistics .first-cell strong{position: relative; top: 6px; left: -1px; color: #fff; text-transform: uppercase}
#statistics .separator{ width: 150px;height: 1px; line-height: 1px; margin-top: 23px; _margin-top: 16px; margin-bottom: 18px; _margin-bottom: 12px;background-color: #fff }
#statistics .caption{font-size: 13px}
#statistics .caption a{color: #fff}
#statistics .caption a:hover{color: #fff; text-decoration: underline}
#statistics .description{width: 152px; font-weight: normal; padding-top: 5px}
#statistics .price{text-align: right; padding-top: 5px; margin-right: 20px}
#statistics .end{padding-bottom: 20px; margin-bottom: -7px}
#statistics img {border: 1px solid #182f41; margin-top: 10px}
#statistics ul{ list-style-type: none; padding-top: 10px; margin-top: 3px; margin-left: 20px; margin-bottom: 10px}
#statistics li{ line-height: 16px; color: #fff; font-weight: bold}

#payment{ width: 190px; height: 660px; margin-top: 3px; background-color: #d90104}
#payment strong{ color: #fff; text-transform: uppercase;}
#payment div{ padding-left: 19px; padding-top: 13px; color: #fff}
#payment #banner{margin-top:20px; padding-left: 0; padding-top: 0; text-align: center}

/*#txt{ margin-left: 1px; margin-right: 1px; margin-top: 13px; width: 588px}
#txt h2{ color: #d90103; font-weight: bold; font-size: 19px}
#txt .separator{height: 1px; line-height: 1px; background: url("../images/red-dot.gif") repeat-x top left; margin-top: 1px}*/

.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}



/* Footer */
#separator-black-footer{ width: 970px; line-height: 9px; height: 9px; margin-top: 1px; background-color: #000}
#footer { width: 970px; height:24px; line-height: 24px; text-align:left; color: #424242; float: left}
#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: #bc0000; display:inline; text-decoration:none; font-weight:bold}
#int a:hover, #footer a:hover{color:#bc0000; text-decoration:underline}

#zpetneodkazy ul{
	margin: 20px;
}
#zpetneodkazy li  {
	pading: 3px;
}
#zpetneodkazy li h2 {
	font-size: 14px;;
	font-weight: normal;
} 
#odkazy_pat{padding:5px;color:#666; text-align:center;}

#intlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
#intlink a {
	color: #666666;
	text-decoration: none;
font-weight: normal;
}