/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background: #ffffff;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:12px;
}

h1 {
  color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-family: "Trebuchet MS";
	font-size:24px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	display:none;
}

h2 {
  color:#265a72;
	font-weight:bold;
	text-decoration:none;
	font-family: Century Gothic;
	font-size:25px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:left;
	line-height:24px;
	text-shadow: #fff 0px 1px 0px;
}

h3 {
  color:#464646;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:24px;
	margin:0px 0px 30px 0px;
	padding:0px;
	text-align:left;
}

h4 {
  color:#464646;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana;
	font-size:20px;
  margin:0px 0px 20px 0px;
	padding:0px;
	text-align:left;
}

h5 {
  color:#464646;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana;
	font-size:14px;
	margin:0px;
	padding:7px 0px 0px 10px;
	text-align:left;
	float:left;
}

h6 {
  color:#464646;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana;
	font-size:14px;
	margin:0px;
	padding:7px 0px 0px 0px;
	text-align:left;
}

h6 a {
  color:#464646;
	font-weight:bold;
	text-decoration:underline;
	font-family: Verdana;
	font-size:14px;
	margin:0px;
	text-align:left;
}

h6 a:hover {
  color:#464646;
	font-weight:bold;
	font-family: Verdana;
	font-size:14px;
}

span {
  color:#626060;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align: left;
}

p {
  color:#626060;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:12px;
	margin:0px;
	padding:5px 0px 5px 0px;
	text-align: justify;
	line-height:25px;
}

label {
  color:#626060;
	font-size:12px;
}

iframe {
  padding:5px;
  border:1px solid #ebebeb;
}

a {
  color:#000000;
	font-weight:normal;
	text-decoration:underline;
	font-family: Verdana;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align: left;
	outline:none;
}

a:hover {
  color:#000000;
	text-decoration:none;
	font-size:12px;
	margin:0px;
	padding:0px;
}

ul {
  list-style: disc;
  font-size:12px;
  text-align: left;
}

li {
  color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:12px;
	padding:0px;
}

ol li {
  color:#626060;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:12px;
	padding:0px;
	margin:8px;
	line-height:20px;
}

ol li strong {
  color:#333;
}

hr {
border: none;
height: 1px;
background-color: #ccc;
color: #ccc;
margin-bottom:20px;
} 

/* 
+------------------+
|                  |
|       MAIN       |
|                  |
+------------------+
*/



/* 
+------------------+
|                  |
|     HEADER       |
|                  |
+------------------+
*/

#frame_header {
  background: url(gfx/style/bg_header.png) left top repeat-x;
  clear: both;
	height: 114px;
}

#header {
	width: 960px; height: 114px;
}

#logo {
  width: 330px; height: 114px;
  float:left;
}

#homepage {
	background: url(gfx/style/logo.png) left top no-repeat;
	width: 320px; height: 60px;
	float:left;
	margin:35px 0px 0px 10px;
}

#frame_menu {
	float:right;
	width: 630px; height: 114px;
	margin:0px 0px 0px 0px;
}

.mainpagemenu {
  background: url(gfx/style/imac_top.png) 169px 107px no-repeat;
}

.menu {
  list-style: none;
  color:#898989;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana;
	font-size:12px;
	text-align: center;
  margin:10px 5px 0px 0px;
  _margin:10px 0px 0px 0px;
  padding:0px;
  float:right;
}

/* normal */

.menu li {
  text-align:left;
  float:left;
  padding:44px 0px 44px 0px;
  margin-right:5px;
  font-size:12px;
  color:#666666;
	font-weight:bold;
	text-decoration:none;
}

.menu li a {
  padding:46px 0px 46px 0px;
  font-size:12px;
  color:#666666;
	font-weight:bold;
	text-decoration:none;
}

.menu li span {
  padding:46px 12px 46px 12px;
  color:#666666;
}

/* hover */

.menu li:hover {
  float:left;
  padding:44px 0px 44px 0px;
  background: url(gfx/style/menu_link_mid_hover.png) center center repeat-x;
  margin-right:5px;
}

.menu li:hover a {
  padding:46px 0px 46px 0px;
  background: url(gfx/style/menu_link_right_hover.png) right center no-repeat;
  font-size:12px;
  color:#393939;
	font-weight:bold;
	text-decoration:none;
}

.menu li a:hover span {
  _text-decoration:underline;
}

.menu li:hover span {
  background: url(gfx/style/menu_link_left_hover.png) left center no-repeat;
  padding:46px 12px 46px 12px;
  color:#393939;
}

/* active */

.menu li.active {
  float:left;
  padding:44px 0px 44px 0px;
  background: url(gfx/style/menu_link_mid_active.png) center center repeat-x;
  margin-right:5px;
}

.menu li.active a:hover {
  background: url(gfx/style/menu_link_right_active.png) right center no-repeat;
}

.menu li.active a {
  padding:46px 0px 46px 0px;
  background: url(gfx/style/menu_link_right_active.png) right center no-repeat;
  font-size:12px;
  color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: #0033CC 0px 1px 1px;
}

.menu li.active a span {
  color:#ffffff;
}

.menu li.active span {
  background: url(gfx/style/menu_link_left_active.png) left center no-repeat;
  padding:46px 12px 46px 12px;
}

/* 
+------------------+
|                  |
|       INFO       |
|                  |
+------------------+
*/

#frame_info {
	background: url(gfx/style/bg_info.png) left top repeat-x;
	clear:both;
	height: 277px;
}

#info {
	width: 940px;
}

#info_text {
  width: 488px; height:275px; margin-top:2px;
  background: url(gfx/style/bg_headline_1.png) no-repeat;
  float:left;
}

#info_text p {
  width:450px; padding-top:116px; line-height:22px;
}

#info_text h2 {
  display:none;
}

#info_buttons {
  padding:10px 0px 0px 0px;
}

#button_1 {
  background: url(gfx/style/info_button_01.png) left top no-repeat;
  float:left;
  width: 329px; height: 65px;
  margin-right:8px;
}

#button_1:hover {
  background: url(gfx/style/info_button_01_hover.png) left top no-repeat;
}

#info_buttons_shadow {
  background: url(gfx/style/info_button_shadow.png) left top no-repeat;
  width: 452px; height: 29px;
  margin:1px 0px 0px 0px;
  float:left;
  clear:both;
}

#info_reference {
  width: 451px;
  height: 335px;
  background: url(gfx/style/imac.png) no-repeat;
  float:right;
}

#info_reference a {
  font-size:0px;
  text-decoration:none;
}

img.info_ref {
  border:0px;
  margin:10px 0px 0px 15px;
}

#slideshow {
    position:relative;
    height:222px;
    width:393px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

/* 
+------------------+
|                  |
|      INFO 2      |
|                  |
+------------------+
*/

#frame_info_2 {
	background: url(gfx/style/bg_info_2.png) left top repeat-x;
	clear:both;
	height: 120px;
}

#info_2 {
  background: url(gfx/style/bg_headline_2.png) center top no-repeat;
	width: 960px; height: 118px;
}

#writeme {
	width: 960px; height: 118px; display:block;
}

#info_2 h2 {
  display:none;
}

/* 
+------------------+
|                  |
|     CONTENT      |
|                  |
+------------------+
*/

#frame_content {
  clear:both;
  width: 960px;
  padding-top:10px;
}

html>body #frame_content {
  |margin-top:60px;
}

.hcontent {
  background: url(gfx/style/keyboard.png) no-repeat 500px 4px;
}

#content {
	width: 940px;
}

.main_container {
  width:auto;
  clear:both;
}

.content_line {
  background: url(gfx/style/content_line.png) center center no-repeat;
  width: 820px; height: 20px;
  clear:both;
  font-size:0px;
  padding:40px 0px 10px 0px;
}

.content_line_offer {
  background: url(gfx/style/content_line.png) top center no-repeat;
  width: 820px; height: 10px;
  clear:both;
  font-size:0px;
  padding:40px 0px 10px 0px;
}

.column_4p {
  width: 220px;
  float:left;
  margin-right:20px;
}

.column_3p {
  width: 290px;
  float:left;
  margin-right:35px;
}

.ico_sluzby {
  border:0px;
  float:left;
}

.ostatni_cont {
  padding:0px 0px 20px 0px;
  clear:both;
}

.nah_ref_img {
  float:left;
  width:114px;
}

.nah_ref_img img {
  border: 4px solid #898989;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.nah_ref_text {
  float:right;
  width:166px;
}

.tb_qc {
  clear:both;
  margin:0px 0px 0px 0px;
  #margin:-12px 0px 12px 0px;
}

.qc_label {
  color:#464646;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:-12px 0px 0px 0px;
	_margin:0px;
	#margin:0px;
	text-align: left;
	float:left;
}

.qc_label span {
  color:#ed1c24;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align: left;
	vertical-align: super;
}

.qc_label2 {
  color:#464646;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align: left;
	float:left;
}

.qc_label2 span {
  color:#ed1c24;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align: left;
	vertical-align: super;
}

.qc_textbox {
  background: url(gfx/style/qc_textbox.png) left top repeat-x;
  border:1px solid #959595;
  font-size:12px;
  float:left;
  width:164px;
  margin:0px 0px 10px 0px;
  padding:3px 2px 3px 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.qc_textarea {
  background: #ebebeb url(gfx/style/qc_textbox.png) left bottom repeat-x;
  border:1px solid #959595;
  font-size:12px;
  float:left;
  width:213px;
  height:143px;
  margin:0px 0px 12px 0px;
  #margin:8px 0px 12px 0px;
  padding:0px 0px 0px 0px;
  overflow:auto;
}

.qc_button {
  background: url(gfx/style/qc_button.png) left top no-repeat;
  border:0px;
  font-size:12px;
  float:right;
  width:70px;
  height:27px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

.qc_button2 {
  background: url(gfx/style/qc_button.png) left top no-repeat;
  border:0px;
  font-size:12px;
  width:70px;
  height:27px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#content_withpanel {
  width:690px;
  float:left;
}

#content_withpanel img {
  float:left;
  margin-right:10px;
}

#panel_right {
  margin-left:700px;
  height:400px;
  background: url(gfx/style/panel_right_shadow.png) left top no-repeat;
}

#panel_right a {
  display:block;
  padding:10px;
  background-color:#e1e1e1;
  margin-left:20px;
  color:#0099CC;
  margin-bottom:7px;
  border-left:4px solid #0099CC;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#panel_right a:hover {
  background-color:#eee;
}

.popis {
  color:#999;
}

.value {
  color:#666;
}

.inputtext {
  padding:5px;
  border:1px solid #ccc;
  background-color:#ebebeb;
  width:300px;
  margin-bottom:10px;
  margin-top:4px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.textarea {
  padding:5px;
  border:1px solid #ccc;
  background-color:#ebebeb;
  width:400px;
  margin-bottom:10px;
  height:200px;
  margin-top:4px;
}

#tr_first td {
  *padding-bottom:7px;
  *padding-top:10px;  
}

/* 
+------------------+
|                  |
|     FOOTER       |
|                  |
+------------------+
*/

#frame_footer {
	background: url(gfx/style/bg_footer.png) left top repeat-x;
	clear:both;
	height: 33px;
}

#footer {	
	width: 960px; height: 33px;
}

p.copyright {
  color:#898989;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:5px 0px 0px 45px;
	text-align: justify;
}

p.copyright a {
  color:#898989;
	font-weight:normal;
	text-decoration:underline;
	font-family: Verdana;
	font-size:11px;
}

div.copy {
  background: url(gfx/style/copy_image.png) right top no-repeat;
  width:33px; height: 33px;
  font-size:0px;
	float:left;
}

#frame_footer2 {
	background: url(gfx/style/bg_footer2.png) left top repeat-x;
	clear:both;
	height: 100px;
}

#footer2 {	
	width: 960px; height: 100px;
}

.footer_image {
  float:left;
  width:541px;
}

.footer_image img {
  padding:25px 0px 0px 0px;
  border:0px;
}

.footer_links {
  float:left;
  width:419px;
}

a.link_fb {
  background: url(gfx/style/link_fb.png) left top no-repeat;
  width:208px;height:47px;
  float:left;
  margin:28px 0px 0px 20px;
}

a.link_tw {
  background: url(gfx/style/link_tw.png) left top no-repeat;
  width:154px;height:47px;
  float:left;
  margin:28px 0px 0px 20px;
}

/* 
+------------------+
|                  |
|   TEXTY,ODKAZY   |
|                  |
+------------------+
*/

p.grey {
  color:#666666;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:5px 5px 5px 5px;
	text-align: justify;
	line-height:20px;
	clear:both;
}

p.grey a {
  color:#0066cc;
	font-weight:normal;
	text-decoration:underline;
	font-family: Verdana;
	font-size:11px;
}

p.grey a:hover {
  color:#0066cc;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
}


h4 span {
  color:#898989;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:14px;
  margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

p.grey2 {
  color:#464646;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:5px 0px 5px 0px;
	text-align: left;
	line-height:20px;
	clear:both;
}

p.grey3 {
  color:#464646;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:5px 0px 5px 0px;
	text-align: justify;
	line-height:20px;
	clear:both;
}

a.twitter_link {
  color:#898989;
	font-weight:normal;
	text-decoration:underline;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:0px;
	float: left;
}

a.twitter_link:hover {
  color:#898989;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana;
	font-size:11px;
	margin:0px;
	padding:0px;
	float: left;
}

/* 
+------------------+
|                  |
|     UNIQUE       |
|                  |
+------------------+
*/

.padding_10 {
  padding:30px 20px 0px 10px;
}

.clean {
  width:0px;
  height:0px;
  font-size:0px;
  clear:both;
}

.clean_20 {
  width:0px;
  height:20px;
  font-size:0px;
  clear:both;
}

.mezera_20 {
  line-height:20px;
  clear:both;
}

#tooltip{
	position:absolute;
	border:2px solid #333;
	background:#666;
	padding:15px;
	color:#fff;
	display:none;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.succes{
	padding:7px;
	background:#009933;
	text-align:center;
	border:1px solid #003300;
	color:white; font-weight:bold;
}

.warning{
	padding:7px;
	background:#990000;
	border:1px solid #993333;
	text-align:center;
	color:white; font-weight:bold;
}

/* BOXGRID */

			.boxgrid a{ color:#3399CC; font-size:11px; font-weight:bold; }
			.boxgrid h3{ margin: 10px 10px 10px 10px; color:#333; font:18px Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 200px; 
				height: 150px; 
				margin:0px; 
				margin-right:20px;
				margin-bottom:20px;
				float:left; 
				background:#e1e1e1; 
				border: solid 5px #ccc; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p { 
					padding: 0 10px; 
					color:#666; 
					font-weight:normal; 
					font:12px Arial, sans-serif;
          line-height:18px; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute;
				background: #000; 
				width: 100%; 
 			}
      
/* new design */ 

.column_4p p a {
  padding:4px; padding-left:7px; padding-right:7px;
  background:#33A6DD; text-decoration:none;
  color: #fff; float:right;   -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; margin-top:10px;
}

.column_4p p a:hover {
  background:#333; text-decoration:none;
  color: #fff;
}

.boxgrid {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background: url(gfx/style/ref_logo.png) bottom right no-repeat;
}

.reftext {
  text-align:left;
  line-height:22px; color: #666;
  margin-left:30px;
}

#panel_right h4 {
  margin:0;
}

.ref-container {
  border-top:1px solid #ccc;
  padding-top:20px;
}

.offer {
  background:url(gfx/style/klientdesign.png) 20px center no-repeat; border:1px solid #ccc;
    -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.offer a {
  padding:35px;display:block; margin:0; color:#333; text-decoration:none; padding-left:300px;
}