@import "thickbox.css";

/* Zero space
*******************************************************************************/
html { margin:0; padding: 0; }
body { margin: 0; padding: 0 0; }
p, ul, li, form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* Generic
*******************************************************************************/
body { background: #ffffff; font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif; }

a { color: #F94F00; }
a:hover { color: #F94F00; }
ul { padding: 0 1em; }
img { border: 0; }
img.border{ border: 1px solid #ccc; padding: 3px; background: #ffffff; }
acronym:hover { cursor: help; }
strong { }

fieldset { margin: 0.5em 0; padding: 0.5em 1em; background: #F8F8F8; border: 1px solid #7C0508; }
legend { background: #7C0508; padding: 0.1em 2em; color: #ffffff; font-weight: bold; }
label { width: 80px; float: left; text-align: right; margin-right: 1em; }
label.req { font-weight:bold; }
fieldset input { width:175px; margin: 0.3em 0; }
textarea { width:330px; height:110px; margin: 0.3em 0;}
fieldset p.submit { text-align: center; }
fieldset p.info { font-size: 0.8em; margin-top: 1em; }
table { border-collapse: collapse; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 1em;  }
td, th { padding: 0.5em 2em; border: 1px solid #7C0508;  }
td.price { text-align: center; }

/* Common
*******************************************************************************/
hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }
.hidden { display: none; }
.error { margin: 0.5em 0; color: red; font-weight: bold;  }
.fleft { float: left; }
.fright { float: right; }
.aleft { text-align: left; }
.aright { text-align: right; }
.l_indent { margin-left: 1em; }
.r_indent { margin-right: 1em; }

.column-left { float: left; width: 50%; }
.column-right { margin-left: 50%; }


/* Container
*******************************************************************************/
#container { width: 960px; margin: 0 auto; /*_width: 100%; _margin: 0 20px;*/ }

/* Header (component)
*******************************************************************************/
div#header { position: relative; height: 306px; background: #ffffff url(img/header.jpg) no-repeat; }
h2#logo { position: absolute; left: 0; top: 0; height: 145px; width: 301px; background: #ffffff url(img/logo.jpg) no-repeat;}
h2#logo span { display: none; }
div#header_left { position: absolute; z-index: 2; left: 301px; top: 0; height: 145px; width: 381px; background: #00BBDD url(img/header_left.jpg) no-repeat;}
div#header-right { position: absolute; z-index: 1; right: 0px; top: 32px; height: 274px; width: 42px; background: #7C0508 url(img/header-right.jpg) no-repeat;}
div#flag { position: absolute; z-index: 1; right: 20px; top: 5px; height: 20px; width: 200px; }
div#flag a { margin: 0 0.5em; }
div#breadcrumb {}

/* Obsah
*****************************************************************************/
#content { position: relative; margin-top: 10px; min-height: 570px; _height: 570px; }

#center { margin-left: 280px; width: 680px; }
#left {
	position: absolute;
	top: 0;
	left: 0;
  width: 280px;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top: 10px;
	background: #E6E6E6; 
}
#right {
  position: absolute;
	top: 0;
	right: 0;
	width: 214px;       
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-top: 10px;
}


#footer {
  clear: both;
}





div#menu { position: absolute; top: 32px; left: 716px; height: 274px; width: 198px; background: #E6E6E6;  }
div#menu ul { list-style: none; padding: 15px 20px; }
div#menu li { border-bottom: 1px dotted #7C0508; line-height: 25px; }
div#menu li a { background: url(img/menu-li.gif) no-repeat 0% 50%;  padding-left: 15px; color: #7C0508; font-weight: bold; text-decoration: none; }
div#menu li a:hover { text-decoration: underline }

div#left-image { height: 364px; width: 273px; background: #ffffff url(img/bg-left.jpg) no-repeat top; }


div#right .box { background: #FEFAEB url(img/right_top.jpg) no-repeat;  }
div#right .box h3 { color: #ffffff; font-size: 1em; padding: 0.4em 1.5em; text-align: right;  }
div#right .news { margin: 0.3em 0.5em; color: #D07A0F; }



/* Main content of page
*******************************************************************************/
#main { padding: 10px 20px;  line-height: 1.3; color: #000000; }
#main h1 { color: #7C0508; margin: 0.5em 0 0.5em 0; font-size: 1.8em; }
#main h3 { color: #7C0508; padding: 0.5em 0 0.5em 0; font-size: 1.3em; }
#main h3.products { padding: 0 0 0.5em 0; }
#main p { margin-bottom: 0.5em; }
#main p.structure { margin-bottom: 0.2em; font-size: 0.8em; }

#main table.parametr caption { border: 1px solid #1065B1; font-size: 1.1em; font-weight: bold; background:#1065B1; color: #ffffff; }
#main table.parametr td, 
#main table.parametr th { border: 1px solid #0F63B0; _border-top: 0; padding: .2em .5em; font-size: 0.9em; background: #ECF5F9; }
#main table.parametr th { text-align: right; }

#main img.products { float: left; margin: 0 1em 2em 0; }


#main .box { height: 158px; }
#main .box h3 a { text-decoration: none; font-size: 1.3em; }
#main hr.divider { clear: both; text-align: center; margin: 1em; border: 1px solid #ffffff; }

a.help { padding:0; padding-right: 17px; background:url("img/help.gif") top right no-repeat; }


#slideShow1 {	float: right; width: 210px;	height: 250px; border: 1px solid #ccc; padding: 10px; padding-bottom: 0;	background-color: #fff; margin: 10px; }
#slideShow1 a {	text-decoration: none; }
.pagelinks { display: none; }
.link { position: absolute; bottom: 0; right: 0; text-align: right;  margin: 0.5em 1em; }
.slideCaption {	 text-align: center; font-size: 0.9em; font-weight: bold; color: #000000; margin: 0; padding: 0;}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide {	background-image: url(img/spacer.gif); }
.nextSlide:hover { background-image: url(img/nextslide.jpg); background-repeat: no-repeat;	background-position: right bottom; }
.prevSlide:hover { background-image: url(img/prevslide.jpg);	background-repeat: no-repeat;	background-position: left bottom; }

#tooltipURL
{
	display: none;
}

	



/* Footer (component)
*******************************************************************************/
div#footer { clear: both; margin: 0; color: #ffffff; font-size: 0.8em; font-weight: bold;
	padding-left: 1em; height: 25px; line-height: 25px; background: #7C0508; margin-bottom: 1em; }
div#footer .producer { float:right;  width: 200px; padding-right: 1em; text-align: right; }
div#footer a { color: #ffffff; }