html {
	margin: 0px;
	padding: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	background-color: black;
  background-position:bottom center;
}

body, td, th {
	font-family: Verdana;
	font-size: 10px;
	color:#555555;
}

#okno{
	margin: 0px auto 0px auto;
	position: relative;
	width: 1020px;
  min-height:100%;
  background:white;
  /*padding-bottom:32px;*/
}
#top{
	background-image: url(../img/main/pozadi1.jpg);
	background-repeat: repeat-x;
	height: 100px;
	border-bottom: 3px solid #E9E9E9;
}
#top #logo_img{
	margin: 0px 30px 0px 30px;
	float: left;
	width: 170px;
	height: 100px;
}
#top #link-pia {
	position: absolute;
	left: 230px;
	top: 0;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	line-height: 65px;
  width:535px;
  text-align: center;
  font-size:1.5em;
}
#top #link-pia-central {
	position: absolute;
	left: 380px;
	top: 0;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	line-height: 65px;
}
#top #menu_top{
	background-image: url(../img/main/pozadi3.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 100px;
	width: 734px;
}

#wholeBg {
  background:url(img/shim.gif) center top fixed;
}

#top #menu_top a{
	background-image: url(../img/main/top_delitko.gif);
	background-position: left;
	background-repeat: repeat-y;
	position: relative;
	left: -1px;
	top: 63px;
	padding:0px 0px;
	height:37px;
	display: block;
	float: left;
	color: #ffffff;
  text-align:center;
	text-decoration: none;
	font-weight: bold;
	line-height: 37px;
}

#top #menu_top a:hover {
	text-decoration: underline;
}

#top2{
	height: 200px;
/*	background-color: #3496c0; */
	background-color: #000000;
	border-bottom: 3px solid #E9E9E9;
	padding-left: 200px;
  border-left:1px solid #555555;
  border-right:1px solid #555555;
}
#top2 #obr1{
	float: right;
	width: 550px;
	height: 200px;
}
#middle{
	background-color: #ffffff;
	position: relative;
	padding-left: 0px;
	min-height: 237px;
	_height: 233px;
	/*border-left: 1px solid #555555;
	border-right: 1px solid #555555;*/
}
#middle #obsah{
	padding: 0px 30px 0px 30px;
}
#middle #obsah img{
	/*margin: 2px 10px;*/
}
#middle #obsah .bodka{
	overflow: auto;
	border-width: 0px;
	height: 17px;
	background-image: url(../img/main/bodka1.gif);
	background-repeat: repeat-x;
	background-position: center;
	position: relative;
	left: -5px;
}
#middle #obsah .aktualita{
	overflow: hidden;
	padding-left: 5px;

}
#middle #obsah a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a img{
	border-width: 0px;
}
/*#middle #obsah h1 {
	margin: 0px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom:5px;
}*/

a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}

#middle #obsah #pagePath {
	margin: 0px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
}

#middle #obsah #pagePath h1 {
	margin: 0px;
	display: inline;
	font-size: 11px;
	font-weight: bold;
}

#middle #obsah h1 {
	margin: 0px;
	display: inline;
	font-size: 16px;
	font-weight: bold;
}

#middle #obsah h1 a, #middle #obsah #pagePath h1 a {
	text-decoration: none;
  color:#555555;
}

#middle #obsah #pagePath a {
	text-decoration: none;
  color:#000;
}

#middle #obsah #pagePath a:hover, #middle #obsah h1 a:hover, #middle #obsah #pagePath h1 a:hover {
	text-decoration: underline;
}

#middle #obsah h2 {
	margin: 11px 0 20px 0;
	font-size: 12px;
	font-weight: bold;
}
#middle #obsah h2 a {
	text-decoration: underline;
}
#middle #obsah h2 a:hover {
	text-decoration: none;
}

#bottom{
	background-color: #555555;
	position: relative;
	padding-left: 0px;
	min-height: 40px;
	_height: 40px;
	color: #ffffff;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-top: 3px solid #E9E9E9;
}
#left{
	width: 170px;
	position: absolute;
	top: 103px;
	left: 30px;
	height: 210px;
}
#left #menu1{
	background-color: #FFFFFF;
	padding: 19px 0px;
}
#leftbanners {
	width: 170px;
	background-color: #000000;
}
.m-submenu{
	position: absolute;
	margin-top: 12px;
}
.submenu{
	display: none;
}

.submenu-open {
	background-color: #cccccc;
	width: 170px;
	padding: 0px 0px;
	position: absolute;
	z-index: 1;
	left: 170px;
	top: -32px;
}

#left #menu1 a{
	font-weight: bold;
	color: #000000;
	font-size: 10px;
	padding: 3px 20px 4px 10px;
	display: block;
	text-decoration: none;
	border-top: 1px solid #e9e9e9;
	background-image: url(../img/main/sipka.gif);
	background-repeat: no-repeat;
	background-position: 155px 0px;
}
#left #menu1 a:hover{
	font-weight: bold;
	color: #3496c0;
	font-size: 10px;
	padding: 3px 20px 4px 10px;
	display: block;
	text-decoration: underline;
	border-top: 1px solid #e9e9e9;
	background-image: url(../img/main/sipka.gif);
	background-repeat: no-repeat;
	background-position: 155px 0px;
}

a.submitButton, .quad a.button, input, textarea, select {
	clear: both;
	float: none;
	border-width: 1px;
	border-color: #999999 #DDDDDD #DDDDDD #999999;
}
š
#vlajecky {
	position: absolute;
	top: 30px;
	left: 979px;
	width: 25px;
}

.znaceniTbl, .techTbl {
/*	border:2px solid #000066;*/
}

.fullWidth {
  width:100%;
}

.znaceniTbl th, .techTbl th {
	color:white;
	text-align: left;
	background-color:#0880BB;
}

.znaceniTbl .line0, .techTbl .line0 {
	background-color:#e8e8e8;
	color:black;
}

.znaceniTbl .line1, .techTbl .line1 {
	background-color:#C6C6C6;
	color:black;
}

.znaceniTbl .line2, .techTbl .line2 {
	background-color:#ffffff;
	color:black;
}

.znaceniTbl .line0, .znaceniTbl .line1 {
	cursor: pointer;
}

.znaceniPointAct {
	height:20px;
	font-weight: bold;
	background-color: #ffffff;
	color: black;
	text-align: center;
}

.znaceniPointPas {
	height:20px;
	background-color: #bbbbbb;
	color: black;
	text-align: center;
}

.large {
	font-size:12pt;
	font-weight: bold;
}

.red {
	color:red;
	border:1px solid #DDDDDD;
}

.configItem {
	width:15px;
}
.clear {
	clear: both;
}

.clearBottom {
	clear: both;
	height:10px;
}

.submit {
	background-color: #888888;
	border:1px solid white;
}

.right {
	float:right;
}

.preload17a {background: url(../img/1a.gif);}
.preload17b {background: url(../img/1b.gif);}
.menu {padding:5px 0 0 1em; color:#333333; margin:0; list-style:none; height:30px; position:relative; background:url(../img/0c.png) repeat-x left bottom; font-size:10px;}
.menu li {float:left; height:30px; margin-right:1px; color:#333333;line-height:30px;}
.menu li a {display:block; float:left; height:30px; line-height:30px; color:#333333; text-decoration:none; font-family:verdana; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../img/0a.png) no-repeat;}
.menu li a b {float:left; display:block; color:#333333; padding:0 16px 0px 12px; background:url(../img/0b.png) no-repeat right top;}

.menu li.current a {color:white; background:url(../img/2a.png) no-repeat;}
.menu li.current a b {color:white; background:url(../img/2b.png) no-repeat right top;}
.menu li a:hover {color:white; background: url(../img/2a.png) no-repeat;}
.menu li a:hover b {color:white; background:url(../img/2b.png) no-repeat right top;}
.menu li.current a:hover {color:white; background: url(../img/2a.png) no-repeat; cursor:default;}
.menu li.current a:hover b {color:white; background:url(../img/2b.png) no-repeat right top;}

#usercontainer {
  position:absolute;
  margin-left:765px;
  width:200px;
  height:100px;
  background:rgba(255,255,255,0.1);
}

#usercontainer .phone {
  position:absolute;
  margin-top:72px;
  width:200px;
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
}

#usercontainer .phone span {
  font-size:0.7em;
}

#usercontainer, #usercontainer a, #usercontainer a:hover {
  color:white;
}

#usercontainer p {
  margin:0;
  padding:0;
}

#usercontainer a {
  text-decoration: none;
}

#usercontainer a:hover {
  text-decoration: underline;
}

#usercontainer .fixNamePx {
  height:1.2em;
  overflow:hidden;
  max-width:120px;
}

a.nostrong:hover {
  font-weight:normal;
  transition:all 0.2;
}

#usercontainer p.pimg, #usercontainer p.pimg a {
  height:30px;
  line-height:30px;
  text-align:center;
}

#usercontainer p.pimg a {
  display:inline-block;
}

#usercontainer img {
  vertical-align:middle;
  height:1.4em;
  width:auto;
  transition:all 0.5s;
}

#usercontainer img:hover {
  height:1.8em;
  width:auto;
}

.flp {
  float:left;
  padding-left:5%;
}

.frp {
  float:right;
  padding-right:5%;
}

#usercontainer .flp {
}

#usercontainer .frp {
}

.divider {
	height:3px;
	background-image: url(../img/divider.gif);
	background-repeat: repeat-x;
	margin:10px 0px;
}

.center, .center td {
	text-align: center;
}

p {
	text-align: justify;
	margin:10px 0px;
}

.clickable {
	cursor: pointer;
}

.highlights {
	position:absolute;
	right:30px;
	top:10px;
	z-index:5;
}

li h3 {
  font-size: 10px;
  margin:0;
  padding:0;
  font-weight: normal;
}

sub {
	font-size:8pt;
}

.subtitle {
	padding-left:5px;
	font-size:8pt;
}

.listItem {
	
}

.listItemPhoto {
	float:right;
	width:360px;
}

.listItemPhoto .iconBlock {
  position:absolute;
  margin-left:245px;
  margin-top:70px;
  width:70px;
  height:50px;
  z-index:1;
}

.listItemPhoto .iconBlock img {
  height:50px;
  width:auto;
}

.lineMainBanner .iconBlock {
  position:absolute;
  margin-left:500px;
  margin-top:80px;
  width:150px;
  height:100px;
  z-index:1;
}

.lineMainBanner .iconBlock img {
  height:100px;
  width:auto;
}

.listItemContents {
	width:410px;
	float:left;
}

.nahrada {
	margin:10px 0px;
}

.nahradaText {
	padding:10px;
	border:1px solid red;
	font-weight: bold;
	background-color: #FFFF99;
}

/* ------ NEWS ------ */

.homeNewTitle {
	font-weight:bold;
}

.homeNewContents {
}

.tinyDate {
	margin-top:1px;
	color:red;
}

.border-line {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	margin-bottom: 1em;
	margin-right: 1px;
	clear: both;
}

h5 {
	font-size:10pt;
}

h6 {
	font-size:9pt;
	margin: 0px;
	display: block;
	font-weight: bold;
	margin-bottom:0px;
}


.shimBtn {
	padding:1px 2px;
	border:1px solid #FFFFFF;
}

#bottom_part_outer {
/*  position:fixed;
  bottom:0;*/
	height:32px;
  text-align: center;
  /*z-index:1000;*/
  width:100%;
  margin:0;
  padding:0;
}

#bottom_part {
	margin:0px auto 0px auto;
  text-align: left;
  padding:0;
	width: 1020px;
	height:32px;
	background:url(../img/bottom.png);
}

#bottom_inner {
	padding:10px 0px 0px 34px;
  margin:0;
	color:white;
}

#bottom_inner a {
	color:white;
	text-decoration: none;
}

#bottom_inner a:hover {
	color:white;
	text-decoration: underline;
}

#ikona_google {
	/*width:100%;*/
	position:absolute;
	margin:8px 0 0 930px;
  height:24px;
  overflow:hidden;
  padding:0;
  width:80px;
  text-align: right;
}
#ikona_linked_in {
	/*width:100%;*/
	position:absolute;
	margin-top:8px;
	margin-left:860px;
  width:50px;
}

.askform .title {
  font-size:1.3em;
  width:200px;
}

#middle #obsah .askform a.submitButton {
  width:100%;
  text-align:center;
}

#middle #obsah .askform textarea,
#middle #obsah .askform input[type="text"] {
  width:20em;
  padding:0.5em;
  font-family:Verdana, Tahoma, helvetica;
  font-size:10px;
}

#middle #obsah .askform textarea {
  height:15em;
}

a.submitButton, .button {
  background:url(img/buttonBg.png) top left repeat-x;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(212,212,212,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(212,212,212,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(212,212,212,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(212,212,212,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(212,212,212,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(212,212,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=0 );

  cursor: pointer;
}

#middle #obsah a.submitButton,
.iSubmitButton {
  font-weight:normal;
  display:inline-block;
  height:2.5em;
  line-height:2.5em;
  background-size:cover;
  border:1px solid outset;
  text-decoration:none;
}

.wrong {
  box-shadow:0 0 5px red;
}

.buttonH, .button:hover, a.submitButton:hover {
  background:url(img/buttonBgHover.png) top left repeat-x;

background: rgba(242,242,242,1);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 );
  cursor: pointer;
}

.iSubmitButton, .iSubmitButton:hover {
  background-size:cover;
  width:100%;
}

.iSubmitButton.disabled, .iSubmitButton.disabled:hover {
  background:#aaa;
  cursor:default;
}

.hiddenOne {
  display: none;
}

#middle #obsah .portfolioList {
  font-weight: normal;
  margin-top:10px;
}

#middle #obsah .portfolioList a {
  font-weight: normal;
}


#middle #obsah .portfolioList a:hover {
  text-decoration: underline;
  color:red;
}


#middle #obsah .portfolioClear {
  border-bottom:1px solid gray;
  padding-bottom:15px;
  margin-bottom:30px;
  clear:both;
}

.portfolioList div {
  float:left;
  width:130px;
}

.npht {
  float: right;
  margin-left:10px;
  margin-bottom:10px;
  cursor:pointer;
}

.overimg {
  position:absolute;
  z-index:10;
  width:64px;
  height:64px;
  background:url('../img/click-to-enlarge.png') top left no-repeat;
  cursor:pointer;
  opacity:0;
}

.svgWidth img {
  opacity:0;
}

#middle #obsah .homeRightFrame .title a:hover {
	text-decoration: underline;
}

.linked {
  position:absolute;
  left:0;
  top:100px;
}

.linkedMail, .linkedContact, .linkedIn, .linkedSupport {
  margin-bottom:2px;
  width:61px;
  text-align: right;
  cursor: pointer;
}

.linkedMail {
  background:#2FA7F1;
} 

.linkedContact {
  background:#D34836;
}

.linkedIn {
  background:#007BB6;
}

.linkedSupport {
  background:#4BA521;
}

#middle #obsah .menu li a {
    text-decoration: none;
}

.svgWidth, .svgWidth img {
  width:100%;
}

.w457 {
  width:457px;
}

.w100per {
  width:100%;
}

.codeEdit .node {
  font-weight:bold;
  color:blue;
}

.codeEdit .value {
  font-weight:bold;
  color:brown;
}

.codeEdit .valuename {
  color:red;
}

.hidden {
  display:none;
}

.listItemPhoto a {
  display:block;
  width:350px;
  height:128px;
  margin-bottom:10px;
  text-align: center;
  background:black;
  transition:filter 1s;
  -webkit-transition:all 1s;
}

.listItemPhoto a:hover {
  background:#222;
}

.listItemPhoto a img {
  max-width:340px;
  max-height:118px;
  margin:5px 5px 0 5px;
}

.listItemPhoto a:hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.lineMainBanner {
  text-align:center;
}

.lineMainBanner img {
  max-height: 180px;
  margin-top:10px;
}

.imgAsChar {
  height:2em;
  width:auto;
}

.ared, a.ared,
#usercontainer a.ared, #usercontainer a.ared:hover {
  color:red;
}

.quad {
  float:left;
  border:1px solid black;
  width:23%;
  margin-right:2.2%;
  margin-bottom:1em;
}

.quad:nth-child(4n) {
  margin-right:0;
}

.quad h3 {
  margin:0.5em 10px;
  padding:0 0px;;
}

#middle #obsah .quad h3 a:hover {
  text-decoration:underline;
}

.quad p {
  margin:0;
  padding:0 10px;;
  text-align:left;
}

.quad .quadp {
  background:black;
  margin:1em 0;
}

.quad .quadp,
.quad .quadp a {
  height:120px;
  line-height:120px;
  text-align:center;
}

.quad .quadp a {
  display:inline-block;
}

.quad .quadp img {
  height:100px;
  width:auto;
  vertical-align:middle;
  margin-top:10px;
  transition:all 1s;
}

.quad .quadp a:hover img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.quad .flp,
.quad .frp {
  width:40%;
}

#middle #obsah .quad a.button {
  width:100%;
  background-size:100% 100%;
  border:1px outset;
  text-align:center;
  margin-top:0.2em;
  margin-bottom:0.5em;
  font-size:9px;
  font-weight:normal;
  display:inline-block;
}
#middle #obsah .quad a.button,
.quad .fitright {
  height:3em;
  line-height:3em;
}

.tl {
  text-align:left;
}

.tr {
  text-align:right;
}

.poptavka {
  float:right;
  padding:2em;
  margin-left:1em;
  margin-right:4em;
  background:white;
  border:1px solid #ccc;
}

p.upper, p.lower {
  padding-left:3em;
}

.w350 {
  width:350px;
}

.wpop {
  width:500px;
}

.poptavka input[type="text"] {
  height:35px;
  line-height:35px;
  padding-left:1em;
  padding-right:1em;
  width:350px;
}

.poptavka textarea {
  height:280px;
  line-height:35px;
  padding-left:1em;
  padding-right:1em;
  width:350px;
  font-family:verdana;
  font-size:13.33px;
}

.poptavka input#verify {
  width:230px;
  height:31px;
}

.poptavka img {
  vertical-align:bottom;
}

.pcontent, .bluebg,
#middle.page_poptavka #obsah #pagePath,
#middle.page_anfrage #obsah #pagePath,
#middle.page_request #obsah #pagePath,
#middle.page_zapytanie #obsah  #pagePath,
#middle.page_poptavka-odeslana #obsah #pagePath,
#middle.page_anfrage-sent #obsah #pagePath,
#middle.page_request-sent #obsah #pagePath,
#middle.page_zapytanie-sent #obsah  #pagePath {
  padding-left:3em;
}

#middle {
  padding-bottom:2em;
}

#middle.page_poptavka,
#middle.page_anfrage,
#middle.page_request,
#middle.page_zapytanie,
#middle.page_poptavka-odeslana,
#middle.page_anfrage-sent,
#middle.page_request-sent,
#middle.page_zapytanie-sent {
  padding-bottom:0;
}

#middle.page_poptavka #obsah,
#middle.page_anfrage #obsah,
#middle.page_request #obsah,
#middle.page_zapytanie #obsah,
#middle.page_poptavka-odeslana #obsah,
#middle.page_anfrage-sent #obsah,
#middle.page_request-sent #obsah,
#middle.page_zapytanie-sent #obsah {
  padding-left:0;
  padding-right:0;
}

.bluebg, .bluebutton, .bluebutton:hover, #middle #obsah a.bluebutton, #middle #obsah a.bluebutton:hover {
  background:#0880BB;
  color:white;
  text-decoration:none;
  transition:all 0.5s;
}

.whitebutton, .whitebutton:hover, #middle #obsah a.whitebutton, #middle #obsah a.whitebutton:hover {
  color:#0880BB;
  background:white;
  text-decoration:none;
  transition:all 0.5s;
}

.bluebg a {
  color:black;
  text-decoration:underline;
}

.bluebg a:hover {
  text-decoration:none;
}

.bluebutton, .bluebutton:hover,
.whitebutton, .whitebutton:hover {
  display:inline-block;
  height:3em;
  line-height:3em;
  padding-left:2em;
  padding-right:2em;
  font-size:12px;
  font-weight:normal;
}

.bluebg input {
  clear:none;
  width:200px;
  background:white url(/img/mainSearchB.png) right center no-repeat;
}

.bluebg input::placeholder {
  color:#A8C8DC;
  font-weight:normal;
}

#middle #obsah a.bluebutton:hover, .bluebutton:hover,
#middle #obsah a.whitebutton:hover, .whitebutton:hover,
#middle #obsah a.bluebutton.disabled, .bluebutton.disabled {
  background:#aaa;
}

#middle #obsah a.bluebutton.disabled:hover, .bluebutton.disabled:hover {
  color:#ccc;
}

.pcontent p, .bluebg p, .lh3 {
  margin-top:3em;
  margin-bottom:3em;
  line-height:3em;
}

.mb0, p.mb0 {
  margin-bottom:0;
}

.warning {
  margin:10px;
  padding:0.5em 1em;
  background:yellow;
  box-shadow:0 0 10px black;
  font-weight:bold;
}