@charset "utf-8";
/* CSS Document */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 0.75em Verdana, Geneva, sans-serif; color: #000; background:#fff url(../img/body-bg.png) 0 0 repeat-x; }

a { color: #315104; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { display: none; }
.center { text-align: center; }
img.center { display: block; margin: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap a span, a.overlap span { cursor:pointer; }
.overlap span { background-position:0 0; background-repeat:no-repeat; height:100%; left:0; position:absolute; top:0; width:100%; }

/******************************

	layout

******************************/
#page-wrapper { width: 990px; margin: auto; position: relative; padding-top: 295px; overflow: auto; background: url(../img/page-wrapper-bg.png) center 0 no-repeat; }
#column-wrapper { width: 970px; min-height:405px; margin:0 10px; background: #fff url(../img/column-wrapper-bg.png) center top no-repeat; }
#content { float: right; width: 690px; }
#content .spacer { margin:45px 40px 35px 25px; }
#left-column { float: left; width: 270px; }
#left-column .spacer { margin: 45px 0 0 35px; }
#shadow { position:absolute; width: 990px; height:232px; left:0; bottom:0; background: url(../img/shadow-bg.png) center bottom no-repeat; z-index:-1; margin-bottom:50px; }

/* jednosloupcovy layout */
#single-column #content { width: 960px; }
#single-column #content .spacer { margin-left: 30px; }
#single-column #left-column { display:none; }

/* dvojsloupcovy + trojsloupcovy layout */
#double-column #column-wrapper, 
#triple-column #column-wrapper { background: none; }

#double-column #content { width: 970px; float:none; background: #fff url(../img/double-column-content-bg.png) center top no-repeat; }
#double-column #content .spacer { margin: 0; }

#triple-column #content { width: 970px; float:none; background: #fff url(../img/triple-column-content-bg.jpg) center top no-repeat; }
#triple-column #content .spacer { margin: 0; padding-bottom:50px; }

#triple-column #column-wrapper #boxes { overflow:hidden; }

#double-column #content .box { width:425px; float:left; overflow:hidden; margin:0 30px 35px 30px; display:inline; }
#triple-column #content .box { width:270px; height:190px; float:left; overflow:hidden; margin:0 20px 20px 30px; display:inline; }

#double-column #content .last,  
#triple-column #content .last { margin-right:0; }

#double-column #content h2, 
#triple-column #content h2 { margin:20px 0 10px; text-transform:uppercase; }

#double-column #content ul, 
#triple-column #content ul { margin:0; }

#double-column #content ul li, 
#triple-column #content ul li { line-height:1.2em; margin:0 0 0.5em 0; background-position:0 0.8em; }

#double-column #content p.more, 
#triple-column #content p.more { margin:0; text-align:right; padding-right:20px; line-height:normal; background: url(../img/more-bg.png) right bottom no-repeat; }

.icon { float:right; margin: 10px 0 10px 10px; }
.ekologie { background: url(../img/icon-ekologie.png) left top no-repeat; width:62px; height:63px; }
.odpady { background: url(../img/icon-odpady.png) left top no-repeat; width:88px; height:66px; }
.ovzdusi { background: url(../img/icon-ovzdusi.png) left top no-repeat; width:80px; height:61px; }
.puda { background: url(../img/icon-puda.png) left top no-repeat; width:68px; height:71px; }
.voda { background: url(../img/icon-voda.png) left top no-repeat; width:79px; height:71px; }
.zemedelstvi { background: url(../img/icon-zemedelstvi.png) left top no-repeat; width:74px; height:70px; }

/******************************

	header

******************************/
#header { position: absolute; top: 0; left: 0; width: 964px; margin:0 13px; height: 219px; padding-top:76px; }
#header #logo { position: absolute; display:block; top: 147px; left: 80px; width:193px; height:57px; z-index:1; font-size: 1.4em; background: url(../img/logo-abess.png) 0 0 no-repeat; }
#header #visual { width:964px; height:219px; }

/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 300px; left: 45px; font-size:0.8em; letter-spacing: -0.1em; }

/******************************

	languages

******************************/
#languages { position: absolute; top: 8px; right:0; font-size:0.9em; }
#languages a { padding-right:10px; }
#languages #lang-cz { background: url(../img/flag-cz.png) 0 50% no-repeat; padding-left:20px; }
#languages #lang-en { background: url(../img/flag-en.png) 0 50%  no-repeat; padding-left:20px; }
#languages #sitemap { background: url(../img/ico-sitemap.png) 0 50% no-repeat; padding-left:17px; }

/******************************

	menu

******************************/
#menu { position: absolute; top: 34px; left: 13px; width: 964px; background: url(../img/menu-bg.png) 0 0 no-repeat; z-index:2; }
#menu ul { list-style: none;  }
#menu ul li { float: left;  }
#menu ul li a { display: block; float: left; height: 39px; color: #fff; font: 1.2em Arial, Helvetica, sans-serif; text-align: center; overflow:hidden; text-decoration: none; text-transform:uppercase; line-height: 39px; }
#menu ul li a:hover span, #menu ul li.active a span { background-position: 0 -39px; }

#menu .m38 a { width: 211px; }
#menu .m38 a span { background-image: url(../img/menu-profil-spolecnosti.png); }
#menu .m2 a { width: 132px;  }
#menu .m2 a span { background-image: url(../img/menu-produkty.png); }
#menu .m3 a { width: 165px; }
#menu .m3 a span { background-image: url(../img/menu-technologie.png); }
#menu .m4 a { width: 144px; }
#menu .m4 a span { background-image: url(../img/menu-reference.png); }
#menu .m5 a { width: 137px; }
#menu .m5 a span { background-image: url(../img/menu-kontakty.png); }

#menu .m159 a { width: 211px; }
#menu .m159 a span { background-image: url(../img/menu-company-profile.png); }
#menu .m155 a { width: 132px;  }
#menu .m155 a span { background-image: url(../img/menu-products.png); }
#menu .m136 a { width: 165px; }
#menu .m136 a span { background-image: url(../img/menu-technology.png); }
#menu .m154 a { width: 144px; }
#menu .m154 a span { background-image: url(../img/menu-references.png); }
#menu .m169 a { width: 137px; }
#menu .m169 a span { background-image: url(../img/menu-contacts.png); }

/******************************

	footer

******************************/
#footer { margin-bottom:25px; clear:both; }
#footer ul { list-style: none; font-size:0.9em; letter-spacing:0.1em; margin:0 30px; width:800px; border-top:1px dotted #a7acac; padding-top:15px; }
#footer ul li { float: left; padding: 0 3px; color: #315104; }

#copy { position:absolute; bottom:35px; right:30px; color:#315104; font-size:0.9em; }
#partners { height:50px; margin:0 30px; }
#partners a { display:inline-block; margin-right:20px; float:left; }
#members { position:absolute; bottom:70px; right:30px; }

/******************************

	left column

******************************/
#left-column #left-menu ul { list-style: none; }
#left-column #left-menu ul li { border-top:1px dotted #a7acac; padding:5px 0; line-height:1.4em;  }
#left-column #left-menu ul li a { display: block; color: #000; text-decoration: none; padding:0 0 0 20px; background: #fff url(../img/submenu-li-bg.png) 0 2px no-repeat; }
#left-column #left-menu ul li.active a,
#left-column #left-menu ul li a:hover { color: #315104; background: #fff url(../img/submenu-li-bg-hover.png) 0 2px no-repeat; }

#left-column #left-menu ul ul { margin: 5px 0 -5px; }
#left-column #left-menu li li { padding-left:20px; }
#left-column #left-menu li.active li a { color: #000; background: #fff url(../img/submenu-li-bg.png) 0 2px no-repeat; }
#left-column #left-menu ul li li.active a,
#left-column #left-menu ul li li a:hover { color: #315104; background: #fff url(../img/submenu-li-bg-hover.png) 0 2px no-repeat; }

/******************************

	content

******************************/
#content { line-height:1.8em; }
#content h1 { color: #315104; font-size:1.8em; font-weight:normal; margin:0.9em 0; }
#content h2 { color: #315104; font-size:1.6em; font-weight:normal; margin:0.8em 0; }
#content h3 { color: #315104; font-size:1.4em; font-weight:normal; margin:0.7em 0; }
#content p { margin:1em 0; }
#content ul, #content ol { margin:1.0em 0; }
#content ul { list-style-type:none; }
#content ul li, #content ol li { padding:0.4em 0 0.4em 2em; margin:0 2em; }
#content ul li { background: url(../img/li-bg.png) 0 1.1em no-repeat; }
#content img.center { display: block; margin: auto; }
#content img.right { float: right; margin: 0 0 0 1em; }
#content img.left { float: left; margin: 0 1em 0 0; }
#content table { border-collapse:collapse; }
#content th, #content td { border:1px solid #000; padding:0.2em 0.4em; }