/* CSS Document */
* { border: 0; margin: 0; padding: 0; }
body { text-align: center; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 12px; color: #333; background: #C6CED3 url("../images/bg.png") repeat-x; }
hr { background-color: #E60000; color: #E60000; height: 2px; border: 0; }
a { color: #E60000; }
.red { color: #E60000; }
select { border: 1px solid #CFD7DA; }

#page { width: 990px; margin: 0 auto; background: url("../images/bg-container.png") repeat-y; }
#header { height: 50px; background: url("../images/bg-header.png") no-repeat; position: relative; }
#header-conatiner { width: 970px; margin: 0 auto; }
#main-menu { height: 81px; background: url("../images/bg-main-menu.png") no-repeat; position: relative; }
#container { border: 0; }
#footer { background: url("../images/bg-footer.png") repeat-x; position: relative; }

#header #home a { display: block; background: url("../images/ico-home-hover.png") no-repeat; width: 104px; height: 20px; position: absolute; top: 19px; left: 30px; }
#header #home a:hover { background: url("../images/ico-home-hover.png") no-repeat; }
#header #flag { width: 256px; height: 25px; position: absolute; top: 19px; left: 744px; }
#flag a.czech { background: url("../images/ico-cz.png") no-repeat; display: block; position: absolute; top: 0; left: 0; width: 28px; height: 22px; }
#flag a.czech:hover { background: url("../images/ico-cz.png") no-repeat; }
#flag a.german { background: url("../images/ico-de-bw.png") no-repeat; display: block; position: absolute; top: 0; left: 119px; width: 28px; height: 22px; }
#flag a.german:hover { background: url("../images/ico-de.png") no-repeat; }
#flag a.english { background: url("../images/ico-en-bw.png") no-repeat; display: block; position: absolute; top: 0; left: 59px; width: 28px; height: 22px; }
#flag a.english:hover { background: url("../images/ico-en.png") no-repeat; }
#flag a.russian { background: url("../images/ico-ru-bw.png") no-repeat; display: block; position: absolute; top: 0; left: 179px; width: 28px; height: 22px; }
#flag a.russian:hover { background: url("../images/ico-ru.png") no-repeat; }

#main-menu #logo { position: absolute; top: 3px; left: 20px; height: 78px; width: 205px; }
#main-menu #main-menu-container { width: 745px; position: absolute; top: 0; left: 235px; }
#nav { margin: 0; padding: 0 0 20px 10px; }
#nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav a { float: left; line-height: 14px; font-weight: bold; margin: 0 15px; padding: 37px 15px 29px 15px; text-decoration: none; color: #fff; }
#nav a:hover { color: #fff; background: url(../images/bg-main-menu-hover.png); }

#content { float: left; width: 744px; }

#content .container { padding: 20px 60px 10px 80px; }
#content .container h1 { color: #E60000; text-align: left; padding: 0 0 15px 0; font-size: 180%; font-weight: normal; }
#content .container h1.center { color: #E60000; text-align: center; padding: 0 0 15px 0; font-size: 180%; font-weight: normal; }
#content .container h2 { color: #E60000; text-align: left; padding: 15px 0 15px 0; font-size: 140%; font-weight: normal; }
#content .container h3 { text-align: left; padding: 20px 0 0 0; font-size: 120%; }
#content .container h3.left { float: left; width: 300px; padding: 10px 0 0 0; }
#content .container h3.right { float: right; width: 300px; padding: 10px 0 0 0; }
#content .container h4 { text-align: left; padding: 10px 0; font-size: 110%; }
#content .container img.right { float: right; }
#content .container-home p.advert { padding-bottom: 10px; }
#content .container p { padding: 7px 0; text-align: left; line-height: 1.5em; }
#content .container p.txt-center { text-align: center; }
#content .container p.txt-right { text-align: right; }
#content .container ul { text-align: left; list-style: none; margin: 10px 15px; }
#content .container ul li { padding: 2px 10px 2px 15px; text-align: left; list-style: none; background: url("../images/ico-list.gif") 0 4px no-repeat; }
#content .container ul ul { text-align: left; list-style: none; margin: 5px 7px; }
#content .container ol { text-align: left; margin: 5px 0 5px 20px; }
#content .container ol li { padding: 0 10px 0 0; text-align: left; line-height: 1.5em; }
#content .container ol ul { text-align: left; list-style: none; margin: 5px 15px; }
#content .container ol ul li { padding: 0 10px 0 12px; text-align: left; list-style: none; background: url("../images/ico-list.gif") 0 3px no-repeat; }
#content .container select { padding: 2px; }
#content .container form { padding: 10px 0; }
#content .container .spot-height { width: 200px; margin: 0 auto; text-align: left; padding: 0 0 10px 0; }



table.cartTable { margin: 0 0 20px 0; width: 100%; border-bottom: 5px solid #797C7E; }
table.cartTable .feature { margin: 0; background: none; border: 0; }
table.cartTable .feature tr { border: 0; background: none; }
table.cartTable .feature td { border: 0; background: none; padding: 3px; }
table.cartTable td { background-color: #F7F7F7; }
table.cartTable tr.tm_over td { background-color:#FFFFCC; }
table.cartTable tr th { background-color: #797C7E; padding: 7px 10px 7px 10px; color: #FFFFFF; text-align: left; }
table.cartTable td.name { text-align: left; border-left: 1px solid #CFD7DA; }
table.cartTable td input { padding: 2px; border: 1px solid #CFD7DA; }
table.cartTable td.money { text-align: right; color: #009933; }
table.cartTable td p.calc { text-align: center; }
table.cartTable td p.ico { width: 20px; text-align: center; }
table.cartTable td.td-border { border-left: 1px solid #E9EAEC; }
table.cartTable td { border-top: 1px solid #CFD7DA; border-right: 1px solid #CFD7DA; padding: 6px 10px; }
.dph { text-align: right; font-size: 90%; margin: 20px 0 5px 0; }
.qty { text-align: right; padding: 2px; border: 1px solid #CFD7DA; }
#container .total h3 { text-align: right; font-size: 120%; padding: 0 0 20px 0; }

#content .container-home { padding: 20px 5px 10px 25px; }
#content .container-home h2 { color: #E60000; text-align: left; padding: 0 0 15px 5px; font-size: 180%; font-weight: normal; }
#content .container-home h1 { color: #E60000; text-align: left; padding: 0 0 15px 5px; font-size: 180%; font-weight: normal; }
#content .container-home h1.ico { color: #E60000; text-align: left; padding: 35px 0 15px 5px; font-size: 180%; font-weight: normal; float: left; width: 80%; }
#content .container-home h1.center { color: #E60000; text-align: center; padding: 0 0 15px 5px; font-size: 180%; font-weight: normal; }
#content .container-home p.advert { padding-bottom: 10px; }
#content .container-home p.text { text-align: left; padding: 5px 10px; }
#content .container-home ul { text-align: left; list-style: none; margin: 15px; }
#content .container-home ul li { padding: 0 10px 0 12px; text-align: left; list-style: none; background: url("../images/ico-list.gif") 0 1px no-repeat; }
#content .duo-container { padding-left: 120px; }
#content .box { background: url("../images/bg-box-top.png") top no-repeat; float: left; width: 228px; margin: 0 5px 10px 5px; }
#content .box-container { padding: 5px 10px; background: url("../images/bg-box-bottom.png") bottom no-repeat; }
#content .box h3 { border-left: 3px solid #FF0000; font-size: 100%; text-align: left; padding-left: 5px; }
#content .box p { border-top: 1px solid #B9C6CE; font-size: 100%; text-align: left; padding: 5px 0 0 8px; margin-top: 3px; }
#content .box div.button { text-align: right; }
#content .box div.button1 { text-align: right; float: right; width: 80px; }
#content .box div.number { float: left; width: 33px; background: url("../images/bg-number.png") no-repeat; text-align: center; padding: 10px 0; color: #fff; font-weight: bold; font-size: 90%; }
#content .box div.number a { color: #fff; text-decoration: none; }
#content .container .catalogue { float: left; width: 190px; padding: 5px; }
#content div.half { float: left; width: 50%; }
.cont { text-align: left; padding: 20px 0; }
.cont img { margin-left: 6px; }
#content div.float-left { float: left; }
#content div.float-right { float: right; }

/* box v košíku */
#content .container div.cart-box { margin-top: 30px; background: url(../images/bg_cart.jpg) repeat-y; padding: 7px 0; }
#content .container div.cart-box h2 { font-size: 120%; font-weight: normal; text-align: center; color: #333; }
#content .container div.cart-box div.back { float: left; width: 194px; }
#content .container .cart-box .register { float: left; width: 194px; margin: 0 11px; }
#content .container .cart-box .checkout { float: left; width: 194px; }

#content form.reg { margin: 0 auto; padding: 15px 35px; }
#content form.reg fieldset { border: none; margin: 10px 0 0 0; }
#content form.reg legend { border: 0; padding: 5px 5px 0 10px; font-weight: bold; color: #ffcc66; font-size: 120%; }
#content form.reg label { float: left; width: 200px; text-align: right; font-weight: bold; padding: 3px 12px 0 0; margin: 5px 10px 0 0; }
#content form.reg label.required { background: url("../pictures/required.gif") no-repeat top right; }
#content form.reg input { float: left; margin: 5px 0 0 0; }
#content form.reg input.input { border: 1px solid #ccc; padding: 2px; }
#content form.reg input.check { float: none; }
#content form.reg input.add { float: right; }
#content form.reg select { float: left; margin: 5px 0 0 0; padding: 2px; }
#content form.reg textarea { float: left; margin: 5px 0 0 0; border: 1px solid #ccc; padding: 2px; }
#content form.reg .divform1 { float: left; margin: 5px 0 0 0; width: 200px; text-align: right; padding: 0 7px 0 0; font-weight: bold; }
#content form.reg .divform2 { float: left; margin: 5px 0 0 0; width: 200px; text-align: left; }
#content form.reg br { clear: left; }

#content form.conv table th { text-align: left; padding: 5px; }
#content form.conv table td { padding: 5px; }
#content form.conv input.input { width: 70px; padding: 2px; border: 1px solid #CCCCCC; }
#content form.conv input.output { width: 70px; padding: 2px; border: 1px solid #CCCCCC; background: #FF0000; color: #FFFFFF; font-weight: bold; }

#content p.error { color: #F00; font-weight: bold; text-align: center; padding: 15px 0; }

#left-menu { float: left; width: 246px; }
#left-menu .container { padding: 10px 30px 0 10px; }
#left-menu h2 { padding: 10px 15px; font-size: 120%; color: #E60000; font-weight: bold; text-align: left; }
#left-menu h2.sortiment { background: url("../images/ico-sortiment.png") 0 13px no-repeat; }
#left-menu h2.contact { background: url("../images/ico-contact.png") 0 11px no-repeat; }
#left-menu #customerpanel { position: relative; border: 1px solid #999; background: #F4F4F4; }
#left-menu p#customer { padding: 10px 35px 10px 5px; font-weight: bold; }
#left-menu a#logout { position: absolute; top: 0; left: 175px; }
#left-menu #cartpanel { position: relative; border: 1px solid #999; background: #F4F4F4; }
#left-menu #cartpanel p#price { padding: 10px 10px 10px 5px; font-weight: bold; text-align: center; font-size: 130%; }
#left-menu #cartpanel p#link { padding: 0 10px 10px 5px; font-weight: bold; text-align: center; }
#left-menu ul { list-style-type: none; width: 100%; text-align: left; padding: 0;  }
#left-menu li { line-height: 25px; }
#left-menu ul li a { display: block; padding-left: 15px; font-size: 0.9em; font-weight: bold; border-bottom: 1px solid #999999; }
#left-menu ul li a.first { border-top: 1px solid #999999; }
#left-menu ul li a:link, #left-menu ul li a:visited { color: #000; text-decoration: none; background: url("../images/ico-arrow-bold.png") 0 7px no-repeat; }
#left-menu ul li a:hover { color: #000; text-decoration: none; background: #F4F4F4 url("../images/ico-arrow-bold-hover.png") 0 7px no-repeat; }
#left-menu ul li a.selected { background: #F4F4F4 url("../images/ico-arrow-hover.png") 0 7px no-repeat; }
#left-menu ul li a.selected-blue { background: #F4F4F4 url("../images/ico-arrow-hover.png") 0 7px no-repeat; color: #06C; }
#left-menu ul ul li a { display: block; padding-left: 25px; font-size: 0.9em; font-weight: normal; }
#left-menu ul ul li a:link, #left-menu ul ul li a:visited { color: #000; text-decoration: none; background: url("../images/ico-arrow.png") 10px 7px no-repeat; }
#left-menu ul ul li a:hover { color: #000; text-decoration: none; background: #F4F4F4 url("../images/ico-arrow-hover.png") 10px 7px no-repeat; }
#left-menu ul ul li a.selected { background: #F4F4F4 url("../images/ico-arrow-hover.png") 10px 7px no-repeat; }
#left-menu ul ul ul li a { display: block; padding-left: 35px; font-size: 0.9em; font-weight: normal; }
#left-menu ul ul ul li a:link, #left-menu ul ul ul li a:visited { color: #000; text-decoration: none; background: url("../images/ico-arrow.png") 20px 7px no-repeat; }
#left-menu ul ul ul li a:hover { color: #000; text-decoration: none; background: #F4F4F4 url("../images/ico-arrow-hover.png") 20px 7px no-repeat; }
#left-menu ul ul ul li a.selected { background: #F4F4F4 url("../images/ico-arrow-hover.png") 10px 7px no-repeat; }
#left-menu p { text-align: left; padding: 0 7px 7px 15px; }
#left-menu p a { color: #000066; }

#footer-container { width: 990px; margin: 0 auto; height: 78px; background: url("../images/bg-footer-container.png") no-repeat; position: relative; }
#footer-container p { text-align: left; padding: 22px 0 0 30px; }
#footer-container p a { text-decoration: none; color: #000; }
#footer-container .top a { position: absolute; left: 850px; top: 0; width: 17px; height: 18px; }
#footer-container .top a { display: block; width: 17px; height: 18px; background: url("../images/ico-top.png") no-repeat; }

/* Tables */
.tbl-flex { border: 2px solid #000; width: 100%; margin-bottom: 15px; }
.tbl-flex th { text-align: left; font-weight: bold; padding: 5px 3px; background: #BCC8CF; }
.tbl-flex td { width: 50%; border-top: 1px solid #000; padding: 3px; background: #E2E8EB; text-align: left; }
.tbl { border: 2px solid #000; width: 100%; margin-bottom: 15px; }
.tbl th { text-align: left; font-weight: bold; padding: 5px 3px; background: #D6E8EE; }
.tbl th.left { text-align: left; font-weight: bold; padding: 5px 3px; border-left: 1px solid #000; }
.tbl th.left-center { text-align: center; font-weight: bold; padding: 5px 3px; border-left: 1px solid #000; }
.tbl th.left-right { text-align: right; font-weight: bold; padding: 5px 3px; border-left: 1px solid #000; }
.tbl td { border-top: 1px solid #000; padding: 3px; background: #EBEBEB; }
.tbl td.left { border-left: 1px solid #000; padding: 3px; }
.tbl td.left-center { border-left: 1px solid #000; padding: 3px; text-align: center; }
.tbl td.left-right { border-left: 1px solid #000; padding: 3px; text-align: right; }
.tbl-flex3 { border: 2px solid #000; width: 100%; margin-bottom: 15px; }
.tbl-flex3 th { text-align: left; font-weight: bold; padding: 5px 3px; background: #D6E8EE; }
.tbl-flex3 td { width: 33%; border-top: 1px solid #000; padding: 3px; background: #EBEBEB; }
.tbl1 { border: 2px solid #000; width: 100%; margin-bottom: 15px; }
.tbl1 th { padding: 3px; text-align: center; background: #BCC8CF; }
.tbl1 th.left { text-align: left; font-weight: bold; padding: 5px 3px; }
.tbl1 td { border-top: 1px solid #000; padding: 3px; text-align: center; background: #E2E8EB; }
.tbl1 .line { border-right: 1px solid #000; }
.tbl1 .line1 { border-right: 1px solid #000; text-align: left; }
.tbl1 .line2 { border-top: 2px solid #000; text-align: left; padding: 5px; }

table.list { margin: 15px auto; padding: 0; border-left: 1px solid #999; width: 100%; }
table.list tr.true { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; }
table.list tr { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; }
table.list th { color: #000; border-right: 1px solid #999; border-bottom: 5px solid #999; border-top: 1px solid #999; letter-spacing: 2px; text-align: left; padding: 6px 6px 6px 12px; background: #D6E8EE; }
table.list th.right { text-align: right; }
table.list th.center { text-align: center; }
table.list td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; background: #f7f7f7; }
table.list td.right { text-align: right; }
table.list td.center { text-align: center; }
table.list td.ico { text-align: center; width: 20px; }
table.list td.size { text-align: right; width: 80px; }
table.list td span {
	float: right;
	background: url(../images/ico-arrow-list.png) right center no-repeat;
	padding-right: 12px;
}

table.pricelist { margin: 15px auto; padding: 0; border-left: 1px solid #999; border-top: 1px solid #999; border-bottom: 2px solid #999; width: 100%; }
table.pricelist td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; background: #f7f7f7; }
table.pricelist td.right { text-align: right; }
table.pricelist td.center { text-align: center; }
table.pricelist td.ico { text-align: center; width: 30px; padding: 0; }
table.pricelist td.size { text-align: right; width: 80px; }

table.list-left { margin: 15px 0; padding: 0; border-left: 1px solid #999; width: 300px; float: left; }
table.list-left tr.true { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; }
table.list-left tr { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; }
table.list-left th { color: #000; border-right: 1px solid #999; border-bottom: 5px solid #999; border-top: 1px solid #999; letter-spacing: 2px; text-align: left; padding: 6px 6px 6px 12px; background: #D6E8EE; }
table.list-left th.right { text-align: right; }
table.list-left th.center { text-align: center; }
table.list-left td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; background: #f7f7f7; }
table.list-left td.right { text-align: right; }
table.list-left td.center { text-align: center; }
table.list-left td.ico { text-align: center; width: 20px; }
table.list-left td span {
	float: right;
	background: url(../images/ico-arrow-list.png) right center no-repeat;
	padding-right: 12px;
}

table.list-right { margin: 15px 0; padding: 0; border-left: 1px solid #999; width: 300px; float: right !important; }
table.list-right tr.true { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; }
table.list-right tr { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; }
table.list-right th { color: #000; border-right: 1px solid #999; border-bottom: 5px solid #999; border-top: 1px solid #999; letter-spacing: 2px; text-align: left; padding: 6px 6px 6px 12px; background: #D6E8EE; }
table.list-right th.right { text-align: right; }
table.list-right th.center { text-align: center; }
table.list-right td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 6px 6px 6px 12px; text-align: left; background: #f7f7f7; }
table.list-right td.right { text-align: right; }
table.list-right td.center { text-align: center; }
table.list-right td.ico { text-align: center; width: 25px; }
table.list-right td span {
	float: right;
	background: url(../images/ico-arrow-list.png) right center no-repeat;
	padding-right: 12px;
}

table.feature { background: none; border: none; }
table.feature td { background: none; border: none; }

	
#content .container .subhead { color: #999999; border-bottom: 1px solid #CFD7DA; border-top: 1px solid #CFD7DA; font-weight: bold; padding: 7px 10px 7px 10px; }
#content .container .form-table { margin: 10px 0; width: 520px; }
#content .container .form-table tr td { padding: 3px; text-align: left; }
#content .container .form-table tr td.text { text-align: right; width: 150px; vertical-align: top; }
#content .container .form-table tr td.text input { border: none; }
#content .container .form-table tr td input { border: 1px solid #CFD7DA; padding: 2px; }
#content .container .form-table tr td textarea { border: 1px solid #CFD7DA; padding: 2px; }
#content .container .form-table tr td label { padding-right: 10px; }
#content .container .form-table tr td label.required { background: url(../images/required.gif) top right no-repeat; }
#content .container table.money-table { margin: 0 auto; width: 100px; border: none; padding: 0; margin: 0; }
#content .container table.money-table tr { border: none; background: none; padding: 0; margin: 0; }
#content .container table.money-table tr td { border: none; background: none; padding: 0; margin: 0; }
#content .container table.money-table td input { padding: 2px; border: none; }
#content .container table.money-table td input.qty { text-align: right; padding: 2px; border: 1px solid #CFD7DA; }
.cartTable tbody#cart-content tr td table.money-table td { border: none; padding: 0; background: none; }
.cartTable th.th-border { text-align: center; } 

#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:250px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #666;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#E60000;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}

.center { text-align: center !important; }
.right { text-align: right !important; }
.grey { color: gray !important; }
.wf-text-bold {
	font-weight: bold !important;
}

.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }
.img-right { float: right; }
.img-left { float: left; }
.no-view { display: none; }