@import url("content.css");
@import url("prettyPhoto.css");
@import url("photogallery2.css");
@import url("gallery.css");
@import url("virtualCombo.css");
@import url("useful.css");

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	height: 100%;
	background: #aa4000;
}

input, textarea {
	background: #fff;
}

/*--LAYOUT----------------------------------------------------------------*/

#pageHolder {
	padding-bottom: 160px;
    background: url("../images/page/footer_bg.png") 0 bottom repeat-x;
}

#pageHolder2 {
    padding: 25px 0 0 0;
   background: #f7f7f7 url("../images/page/body_bg.png") 0 0 repeat-x;
}

.hp #pageHolder2 {
    padding: 25px 0 0 0;
   background: #f7f7f7 url("../images/page/hp_body_bg.png") 0 0 repeat-x;
}

#page {
	width: 930px;
	margin: 0 auto 0 auto;
	padding: 275px 0 0 0;
	position: relative;
	text-align: left;
}

.hp #page {
	padding-top: 430px !important;
}

#content {
	width: 930px;
	padding: 0;
}

#content #leftPart {
	width: 190px;
	float: left;
}

#content #rightPart {
	width: 740px;
	float: right;
}

#content #rightPart #text {
	width: 500px;
	padding: 40px 20px 0 20px;
	float: left;
	_height: 320px;
	min-height: 320px;
}

#content #rightPart #banners {
	width: 200px;
	padding: 0;
	float: right;
}



/*--LEFT-PART-------------------------------------------------------------*/

#submenu {
	padding: 10px 0 0 10px;
	margin: 0 0 25px 0;
}

#submenu li {
	padding: 0;
	margin: 0;
	_zoom: 1;
	background: url("../images/page/submenu_dots.gif") 0 bottom repeat-x;
}

#submenu li a {
	width: 150px;
	display: block;
	padding: 8px 15px 8px 15px;
	margin: 0;
	font-size: 13px;
	color: #6b5f4b;
	text-decoration: none;
}

#submenu li a:hover, #submenu li.active a {
	background: #6b5f4b url("../images/page/submenu_dots.gif") 0 bottom repeat-x;
	color: #fff;
}

#submenu li.active ul li a {
	background: none;
	padding-left: 30px;
	color: #6b5f4b;
}

#submenu li.active ul li a:hover {
	color: #AA4000;
}

#submenu li.active ul li.active a {
	color: #AA4000;
}

/*--RIGHT-PART------------------------------------------------------------*/

#banners .banner {
	display: block;
	margin-bottom: 12px;
	width: 200px;
}

#banners .gdaKalkulacka {
	height: 100px;
	background: url("../images/page/banner_gda_kalkulator.jpg") 0 0 no-repeat;
}

#banners .gdaKalkulacka:hover {
	background: url("../images/page/banner_gda_kalkulator.jpg") 0 -100px no-repeat;
}

#banners .kalkulacka {
	height: 110px;
	background: url("../images/page/banner_spocitejte.jpg") 0 0 no-repeat;
}

#banners .kalkulacka:hover {
	background: url("../images/page/banner_spocitejte.jpg") 0 -110px no-repeat;
}

#banners .seznam {
	height: 103px;
	background: url("../images/page/banner_seznam.jpg") 0 0 no-repeat;
}

#banners .seznam:hover {
	background: url("../images/page/banner_seznam.jpg") 0 -103px no-repeat;
}

#search {
	padding: 0 0 20px 12px;
}

#search h2 {
	font-size: 15px;
	margin: 0 0 3px 0;
	padding: 0 0 0 3px;
	font-weight: bold;
}

#search .button {
	border: none;
	vertical-align: top;
	padding: 0;
	float: right;
}

#search .textInput {
	width: 160px;
	vertical-align: top;
	border: 1px #c8c2b6 solid;
	background: #fff;
	float: left;
	margin-top: 2px;
}

.gallery {
	padding: 8px 0 10px 0;
}

.gallery .photo {
	padding: 0 0 20px 0;
	margin: 0 6px 10px 0;
	_margin: 0 5px 10px 0;
	float: left;
	position: relative;
	background: url("../images/page/gallery_shadow.png") 0 bottom no-repeat;
}

.gallery .photo img {
	vertical-align: top;
}

.gallery .photo .zoom  {
	width: 17px;
	height: 15px;
	position: absolute;
	right: 7px;
	bottom: 27px;
	background: url("../images/page/gallery_zoom.png") 0 bottom no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page/gallery_zoom.png', sizingMethod='scale');
}

.gallery .paging {
	padding: 0;
	margin: 0;
	top: -10px;
	position: relative;
	text-align: right;
}

.fileBoard {
	margin: 0 0 20px 0;
	padding: 0;
}

.fileBoard li {
	padding: 5px 0 5px 0;
	background: none;
	list-style: none;
}

.fileBoard li img {
	vertical-align: top;
}

/*--HEADER----------------------------------------------------------------*/

#header {
	width: 930px;
	height: 255px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../images/page/header_photo.jpg") 0 23px no-repeat;
}

.hp #header {
	width: 930px;
	height: 390px;
	position: absolute;
	left: 0;
	top: 30px;
	background: url("../images/page/hp_header_photo.jpg") 0 23px no-repeat;
}

.hpGDA {
	position: absolute;
	left: 370px;
	top: -52px;
}

.linkSpotrebitele {
	width: 350px;
	height: 171px;
	position: absolute;
	left: 90px;
	top: 210px;
	background: url("../images/page/hp_button_spotrebitele.jpg") 0 0 no-repeat;
}

.linkSpotrebitele:hover {
	background: url("../images/page/hp_button_spotrebitele.jpg") 0 -171px no-repeat;
}

.linkVyrobci {
    position: absolute;
	left: 480px;
	top: 210px;
	width: 350px;
	height: 171px;
	background: url("../images/page/hp_button_vyrobci.jpg") 0 0 no-repeat;
}

.linkVyrobci:hover {
	background: url("../images/page/hp_button_vyrobci.jpg") 0 -171px no-repeat;
}


.photoVyrobci {
	background: url("../images/page/header_photo2.jpg") 0 0 no-repeat !important;
}

#header #logo {
	width: 180px;
	height: 180px;
	position: absolute;
	top: 7px;
	left: 47px;
	display: block;
}

#breadCrumbs {
	width: 460px;
	font-size: 11px;
	position: absolute;
	left: 212px;
	top: 280px;
}

#breadCrumbsWide {
	width: 750px;
	font-size: 11px;
	position: absolute;
	left: 10px;
	top: 280px;
}

#breadCrumbs a, #breadCrumbsWide a  {
	padding-right: 14px;
	margin-right: 3px;
	background: url("../images/page/breadcrumb.gif") right 50% no-repeat;
}

#topMenu {
	width: 245px;
	height: 37px;
	position: absolute;
	left: 263px;
	top: 9px;
	padding: 0;
	margin: 0;
}

.tmSpotrebitele {
	background: url("../images/page/topmenu1.png") 0 0 no-repeat;
}

.tmVyrobci {
	background: url("../images/page/topmenu2.png") 0 0 no-repeat;
}

#topMenu li {
	background: none;
	padding: 0;
	margin: 0;
	float: left;
}

#topMenu li a {
	display: block;
	_float: left;
	font-size: 15px;
	color: #aa4000;
	text-decoration: none;
}

#topMenu li.active a {
	color: #6b5f4b;
}

.tmSpotrebitele li a {
	padding: 12px 12px 8px 19px;
}

.tmVyrobci li a {
	padding: 12px 12px 8px 19px;
}

#topMenu li a:hover {
	color: #6b5f4b !important;
}

.tmSpotrebitele li.active a {
	padding: 10px 12px 8px 18px;
}

.tmVyrobci li.active a {
	padding: 10px 12px 8px 20px;
}

#menu {
	position: absolute;
	left: -6px;
	top: 215px;
	padding: 0;
	margin: 0;
}

#menu li {
	background: none;
	padding: 0;
	margin: 0;
	float: left;
	background: url("../images/page/menu_item_left.png") 0 0 no-repeat;
}

#menu li a {
	display: block;
	_float: left;
	padding: 12px 15px 8px 15px;
	margin: 0;
	font-size: 15px;
	color: #aa4000;
	background: url("../images/page/menu_item_right.png") right 0 no-repeat;
	text-decoration: none;
}

#menu li a.small {
	font-size: 11px;
	padding-top: 7px;
}

#menu li a:hover {
	color: #6b5f4b;
}

#menu li.active {
	background: url("../images/page/menu_item2_left.png") 0 0 no-repeat;
}

#menu li.active a.small {
	padding-top: 11px;
}

#menu li.active a {
	padding: 19px 15px 8px 15px;
	color: #fff !important;
	background: url("../images/page/menu_item2_right.png") right 0 no-repeat;
}


/*--FOOTER---------------------------------------------------------------*/

#footer {
	width: 930px;
	margin: 0 auto;
	position: relative;
}

#footer .sitemap {
	position: absolute;
	left: 110px;
	top: 30px;
}

#footer .producers {
	position: absolute;
	left: 315px;
	top: 30px;
}

#footer .terms {
	position: absolute;
	left: 523px;
	top: 30px;
}

#footer .contacts {
	position: absolute;
	left: 735px;
	top: 35px;
}


/*--HP-----------------------------------------------------------------*/

.hpText {
	padding: 0 100px;
	text-align: justify;
}

.hpText h2 {
	color: #cc6229;
	font-size: 22px;
}

.newsLeft, .newsRight {
	width: 340px;
	float: left;
}

.newsLeft {
	padding-right: 22px;
	border-right: 1px #d0ccc5 solid;
}

.newsRight {
	padding-left: 22px;
}

.newsLeft h3, .newsRight h3 {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 2px 0;
}

.newsLeft h3 a, .newsRight h3 a {
	color: #c95f1f;
	text-decoration: none;
}

.newsLeft h3 a:hover, .newsRight h3 a:hover {
	text-decoration: underline;
}

.newsLeft p, .newsRight p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}

.news {
	margin-bottom: 20px;
}

.date {
	font-size: 10px;
	display: block;
	margin-bottom: 10px;
}

.partners {
	margin: 0 0 20px 0;
	position: relative;
}

.bubliny {
	position: absolute;
	right: -20px;
	top: 15px;
}


/*--FORMS--------------------------------------------------------------*/

form {
	padding: 0;
}

form.pageSizeForm {
	padding: 15px 0 15px 3px;
	float: right
}

.ajaxTextContainer {
	display: inline-block;
}
.ajaxTextContainer {
	*display: inline;
}

table.productTable  {
	width: 100%;
	border-collapse: collapse;
}

table.productTable td {
	padding: 5px 3px;
	color: #6B5F4B;
	text-align: right;
	border: 1px #C8C1B7 solid;
}

table.productTable td.taLeft {
	text-align: left;
}

table.productTable td.taCenter {
	text-align: center;
}

table.productTable th {
	padding: 5px 3px;
	background: #C95F1F;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
}

table.productTable th a {
	background-color: black;
	color: white;
}

table.productTable a.detailInfo {
	text-decoration: none;
	color:black;
}
table.productTable div.detailInfoContainer {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

table.productTable a.detailInfo:hover {
	/*background-color: lightgreen;*/
}

table.productTable div.detailInfoContainer .fuckIE6 {
	display: none;
	position: absolute;
	top: -190px;
	left: -420px;
	width: 30em;
	z-index: 1;
	padding: 12px 12px 0 12px;
	background: #fff;
	border: 1px #676767 solid;
}

table.productTable div.detailInfoContainer table {
	width: 100%;
	border-collapse: collapse;
}

table.productTable div.detailInfoContainer .closeIt {
	display: block;
	position: absolute;
	padding: 5px;
	color: white;
	font-weight:bold;
	top:0px;
	right:0px;
	cursor:pointer;
	_cursor:hand;
}

table.productTable a.detailInfo:hover div {
	/*display: block;*/
}

table.productTable tr:hover>td {
	background-color: #ECEBE7;
}

table.productTable tr:hover a.detailInfo div {
	/*display: block;*/
}

/*--WIDE-CONTENT----------------------------------------------------------*/

#wideContent {
	padding: 30px 10px 0 10px;
	min-height: 320px;
	_height: 320px;
}

.filter label {
	font-size: 12px;
	color: #6B5F4B;
}

.button1 {
	width: 71px;
	height: 22px;
	color: #fff !important;
	border: none;
	background: url("../images/page/button1.gif") 0 0 no-repeat;
	cursor: pointer;
	font-size: 11px;
}

.button2 {
	width: 103px;
	height: 22px;
	color: #fff !important;
	border: none;
	background: url("../images/page/button2.gif") 0 0 no-repeat;
	cursor: pointer;
	font-size: 11px;
}

a.button1, a.button2{
	display: block;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
}

.fulltext {
	padding: 10px 0 15px 3px;
	border-bottom: 1px #C8C1B7 solid;
}

.producer {
	padding: 15px 0 15px 3px;
	margin-bottom: 20px;
	border-bottom: 1px #C8C1B7 solid;
}

.product {
	padding-top: 5px;
}

.product input, .product a {
	float: left;
	margin-right: 8px;
}

.product .fLeft label {
	vertical-align: top;
	line-height: 18px;
}

table.productTable th.green {
	background: #A0BB5B;
}

table.productTable th.red {
	background: #D94126;
}

table.productTable th.blue {
	background: #1B95D9;
}

table.productTable th.orange {
	background: #E48701;
}

table.productTable th.brown {
	background: #AA4000;
}

.navigation-bar {
	float: right;
	padding-right: 50px;
}

.plusMinus {
	display: block;
	float: right;
	width: 10px;
}

.count {
	display: block;
	float: left;
	padding-left: 12px;
	line-height: 20px;
}

.loga {
	background: #fff;
}

.loga td {
	background: none;
	padding: 10px;
	border: none;
	text-align: center;
	vertical-align: middle;
}

/*--SEARCH-----------------------------------------------------------------------*/

#searchFormBox {
	 padding: 0;
	 margin:5px 0 5px 0;
}

#searchFormBox td  {
	 border: none;
	 background: none;
	 padding: 0 10px 8px 0;
}


#pokrocile-vyhledavani {
	width:100%;
	display:none;
	padding-top:10px;
	margin-top:0px;
	border-top:1px solid #CCCCCC;
}
hr.searchHr {
	margin-top: 8px;
	clear:both;
}

.searchPerex {
	padding: 15px 0 0 0;
}

.paginator {
	border: none;
	margin-top: 15px;
}

.paginator td {
	border: none;
	background: none;
}