html{
font-size:100.01%;
height:100%;
width:100%;
border:0;
padding:0;
margin:0;
} 
body{
font-size:.750em;
font-family:trebuchet ms,arial,verdana;
color:#113461;
margin:0;
padding:0;
text-align:center;
background:#fff;
height:100%;
width:100%;
border:0;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#113461;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
#page{
width:920px;
margin:0px auto;
text-align:left;
}
/*HEADER begin*/
#header{
width:920px;
height:125px;
position:relative;
top:40px;
}
#header h2 a{
width:177px;
height:111px;
top:-14px;
}
#header h2 a span{
width:177px;
height:111px;
background:url(../gfx/eurobal-logo.gif);
}
/*HEADER end*/

/*MENU begin*/
ul#menu{
position:absolute;
top:0;
right:0;
}
ul#menu li{
float:left;
margin-left:1px;
}
ul#menu li a{
width:75px;
height:84px;
padding:3px 6px 0;
color:#fff;
text-transform:lowercase;
font-weight:bold;
text-decoration:none;
line-height:1.1;
}
ul#menu li a .new{
background:url(../gfx/menu-new-1.gif) no-repeat left bottom;
width:60px;
display:block;
padding-bottom:8px;
font-size:13px;
font-weight:normal;
text-align:center;
position:absolute;
bottom:11px;
right:5px;
}
ul#menu li.menu5 a .new,ul#menu li.menu6 a .new,ul#menu li.menu7 a .new,ul#menu li.menu8 a .new{
background:url(../gfx/menu-new-2.gif) no-repeat left bottom;
}
ul#menu li.menu1 a{
background:url(../gfx/menu-1.gif);
}
ul#menu li.menu2 a{
background:url(../gfx/menu-2.gif);
}
ul#menu li.menu3 a{
background:url(../gfx/menu-3.gif);
}
ul#menu li.menu4 a{
background:url(../gfx/menu-4.gif);
}
ul#menu li.menu5 a{
background:url(../gfx/menu-5.gif);
}
ul#menu li.menu6 a{
background:url(../gfx/menu-6.gif);
}
ul#menu li.menu7 a{
background:url(../gfx/menu-7.gif);
}
ul#menu li.menu8 a{
background:url(../gfx/menu-8.gif);
}
/*MENU end*/
#content{
width:920px;
padding:40px 0 20px;
}
#leftCol{
width:177px;
float:left;
}
/*LEFTCOL SUBMENU begin*/
#leftCol ul.submenu li{
width:177px;
float:left;
}
#leftCol ul.submenu li a{
width:167px;
height:32px;
padding:3px 5px;
background:url(../gfx/left-menu-bg.gif);
display:block;
color:#fff;
font-weight:bold;
font-size:13px;
text-decoration:none;
float:left;
line-height:1.2;
}
#leftCol ul.submenu li li a{
height:auto !important;
padding:3px 5px;
background:none;
font-size:12px;
font-weight:normal;
background:#616161;
}
#leftCol ul.submenu li li a:hover,#leftCol ul.submenu li li a.active{
background:#3db819;
}
#leftCol ul.submenu li li.minus a{
background:#616161 url(../gfx/menu-minus.gif) no-repeat 6px 7px;
padding-left:19px;
width:153px;
}
#leftCol ul.submenu li li.minus a:hover,#leftCol ul.submenu li li.minus a.active{
background:#3db819 url(../gfx/menu-minus.gif) no-repeat 6px 7px;
}
#leftCol ul.submenu li li.plus a{
background:#616161 url(../gfx/menu-plus.gif) no-repeat 6px 7px;
padding-left:19px;
width:153px;
}
#leftCol ul.submenu li li.plus a:hover,#leftCol ul.submenu li li.plus a.active{
background:#3db819 url(../gfx/menu-plus.gif) no-repeat 6px 7px;
}

#leftCol ul.submenu li li li a{
height:auto !important;
padding:2px 5px !important;
width:167px !important;
background:none;
font-size:12px;
font-weight:normal;
background:#7f7f7f !important;
}
#leftCol ul.submenu li li li a:hover, #leftCol ul.submenu li li li a.active{
background:#3db819 !important;
}
/*LEFTCOL SUBMENU end*/

/*LEFTCOL SEARCH begin*/
form#searchForm fieldset{
width:177px;
padding:11px 0 0;
margin:0;
}
form#searchForm input.inputText{
width:111px;
height:19px;
border:1px solid #1d355d;
background:#fff;
float:left;
padding:0 3px;
margin:0;
font-family:trebuchet ms;
font-size:12px;
}
form#searchForm input.btn{
width:52px;
height:21px;
float:right;
background:#1d355d;
text-align:center;
color:#fff;
font-size:12px;
border:0;
cursor:pointer;
font-family:trebuchet ms;
line-height:22px !important;
}
form#kategorieForm fieldset{
padding:11px 0 0;
&padding:5px 0 0;
}
/*LEFTCOL SEARCH end*/

/*LEFTCOL ICONS LIST begin*/
ul.icons{
margin:13px 0 0;
}
ul.icons a{
text-decoration:none;
display:block;
float:left;
}
ul.icons a:hover{
text-decoration:underline;
}
ul.icons li.iconPortfolio a{
background:url(../gfx/icom-portfolio.gif) no-repeat 0 0;
padding:8px 0 8px 32px;
}
ul.icons li.iconPrint a{
background:url(../gfx/icon-print.gif) no-repeat 0 0;
padding:4px 0 9px 32px;
}
ul.icons li.iconMail a{
background:url(../gfx/icon-mail.gif) no-repeat 0 0;
padding:1px 0 8px 32px;
}
ul.icons li.iconPdf a{
background:url(../gfx/icon-pdf.gif) no-repeat 0 0;
padding:5px 0 5px 32px;
}
ul.icons li.iconportfolio a{
background:url(../gfx/portfolio.png) no-repeat 0 0;
padding:5px 0 5px 32px;
}
/*LEFTCOL ICONS LIST end*/
#mainCol{
width:703px;
float:right;
line-height:1.3;
}
#mainCol h1{
font-size:18px;
font-weight:normal;
padding:0 0 12px;
}
#mainCol p{
padding:0 0 12px;
}
#mainCol li{
padding:0 0 0 13px;
background:url(../gfx/li.gif) no-repeat 0 5px;
}

/*TABLE PRODUCTS begin*/
table.tabProducts{
border-collapse:collapse;
border:1px solid #fff;
width:100%;
}
table.tabProducts h2{
font-size:18px;
font-weight:bold;
line-height:1.1;
padding:0 0 6px;
}
table.tabProducts td{
background:#e4e4e4;
vertical-align:top;
width:174px;
position:relative;
height:220px;
display:block;
float:left;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
table.tabProducts td div{
padding:10px;
}
table.tabProducts td a.link{
position:absolute;
bottom:10px;
left:10px;
display:block;
width:85px;
}
table.tabProducts td.product1{
background:#e4e4e4 url(../gfx/icon-product-1.jpg) no-repeat right bottom;
}
table.tabProducts td.product2{
background:#e4e4e4 url(../gfx/icon-product-2.jpg) no-repeat right bottom;
}
table.tabProducts td.product3{
background:#e4e4e4 url(../gfx/icon-product-3.jpg) no-repeat right bottom;
}
table.tabProducts td.product4{
background:#e4e4e4 url(../gfx/icon-product-4.jpg) no-repeat right bottom;
}
table.tabProducts td.product5{
background:#e4e4e4 url(../gfx/icon-product-5.jpg) no-repeat right bottom;
}
table.tabProducts td.product6{
background:#e4e4e4 url(../gfx/icon-product-6.jpg) no-repeat right bottom;
}
table.tabProducts td.product7{
background:#e4e4e4 url(../gfx/icon-product-7.jpg) no-repeat right bottom;
}
table.tabProducts td.product8{
background:#e4e4e4 url(../gfx/icon-product-8.jpg) no-repeat right bottom;
}
/*TABLE PRODUCTS end*/

/* JQUERY SELECT begin */
div.selectbox-wrapper {
position:absolute;
background-color:white;
border:1px solid #4f4f4f;
border-top:0;
margin:0px;
text-align:left;
overflow:auto;
color:#1d355d;
z-index:1000;
padding:2px 3px;
font-family:trebuchet ms;
}
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.selectbox-wrapper ul li.selected { 
background-color:#f3f3f3;
}
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px 3px;
cursor:pointer;
}
.select177 .selectbox{
font-size:12px;
width:167px;
display:block;
text-align:left; 
background:url(../gfx/select-177.gif) right;
padding:2px 5px 0;
height:19px;
cursor:pointer;
border:0;
font-family:trebuchet ms;
}
/* JQUERY SELECT end */

/* FOOTER begin */
#footer{
width:100%;
height:20px;
position:fixed;
bottom:0;
left:0;
font-family:trebuchet ms;
background:#3db819;
color:#fff;
text-align:center;
}
#footer p{
padding:1px 0 0;
margin:0;
}
#footer a{
color:#fff;
}
* html #footer {
position:absolute;
bottom:auto;
top:expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
left:0;
}
/* FOOTER end */

/*HOMEPAGE begin*/
body#hp{
/*background:#fff url(../gfx/hp-bg.gif) no-repeat 0 top;*/
text-align:left;
}
body#hp #page{
/*background:#fff url(../gfx/hp-image.jpg) no-repeat left top;*/
position:relative;
min-height:665px;
margin:0;
text-align:left;
width:960px;
}
* html body#hp #page{
height:665px;
}
body#hp #page h1{
width:371px;
height:218px;
position:absolute;
top:0;
right:0px;
}
body#hp #page h1 span{
width:371px;
height:218px;
background:#fff url(../gfx/hp-logo.gif) no-repeat left top;
}
body#hp ul#langs{
position:absolute;
top:362px;
left:477px;
}
body#hp ul#langs li{
float:left;
margin:0 8px 0 0;
}
body#hp ul#langs li#langCZ a,body#hp ul#langs li#langEN a{
width:26px;
height:21px;
}
body#hp ul#langs li#langCZ a span{
width:26px;
height:21px;
background:url(../gfx/flag-cz.gif);
}
body#hp ul#langs li#langEN a span{
width:26px;
height:21px;
background:url(../gfx/flag-en.gif);
}
body#hp #news{
width:248px;
height:218px;
background:url(../gfx/hp-news-bg.gif) no-repeat 0 0;
position:absolute;
top:391px;
left:221px;
padding-top:30px;
}
body#hp #news h2{
position:absolute;
top:3px;
left:9px;
color:#fff;
font-size:14px;
font-weight:bold;
text-transform:lowercase;
}
body#hp #news .newsBox{
margin:0 8px 10px;
font-size:12px;
color:#fff;
line-height:1.2;
}
body#hp #news .newsBox h3{
font-size:12px;
font-weight:bold;
color:#fff;
}
body#hp #news .newsBox p.date{
color:#3db819;
}
body#hp #news .newsBox h3 a{
color:#fff;
}
body#hp ul#menu{
position:absolute;
top:391px;
right:0;
width:484px;
}
* html body#hp ul#menu{
width:485px;
}
body#hp ul#menu li{
float:left;
margin-left:1px;
margin-bottom:8px;
}
body#hp ul#menu li a{
width:104px;
height:117px;
padding:3px 8px 0;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:14px;
text-transform:lowercase;
position:relative;
line-height:1.2;
}
body#hp ul#menu li a .new{
background:url(../gfx/hp-menu-new-1.gif) no-repeat left bottom;
width:80px;
display:block;
padding-bottom:7px;
font-size:16px;
font-weight:bold;
text-align:center;
position:absolute;
bottom:11px;
right:5px;
}
body#hp ul#menu li.menu5 a .new,body#hp ul#menu li.menu6 a .new,body#hp ul#menu li.menu7 a .new,body#hp ul#menu li.menu8 a .new{
background:url(../gfx/hp-menu-new-2.gif) no-repeat left bottom;
}
body#hp ul#menu li.menu1 a{
background:url(../gfx/hp-menu-1.gif);
}
body#hp ul#menu li.menu2 a{
background:url(../gfx/hp-menu-2.gif);
}
body#hp ul#menu li.menu3 a{
background:url(../gfx/hp-menu-3.gif);
}
body#hp ul#menu li.menu4 a{
background:url(../gfx/hp-menu-4.gif);
}
body#hp ul#menu li.menu5 a{
background:url(../gfx/hp-menu-5.gif);
}
body#hp ul#menu li.menu6 a{
background:url(../gfx/hp-menu-6.gif);
}
body#hp ul#menu li.menu7 a{
background:url(../gfx/hp-menu-7.gif);
}
body#hp ul#menu li.menu8 a{
background:url(../gfx/hp-menu-8.gif);
}
#hpImage{
width:469px;
height:383px;
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:1000;
}
ul#nav{
position:absolute;
top:361px;
left:0;
z-index:2000;
width:460px;
text-align:right;
}
ul#nav li{
display:inline;
margin:0 2px;
}
ul#nav li a{
padding:0px 4px;
font-size:11px;
background:#c1c1c1;
text-decoration:none;
color:#fff;
}
ul#nav li a:hover,ul#nav li a.activeSlide{
color:#c1c1c1;
background:#fff;
}
.odsazeni{
padding-left: 10px;
padding-bottom: 10px;
}
/*HOMEPAGE end*/