body {
	background: #3E4F4F url('images/bg2.gif') 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

body, td {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #3B3B3B;
}

.box a, .box-shop a, .box-calc a, .box-kontakt a, .box-technologie a, .box-news a {
	color: #F23841;
}

.box a:hover, .box-shop a:hover, .box-calc a:hover, .box-kontakt a:hover, .box-technologie a:hover, .box-news a:hover {
	color: #BF343A;
}


#container {
	width: 796px;
	margin: auto;
}

#cols {
	float: left;
	width: 796px;
	background: #FFF;
}

#colA {
	width: 238px;
	float: left;
	padding-left: 12px;
}
#colA h1 { //padding-top: 19px;  }

#colA h1 a img { margin-bottom: -8px; }

#colB {
	width: 528px;
	float: left;
	padding-left: 5px;
}

h1 img {
	border: none;
}

.box {
	border: solid 2px #DCDCDC;
	padding: 3px;
	margin-bottom: 5px;
}

.box-shop {
	border: solid 2px #DCDCDC;
	padding: 10px;
	margin-bottom: 5px;
	background: #fff url("images/basket.gif") no-repeat right;
}

.box-news {
	border: solid 2px #DCDCDC;
	padding: 10px;
	margin-bottom: 5px;
	background: #fff url("images/news.gif") no-repeat top right;
}

.box-technologie {
	border: solid 2px #DCDCDC;
	padding: 3px;
	margin-bottom: 5px;
	/*background: #DCDCDC url("images/technologie.gif") no-repeat top right;*/
}

.box-calc {
	border: solid 2px #DCDCDC;
	padding: 10px;
	margin-bottom: 5px;
	background: #fff url("images/calc.gif") no-repeat right;
}

.box-kontakt {
	border: solid 2px #DCDCDC;
	padding: 10px;
	margin-bottom: 5px;
	background: #dcdcdc url("images/phone.gif") no-repeat top right;
}

.box-technologie .inner, .box .inner {
	background: #DCDCDC;
	padding: 10px;
}

.box h3, .box-shop h3, .box-calc h3, .box-kontakt h3, .box-technologie h3, .box-news h3 {
	color: #004F85;
	letter-spacing: -0.06em;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 10px;
}

.box .mainmenu {
	background: #097CCC url('images/menubg.jpg') no-repeat;
	margin: 1px 0;
}

.box .mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.box .mainmenu a {
	background: url('images/arrow.gif') 100% 50% no-repeat;
	display: block;
	padding: 12px 10px 10px 10px;
	height: 16px;
	color: #FFF;
	text-decoration: none;
	border-top: solid 1px #388CC8;
	border-bottom: solid 1px #2B6D9C;
}

.box .mainmenu a:hover {
	background: #ED3F47 url('images/arrow.gif') 100% 50% no-repeat;
	border-top: solid 1px #DB7C7C;
	border-bottom: solid 1px #9C2B2B;
	color: #fff;
}

#topmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url('images/topmenubg1.gif') 0 100% repeat-x;	
	height: 44px;
	margin-top: 26px;
	width: 528px;
}

#topmenu li.last a { //margin-right: -2px; }

#topmenu li {
	float: left;
	height: 44px;
	margin-right: 2px;
}

#topmenu li a {
	height: 44px;
	line-height: 44px;
	padding: 15px 10px 15px 11px;
	color: #1D6AA0;
	font-weight: bold;
	text-decoration: none;
	background: url('images/topmenubg2.gif') 0 100% repeat-x;	
}

#topmenu li a:hover, #topmenu li a.sel {
	color: #EC2933;
	background: url('images/topmenubg3.gif') 0 100% repeat-x;
	cursor: pointer;
}


.box .foto {
	height: 163px;
	position: relative;
	background: url('images/foto1.jpg') 100% 100% no-repeat;
}

.box .foto_rodinne {
	height: 163px;
	position: relative;
	background: url('images/foto1_rodinne.jpg') 100% 100% no-repeat;
}

.box .main {
	background: #FFF;
}

.main p.nav {
	color: #9AA4A6;
	padding: 2px 5px;
	border-bottom: solid 2px #DCDCDC;
	font-size: 11px;
	margin: 0;
}

#fooooter {
	clear: both;
	margin: 10px;
	padding-bottom: 10px;
}
#fooooter img { vertical-align: middle; }
#fooooter,
#fooooter a,
.main p.nav a {
	color: #9AA4A6;
}

#fooooter a:hover,
.main p.nav a:hover {
	color: #6C7476;
}

#page {
	padding: 5px;
}

#fooooter {
	margin: 0;
	font-size: 11px;
}


#page h2 {
	color: #004F85;
	letter-spacing: -0.06em;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 10px;
}

#page h3 {
	color: #F23841;
	letter-spacing: -0.06em;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
}

#page h3 a {
	color: #F23841;
}

#page h3 a:hover {
	color: #BF343A;
}

#page a {
	color: #F23841;
}

#page a:hover {
	color: #BF343A;
}

.tttt {
	margin-top: 0;
	margin-bottom: 10px;
	clear:left;
	padding-top: 5px;
}

.tttt p {
	margin-top: 0;
	margin-bottom: 10px;
}

#page ul {
	padding-left: 10px;
	margin-left: 10px;
}

a img {
	border: none;
}

a img.ramik,
img.ramik {
	padding: 2px; border: solid 1px #DCDCDC;
}

a:hover img.ramik {
	border: solid 1px #F23841;
}


.slogan1 {
	font-size: 22px;
	color:#FFF;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 340px;
}

.slogan2 {
	font-size: 15px;
	color:#FFF;
	font-weight: bold;
	position: absolute;
	top: 100px;
	width: 340px;
	left: 10px;
}

.kosik th {
	text-align: left;
	padding: 5px;
	 background: #D0EBFE;
}



.kosik { clear: left; }
.basket-item td { background: #E2F2FC; border: 1px solid #fff; padding: 5px; }
.basket-item td input { text-align: center; }
p.summary { display: block; padding: 10px; font-size: 1.6em; background: #D0EBFE; margin-top: 2px; }

.basket-nav span { float: left; display: block; padding: 5px 8px; margin-right: 1px; background: #eee; border-bottom: 1px solid #fff; }
.basket-nav span.active { float: left; display: block; padding: 5px 8px; margin-right: 1px; background: #D0EBFE; border-bottom: 1px solid #D0EBFE; font-weight: bold; }
.basket-forms { background: #E2F2FC; padding: 5px; margin-top: 36px; }

.registracia { width: 500px; }
.registracia input { width: 10px; }



.vlastnosti td {
	background:#7498C0; color:#FFF; padding:4px 10px; text-align:center;
}

.vlastnosti th {
	background:#01558F; color:#FFF; padding:4px 10px; text-align:center;
}

.ceny table {
	width: 500px;
}

.ceny td {
	background:#EAEAEA; color:#000; padding:4px 10px;
}

.ceny tr.e td {
	background:#F7F7F7; color:#000; padding:4px 10px;
}

.ceny td.cena {
	width: 10em;
}
/*
li.sidebarCategory a { list-style-type: none; display: block; padding: 5px 15px; width: 178px; background: #1B6499; border-bottom: 1px solid #fff; color: #fff; text-decoration: none; }
li.sidebarCategory a:hover { background: #fff; color: #1B6499; }

li.sidebarSubCategory a { list-style-type: none; display: block; padding: 5px 15px 5px 23px; width: 166px; margin: 0 2px; background: #4498D2; border-bottom: 1px solid #fff; color: #fff; text-decoration: none; }
li.sidebarSubCategory a:hover { background: #fff; color: #1B6499; }
*/

#katalog-kategorie { background: #097CCC; }
li.sidebarCategory a { background: #097CCC url('images/arrow.gif') 100% 50% no-repeat; display: block; padding: 10px 15px; height: 12px; color: #FFF; text-decoration: none; border-top: solid 1px #388CC8; border-bottom: solid 1px #2B6D9C; font-weight: bold; }
li.sidebarCategory a.sel, li.sidebarCategory a:hover { background: #097CCC url('images/arrow.gif') 100% 50% no-repeat; display: block; padding: 10px 15px; height: 12px; color: #FFF; text-decoration: none; border-top: solid 1px #388CC8; border-bottom: solid 1px #2B6D9C; }

li.sidebarSubCategory a { padding: 7px 0 7px 25px; background: #056BB5; display: block; height: 12px; color: #FFF; text-decoration: none; border-top: solid 1px #388CC8; border-bottom: solid 1px #2B6D9C; font-weight: normal; }
li.sidebarSubCategory a.sel, li.sidebarSubCategory a:hover { padding: 7px 0 7px 25px; background: #ED3F47; border-top: solid 1px #DB7C7C; border-bottom: solid 1px #9C2B2B; color: #fff; }

#docs { padding: 5px; background-color: #EAF3F8; margin: 5px 0; width: 97%; }
.subctgli ul li { background: url("images/li.gif"); }
label { cursor: pointer; }
fieldset { border: 1px solid #bbb; padding: 10px; background: #fff; margin-bottom: 10px; background: #D0EBFE; }
fieldset legend { background: #fff; color: #333; font-weight: bold; border: 1px solid #999; padding: 5px 10px; background: #9ED7FF; }
fieldset input, fieldset textarea { border: 1px solid #999; margin: 2px; padding: 2px; }
fieldset input:focus, fieldset textarea:focus { border: 1px solid #666; margin: 2px; padding: 2px; background: #ffffd7; }

.form div label { display: block; float: left; width: 120px;   }

#form label { display: block; float: left; width: 120px; padding: 2px; margin: 2px; }
#form fieldset p { padding-left: 0; }
#form textarea { width: 280px; }