/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 10px 0; }
.clear{clear:both;}
.wrap { width: 1000px; margin: 0 auto; }
.spat {text-align: right; padding-right: 20px;}

html { 
  height: 100%; 
  }
body { 
  font-family: arial, sans-serif; 
  font-size: 75.5%; 
  color: #040F33; 
  height: 100%; 
  background: url('../pics/system/bg.jpg') #fff repeat-x;
  }

a { 
  color: #040F33; 
  text-decoration: underline; 
  font-family: "Trebuched MS", Arial, sans-serif;
  }
a:hover { 
  text-decoration: none; 
  }
.hidden { 
  display: none; 
  }
  
  
  
#flash { width: 100%; height: 457px; position: absolute; top: 0; left: 0; z-index: 2; }
#bgtop { width: 100%; height: 549px; position: absolute; top: 0; left: 0; z-index: 3;  background: url('../pics/system/bgtop.png') no-repeat; }
#container { width: 100%;/* height: 1000px;*/ position: absolute; top: 0; left: 0; z-index: 4;  }  

h1 { visibility: hidden; position: absolute; top: 0; left: 0; }
a#h1 { position: absolute; text-decoration: none; display: block; width: 235px; height: 140px; top: 46px; left: 200px; }

#mainmenu { font-family: arial, sans-serif; text-transform: uppercase; height: 403px; }
  
	#jsmm
{	margin: 0;
	padding: 306px 0 0 187px; list-style: none none; 
	}
	
	#jsmm li
	{	float: left;
	display: block;
		list-style: none;
		font: 13px Arial}

	#jsmm li a
	{	display: block;
		padding: 5px 20px;
		text-decoration: none;
		color: #043048;
		white-space: nowrap;
		}

	#jsmm li a:hover
	{	background: #E5F4FB}
		
		#jsmm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
		
		#jsmm li ul li
		{	float: none;
			display: inline;
			width: 130px;}
		
		#jsmm li ul li a
		{	width: 140px;
		  text-transform: none;
		  font-size: 12px;
			background: #fff}
		
		#jsmm li ul li a:hover
		{	background: #E5F4FB}
		
		#jsmm ul ul  
		{	
		float: right;
		display: block;
		margin-left: 180px;
		margin-top: -25px;
		}
		#jsmm ul ul li a
		{
		background-color: #f7fcff;
		}

#contentTop { width: 78px; height: 72px; margin: 0 0 0 100px; background: url('../pics/system/ball.png') no-repeat top right; } 		
#contentContainer { margin: 0 0 0 130px; width: 875px; font-size: 1.05em; }	

#contentContainer h1 { font-size: 1.3em; padding: 0 0 10px 0; font-family: "Trebuched MS", Arial, sans-serif; text-transform: uppercase; font-weight: normal; visibility: visible; position: inherit;}
#contentContainer h2 { font-size: 1.3em; padding: 0 0 10px 0; font-family: "Trebuched MS", Arial, sans-serif; text-transform: uppercase; font-weight: normal; }
#contentContainer h3 { font-size: 1.3em; padding: 0 0 5px 0; font-family: "Trebuched MS", Arial, sans-serif; text-transform: uppercase; font-weight: normal; }

.box1 { width: 325px; padding: 0 0 0 25px; float: left; }
.box2 { width: 470px; padding: 0 0 0 25px; float: left; background: url('../pics/system/vline.png') no-repeat; }
  .box2 .box2img { width: 180px; float: left; }
    .box2img img { border: 2px solid #ccc; }
  .box2content { width: 285px; float: right; }
  .box1 a, .box2 a { font-size: 1.05em; }

.blueContainer { margin: 20px 0 0 0; padding: 23px; min-height: 355px; background: url('../pics/system/bgbox.png') no-repeat; } 		
		
.referencie { width: 490px; float: left; }
  .refBox { width: 142px; float: left; padding: 0 20px 20px 0; color: #3E6C8B; }
    .refBox .refImg { width: 140px; border: 1px solid #fff; border-bottom: none;/* background-color: #fff; */}
      .refBox canvas{border-top: 1px solid #bbb;}
      .refImg img { width: 140px;  }
     .refBox .refLine { padding: 3px 0 0 5px; height: 18px; font-size: 10px; background: url('../pics/system/ref-line-bg.png') repeat-x; }
      .refLine a { font-size: 10px; color: #3E6C8B; text-decoration: none; }
      .refLine a:hover { text-decoration: underline; }
.video { width: 332px; float: left;}
  .video h2 { margin: 0 0 0 15px; }
  .videobox { width: 311px; height: 224px; padding: 20px 0 0 17px; background: url('../pics/system/bg-video.png') no-repeat; }  		

#footer { width: 941px; height: 37px; margin: 20px 0 20px 60px; font-size: 11px; font-family: "Trebuched MS", Arial, sans-serif; color: #4F758E; background: url('../pics/system/footer.png') no-repeat; float: left;}		
  #footer a { color: #4F758E; }
  #footer ul { list-style: none none; padding: 6px 50px 0 65px; }
  #footer ul li { float: left; display: block; }
  #footer ul .liright { float: right; }
    .liright a { text-decoration: none; }
  #footer ul .liseparator { padding: 0 15px 0 15px; }
  
  /* SUBPAGE & PAGENOFOUND */
  
.pagenofound {
text-align: center;
font-size: 16px;
padding-bottom: 80px;
padding-top: 50px;
}		

.box1-sub { width: 395px; padding: 0 25px 0 25px; float: left; }
.box2-sub { width: 395px; padding: 29px 0 0 25px; float: left; background: url('../pics/system/vline.png') no-repeat; }

/*vyzva*/
.box1-sub-s { width: 395px; padding: 0 25px 0 25px; float: left; }
.box2-sub-s { width: 395px; padding: 29px 0 0 25px; float: left; /*background: url('../pics/system/vline.png') no-repeat;*/}

.box1-kon { width: 235px; padding: 0 25px 0 25px; float: left; }
.box2-kon { width: 565px; padding: 0 0 0 25px; float: left; background: url('../pics/system/vline.png') no-repeat; }

.box1-sklo { width: 395px; padding: 0px 25px 0 25px; float: left; }
.box2-sklo { width: 395px; padding: 29px 0 0 25px; float: left; background: url('../pics/system/vline.png') no-repeat; }

.ul-inside-bullet li{
display: list-item;
list-style-position: inside;
}
.tech-parametre {
width: 400px;
border-collapse: collapse;
border-top: 1px solid #174e84;
}
.tech-parametre tr{
border-bottom: 1px solid #174e84;
}
.tech-parametre tr:hover{ 
background-color: #d3e8f4;
}
.tech-parametre-l {
font-weight: bold;
}		
.tech-parametre-r {
text-align: right;
}

.referencie-l { width: 820px; float: left; display: block;}
  .refBox-l { width: 142px; float: left; padding: 0 20px 20px 0; color: #3E6C8B;}
    .refBox-l .refImg { width: 140px; border: 1px solid #fff; border-bottom: none; /* background-color: #85c1e8;*/ }
      .refBox-l canvas{border-top: 1px solid #bbb;}
      canvas{border-top: 1px solid #bbb;}
    .refBox-l .refLine { padding: 3px 0 0 5px; height: 18px; font-size: 10px; background: url('../pics/system/ref-line-bg.png') repeat-x; }

.table-standard {
border-collapse: collapse;
text-align: center;
border-left: 1px #abc1cf solid;
border-right: 1px #abc1cf solid;
border-top: 1px #abc1cf solid;
}
.table-standard td, th{
border-bottom: 1px #abc1cf solid;
height: 20px;
}
.table-standard tr {
background-color: #eff8fe;
}
.table-standard tr:hover {
background-color: #d3e8f4;
}

.whiteContainer { margin: 20px 0 0 0; padding: 23px; min-height: 125px;} 

/* LOGIN FORM */
.login-form-blok {
width: 350px;
height: 200px;
margin-left: auto;
margin-right: auto;
background-color: #eaf8ff;
border: 1px solid #c1deee;
}

/* PARTNERSKA ZONA */
.spokojnost-form-blok {
width: 850px;

}
.partnerska_zona {
padding-top: 10px;
padding-left: 20px;
}
.partnerska_zona ul li{
padding-bottom: 4px;
}
.spokojnost-tbl {
border-collapse: collapse;
}
.cont-img {
border: 2px solid #d3e8f4;
}

/* JQUERY VALIDATE FORM - STYLY */
label.error{
color: #ffa161;
font-size: 85%;
}
/* kontaktny form */
#contactForm input, textarea {
border: 1px solid #174e84;
padding-top: 3px;
padding-bottom: 3px;
}
#contactForm input:hover, textarea:hover{
background-color: #d3e8f4;
}
#contactForm input.error, textarea.error {
border: 1px #f3983d solid;
}
/* dopytovy formular */

.dopyt-form-blok {
width: 700px;
margin-left: auto;
margin-right: auto;
}
.dopyt-form-bluetxt {
color: #93c3d0; 
}
#dopytForm textarea {
width: 400px;
border: 1px solid #174e84;
}
#dopytForm textarea:hover {
background-color: #d3e8f4;
}
#dopytForm input {
width: 300px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #174e84;
margin-right: 100px;
}
#dopytForm input:hover {
background-color: #d3e8f4;
}
#dopytForm select {
width: 302px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #174e84;
margin-right: 100px;
}
#dopytForm select:hover {
background-color: #d3e8f4;
}
#dopytForm input.error {
border: 1px #f3983d solid;
}
#dopytForm textarea.error {
border: 1px #f3983d solid;
}
/* spokojnost formular*/

.spokojnost-tbl th{
border: none;
background-color: #b3d2e9;
padding: 3px;
}
.spokojnost-tbl tr{
text-align: center;
}
.spokojnost-tbl .text{
text-align: left;
}
.spokojnost-tbl .hover{
height: 26px;
}
.spokojnost-tbl .hover:hover{
background-color: #d3e8f4;
}
#nazov_firmy, #vyplnil, #datum {
width: 350px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #174e84;
}
#nazov_firmy:hover, #vyplnil:hover, #datum:hover {
background-color: #d3e8f4;
}
#zaverecna_cast {
width: 350px;
border: 1px solid #174e84;
}
#zaverecna_cast:hover {
background-color: #d3e8f4;
}
#spokojnostForm input.error {
border: 1px #f3983d solid;
}
.dopyt_bt {
border: 1px solid #174e84;
}
.dopyt_bt:hover {
background-color: #d3e8f4;
}
/* sub-menu */
.sub_menu {
height: 46px; 
width: 903px; 
/*margin-left: 137px;*/
margin-left:79px; 
margin-top: 37px; 
clear: both; 
display: block;
background-image: url(../pics/system/menu-sub.png);
background-repeat: no-repeat;
}
.sub_menu ul {
margin-left: 35px;
padding-top: 10px;
}
.sub_menu ul li{
display: inline;
}
.sub_menu ul li a {
padding: 5px 10px;
color: #276c92;
font: 11px Arial;
text-decoration: none;
font-weight: bold;}
.sub_menu ul li a:hover{
background: #fff;
}
/* PARTNERI */
.partneri_l {
width:300px;
float: left;
display: block;
}
.partneri_r {
width: 300px;
float: left;
display: block;
}
/* CAPCHA */
.text1 input {
padding-bottom:3px;
padding-top:3px;
}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
background-color:#fff !important;
float: left;}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
float: left;
}
#recaptcha_table {
border-color: #7f9db9 !important;
}
.recaptcha_image_cell{
border-color: #7f9db9; 
} 
#recaptcha_response_field {
border: 1px solid #174e84; 
}
#recaptcha_response_field:hover {
background-color: #d3e8f4;
}
#recaptcha_logo {
display: none;
}
#recaptcha_tagline {
display: none;
}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area  {
margin-top: 5px;
}
#recaptcha_table {
border-color:#FFFFFF !important;
}
.pct_logo {
float: left;
}
.pct_logo:hover {
opacity:0.5;filter:alpha(opacity=50);
}

/* VYZVA */
.vyzva {
padding: 5px 0;
margin-bottom: 7px; 
margin-top: 20px;
font-weight: bold;
margin-left: 25px;
border:  1px solid ;
word-spacing: 1px;}