HTML {
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
}

* {
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
}

BODY {  
  background-color: #051127;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Helvetica, sans-serif;
  background-image: url('../images/background_vertical.jpg');
  background-repeat: repeat-x;  
}

#outer {
  width: 992px;
  margin: 0px auto; 
}

#top_cloud {
  background-image: url('../images/webdesign_top_pict.png');
  background-repeat: no-repeat;
  height: 77px;
  margin-left: 0px;
}

#page {
  width: 960px;
  margin: 0px;
  margin-left: 0px;
}

#page_top_container {
  width: 960px;
  height: 10px;
  background-image: url('../images/webdesign_content_back.png');
  background-repeat: no-repeat;
}

#page_inner {
  width: 960px;
  background-color: white;
  color: black;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}

#right {
  float: right;
  width: 32px;
  overflow: hidden;
}

.rightlink, .rightlink:link, .rightlink:visited, .rightlink:hover, .rightlink:active {
  border: 0px solid black;
  text-decoration: none;
}

#right_contact_form {
  width: 32px;
  overflow: hidden;
  margin-top: 240px;
}

.right_contact_form_pict {
  border: 0px solid black;
}

#right_plastics {
  width: 28px;
  overflow: hidden;
  margin-top: 10px;
}

#right_plastics_img {
}

/* page elements */

#topmenu {
  height: 65px;
  line-height: 65px; 
  vertical-align: bottom;
  overflow: hidden;
}

#logo_cut {
  height: 65px;
  width: 138px;
  float: left;
  font-size: 12px;
  margin-left: 10px; 
  font-weight: bold;
  line-height: 65px;
  vertical-align: bottom;
}

#menu_container {
  margin-top: 20px;
  line-height: 20px;
  vertical-align: bottom;
  float: right;
  margin-right: 20px;
}


.topmenulink_active, .topmenulink_active:link, .topmenulink_active:active {
  background-color: black;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 14px;
  margin-left: 15px;
  display: block; 
  float: left;
  color: white;
  text-decoration: none;
  text-align: center; 
}

/*
.topmenulink_active:visited, .topmenulink_active:hover, .topmenulink_active:visited  {  
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 14px;
  margin-left: 15px;
  display: block; 
  float: left;
  color: black;
  text-decoration: none;
  text-align: center; 
}
*/

.topmenulink, .topmenulink:link, .topmenulink:visited  {
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  color: black;
  font-weight: bold;
  font-size: 14px;
  margin-left: 15px;
  display: block;
  float: left;
  text-decoration: none;
  text-align: center;
}

.topmenulink:hover, .topmenulink:active  {
  background-color: black;
  color: white;
  text-decoration: none;
  vertical-align: middle;
  padding-top: 0px;
}

#languages {
  float: right;
  margin-top: 25px;
  height: 20px;
  margin-right: 20px;
}

.languageimg {
  height: 16px;
  line-height: 20px;
  width: 23px;
  text-align: left;
  vertical-align: bottom;
  /*border: 1px solid #909090;*/
}

.languagelink, .languagelink:link, .languagelink:visited {
  width: 23px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 5px;  
}

.languagelink:active, .languagelink:hover {
  text-decoration: none;
}

#webdesign_main_pict {
  height: 142px;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('../images/webdesin_main_pict.png');
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

#webdesign_main_pict_links {
  float: right;
  margin-top: 80px;
  margin-right: 35px;
}

.webdesign_main_pict_links_link {
  margin-right: 15px;
  border: 0px solid black;
}

#webdesign_main_pict_text_container {
  color:black;
  font-family: Verdana;
  line-height: 25px;
  margin-top: 20px;
  margin-left: 30px;
}

.webdesign_main_pict_link {
  color: #ff0101;
  text-decoration: none;
  border-bottom: 1px dotted #ff0101;
  vertical-align: middle;
}


#logo_noflash {
  width: 902px;
  height: 249px;
}

#page_bottom_container {
  background-image: url('../images/webdesign_content_back_bottom.png');
  background-repeat: no-repeat;
  width: 960px;
  height: 10px;
  margin: 0px;
  border: 0px solid red;
}

#footer {
  border-top: 0px solid black;
  margin: 0px;
  width: 960px;
}

#footer_inner {
  background-color: #000000;
  line-height: 30px;
  font-size: 12px;
  vertical-align: middle;
  padding: 10px;
  margin-bottom: 10px;
  color: white;
}

.footerline {
  clear: both;
}

.footerleft {
  float: left;
}

.footerright {
  text-align: right
}

#content {
  margin: 20px;
  
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: justify;
  font-size: 14px;
  line-height: 150%; 
}

#quicklinks {
  /*position: absolute;*/
  background-image: url('../images/background_middle_mainpage.png');
  background-repeat: no-repeat;
  margin-top: 10px;
  height: 224px;
  width: 926px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  
}

#qlink_eobchod {
  background-image: url('../images/e-shop_e-commerce_middlebtn.png');
  background-repeat: no-repeat;
  width: 275px;
  height: 177px;
  margin-left: 20px;
  margin-right: 30px;
  float: left;
  overflow: hidden;
}

#qlink_webdesign_www {
  background-image: url('../images/www_webdesign_middlebtn.png');
  background-repeat: no-repeat;
  width: 275px;
  height: 177px;
  margin-left: 0px;
  margin-right: 30px;
  float: left;
  overflow: hidden;
}

#qlink_software {
  background-image: url('../images/software_middlebtn.png');
  background-repeat: no-repeat;
  width: 275px;
  height: 177px;
  margin-left: 0px;
  margin-right: 20px;
  float: left;
  overflow: hidden;
}


#qlink2 {
/*  position: absolute;
  left: 300px;*/
  width: 295px;
  top: 0px;
  float: left;
  margin-right: 3px;
  display: block;
}

#qlink3 {
/*  position: absolute;
  left: 600px;*/
  width: 295px;
  top: 0px;
  float: left;
  display: block;
}


.qlink_tittle {
  font-family: Arial;
  margin-top: 25px;
  text-align: left;
  margin-left: 60px;
  font-size: 16px;
}

.qlink_tittle_link {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.qlink_content {
  width: 220px;
  height: 65px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-size: 14px;
  font-family: Arial;
  text-align: justify;
}

.qlink_detail_link {
  float: right;
  margin-right: 20px;
}

#qlink1:link, #qlink2:link, #qlink3:link, #qlink1:visited, #qlink2:visited, #qlink3:visited {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.qlinkactive#qlink1:link, .qlinkactive#qlink1:visited, qlinkactive#qlink2:link, .qlinkactive#qlink2:visited, qlinkactive#qlink3:link, .qlinkactive#qlink3:visited {
  color: white;
}

.qlinkactive#qlink1:hover, .qlinkactive#qlink1:active, qlinkactive#qlink2:hover, .qlinkactive#qlink2:active, qlinkactive#qlink3:hover, .qlinkactive#qlink3:active {
  color: #EEEEEE;
}

#qlink1:hover, #qlink2:hover, #qlink3:hover, #qlink1:active, #qlink2:active, #qlink3:active {
  color: #EEEEEE;
  text-decoration: none;
  cursor: pointer;
}

.qlinktop {
  width: 295px;
  height: 20px;
  display: block;
  background: url('../images/quicklink-top.jpg') left top no-repeat;
}

.qlinktop_active {
  width: 295px;
  height: 20px;
  display: block;
  background: url('../images/quicklink-top-active.jpg') left top no-repeat;
  color: white;
}

.qlinktitle {
  width: 282px;
  height: 23px;
  padding: 3px;
  padding-left: 10px; 
  display: block;
  background: url('../images/quicklink-title.jpg') left top no-repeat;
  font-weight: bold;
  line-height: 23px;
  vertical-align: middle;
}

.qlinktitle_active {
  width: 282px;
  height: 23px; 
  padding: 3px;
  padding-left: 10px; 
  display: block;
  background: url('../images/quicklink-title-active.jpg') left top no-repeat;
  font-weight: bold;  
    line-height: 23px;
  vertical-align: middle;
}

.qlinkcontent {
  width: 275px;
  height: 112px; 
  padding: 10px;
  display: block;
  background: url('../images/quicklink-content.jpg') left top no-repeat;
  color: #D0D0D0;
  font-weight: bold;
  font-size: 12px;
  line-height: 200%;
}

.qlinkcontent:hover {
  width: 275px;
  height: 112px; 
  padding: 10px;
  display: block;
  background: url('../images/quicklink-content.jpg') left top no-repeat;
  color: white;
  font-weight: bold;
  font-size: 12px;
  line-height: 200%;
}


.qlinkcontent_active {
  width: 275px;
  height: 112px; 
  padding: 10px;
  display: block;
  background: url('../images/quicklink-content-active.jpg') left top no-repeat;
  font-weight: bold;
  font-size: 12px;
  line-height: 200%;
}

.qlink_more {
	text-decoration: underline;
	float: right;
}

#index_pictures {
  border: 0px solid black;
  margin-left: 38px;
  margin-right: 38px;
  width: 826px;
  height: 153px;
  margin-top: 10px;
}




H1 {
  text-align: left;
  font-size: 25px;
  padding-bottom: 7px;
  padding-left: 7px;
}

.text_left {
  width: 533px; /* 420 */  
  float: left;
  overflow: hidden;
  margin: 0px;
  padding-bottom: 10px;
  margin-right: 20px;
  font-size: 12px;
  /*border: 1px solid black;*/
}

.text_full {
  margin-top: 20px;
  width: 900px;
  clear: right; 
  font-size: 12px;
  margin-bottom: 0px;
}

.first_paragraph {
  text-indent: 0px;
}

.first_paragraph:first-letter {
  /*font-size: 150%;
  font-weight: bold;*/
}

P {
  margin: 7px;
  text-indent: 42px;
}

.text_right {
  width: 280px; /* 420 */
  /* margin-left: 436px; */
  float: right;
  margin-left: 5px;
  padding-bottom: 20px;
  overflow: hidden;
  font-size: 12px;

  /*border: 1px solid black;*/
}

.text-inner {
  width: 280px;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 80px;
  
}

.index_nadpis {
  font-size: 18px;
  font-weight: bold;
}


.h2_refclient {
	font-size: 14px;
	font-weight: bold;
	margin: 21px 0px 7px 49px;
	clear: both; 
}

.reference_thumbnail {
	float: left;
	/* border: 1px solid #CACACA; */
	margin-right: 63px;
	margin-bottom: 21px;
	position: relative;
	left: 20px;
}

.clientdesc {
	text-indent: 0px;
	padding-right: 42px;
	text-align: left;
}

.techdesc {
  margin-top: 15px;
}

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

H1.onecolpage {
  clear: both;
	text-align: center;
	margin-top: 21px;
}

.text_onecol {
  clear: left;
	margin: 0px;
	margin-top: 5px;
}

IMG#workflow {
	margin: 20px auto;
	width: 800px;
	height: 600px;
}

.textlink, .textlink {
	color: #FF0000;
	text-decoration: none;
}

.textlink:visited {
	color: #DA0000;
} 

.textlink:hover, .textlink:active {
	text-decoration: underline;
}

.error {
	color: red;
	font-size: 10px;
}

.formlabel {
	text-indent: 0px;
	margin-top: 21px;
}

FORM {
	border: 1px solid red;
	padding: 20px;
}

INPUT, TEXTAREA {
	border: 1px solid red;
	background-color: #EDEDED;
	padding: 2px;
	color: black;
}

.formbutts {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#odeslat {
	text-align: center;
	border: 1px solid red;
	background-color: #EDEDED;
	padding: 2px;
	color: black;
	font-weight: bold;
	width: 150px;
	margin: 0px;	
	cursor: pointer;
}

.footerlink {
	margin: 0px 5px;
} 

.footerlink:link, .footerlink:visited {
	color: white;
	text-decoration: none;
}

.footerlink:hover, .footerlink:active {
	color: #d6d6d6;
	text-decoration: underline;	
}

.footerlink_leftest {
	margin-left: 0px;
}

.footerlink_rightest {
	margin-right: 0px;
}

.detail_link_with_pict {
  text-decoration: none;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  font-weight: bold;
}

.detail_link_with_pict_pict {
  border: 0px solid black; 
  margin-right: 10px; 
  vertical-align: middle;
}

.detail_link_with_pict_text {
  color: #1d1d1d; 
  text-decoration: none;
  border-bottom: 1px dotted #3a8a8a; 
  line-height: 17px; 
  vertical-align: middle;"
}

.podtrzeni {
  background-image: url('../images/index_text_underline.png');
  height: 3px;
  background-repeat: no-repeat;
}

#nav_btn {
  margin-top: 5px;
  text-align: right;
  height: 20x;
}

.nav_btn_link {
  border: 0px solid black;
  text-decoration: none;
  float: right;
  margin-right: 5px;
}

.reference_h2 {
  font-size: 14px; 
  font-weight: bold;
  margin: 10px 0px 7px 49px;
}

.reference_h2_span {
  border-bottom: 1px dotted #CACACA;
}

.reference_arrow {
 border: 0px solid black; 
 margin-right: 10px;" 
}