/* CSS Document */
html, body{ height: 100%; }

body{
	margin: 0; padding: 0;
	text-align: center;
	background: #B3C9DC url('../img/background.png') repeat-x;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: "Trebuchet MS", sans-serif;
}

.hide{ display: none; }

.cleaner{
	clear: both;
	visibility: hidden;
	height: 1px;
	border: none;
	margin: -1px 0 0 0; padding: 0px;
}

a{
	color: blue;
	text-decoration: underline;
}

a:hover{ text-decoration: none; }
a img
{
       text-decoration: none;
       border: 0 solid;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* obalky */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#envelope, #page{
	margin: 0 auto;
	text-align: left;
}

#envelope{ width: 970px; background: white; }
#page{ width: 950px; background: transparent; }

#header-env{
	height: 101px; width: 100%;
	background: #FBFBFB url('../img/header.png') no-repeat;
	position: relative; 
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* hlavicka webu */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header-env .logo{
	position: absolute;
	background: #FBFBFB;
	height: 50px; width: 100px;
}

#header-env .logo#primary,
#header-env .logo#primary h1,
#header-env .logo#primary h1 span,
#header-env .logo#primary h1 a.url{ 
	height: 64px; width: 196px;
}

#header-env .logo#secondary,
#header-env .logo#secondary h2,
#header-env .logo#secondary h2 a.url{ 
	height: 39px; width: 129px;
}

#header-env .logo#primary{ bottom: 15px; left: 15px; }
#header-env .logo#secondary{ bottom: 10px; right: 25px; }

#header-env .logo h1, 
#header-env .logo h2{
	position: relative;
	font-size: 14px;
	margin: 0; padding: 0;
	overflow: hidden;
}

#header-env .logo h1 a.url,
#header-env .logo h1 span,
#header-env .logo h2 a.url{
	display: block;
	position: absolute;
	top: 0; left: 0;
	text-decoration: none;
}

#header-env .logo#primary h1 a.url,
#header-env .logo#primary h1 span{
	background: transparent url('../img/logo-primary.gif') no-repeat;
}

#header-env .logo#secondary h2 a.url{
	background: transparent url('../img/logo-secondary.png') no-repeat;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* hlavni navigacni menu */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu-env{
	height: 42px;
	width: 100%;
	background: #CFD8E3 url('../img/menu.png') repeat-x;
	margin-top: 3px;
	position: relative;
}

#menu{
	height: 35px;
	width: 800px;
	float: left;
	_margin-right: -3px;
	z-index:1000;
}


#menu ul{
	margin: 0; padding: 0;
	font-size: 12px;
	list-style: none;
	height: 35px; width: 100%;
}

#menu ul li{
	margin: 0; padding: 0;
	display: inline;
	float: left;
	color: #A9B2BF;
	position: relative;
}

#menu ul li span{
	display: block;
	height: 35px;
	width: 5px;
	float: left;
	text-align: center;
	color: #A9B2BF;
	line-height: 35px;
}

#menu ul li a{
	display: block;
	height: 35px;
	float: left;
	padding: 0 10px;
	font-weight: bold;
	color: #102B4B;
	text-decoration: none;
	line-height: 35px;
}

#menu ul li a:hover{
	color: #DEE6F2;
	background: #0F2B6A url('../img/menu-hover.gif') repeat-x top left;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* vnorene menu - rozbalovaci nabidky */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu ul li ul{
	margin: 0; padding: 0;
	position: absolute;
	top: 30px; left: 10px;
	height: auto; width: 300px;
	background: #1A467C;
	
	/* pruhlednost pro vsechny prohlizece */
    
	
	opacity: 0.9;   
    filter: alpha(opacity=90);   
    -moz-opacity: 0.9;   
    -khtml-opacity: 0.9;
		
	
	border: 2px solid #DEE6F2;
	visibility:hidden;
}

#menu ul li ul li{
	margin: 0; padding: 0;
	display: block;
	float: none;
	height: 25px; width: 300px;
	/* margin-bottom: -3px; */
}

#menu ul li ul li a{
	margin: 0 10px;
	_margin: 0 5px; 
	padding: 0;
	display: block;
	height: 24px; width: 270px;
	border-bottom: 1px solid #52739C;
	line-height: 24px;
	padding-left: 10px;
	color: #CFD7E3;
	font-size: 11px;
	background: url('../img/menu-arrow.png') no-repeat center left;
}

#menu ul li ul li a:hover{
	color: #DEE6F2;
	color: white;
}

#menu ul li ul li a.last{
	border-bottom: 0px; 
}

#menu ul li ul li a:hover{ background: url('../img/menu-arrow.png') no-repeat center left; }

#menu ul li:hover ul, #menu ul li.hover ul,
#menu ul li:hover ul li, #menu ul li.hover ul li{ 
	visibility:visible;  
} 
#menu ul li{ behavior:url('/_CSS/hover.htc'); }

#menu ul li.active{
	color: #DEE6F2;
	background: #0F2B6A url('../img/menu-hover.gif') repeat-x top left;	
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* jazyky, vlajecky */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#lang{
	height: 35px;
	width: 150px;
	margin-left: 800px;
	_margin-left: 797px;
}

#lang p{
	margin: 0; padding: 0;
	text-align: right;
	font-size: 11px;
	color: #7B8CA0;
	padding-right: 20px;
	line-height: 35px;
}

#lang p img.flag,
#lang p img.flag a{ border: 0px; }

#lang p img.flag{ vertical-align: middle; margin:0; padding: 0; margin-left: 2px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* hlavni obsahova cast */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#main-env{
	width: 100%;
}

#main, #main2{
	margin: 0px; padding: 0px;
	margin-top: 10px;
	background: white url('../img/main-background.png') left repeat-y;
}

#main2{
	background: white;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* leva lista, slovo uvodem */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#leftSide-env,
#leftSide2-env,#leftSide-env2{
	min-height: 530px;
	_height: 530px;
	width: 190px;
	float: left;
	/* background: #EDEDED; */
	_margin-right: -3px;
}

#leftSide-env,#leftSide-env2{
	background: #EDEDED; /* url('../img/leftSide-picture.png') no-repeat center bottom; */
}

#rightSide-env{
	width: 750px;
	margin-left: 190px;
	_margin-left: 187px;
}

#rightSideHP-env{
	width: 750px;
	margin-left: 200px;
	_margin-left: 197px;
}

#leftSide-env #leftSide,#leftSide-env2 #leftSide2{
	padding: 8px;
	padding-top: 10px;
}


/* slovo uvodem */

#leftSide.intro h3{
	margin: 0; padding: 0;
	margin-bottom: 10px;
	color: #1D4D84;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	background: url('../img/leftSide-header-background.png') no-repeat;
	padding-left: 10px;
}

#leftSide.intro p{
	margin: 0; padding: 0;
	margin-bottom: 3px;
	color: #4B4B4B;
	font-size: 11px;
	line-height: 1.7em;
}

#leftSide.intro p a{
	color: #1D4D84;
	text-decoration: none;
}

/* navigation */

#leftSide.navigation,#leftSide2.navigation{
	padding: 0px !important;
}

#leftSide.navigation .headerBanner,#leftSide2.navigation .headerBanner{
	background: #2E5D90;
	padding: 2px 5px;
	height: 44px;
	background: url('../img/leftSide-header-background2.png') no-repeat top left;
}

#leftSide.navigation .headerBanner h3,#leftSide2.navigation .headerBanner h3{
	margin: 0; padding: 0;
	font-size: 12px;
	color: white;
}

#leftSide.navigation ul,#leftSide2.navigation ul{
	margin: 0; padding: 0;
	list-style: none;
	width: 190px;
}

#leftSide.navigation ul li,#leftSide2.navigation ul li{
	margin: 0; padding: 0;
	text-align: right;
	height: 25px;
}

#leftSide.navigation ul li a,#leftSide2.navigation ul li a{
	display: block;
	height: 24px; width: 170px;
	color: #102B4B;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	border-bottom: 1px solid #E4E4E4;
	padding-right: 20px;
	line-height: 24px;
	background: url('../img/navigation-arrow-light.png') no-repeat 180px center;
}

#leftSide.navigation ul li a:hover,#leftSide2.navigation ul li a:hover{
	background: #E4E4E4 url('../img/navigation-arrow-dark.png') no-repeat 180px center;
}

#bigBanner-env{
	height: 200px; width: 750px;		
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* kategorie na hlavni strance */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#categoryList-env{
	height: 365px; width: 100%;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
}

.category{
	height: 365px; width: 243px;
	background: #E7EBF1;
	float: left;
	margin-right: 10px;
}

.category_last{
	margin-right: 0px;
}

.category .image{
	height: 94px; width: 243px;
}

.category .text{
	overflow: hidden;
	background: url('../img/category-background.png') repeat-x top left;
	padding: 10px;
	padding-top: 15px;
}

.category .text h3{
	font-size: 13px;
	margin: 0px; padding: 0px;
	padding-top: 0px;
	padding-left: 10px;
	margin-bottom: 5px;
	min-height: 57px;
	_height: 57px;
	color: #1D4D84;
	background: url('../img/leftSide-header-background.png') repeat-y;
}

.category .text h3 a{
	color: #1D4D84;
	text-decoration: none;
}

.category .text h3 a:hover{
	color: black;
	text-decoration: underline;
}

.category .text p{
	font-size: 11px;
	color: #545557;
	margin: 0px; padding: 0px;
	line-height: 1.5em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* hlavni obsahova cast, pravy sloupec */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#rightSide-text{
	width: 530px;
	float: left;
	_margin-right: -3px;
}

#rightSide-pictures{
	width: 200px;
	margin-left: 550px;
	_margin-left: 527px;
	text-align: center;
}

#rightSide-pictures img{
	margin-bottom: 25px;
}

#rightSide-pictures img,
#rightSide-pictures a img{
	border: 1px solid #89A9C8;
}

#reference-env{
	padding: 0 10px;
	background: white;
}

.content h3,
.content h2{
	height: 40px;
	line-height: 40px;
	color: #1D4D84;
	background: url('../img/leftSide-header-background.png') repeat-y;
	margin: 0px; padding: 0px;
	margin-bottom: 6px;
	padding-left: 12px;
	font-size: 16px;	
}

.content h3{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin: 12px 0;
}

.content p{
	margin: 0; padding: 0;
	margin-bottom: 6px;
	font-size: 11px;
	color: #66686B;
	line-height: 1.7em;
}

.content p a{
	color: #1D4D84;
}

.content p strong,
.content p b{
	color: #1D4D84;
	font-size: 12px;
}

.content ul{
	font-size: 11px;
	color: #66686B;
	margin: 10px 0;
	padding: 0px;
	list-style: none;
}

.content ul li{
	margin: 0px; padding: 0px;
	margin-bottom: 6px;
	padding-left: 12px;
	background: url('../img/point.png') no-repeat 0px 5px;
	line-height: 1.6em;
}

.content table{
	font-size: 11px;
	color: #66686B;
	margin: 10px; padding: 0px;
}

.content table tr td strong,
.content table tr td b,
.content table tr td a{
	color: #1D4D84;
}

#contentLeft-env, #contentLeft2-env, #contentLeft3-env{
	width: 552px;
	float: left;
	_margin-right: -3px;
}

.customPadding, #contentLeft{
	padding: 0 20px 0 20px;
}

#contentRight-env, #contentRight2-env, #contentRight3-env{
	width: 175px;
	margin-left: 552px;
	_margin-left: 549px;
	text-align: left;
	padding-top: 50px;
}

#contentLeft2-env{ width: 425px; _margin-right: -3px; }

#contentLeft3-env{ width: 485px; _margin-right: -3px; }

#contentRight2-env{
	width: 325px;
	margin-left: 425px;
	_margin-left: 422px;
}

#contentRight3-env{
	width: 265px;
	margin-left: 485px;
	_margin-left: 482px;
}

#contentRight p img,
#contentRight p a img{
	margin-bottom: 15px;
	border: 0px;
}

#cert-env{
	margin: 15px 0;
}
#cert-env a{
	text-decoration: none;
}
#cert-env2{
	margin: 15px 0;
}
#cert-env2 a{
	text-decoration: none;
	float: left;
	width: 147px;
	min-height: 200px;
}
#cert-env2 a span{
	text-align: center;
	font-size: 13px;
	display: block;
	width: 100%;
	color: #1D4D84;
	font-weight: bold;
}


img.certImg,
a img.certImg{
	border: 0px;
	margin-right: 15px;
}

.files-env{
}

.files p img{
	vertical-align: middle;
	margin-right: 8px;
	border: 0px;
}

.files p a{
	color: #66686B;
}


.relatedBox{
}

.relatedBox h4,
.relatedBox h4 a{
	color: #1D4D84;
	text-decoration: none;
	font-size: 11px;
	margin: 0; padding: 0;
}

.relatedBox h4 a:hover{
	text-decoration: underline;
}

.position{
	padding-bottom: 4px;
	margin: 6px 15px 6px 15px;
	border-bottom: 1px solid #7097BD;
}

p.perex{
	margin: 20px 0;
	font-size: 11px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* reference */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#referenceList{
	width: 100%;
	margin: 20px 0;
}

.reference{
	width: 224px;
	margin-top: 10px;
	margin-right: 8px;
	float: left;
}

.reference .picture{
	height: 160px;
}

.reference .picture img,
.reference .picture a img{
	border: 0px;
}

.reference .text{
	background: #E5E9EF url('../img/reference-background.png') repeat-x top left;
}

.reference .text h3{
	background: none;
	margin: 0px; padding: 0px;
	font-size: 12px;
	text-align: center;
	color: #66686B;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* produkty */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#productList{
	margin: 20px 0;
}

.product{
	border: 1px solid #EDEDED;
	border-bottom: 0px;
	border-left: 0px;
	width: 105px;
	float: left;
}

.product.topLine{
	border-top: 0px;
}

.product.topLine.last{
	border-right: 0px;
}

.product.last{
	border-right: 0px;
}

.product .picture{
	text-align: center;
	padding: 10px 5px;
	vertical-align: bottom;
}

.product .picture img{
	vertical-align: bottom;
}

.product .picture img,
.product .picture a img{
	border: 0px;
}

.product .text{
	text-align: center;
	padding: 4px 0px;
}

.product .text p{
	color: #1D4D84;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pobocky */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.relatedCompany{
	width: 224px;
	height: 300px;
	background: #E6EAF0;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}

.relatedCompany last{
	margin-right: 0px;
}

.relatedCompany .picture{
	height: 160px; width: 100%;
}

.relatedCompany .picture img,
.relatedCompany .picture a img,
#hq-env a img,
#hq-env img{
	border: 0px;
}

.relatedCompany .text-env{
	height: 138px; width: 100%;
	overflow: hidden;
}

.relatedCompany .text{
	padding: 15px;
	background: #E5E9EF url('../img/reference-background.png') repeat-x top left;
}

.relatedCompany .text *, #hq-env .text *{
	margin: 0; padding: 0;
	font-size: 11px;
	color: #484848;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5em;
	background: none;
	height: auto;
}

.relatedCompany .text a, #hq-env .text a{
	color: #1D4D84;
}

.relatedCompany .text address.primary,
#hq-env .text address.primary{
	margin-bottom: 6px;
}

.relatedCompany .text address.primary a,
#hq-env .text address.primary a{
	color: #484848;
	text-decoration: none;
	border-bottom: 1px dotted #6F6F6F;
	cursor: help;
}

.relatedCompany .text address.secondary,
#hq-env .text address.secondary{
	color: #6F6F6F;
}

#hq-env{
	height: 160px; width: 925px;
	overflow: hidden;
}

#hq-env .picture{
	height: 160px; width: 224px;
	float: left;
	font-size: 0px;
}

#hq-env .text-env{
	background: #D2D9E3 url('../img/text-background.png') repeat-x top left;
	height: 160px; width: 455px;
	float: left;
	display: inline;
	margin: 0px 8px;
	_margin-right: -3px;
	border-left: 1px solid #7097BD;
}

#hq-env .text{
	padding: 20px;
}

#hq-env .map{
	width: 224px; height: 160px;
	margin-left: 697px;
	_margin-left: 694px;
	display: block;
	font-size: 0px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* sitemaps */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sitemap ul{
	margin: 10px 15px;
}

#sitemap ul li a{
	color: #1D4D84; 
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* paticka */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer-env{
	margin: 10px 0px;
	min-height: 57px;
	_height: 57px;
	background: #FBFBFB url('../img/footer.png') repeat-x;
}

#footerLinks-env{
	width: 400px;
	float: left;
}


#footer, #footerLinks{
	padding: 10px 10px 5px 5px;
	text-align: right;
	font-size: 11px;
	color: #6F6F6F;
}

#footerLinks{
	padding: 10px 5px 5px 10px;
	text-align: left;
}

#footer p, #footerLinks p{
	margin: 0; padding: 0;
	line-height: 1.5em;
}

#footer p a, #footerLinks p a{
	color: #1D4D84;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* doplnujici odkazy u clanku */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.otherLinks{
	margin: 20px 0px 0 0;
	padding-bottom: 20px;
	/* margin-top: 30px; */
	clear: both;
}

a.printPage{
	background: url('../img/print.gif') no-repeat center left; 
	padding-left: 15px;
}

a.postPageShow{
	background: url('../img/post.gif') no-repeat center left; 
	padding-left: 15px;
}

a.postPageHide,
a.postPageHide2{
	background: url('../img/post2.gif') no-repeat center left; 
	padding-left: 15px;
}

a.postPageHide2{
	margin-left: 10px;
	color: #1D4D84;
	font-size: 11px;
}

a.sitemap{
	background: url('../img/sitemap.gif') no-repeat center left; 
	padding-left: 15px;	
}

a.contactUs{
	background: url('../img/contact-us.gif') no-repeat center left; 
	padding-left: 15px;	
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* tabulka pro poslani */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.emailSendForm-bg{
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.8;   
    filter: alpha(opacity=80);   
    -moz-opacity: 0.8;   
    -khtml-opacity: 0.8;	
	position: fixed;
	_position: absolute;
	top: 0; left: 0;
}

.emailSendForm-env{
	background: #DFE4EC;
	border: 3px solid white;
	margin: 0px 0px;
	width: 370px;
	margin-top: 200px;
	position: fixed;
	_position: absolute;
	top: 0; left: 50%;
	margin-left: -185px;
	text-align: left;
	font-size: 11px;
}

.emailSendForm{
	padding: 10px;
}

.emailSendForm p{
	margin: 5px 0; padding: 0;
}

.emailSendForm h2{
	background: none;
	padding: 0px;
	margin: 0px !important;
	color: #1D4D84;
	position: relative;
	font-size: 18px;
}

.emailSendForm h2 img{
	position: absolute;
	top: 0; right: 10px;
}

.emailSendForm h2 img,
.emailSendForm h2 a img{
	border: 0px;
}

.emailSendForm table{
	margin: 0px !important;
}

.emailSendForm strong.extra{
	color: red;
	margin: 0 5px;
}

.emailSendForm form{
	margin: 0px;
	padding: 0px;
}

.emailSendForm p.note{
}

p.errorDescription{
	margin: 10px 0px;
}

p.errorDescription span{
	color: red;
}


#logo-ntn
{
    position: absolute;
    bottom: 15px;
    right: 15px;
}