/** BASIC */
body {
	margin: 0;
	padding: 0;
	background: #ffffff url(/images/header.gif) repeat-x;
	font: 11px/14px verdana;
	color: #000000;
	text-align:center
}
#h1 {
	display: none;
}
#h2 {
	display: none;
}
p {
	margin-top: 0;
	margin-bottom: 16px;
	line-height: 16px;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	font: 11px/14px verdana;
	color: #000000;
}
a {
	color: #000000;
}
a:hover {
	text-decoration: none;
}
.clear{ line-height:0px; font-size:0px; height:1px;}
/** LAYOUT */
#holder{ width:980px;  margin:auto}
#holder img{ white-space:nowrap}
#header {
 width:980px;
	height: 127px;
	background: #d9d9d9 url(/images/header.gif);
	white-space:nowrap
}
#wrapper {
 width:980px;
	margin: 0px auto;
	text-align:left;

}
#body {

	width: 980px;
	background: #ffffff url(/images/content.gif) right top no-repeat;
}
#footer {
 width: expression(document.body.clientWidth < 781 ? "780px" : "auto");
	min-width: 780px;
	clear: both;
	margin: 30px 0 0 0;
	
}
#logo {
	width: 300px;
	height: 103px;
	float: left;
	margin: 0 auto;
	background: url(/images/logo.gif);
}
#left {
	width: 186px;
	float: left;
	padding-top: 66px;
	_padding-top: 71px;
}
#main {
	padding: 86px 208px 30px 210px;
}
#right {
	width: 186px;
	float: right;
	padding-top: 107px;
	_padding-top: 112px;
}
#copyright {
	height: 35px;
	padding-top: 4px;
	background: #d9d9d9;
	text-align: center;
}
.kontakt {
	width:554px; float:left; margin-bottom:15px
	
}
.kontakt div {
	float:left;
	width:277px;

	
}
.modre { color:#498af1 }
/** MENU */
#menu-top {
	width: 680px;
	height: 103px;
	float: right;
	background: url(/images/top.gif) right top;
	background-repeat:no-repeat;
}
#menu-top ul {
	margin: 9px 0 0 0;
	padding: 0;
	list-style: none;
}
#menu-top li {
	display: inline;
}
#menu-top a {
	width: 153px;
	height: 25px;
	float: right;
	margin-left: 5px;
	padding-top: 3px;
	background: url(/images/menu-top.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#menu-top a:hover {
	color: #ff0000;
}
#menu-top a.active {
	color: #ff0000;
}
#menu-main {
 width: expression(document.body.clientWidth < 781 ? "770px" : "auto");
	min-width: 770px;
	height: 24px;
	clear:both;
	margin: 0 auto;
	padding-top: 4px;
	padding-left: 10px;
	background: #ff0000 url(/images/menu-main.gif) right top;
	color: #ffffff;
	background-color:#000000
}
#menu-main a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#menu-main a:hover {
	text-decoration: underline;
}
#menu-bottom1 {
	height: 23px;
	background: #ffffff;
	color: #737373;
	text-align: center;
}
#menu-bottom1 a {
	text-decoration: none;
}
#menu-bottom1 a:hover {
	text-decoration: underline;
}
#menu-bottom2 {
	/*height: 19px;*/
	padding: 4px 0 4px 0;
	background: #efefef;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	color: #737373;
	text-align: center;
}
#menu-bottom2 a {
	text-decoration: none;
}
#menu-bottom2 a:hover {
	text-decoration: underline;
}
/** BOX */
.box {
	width: 186px;
}
.box-top {
	height: 5px;
	font-size: 0;
}
.box-content {
	padding: 0 10px 12px 14px;
}
.box-bottom {
	height: 5px;
	clear: both;
	font-size: 0;
}
#left .box {
	background: url(/images/box-content-left.gif);
}
#left .box-top {
	background: url(/images/box-top-left.gif);
}
#left .box-content {
	backgrounds: url(/images/box-content-left.gif);
}
#left .box-bottom {
	background: url(/images/box-bottom-left.gif);
}
#right .box {
	background: url(/images/box-content-right.gif);
}
#right .box-top {
	background: url(/images/box-top-right.gif);
}
#right .box-content {
	background: url(/images/box-content-right.gif);
}
#right .box-bottom {
	background: url(/images/box-bottom-right.gif);
}
#box1 .box-content {
	padding-top: 5px;
	padding-bottom: 80px;
	background: url(/images/box-content-1.gif) left bottom no-repeat;
}
#box1 .box-bottom {
	background: url(/images/box-bottom-1.gif);
}
#box2 .box-content {
	background: url(/images/box-content-2.gif) left bottom no-repeat;
}
#box2 .box-bottom {
	background: url(/images/box-bottom-2.gif);
}
#box2 .red {
	color: #e10000;
}
#box3 .box-content a {
	font-weight: bold;
	font-size:10px;
	background-image:url(/images/arr_down.gif);
background-repeat:no-repeat;
background-position:0 7px;
padding-left:12px;
display:block
}



#box4 p.sloup a {
	text-decoration: none;
}
#box4 p.sloup a:hover {
	text-decoration: underline;
}
#box5 p.sloup a {
	text-decoration: none;
}
#box5 p.sloup a:hover {
	text-decoration: underline;
}
#box2 p.sloup a {
	text-decoration: none;
}
#box2 p.sloup a:hover {
	text-decoration: underline;
}
#box1 p.sloup a {
	text-decoration: none;
}
#box1 p.sloup a:hover {
	text-decoration: underline;
}
#box6 .box-content {
	text-align: center;
}
#box6 .box-content b {
	color: #3a7aab;
}
h3 {

	height: 23px;
	margin: 3px 0 10px 4px;
	padding-top: 4px;
	padding-left: 11px;
	background: url(/images/h4.gif);
	font: bold 11px/14px verdana;
	color:#FF0000;
	background-repeat:no-repeat
}

p.sloup {

	height: 23px;
	margin: 3px 0 10px 4px;
	padding-top: 4px;
	padding-left: 11px;
	background: url(/images/h4.gif);
	font: bold 11px/14px verdana;
	color:#FF0000;
	background-repeat:no-repeat
}

.hr {
	width: 186px;
	height: 3px;
	margin: 5px 0;
	background: url(/images/hr.gif);
	font-size: 0;
}
#boxmenu {
	padding:0px;
	width:186px;
}

#boxmenu p {
background-color:#f8f8f8;
padding:5px 5px 5px 15px;
border:1px solid #e3e3e3;
color:#FF0000;
margin-bottom:3px;
font-size:13px;

}

#boxmenu li {
	list-style: none;
	margin-bottom:3px;
	padding:5px 5px 5px 17px;
	font-weight:bold;

	font-size:10px;
	background-image:url(/images/arr_down.gif);
background-repeat:no-repeat;
background-position:5px 10px;
background-color: #F0F0F0
}
#boxmenu a {
	color:#4F4D52;
	text-decoration:none;
}
#boxmenu a:hover {
	text-decoration:underline;
}
#boxmenu ul {
	margin:0px;
	padding:0px
}
/** CONTENT */
#navigace a {
	font-weight: bold;
	text-decoration: none;
}
#banner {
	height: 202px;
	margin-top: 30px;
	background: #ffffff url(/images/banner.gif) center top no-repeat;
}
h1 {
	margin: 21px 0 15px 0;
	font: bold 18px/14px verdana;
}
h2 {
	margin: 21px 0 10px 0;
	font: bold 14px/16px verdana;
	color:#FF0000
}
h3.content {
color:#FF0000;
	background:none;
}
.img {
	float: left;
	margin-right: 14px;
	border: 1px solid #3a7aab;
}
.blue {
	color: #3a7aab;
}
.red {
	color: #ff0000;
	background:none;
}
strong.blue {
	font-size: 12px;
	color: #3a7aab;
}
strong.red {
	font-size: 12px;
	color: #ff0000;
	background:none;
}
div.line {
	margin:0px;
	padding:0px;
	border:0px;
	border-top:1px solid #c5c5c5;
}
/** CENIK */
.subContent {
	width:555px;
}
table {
	font-size:11px;
	width: 555px;
}
table.vnitrni {
	font-size:11px;
	width: 500px;
}
.tdcenter {
	text-align: center;
	width: 100px;
}
table td {
	padding: 0px;
	background: #EEEEEE;
	padding-left: 10px;
}
table td.cena {
	text-align: right;
	padding-right: 27px;
}
table th {
	background:#DBDBDB;
	padding-left: 10px;
}
table h3.nadpis-tabulka {
	margin:20px 0 0px -10px;
	padding:5px 0 0 5px;
	color: #000000;
	background:red;
	color:white
}
table td.nadpis {
	background:#FFFFFF;
}
.td-main1 {
	height: 27px;
	background: #ff0000 url(/images/td1.gif);
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.td-main2 {
	height: 26px;
	background: #e4e4e4 url(/images/td2.gif);
	font-weight: bold;
	text-align: center;
}
.td1 {
	width: 105px;
	height: 25px;
	padding-left: 12px;
	background: #ffb889;
	border-right: 3px solid #dd0000;
}
.td2 {
	width: 59px;
	height: 25px;
	background: #cfcfcf;
	text-align: center;
}
.td3 {
	width: 59px;
	height: 25px;
	background: #e4e4e4;
	text-align: center;
}
.td4 {
	width: 59px;
	height: 25px;
	background: #cfcfcf;
	text-align: center;
}
.td5 {
	width: 59px;
	height: 25px;
	background: #e4e4e4;
	text-align: center;
}
ul.cenik {
	margin: 0;
	padding: 0;
	padding-top: 28px;
	padding-bottom: 30px;
	list-style: none;
	background: url(/images/printer.gif) no-repeat right 11px;
}
ul.cenik li {
	margin-left: 3px;
	margin-bottom: 14px;
	padding-left: 14px;
	background: url(/images/li.gif) no-repeat 0 6px;
}
/** CLANEK */
ul.clanek {
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
	list-style: none;
}
ul.clanek li {
	margin-left: 3px;
	margin-bottom: 1px;
	padding-left: 14px;
	background: url(/images/li.gif) no-repeat 0 5px;
}
p.clanek {
	padding: 10px 21px;
	background: #ebf5fd;
	border: 1px solid #bad1e2;
	font-style: italic;
	color: #094776;
}
/****** formulre pro kalkulaci objednvku *********/
div.formulare {
	width:555px;
}
div.formulare h2 {
	color:#FF0000
}
div.formulare div.line {
	margin:0px;
	padding:0px;
	border:0px;
	border-top:1px solid #c5c5c5;
}
.checkbox {
	vertical-align:middle
}
div.formulare table {
	background-color: #e9e9e9
}
div.formulare table th {
	background-color: #f10101;
	color:#FFFFFF;
	padding:0px;
	height:22px;
	text-align:center
}
div.formulare table th.material {
	background-color: #8B8B8B;
}
div.formulare table td.odsaz {
	height:15px;
	font-size:0px;
	line-height:0px;
}
div.formulare table td span {
	font-size:9px
}
div.formulare table td {
	padding:6px 8px 6px 8px
}
div.formulare table textarea {
	width:300px
}
div.formulare textarea.pripominky {
	width:100%;
	padding:0px;
	margin:0px;
	height:200px
}


/***** tabulky produktu*****/
.seznam-produkty { background-color:#FFFFFF; margin-bottom:9px; }
.seznam-produkty td { border:1px solid #e3e3e3; background-color:#FFFFFF; border-bottom:4px solid #e3e3e3; border-top:4px solid #e3e3e3;}
.seznam-produkty td.mezera{ border:0px;   margin:0px; width:3px;}
.seznam-produkty td h2{ font-size:12px; margin:0px; padding:8px 3px 3px 3px; }
.seznam-produkty td h2 a{ color:#FF0000; text-decoration:underline }
.seznam-produkty td h2 a:hover{ color: #990000; text-decoration: none }
.seznam-produkty td p{ font-size:11px; margin:0px; padding:3px}

.seznam-produkty td p.cena{ float:left}
.seznam-produkty td p.detail{ float:right; padding-right:8px; color:#FF0000}

 p.detail-produkty{ margin-bottom: 40px;}
 p.detail-produkty img{ margin-left: 10px; }


 /****** UVODNI STRANKA ********/
 
/*div.index{position:relative; background-image:url(../images/index_pic.jpg); background-repeat:no-repeat; background-position:center; height:461px  }
div.index p.vice{ vertical-align:bottom; }

.first{ height:178px;  }
.second{  height:178px; margin-top:105px }
.second div, .first div{ width:278px; float:left; height:178px; }
.second div p, .first div p{ margin:0px; padding:5px 35px 5px 40px}
.second div a, .first div a{ color:#d60606; font-weight:bold; text-decoration:none}
.second div a:hover, .first div a:hover{ color: #990000; }
.second div h2, .first div h2{ margin:0px; padding:30px 35px 5px 40px; color:#000000; font-size:12px}*/
 

div.index{ width:562px; position:relative;  }
div.index .left-img{ float:left; }
div.index .right-img{ float:right; }
.first{ height:178px;  padding: 0 19px 0 17px; _padding: 0 10px 0 14px}
.second{  height:178px; padding: 105px 19px 0 17px; _padding: 105px 10px 0 14px }
.akce{ position: absolute; z-index:1; margin:146px 0 0 126px }

div.divram { width:527px; height:107px; background: url(/files/image/divram.jpg) top no-repeat; border:solid 1px #ccc; padding: 10px 0 0 15px; margin-bottom: 15px; float:none}
div.divram img { float:left; margin-right:15px }
div.divram p { margin:0; line-height: 1.5em; font-size: 9pt; }
div.divram h2 { line-height: 1.6em; margin:0; font-size: 11pt;}
div.divram a { font-weight: bold; color: blue; }
div.vpravo img { float:right; margin-left: 15px }
div.divram .modre { color:#498af1 }


 #klasika{visibility: visible;} 
 #struk{visibility: hidden; display: none;}
 #kolor{visibility: hidden; display: none;} 
 #samo{visibility: hidden; display: none;} 
 #otter{visibility: hidden; display: none;}
 
a.faq{ font-size:15px; color: #03F; text-decoration:underline; font-weight:bold}
a.faq:hover{ font-size:15px; color:#03F; text-decoration:underline}
a.nabidka{ font-size:11px; color: #03F; text-decoration:underline; font-weight:normal;}

.red2{ font-size:17px; color:#FF0000; font-weight:bold; padding:0; margin:0; border:none; line-height:20px;}
.rial{ background:white;}
table.rial td strong{ padding:0 0 5px 0;}
table.rial td{ background:white; padding:10px 0 0 15px}


/* zakaznicke moduly */
.redblock{ weight:100px; height:25px; background:red; display:block; margin:5px 0 0px 0px; padding:0 0 0 0; color:white; font-weight:bold}
.redblock span{ width:100%; height:100%; color:white; font-weight:bold; text-decoration:none; padding:4px 0 0 10px; display:block}
.redblock a{ width:100%; height:100%; color:white; font-weight:bold; text-decoration:none; padding:4px 0 0 10px; display:block}
.redblock a:hover{ text-decoration:underline}

/* index */
div.vazby{ width:278px; height:156px; background-image:url(/files/image/b_06.jpg); float:left; margin:0 0 0 3px}
div.vazby a.odk1{ width:160px; height:15px; display:block; text-decoration:none; float:right; margin:70px 0 0 0;}
div.vazby a.odk2{ width:160px; height:15px; display:block; text-decoration:none; float:right; margin:20px 0 0 0;}
div.trika{ width:278px; height:156px; background-image:url(/files/image/b_13.jpg); float:left; margin: 1px 0 0 1px}
div.trika a.odk1{ width:170px; height:50px; display:block; text-decoration:none; float:right; margin:25px 0 0 0; }
div.trika a.odk2{ width:65px; height:15px; display:block; text-decoration:none; float:right; margin:30px 55px 0 0;}

div#banner-val{ width:557px; height:85px; background-image:url(/files/image/banner-top-val.jpg); margin:0 0 1px 3px}
div#banner-val a#odkaz1{ width:56px; height:19px; display: block; float:right; margin: 54px 10px 0 0; text-decoration: none}
div#banner-val a#odkaz2{ width:56px; height:19px; display: block; float:right; margin: 54px 3px 0 0; text-decoration: none}

#main h3{ background:none; text-align:left;}
#main h3.nadpis-tabulka{ background-color:red; text-align:left;}

div#banner-vala{ width:557px; height:55px; background-image:url(/files/image/zlevneni.jpg); margin:0 0 1px 3px}