@CHARSET "UTF-8";

*{
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%; 
	margin: 0; 
	padding: 0;
	padding-top: 20px;
	background: #fff;
	color: #777;
	text-align: center;
}
table, tr, th, td, form, textarea, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1 {
	color: #2d96cf;
	font-size: 130%;
	margin: 12px 0;
}
h2 {
	color: #444;
	font-size: 120%;
	margin: 12px 0;
	margin-top: 15px;
}
h3 {
	margin: 12px 0;
	color: #2d96cf;
	font-size: 110%;
	font-weight: normal;
}
p {
    margin: 12px 0;
}
strong, b {
    font-weight: bold;
}
p strong {
	color: #444;
}
a {
    color: #2d96cf;
}
a:hover {
    color: #d60000;
    text-decoration: none;
}
a img {
	border: none !important;
}
a.extLink {
	padding-right: 15px; 
	background: url("../images/ext_link_orange.gif") right center no-repeat;
}
a.passive {
	color: #aaa;
	text-decoration: none;
}
ol {
	margin: 12px 0;
	margin-left: 20px;
	padding: 0;
	color: #ff882f;
	font-weight: bold;
}
ol li span {
	color: #777;
	font-weight: normal;
}
ul {
	margin: 12px 0;
	padding: 0;
	list-style-type: none;
}
ul.standard li {
	padding: 1px 0 1px 20px;
	background: url("../images/bull_orange_circle.gif") 0 4px no-repeat;
}
ul.standard li.paragraph {
	padding-bottom: 12px;
}
ul.arrow li {
	padding: 2px 0 2px 24px; 
	background: url("../images/bull_blue_arrow.gif") 0 3px no-repeat;
}
ul.arrowOrange li {
	padding: 2px 0 2px 24px; 
	background: url("../images/bull_orange_arrow.gif") 0 3px no-repeat;
}
li span.h3 {
	display: block;
	margin-bottom: 6px;
	color: #2d96cf;
	font-size: 110%;
}
li p {
	margin: 8px 0;
}
ol li span.h3 {
	margin-top: 6px;
}
form {
    margin: 0;
}
.form {
    border: #bbb 1px solid;
    background: #fff;
    color: #666;
}
.cleaner {
	clear: both; 
	height: 1px; 
	font-size: 1px;
}
.hidden {
	display: none;
}
.orange {
	color: #ff882f;
}
.blue {
	color: #2d96cf;
}

#page, #home {position: relative; width: 759px;  margin: 0 auto; text-align: left;}
#page {padding-top: 142px;}

/*** home ***/

#home h1 {margin: 0; height: 143px; background: url("../images/header.gif") no-repeat;}
#home h2 {margin: 0; padding-left: 40px; padding-top: 6px; min-height: 30px; _height: 30px; color: #ff882f;}
h2.pictoI {background: url("../images/picto_i.gif") no-repeat;}
h2.pictoO {background: url("../images/picto_o.gif") no-repeat;}
h2.pictoL {background: url("../images/picto_l.gif") no-repeat;}
h2.picto {background: url("../images/picto.gif") no-repeat;}
#home h2.product {position: relative; padding-top: 0; background-position: left 1px;}
#home h2 span {display: block; position: absolute; top: 18px; color: #888; font-size: 10px;}
#home .leftBox {float: left; width: 271px;}
#home .rightBox {margin-left: 281px;}
#home .box-in {padding: 1px 15px; padding-right: 12px;}
#home .box-in p {margin-top: 8px;}
#home2 .leftBox .box-in {padding-top: 2px;}

#home1 {position: relative; padding-left: 214px; min-height: 170px; _height: 170px; background: url("../images/bg_home1.gif") repeat-y;}
#home1Top {height: 10px; font-size: 1px; background: url("../images/bg_home1_top.gif") no-repeat;}
#home1Bottom {height: 10px; font-size: 1px; background: url("../images/bg_home1_bottom.gif") no-repeat;}
#home1 #flashBox {position: absolute; left: 0; top: 0; width: 204px; height: 203px; background: #e1e1e1 url("../images/bg_flash_home.gif") left bottom no-repeat; text-align: center;}
#home1 ul.standard {font-size: 100%;}
#home1 ul.standard li {padding-bottom: 2px;}

#home2 {position: relative; padding-left: 214px; margin-top: 140px; min-height: 500px; _height: 500px; background: url("../images/bg_home2.gif") repeat-y;}
#homeMiddleBar {position: absolute; left: 0; top: -129px; width: 759px; height: 118px; background: url("../images/bg_home_middle_bar.gif") no-repeat;}
#extranetForm {position: absolute; left: 0; top: 0; width: 204px; height: 90px;}
input#exName {position: absolute; left: 58px; top: 50px; width: 70px; height: 14px; padding:1px;}
input#exPswd {position: absolute; left: 58px; top: 71px; width: 70px; height: 14px; padding:1px;}
input#exLogin {position: absolute; left: 137px; top: 71px; width: 57px; height: 19px;}
#projectAliance {position: absolute; left: 0; top: 0; width: 204px; height: 103px; z-index: 10;}
#home #fastContact {position: absolute; left: 0; top: 103px; width: 204px; height: 158px; padding-top: 1px; background: #fff url("../images/fast_contact.gif") left top no-repeat;}
#fastContact a.contact {display: block; margin-top: 29px; color: #ff882f; font-size: 110%; font-weight: bold; text-align: center; text-transform: uppercase;}
#fastContact a.email {position: absolute; left: 127px; top: 113px; font-weight: bold;}

#home2 hr {margin-top: 24px; margin-bottom: 12px; height: 1px; border-width: 0; background-color: #c3c3c3; color: #c3c3c3;}
#home2Bottom {height: 10px; font-size: 1px; background: url("../images/bg_home2_bottom.gif") no-repeat;}
#leftBoxTop {height: 10px; font-size: 1px; background: url("../images/left_box_top.gif") no-repeat;}
#rightBoxTop {height: 20px;}
#tabs {position: absolute; left: 495px; top: 0; width: 545px; height: 23px; background: #ffffff url("../images/bg_tabs.gif") no-repeat;}
#tabNews {position: absolute; left: 0; top: 0; z-index: 10; width: 98px; height: 23px;}
#tabArticles {position: absolute; left: 100px; top: 0; z-index: 10; width: 98px; height: 23px;}
a.tab {display: block; width: 100%; height: 100%; color: #999; background: url("../images/bg_tab.gif") no-repeat; cursor: pointer; font-size: 90%; font-weight: bold; text-decoration: none;}
a.active {color: #ff882f; background: url("../images/bg_tab_active.gif") no-repeat; cursor: default;}
a.tab span, a.active span {display: block; padding-top: 6px; padding-left: 15px;}
a:hover.tab {color: #555; text-decoration: none;}
a:hover.active {color: #ff882f;}
.news, .articles {padding-top: 6px; color: #959595;}
.news p, .articles p {margin: 8px 0;}
.news h3, .articles h3 {margin-bottom: 8px; font-size: 120%;}
.news h3, .news a {color: #2d96cf;}
.articles h3, .articles a {color: #64b100;}
.news p a, .articles p a {color: #2d96cf;}
.news a:hover, .articles a:hover {color: #d60000;}
#archiv {margin: 24px 0; padding-right: 50px; background: url("../images/picto_i.gif") 190px 5px no-repeat;}
#archiv a {display: block; margin-top: 3px; padding-top: 2px; padding-bottom: 4px; padding-left: 20px; color: #ff882f; background: url("../images/bull_orange_arrow.gif") 1px center no-repeat; font-weight: bold;}
.orangeLink {padding-left: 20px; background: url("../images/bull_orange_arrow.gif") 1px center no-repeat;}

.archiv {min-height: 400px; _height: 400px;}

/*** page ***/

#page #header {background: url("../images/header.gif") no-repeat;}
#main {background: url("../images/bg_main.gif") repeat-y; border-top: #fff 1px solid;}
#main-in {}
#mainBottom {height: 5px; background: url("../images/bg_main_bottom.gif") no-repeat;}
#page h1 {margin: 0; margin-bottom: 18px; padding-left: 37px; padding-top: 37px; background: url("../images/bg_headline.gif") no-repeat;}
#page #nav {position: absolute; left: 251px; top: 154px; padding-right: 20px; background: #fff; color: #ff882f;}
#page .leftBox {margin-right: 550px;}
#page .rightBox {float: right; width: 545px;}
#page .rightBox .box-in {padding: 0 20px;}
#page .rightBox .map {padding-left: 16px;}
#page .empty {margin-bottom: 0;}
#page .first {margin-top: 0;}
h2.nextLinks {margin-top: 36px; color: #ff882f;}
ul.nextLinks {margin-bottom: 24px;}
ul.nextLinks li {padding: 1px 0 1px 0;}
h3.arrow {padding-left: 18px; background: url("../images/bull_orange_arrow.gif") 1px center no-repeat;}

#floatBox {float: right; margin: 12px; margin-top: -24px; margin-right: -19px; _margin-right: -9px; padding: 8px 18px; padding-right: 12px; background: #f2f2f2;}
#floatBox-in {width: 200px;}
#floatBox h3 {color: #ec741a; font-size: 120%;}
#floatBox strong {color: #666;}
#floatBox .info h3 {margin-top: 0; margin-bottom: 6px; color: #555; font-size: 100%;}

#flashBoxTop {height: 10px; font-size: 1px; background: url("../images/bg_flashbox_top.gif") no-repeat;}
#page #flashBox {width: 204px; height: 203px; background: #e1e1e1 url("../images/bg_flash_home.gif") left bottom no-repeat; text-align: center;}

#foldoutTop {width: 204px; height: 28px; background: url("../images/bg_menu_top.gif") no-repeat;}
#foldout {width: 204px; background: url("../images/bg_menu.gif") repeat-y;}
#foldoutBottom {width: 204px; height: 42px; background: url("../images/bg_menu_bottom2.gif") left top no-repeat;}

#page #fastContact {position: relative; height: 158px; padding-top: 1px; background: #fff url("../images/fast_contact.gif") left top no-repeat;}

h2.offer {color: #ff882f; background: url("../images/dot_orange.gif") 0 12px repeat-x; font-size: 100%;}
h2.offer span {padding-right: 12px; background-color: #fff;}

#bottomLinks {margin: 12px -20px; margin-top: 40px;}
#bottomLinks ul {height: 20px; padding-left: 20px; background-color: #ff882f;}
#bottomLinks ul li {float: left; padding: 1px 17px; padding-right: 20px; background: url("../images/bg_blink.gif") left center no-repeat;}
#bottomLinks ul li a {display: block; padding: 0 5px; line-height: 18px; color: #fff; font-weight: bold; text-decoration: none;}
#bottomLinks ul li a:hover {color: #ff882f; background-color: #fff;}

.mapLvl1, .mapLvl2, .mapLvl3, .mapLvl4 {padding: 4px 0; padding-left: 18px; background: url("../images/ico_page.png") left center no-repeat;}
.mapLvl2 {padding-left: 36px; background-position: 18px center;}
.mapLvl3 {padding-left: 54px; background-position: 36px center;}
.mapLvl4 {padding-left: 72px; background-position: 54px center;}

/*** reference ***/

h2.refs {margin-top: 24px;}
.refs {position: relative; margin: 0; padding-bottom: 24px; padding-left: 190px;}
.refs img {position: absolute; left: 0; top: 0; width: 175px; height: 118px;}
.refs h3 {color: #444; font-weight: bold;}

/*** kontakty ***/

h2.contact {margin-top: 24px;}
.contactLeft {float: left; width: 50%;}
.contactLeft h2 {margin-top: 0px;}
.contactLeft h2 span {font-size: 80%; font-weight: normal;}
.contactRight {float: right; width: 50%; text-align: left;}
.contactRight h2 {margin-top: 0px;}
.toMap {padding-left: 20px; background: url("../images/bull_blue_arrow.gif") 0 center no-repeat;}

/*** napoveda na a:hover ***/

.info {position: relative; padding: 0 2px; background: #cfe9ff; color: #555; text-decoration: none; z-index: 0;}
.info h3 {margin-top: 0; margin-bottom: 6px; color: #555; font-size: 100%;}
.info:hover {cursor: help; color: #333; z-index: 50;}
.info strong {position: absolute; visibility: hidden; padding: 12px 10px; border: #fff 1px solid; border-top: #fff 2px solid; background: #cfe9ff; color: #555; font-weight: normal; text-decoration: none;}
.info:hover strong {visibility: visible; top: 1.5em; left: -1px; width: 200px;}

/*** obsahy pro lightbox ***/

#lightbox h3 {position: absolute; left: 0; top: 0; padding-left: 45px; padding-right: 12px; padding-bottom: 12px; line-height: 32px; background: #fdfce9 url("../images/bg_lightbox.gif") 10px 1px no-repeat; color: #ff882f; font-size: 120%;}
#lightbox-in {margin: 30px 10px; margin-bottom: 12px; padding: 20px; padding-right: 35px; border: #ff882f 1px solid;}

#doporucit {position: relative; height: 250px;}
#doporucitForm {position: relative; margin-top:8px;}
label.doporucitText {position: absolute; left: 0; top: 12px; font-weight: bold; color: #555;}
textarea.doporucitText {position: absolute; left: 0; top: 30px; width: 100%; height: 80px; z-index: 10000;}
#doporucitName {position: absolute; left: 0; top: 122px; width: 160px; padding:1px;}
#doporucitEmail {position: absolute; left: 170px; top: 122px; width: 160px; padding:1px;}
#doporucitSend {position: absolute; left: 339px; top: 122px; width: 85px; border:0px; margin:0px; padding:0px; height:19px; background: url("../images/doporucit_btn.gif") no-repeat;}

#dotaz {position: relative; height: 250px;}
#dotazForm {position: relative; margin-top:8px;}
label.dotazText {position: absolute; left: 0; top: 12px; font-weight: bold; color: #555;}
textarea.dotazText {position: absolute; left: 0; top: 30px; width: 100%; height: 120px; z-index: 10000;}
#dotazName {position: absolute; left: 0; top: 162px; width: 170px; padding:1px;}
#dotazEmail {position: absolute; left: 180px; top: 162px; width: 170px; padding:1px;}
#dotazSend {position: absolute; left: 360px; top: 162px; width: 64px; border:0px; margin:0px; padding:0px; height:19px; background: url("../images/newsletter_btn.gif") no-repeat;}

/*** header ***/

#header {position: absolute; left: 0; top: 0; width: 759px; height: 143px;}
#english {position: absolute; left: 511px; top: 117px; width: 21px; height: 14px;}
#czech {position: absolute; left: 534px; top: 117px; width: 21px; height: 14px;}
#english a, #czech a {width: 21px; height: 14px; display: block;}
#searchForm {position: absolute; left: 572px; top: 112px; width: 187px; height: 20px;}
#searchForm input#searchText {position: absolute; left: 0; top: 0; width: 125px; padding:2px;}
#searchForm input#search {position: absolute; left: 132px; top: 0; width: 55px; height: 19px;}

ul#menuTop {position: absolute; left: 219px; top: 10px; width: 446px; height: 20px; margin: 0;}
ul#menuTop a {width: 100%; height: 20px; display: block;}
ul#menuTop a:hover, #menuTop a.current {background: url("../images/bg_topmenu.gif") no-repeat;}
ul#menuTop li {position: absolute; top: 0;}

li#menuTop1 {left: 0; width: 54px;}
li#menuTop1 a:hover, #menuTop1 a.current {background-position: 0 0;}
li#menuTop2 {left: 55px; width: 75px;}
li#menuTop2 a:hover, #menuTop2 a.current {background-position: -55px 0;}
li#menuTop3 {left: 131px; width: 94px;}
li#menuTop3 a:hover, #menuTop3 a.current {background-position: -131px 0;}
li#menuTop4 {left: 226px; width: 79px;}
li#menuTop4 a:hover, #menuTop4 a.current {background-position: -226px 0;}
li#menuTop5 {left: 306px;; width: 75px;}
li#menuTop5 a:hover, #menuTop5 a.current {background-position: -306px 0;}
li#menuTop6 {left: 382px; width: 63px;}
li#menuTop6 a:hover, #menuTop6 a.current {background-position: -382px 0;}

/*** footer ***/

ul.footerLinks {margin-bottom: 8px; padding-left: 216px; padding-top: 3px;}
ul.footerLinks li {padding: 4px 0; padding-right: 12px; display: inline;}
ul.footerLinks li.rss {padding-right: 22px; background: url("../images/links_rss.gif") 100% center no-repeat;}
#footer {position: relative;}
#pictus {width: 204px; text-align: center;}
#pictus a {color: #999; text-decoration: none;}
#pictus a:hover {color: #ff882f; text-decoration: none;}
#copyright {position: absolute; left: 216px; top: 0; width: 540px; color: #999;}
#footerBottom {margin-bottom: 36px; background: url("../images/bg_footer.gif") left 3px no-repeat;}

/*** search results ***/

.searchTitle {padding-top: 12px;}
.searchDesc {padding-top: 6px; padding-bottom: 4px;}
.searchURL {font-size: 90%;}