* {margin: 0;	padding: 0; border: 0;}
body {background: #f1f1f1; font: normal 12px Arial; color: #3b3b3b;}
img {border: none;}
a {text-decoration: none; color: #D57D02;}
ul {list-style: none;}
 ol li {
	list-style-type: decimal;
	margin-left: 15px;
	margin-top: 10px;
	list-style-position: outside;
}



/* -------------------------- struktura -------------------------- */ 

#intro {
	background: url(../gfx/bg_pivo.jpg) 50% 0 repeat-y;
	min-width: 955px;
	
}

#intro #content {
	background: url(../gfx/intro_header_bg.gif) 0 0 repeat-x;
	height: 267px;
	min-width: 955px;
	padding: 87px 0 0 0;
}

#intro #content div #intro-content {
	height: 180px;
	background: url(../gfx/intro_form_bg.gif) 0 0 no-repeat;
}

#intro #content div #intro-img {
	height: 202px;
	background: url(../gfx/intro_img.jpg) 0 0 no-repeat;
}

#intro #logo {
	position: absolute;
	top: 25px;
	left: 80px;
	width: 164px;
	height: 130px;
}

#intro #content div #intro-content div {
	width: 470px;
	height: 130px;
	background: url(../gfx/intro_form_box_bg.gif) 0 0 repeat-y /*#F0E68C*/;
	float: right;
	margin: 20px 15px auto auto;
	display: inline;
	padding: 10px 35px 0 35px;
}

#intro #intro-content div p {
	font: normal 11px Arial;
	color: #d77d01;
}

/* ------------------------ intro form ------------------------- */

form#intro-form {
	margin: 18px 0 0 0;
}

form#intro-form select {
	border: solid 1px #d77d01;
	margin: 0 0 0 15px;
}

input#odist, input#vstupit {
	width: 86px;
	height: 22px;
	background: red;
	font: normal 12px Arial;
	color: #d77d01;
	text-align: center;
	line-height: 22px;
}

input#odist {
	background: url(../gfx/btn_odist.gif) 0 0 no-repeat;
	margin: 8px 0 0 30px;	
}

input#vstupit {
	background: url(../gfx/btn_vstupit.gif) 0 0 no-repeat;
	margin: 8px 0 0 10px;
}




#subflashbanner {
	margin-top: 10px;
	width: 230px; height: 230px;
	display: block;
	clear: both;
}





#header {
	height: 390px;
	background: url(../gfx/top_bg.gif) 0 0 repeat-x;	
	min-width: 955px;
}

#content {
	background: url(../gfx/bg_pivo.jpg) 50% 0 repeat-y;		
	min-width: 955px;
	padding: 156px 0 20px 0;
}

#content #inner-content {
	width: 815px;	
	height: 156px;
	background: url(../gfx/bg_news_txt.jpg) 50% 0 no-repeat;	
	padding: 30px 52px 0 48px;
	margin: 0 auto;
	position: relative;
}

#footer {
	background: url(../gfx/footer_bg.gif) 0 0 repeat-x;		
	height: 100px;
	min-width: 955px;
	margin: 0 0 92px 0;
	text-align: center;
}

#header div, #sab div, #footer div, #header .subpage div, #intro #content div {
	width: 915px;
	margin: 0 auto;
	position: relative;
}

#sab
{
   height: 42px;
   background: #FFFFFF;
	border-top: solid 2px #ab9967;
  	pppposition: fixed;
  	left: 0px;
  	min-width: 955px;
	width: 100%;
  	bbbbottom: 0px;
}

#intro #sab
{
   height: 42px;
   background: #FFFFFF;
	border-top: solid 2px #ab9967;
  	position: fixed;
  	left: 0px;
  	min-width: 955px;
	width: 100%;
  	bottom: 0px;
}


/* -------------------------- header, logo a navigacia -------------------------- */ 

#header-img {
	width: 915px;
	height: 382px;
	bbbbackground: url(../gfx/promo_img.png) 0 0 no-repeat;
	position: absolute;
	top: 160px;
}

#logo {
	position: absolute;
	top: 30px;
	left: 0;
}
h1 {
	display: none;
}

/* -------------------------- navigacia -------------------------- */ 

#header div #main-nav {
	width: 646px;
	height: 37px;
	position: absolute;
	top: 113px;
	right: 0;
	background: red;
}

#header div #main-nav-left {
	width: 8px;
	height: 37px;
	background: url(../gfx/menu_left.gif) no-repeat;
	float: left;
}

#header div #main-nav-middle {
	width: 630px;
	height: 37px;
	background: url(../gfx/menu_middle.gif);
	float: left;
}

#header div #main-nav-right {
	width: 8px;
	height: 37px;
	background: url(../gfx/menu_right.gif) no-repeat;
	float: left;
}

#header div #main-nav ul {
	line-height: 37px;
	text-align: center;
}

#header div #main-nav ul li {
	display: inline;		
}

#header div #main-nav ul li a {
	font: bold 12px Arial;
	color: #fff;
	padding: 9px 10px 7px 10px;
	margin-left: -5px;
	background: url(../gfx/li_line.gif) 100% 50% no-repeat;	
}

#header div #main-nav ul li a:hover {
	border-bottom: solid 2px #dc0100;
	bbbborder-top: solid 2px #fff; 	/* tento border je tam kvoli tomu, ze v IE sa pozadie prvkov menu posuvalo o 2px dolu*/
}

#header div #main-nav ul li a#no-bg {background: none;}

#main-nav ul li a.active {
	margin-left: -5px;
	border-bottom: solid 2px #dc0100;
	bbbbborder-top: solid 2px #fff;
}

/* -------------------------- news boxy a produktove boxy -------------------------- */ 

.news-box {
	width: 170px;
	height: 132px;
	float: left;	
	padding-right: 20px;
	padding-left: 20px;
	background: url(../gfx/news_box_bg.gif) 100% 0 repeat-y;
}

.product-box {
	width: 180px;
	height: 132px;
	float: left;	
	padding-right: 15px;
	padding-left: 15px;
	background: url(../gfx/news_box_bg.gif) 100% 0 repeat-y;
}

.news-box-text {
	height: 105px;
	overflow: hidden;		
}

.product-box-text {
	height: 120px;
	overflow: hidden;		
}

.first-news-box, .first-product-box {
	padding-left: 0;
}

.last-news-box, .last-product-box {
	background: none;
	padding-right: 0;
}

h2 {
	font: normal 14px Arial;
	color: #d77d01;
	margin: 0 0 15px 0;
 }

.news-box p, .product-box p, .product-list li {
	font: normal 11px Arial;
	color: #3b3b3b;
}

.product-list {
	margin: 5px 0 7px 0;
}

.product-list li a {
	font: bold 11px Arial;
	color: #d77d01;
}

.product-list li a:hover {
	text-decoration: underline;
}

.product-box .product-list li {
	line-height: 18px;
}

.news-box-more {
   margin-top:8px;
	width: 80px;
	height: 22px;
	padding: 0 0 0 6px;
	background: url(../gfx/btn_read_more.gif) 0 0 no-repeat;
	float: right;
}

.news-box-more a {
	font: normal 11px Arial;
	color: #d57d02;
	margin-top: 20px;
}

.news-box-more a:hover {
	text-decoration: underline;
}

/* -------------------------- footer -------------------------- */ 

#footer div ul {
	padding: 14px 0 3px 0;
}

#footer div ul li {
	display: inline;
}

#footer div ul li a {
	font: normal 10px Arial; 
	color: #a5a5a5;
	padding: 0 5px;
	line-height: 10px;
	border-right: solid 1px #bbb;
	margin-left: -5px;
}

#footer div ul li a:hover {
	text-decoration: underline;
}

#footer p {
	font: normal 10px Arial; 
	color: #a5a5a5;
}

#footer div ul li a.no-border {
	border: none;
}










/* ------------------------- subpage struktura ------------------------- */ 

#subpage #header {
	height: 353px;
	background: url(../gfx/top_bg_sub.gif) 0 0 repeat-x;
}

.hhhvyska { height:382px; }


#subpage #header-img {
	height: 189px;
	background: url(../gfx/top_img_mask.png);
}

#subpage #content {
	padding-top: 0;
}

#subpage #content #inner-content {
	width: 915px;
	height: auto;
	padding: 60px 0 0 0;
	background: url(../gfx/bg_content_top.jpg) 0 0 no-repeat;
}

#content-wrapper {
	width: 913px;
	float: left;
	margin-top: 17px;
	background: url(../gfx/bg_wrapper.gif) 50% 100% no-repeat #fff;
	border-left: solid 1px #d77e00;
	border-right: solid 1px #d77e00;
}

#subpage #content #inner-content #side-content {
	width: 230px;
	float: left;
	margin-top: -20px;
	background: url(../gfx/bg_submenu.gif) no-repeat;
	min-height: 208px; 
	padding-bottom: 50px;
}

#subpage #content #inner-content #main-content {
	width: 617px;
	float: right;
	margin-top: -20px;
	padding: 0 38px 0 0;
}

#subpage #content #inner-content #main-content a {text-decoration: underline;}
#subpage #content #inner-content #main-content a:hover {text-decoration: none;}

#top-print {
	width: 675px;
	height: 63px;
	background: url(../gfx/content_bg_bottom.png) 0 0 no-repeat; 
	clear: left;
	padding: 10px 0 0 240px;
}
 
/* ------------------------- subpage typografia ------------------------- */ 

#subpage h1, #produkty h1 {
	display: block;
	font: normal 28px Georgia;
	color: #d77d01;
	margin: 0 0 25px 0;
}

#subpage #inner-content h2, #produkty #inner-content h2 {
	font-size: 16px;
	margin: 25px 0;
}

#subpage #inner-content p, #produkty #inner-content p {
	font: normal 12px Arial;
	color: #3b3b3b;
	margin: 20px 0;
	line-height: 18px;
}

/* ------------------------- subpage navigacia ------------------------- */ 

#subpage #side-content ul {
	background: url(../gfx/btn_subpage_nav.gif) 0 0 repeat-y;	
	/*float: left;*/
	overflow: auto;
}

#subpage #side-content ul li {
	width: 227px;
	background: url(../gfx/dots.gif) repeat-x 0 100%;
	display: inline;
	float: left;
}

#subpage #side-content ul li a {
	width: 178px;
	display: block;
	padding: 7px 10px 7px 40px;
	font: bold 12px arial;
	color: #fff;
	background: url(../gfx/subpage_nav_arrow.gif) 10% 50% no-repeat;	
}

#subpage #side-content ul li a:hover {
	background: url(../gfx/subpage_nav_arrow.gif) 10% 50% no-repeat #e51937;
	padding: 7px 10px 7px 40px;
}

#subpage #side-content ul li a.active {
	background-color: #e51937;
}

/* ------------------------- top print butons ------------------------- */ 

#top-print div {
	width: 102px;
	height: 22px;
	background: url(../gfx/top_print.gif) 0 0 no-repeat;
	margin: 0 0 0 20px;
}

#top, #print {font: normal 11px/22px Arial; color: #d57d02;}
#top {margin: 0 0 0 25px;}
#print {margin: 0 0 0 12px;}

a#top:hover, a#print:hover {text-decoration: underline;}










/* ------------------------- subpage boxiky ------------------------- */ 

.content-box {
	width: 300px;
	height: 146px;
	margin: 0 0 18px 0;
	float: left;
}

.content-box-right {
	float: right;
}

.content-box .content-box-text {
	width: 276px;
	height: 95px;
	background: url(../gfx/content_box_bg.gif) 0 0 no-repeat;	
	padding: 12px;
	overflow: hidden;
}

.content-box .content-box-text img {
	float: left;
	border: solid 2px #fff;
}

#subpage #content-boxes .content-box .content-box-text p {
	font: normal 11px arial;	
	line-height: 14px;
	color: #fff;
	height: 71px;
	overflow: hidden;
	margin: 0 0 10px 0;
    
  float: right;
  display: block;
  width: 166px;
}

#subpage #content-boxes .content-box .content-box-text h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 8px 0;
		
  float: right;
  display: block;
  width: 166px;
}

#subpage #content-boxes .content-box .content-box-text h2 a {
	color: #fff;
}

#subpage #content-boxes .content-box .content-box-text h2 a:hover {
	text-decoration: underline;
}

.content-box .content-box-more {
	width: 300px;
	height: 25px;
	border-top: solid 2px #fff;
	background: url(../gfx/content_box_bottom_bg.gif) 0 0 no-repeat;	
}

.content-box .content-box-more a img {
	width: 13px;
	height: 15px;
	margin: 5px 0 0 277px;
}









/* ------------------------- subpage tlacove spravy a archiv------------------------- */ 

/*.tlacova-sprava {
	padding: 0 0 1px 0;
}*/

.tlacova-sprava {
	display: block;
	padding-bottom: 5px;
	overflow: auto;
}

#archive-list {	
	margin-bottom: 20px;
}

#archive-list li {	
	line-height: 30px;
	background: url(../gfx/tlacova_archiv_bg.gif) 0 100% no-repeat;
	padding: 0 0 0 8px;
}

#archive-list span {	
	font: normal 11px Arial;
	color: #d77d01;
}

#archive-list li a {
	margin-left: 20px;
	font: bold 12px Arial;
	color: #d77d01;
}

#archive-list li a:hover {
	text-decoration: underline;
}

#subpage #tlacove-spravy .tlacova-sprava .tlacova-sprava-date {
	margin: 0;
	font: normal 10px Arial;
	color: #d77d01;
	background: url(../gfx/tlacova_sprava_date_bg.gif) 0 50% no-repeat;
	padding: 0 0 0 10px;
}

#subpage #tlacove-spravy .tlacova-sprava h2 {
	margin-top: 5px;
	margin-bottom: 20px;
}

#subpage #tlacove-spravy .tlacova-sprava p {
	margin-bottom: 0;
}

#subpage #tlacove-spravy .tlacova-sprava h2 a {
	color: #d77d01;
}

#subpage #tlacove-spravy .tlacova-sprava h2 a:hover {
	text-decoration: underline;
}

.tlacova-sprava-viac {
	width: 100%;
	height: 20px;
	padding-top: 5px;
	margin-bottom: 15px;
	background: url(../gfx/tlacova_sprava_bg.gif) 0 100% repeat-x;
}

.tlacova-sprava-viac img {
	float: right;
	margin: 5px 5px 0 0;
}










/* ------------------------- produkty detail struktura ------------------------- */ 

#produkty #content #inner-content {
	width: 915px;
	height: auto;
	padding: 131px 0 0 0;
	background: url(../gfx/bg_content_produkty.gif) 0 0 no-repeat;
}

#produkty #products-table {
	width: 815px;
	margin: -100px auto 0 auto;
	position: relative;
}

#produkty #products-table th {
	padding: 0 0 0 210px;
	text-align: left;
}

#products-table .product-img {
	width: 210px;
	text-align: center;
	padding: 0;
}

#produkty #products-table .product-desc {
	background: url(../gfx/product_desc_bg.gif) 0 90% repeat-x;	
	width: 605px;
	padding: 0 0 30px 0;
}

#produkty #products-table .product-desc h2 {
	margin-top: 0;	
}



/* -------------------------------------------------------------------------------------- subpage2 */

#subpage2 #content {
	padding-top: 155px;;
}

#subpage2 #content #inner-content {
	width: 915px;
	height: auto;
	padding: 60px 0 0 0;
	background: url(../gfx/bg_content_top.jpg) 0 0 no-repeat;
}

#subpage2 #content #inner-content #side-content {
	width: 230px;
	float: left;
	margin-top: -20px;
	background: url(../gfx/bg_submenu.gif) no-repeat;
	min-height: 208px; 
	padding-bottom: 50px;
}

#subpage2 #content #inner-content #main-content {
	width: 617px;
	float: right;
	margin-top: -20px;
	padding: 0 38px 0 0;
}

#subpage2 h1 {
	display: block;
	font: normal 28px Georgia;
	color: #d77d01;
	margin: 0 0 25px 0;
}

#subpage2 #inner-content h2 {
	font-size: 16px;
	margin: 25px 0;
}

#subpage2 #inner-content p {
	font: normal 12px Arial;
	color: #3b3b3b;
	margin: 20px 0;
	line-height: 18px;
}

#subpage2 #side-content ul {
	background: url(../gfx/btn_subpage_nav.gif) 0 0 repeat-y;	
	float: left;
	width: 230px;
}

#subpage2 #side-content ul li {
	width: 227px;
	background: url(../gfx/dots.gif) repeat-x 0 100%;
	display: inline;
	float: left;
}

#subpage2 #side-content ul li a {
	width: 188px;
	display: block;
	padding: 7px 0;
	font: bold 12px arial;
	color: #fff;
	padding-left: 40px;	
	background: url(../gfx/subpage_nav_arrow.gif) 10% 50% no-repeat;	
}

#subpage2 #side-content ul li a:hover {
	background: url(../gfx/subpage_nav_arrow.gif) 10% 50% no-repeat #e51937;
	padding: 7px 0 7px 40px;
}

#subpage2 #side-content ul li a.active {
	background-color: #e51937;
}

/* -------------------------------------------------------------------------------------- */

.gallery {
	float: left;
	width: 600px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.gallimg {
	float: left;
	height: 144px;
	width: 144px;
	border: 1px solid #dee7de;
	margin-right: 10px;
	margin-top: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}

ol { list-style-position: inside; }

#main-content ul { list-style-position: outside; list-style-type: none; }
#main-content ul li { list-style-type: disc; margin-left: 15px; margin-top: 10px; }

/*Eurokalkulacka*/

#calc
{
	width:192px;
	height:239px;
	padding:0 16px 7px 16px;
	background-image: url('../gfx/pozadie.jpg');
	overflow:hidden;
	font-size:12px;
}

* html #calc
{
	/*background:none;*/
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mainBG.png', sizingMethod='scale'); */
}

* html #calc td
{
	position:relative;
}

* html #calc input
{
	position:relative;
}

#calc div.nadpis
{
	text-transform:uppercase;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#cb2121;
	margin:20px 0 20px 0;
	height:16px;
}

#calc input
{
	position:relative;
}

#eur
{
	width:40px;
	border:1px solid #cb2121;
	margin:0 5px;
}

#skk
{
	width:60px;
	border:1px solid #cb2121;
	margin:0 5px;
}

#currency
{
	margin:9px 0 9px 0;
	text-align:center;
}

#calc table
{
	border-collapse:collapse;
	margin-left:-4px;
}



#calc table td
{
	width:43px;
	height:32px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	position:relative;
	padding:0;
	margin:0;
}

#calc .back, #calc .clear, #calc .eur, #calc .skk
{
	width:57px;
	padding-left:9px;
}