#header {
  width: 957px;
  height: 126px;
  background: url('images/page/header.gif') no-repeat top left;
}

#headersk {
  width: 957px;
  height: 126px;
  background: url('images/page/header.gif') no-repeat top left;
}

span.header-text {
  display: inline;
  color: #fff;
  text-decoration: none;
  float: right;
  margin-top: -50px;
  margin-right: 55px;
  font-size: 170%;
  font-weight: normal;
  height: 40px;
  padding-top: 7px;
  position: static;
}

span.header-text span {
  color: #fff;
}

span.header-text img {
  float: left;
  margin-top: -5px;
}

h1 {
  position: normal;
  margin-top: 0;
  font-size: 140%;
}

h2 {
  margin-left: 30px;
  float: right;
  background: none;
}

h2 strong {
  font-size: 110%;
}

h5 {
  color: #565656;
  font-size: 160%;
  font-weight: normal;
  background: url('images/page/vyhody.gif') no-repeat bottom left;
  padding-left: 50px;
  padding-top: 5px;
  height: 31px;
}

#location {
  height: 30px;
  text-align: left;
  padding-top: 6px;
  margin-left: 250px;
  clear: both;
}

#location a {
  color: #578d0c;
}

#location a:hover {
  color: #3d3d3d;
}

#content {
  width: 715px;
  background: url('images/page/content-back.gif') no-repeat top left;
  margin: 0;
  position: relative;
  left: -10px;
  padding: 0px;
  float: right;
}

#content div.studie-uvod {
  float: left;
}

#content img {
  margin: 10px 20px;
}

#content p em {
  font-size: 120%;
}

#content span {
  font-size: 100%;
  color: #0f81b5;
}

#content div.kontakt {
  padding: 5px;
  line-height: 18px;
  float: left;
  width: 120px;
}

#content div#kontakt span {
  font-weight: bold;
}

#content div.kontakt-telefon {
  padding: 5px;
  line-height: 18px;
  float: left;
  width: 120px;
  padding-left: 15px;
}

#content span.phone-black {
  background: url('images/phone-black.png') no-repeat top left;
  padding-top: 15px;
  margin-left: -15px;
  padding-left: 15px;
  float: left;
  width: 100%;
  color: #000;
  font-weight: bold;
}

#content span.phone-green {
  background: url('images/phone-green.png') no-repeat top left;
  padding-top: 15px;
  margin-left: -15px;
  padding-left: 15px;
  float: left;
  width: 100%;
  color: #90af03;
  font-weight: bold;
}

#content span.phone-red {
  background: url('images/phone-red.png') no-repeat top left;
  padding-top: 15px;
  margin-left: -15px;
  padding-left: 15px;
  float: left;
  width: 100%;
  color: #e90000;
  font-weight: bold;
}

div.vyhody p {
  width: 470px;
  float: left;
  padding: 10px 30px;
}

div.vyhody img {
  margin-top: -30px;
}

div.vyhody h2 {
  width: 200px;
  margin: 0 10px 0 0;
  padding: 0;
  float: right;
}

#content ul.vyhody {
  list-style-type: none;
  float: left;
}

#content ul.vyhody li {
  float: left;
  width: 315px;
  margin-right: 20px;
}

#content ul.seznam, #content ul.nahledy {
  width: 320px;
  margin-right: 15px;
  margin-left: 5px;
  float: left;
  list-style-type: none;
}

#content ul.seznam li span {
  color: #3d3d3d;
  font-size: 100%;
  float: left;
  width: 200px;
  font-weight: normal;
}

#content ul.seznam li.h2 {
  border-bottom: none;
  height: 36px;
  padding-top: 0;
  float: left;
  width: 320px;
}

#content ul.seznam li {
  border-bottom: 1px solid #dddddd;
  float: left;
  width: 320px;
  height: 20px;
  padding-top: 7px;
}

#content ul.seznam li img {
  width: 37px;
  padding: 0;
  margin: 0;
  float: right;
  margin-top: -7px;
}

#content ul.nahledy li {
  float: left;
}

#content ul.nahledy img {
  float: left;
  width: 140px;
  height: 100px;
  padding: 0;
  margin: 10px;
}

#content ul h2 {
  background: url('images/page/h2.gif') no-repeat bottom left;
  margin: 0;
  padding: 0;
  width: 320px;
}

img.zajem {
  float: left;
  width: 292px;
  height: 127px;
  padding-left: 170px;
}

#content .reference-obsah {
  padding-top: 30px;
  width: 490px;
}

#content .reference-obsah h2 {
  width: auto;
  float: none;
  margin-left: 0;
}

#content .reference-obsah span {
  color: #3d3d3d;
  font-weight: normal;
  font-size: 100%;
  display: block;
  margin-left: 80px;
}

#content .reference-obsah .nazor-top {
  float: left;
  width: 490px;
  height: 14px;
  background: url('images/page/reference/nazor-top.gif') no-repeat top left;
}

#content .reference-obsah .nazor {
  float: left;
  width: 470px;
  height: auto;
  background-color: #e8e8e8;
  padding: 0 10px;
}

#content .reference-obsah .nazor-bottom {
  float: left;
  width: 490px;
  height: 29px;
  background: url('images/page/reference/nazor-bottom.gif') no-repeat top left;
}

#content .reference-obsah p em {
  font-size: 100%;
  color: #7f7f7f;
}

#content .reference-obsah span.autor {
  float: right;
  margin-right: 50px;
  text-align: right;
}

#content .reference-obsah span a {
  color: #869e1a;
  text-decoration: none;
}

#content .reference-obsah span a:hover {
  text-decoration: underline;
}

#content .reference-obsah .c-o-d {
  float: left;
  width: 490px;
}

#content .reference-obsah .c-o-d h2 {
  height: 20px;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 5px;
}

#content .reference-obsah .c-o-d ul {
  list-style-type: none;
  margin-left: 15px;
  line-height: 20px;
}

#content .reference-obsah .c-o-d a {
  color: #869e1a;
  text-decoration: none;
}

#content .reference-obsah .c-o-d a:hover {
  text-decoration: underline;
}

#content .reference-nahledy {
  width: 190px;
  padding: 0;
  text-align: center;
  line-height: 17px;
}

#content .reference-nahledy img {
  border: 3px solid #a3a3a3;
  margin-top: 20px;
}

#content .reference-nahledy a {
  background: url('images/page/icons/lupa.gif') no-repeat left;
  padding-left: 23px;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 2px;
}

#content .reference-nahledy a:hover {
  text-decoration: underline;
}

div.reference a {
  float: left;
}

#panel-left {
  width: 204px;
  margin-top: -30px;
}

#panel-left img {
  float: left;
  width: auto;
  height: auto;
  cursor: pointer;
}

#panel-left .roz-menu img {
  width: 204px !important;
  height: 70px !important;
  display: block;
  float: left;
}

#panel-left a img {
  border: none;
}

#panel-left h3 {
  background: url('images/page/panel-left-h3.gif') no-repeat;
  background-position: bottom left;
  width: 201px;
}

#panel-left span.skupina {
  width: 191px;
}

#panel-left a.clen {
  width: 191px;
}

#panel-left a.clen:hover {
  width: 186px;
}

#panel-left a.clen2 {
  width: 181px;
}

#panel-left a.clen2:hover {
  width: 171px;
}



/* Články */

#content.article h1{
	 color: #000;
    text-decoration: none;
    margin:0 0 10px 0;
    float: left;
    font-size: 240%;
	 padding: 10px 10px 0 15px;
    font-weight: normal;
    position: static !important;
}


#content.article h2{
	 color: #000;
    margin:5px 0 5px 0;
	 float: left;
    font-size: 160%;
	 width: 100%;
    font-weight: normal;
}

#content.article h2 a{
	text-decoration: underline;
	color:#000;
}

#content.article h2 a:hover{
	text-decoration: none;
}

#content.article img{
	border: 1px solid #575757;
}

#content .article img.no-border {
  border: none;
}

#content.article .subarticle img{
	margin: 0 10px 0 0;
	border: none;
}

#content.article p.perex{
	font-weight: bolder;
	text-align: justify;
}

#content.article p{
	text-align: justify;
	padding: 12px;
}

#content.article ul{
	padding-left: 20px;
}

#content.article h4{
	padding-top: 5px;
	font-family: arial, tahoma, sans-serif;
}

#content.article h2.blue{
  font-size:130%;
  color: #0f81b5 !important;
  padding: 5px 0 0 0;
  margin:0 !important;
  font-weight: bold !important;
  font-family: arial, tahoma, sans-serif;
}

#content.article a {color: #0f81b5; text-decoration: none}
#content.article a:hover {text-decoration: underline;}

#content.article code{
	border: 1px dotted #8E8E8E;
	background-color: #FAF0E6;
}


#content.article ul li{
	line-height: 25px;
}

#content.article .subarticle{
	float: left;
	margin-bottom: 10px;
	width:100%;
}

#content.article em{
	font-style: normal;
	padding-left: 13px;
	font-weight: bold;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

span.contact-sent {
  color: #0f81b5 !important;
  font-weight: bold !important;
  font-size: 110% !important;
}

span.contact-error {
  color: red !important;
  font-weight: bold !important;
  font-size: 110% !important;
}

form {
  padding:0;
  padding-left: 30px;
}

fieldset {
  margin-bottom:1em;
  padding:1em;
  border:1px solid #666666;
  border-top:3px solid #666666;
  background:#F5F5F5;
  line-height: 20px;
  float: left;
  width: 270px;
  margin-right: 20px;
}

legend {
  padding:0 0.7em;
  font-weight:bold;
  border:1px solid #666666;
  background:#F5F5F5;
  margin-bottom: 10px;
}

form p {
  padding:2px;
  clear: both;
}

input.button {
  padding:1px;
  width:80px;
  text-align:center;
  margin:5px;
  color:#000000;
}

.strong {
  font-weight: bold;
  background: url('images/exclamation.gif') no-repeat right;
}

.informace {
  width: 120px;
  float: left;
  margin-right: 5px;
}

.informace-input {
	width: 120px;
}

select.informace-input {
	width: 124px;
}

.tab {
  margin-left: 5px;
}

.greyinput {
  opacity: 0.30;
  filter: alpha(opacity = 30) grey; /* For IE */
  -moz-opacity:.3;
}

.greytext {
  color: #acacac;
}

/* konec články */

/* Reference výpis */
ul.reference-vypis {
  list-style-type: none;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

ul.reference-vypis li {
  width: 50%;
  float: left;
  border-bottom: 1px solid #eee;
  height: 150px;
  padding-top: 10px;
}

ul.reference-vypis .popis-reference {
  float: left;
  width: 110px;
  margin-top: 15px;
  line-height: 18px;
}

ul.reference-vypis a img {
  margin-bottom: 3px;
}

ul.reference-vypis a {
  color: #0f81b5;
  float: left;
  font-size: 120%;
}

ul.reference-vypis2 li {
  width:33%;  
  padding:10px 0;  
  border:0;  
  height:125px !important;  
  text-align:center;  
  line-height:12px !important;
}


ul.reference-vypis2 li p {
  width:205px !important;  
  margin:0px 0 0 20px !important; 
  padding:0 !important; 
  line-height:13px !important;  
  text-align:left !important;
}

ul.reference-vypis2 img {
  margin:4px 20px !important;  
  _margin:4px 15px !important;
}

.paging {
  clear: both;
  text-align: right;
  padding-top: 10px;
}

.paging a, .paging span {
  margin: 0 2px;
  background-color: #d9ddff;
  padding: 3px 6px;
  color: #000 !important;
  text-decoration: none !important;
}

.paging a:hover {
  background-color: #1082b6;
  color: #fff !important;
}

.paging .current {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold;
  background-color: #1082b6;
}

.paging .last {
  background: none;
}

#content a.info-kontakt {
  background:url("images/nezavazna_objednavka.png") no-repeat scroll left top transparent;
  color:#FFFFFF !important;
  display:block;  
  clear:both;
  font-size:145%;
  font-weight:bold !important;
  height:70px;
  margin:5px auto;
  padding-left:20px;
  padding-top:27px;
  text-align:center;
  width:411px;
}

#content a.info-kontakt:hover {
  text-decoration: underline !important;
}

#content.article ul, #content.article ol {display:block; margin:5px 0 5px 20px;}
#content.article ol li {margin:5px 0 5px 0;}

#color_l div {float:left;}
#color_l div img{margin:3px;}

#content ol.seznam {
  float: left;
  width: 780px;
}

#content ol.seznam li {
  width: 50%;
  margin-top: 0;
  float: left;
}

div.note {
  padding-left:16px;
  color:#606060;
  margin:0px !important;
  line-height:110%;
}
fieldset#form2 img, fieldset#form1 img {
  cursor:pointer;
  display:inline;
  border:0px !important;
  margin:-2px 0px 0px 10px !important;
  vertical-align: text-top;
  float:none;
}
fieldset#form2 label {
  display:inline;
}

fieldset#form2 input, fieldset#form1 input, fieldset#form1 select {
  clear:both;
}
label.red {
  font-weight:bold;
  color:#FF0000;
}
label.orange {
  font-weight:bold;
  color:#FF8000;
}
label.green {
  font-weight:bold;
  color:#79A53B;
}

/* Sekce Lite/Profi/Enterprise */
#content div.why {
  width: 715px;
  position: relative;
  top: -53px;
  padding: 0;
}

#content .why-lite a, #content .vyhody-lite a, #content .why-lite .explain, #content .vyhody-lite .explain {
  color: #b90000;
}

#content .why-profi a, #content .vyhody-profi a, #content .why-profi .explain, #content .vyhody-profi .explain {
  color: #f65d00;
}

#content .why-enterprise a, #content .vyhody-enterprise a, #content .why-enterprise .explain, #content .vyhody-enterprise .explain {
  color: #90af03;
}

#content div.why h1 {
  height: 42px;
  float: none;
  padding: 0 0 0 14px;
  margin: 0;
}

#content div.why-lite h1 {
  color: #ce2c1d;
  background: #fff url('images/sekce/lite-h1.gif') no-repeat bottom left;
}

#content div.why-profi h1 {
  color: #ff8500;
  background: #fff url('images/sekce/profi-h1.gif') no-repeat bottom left;
}

#content div.why-enterprise h1 {
  color: #90af04;
  background: #fff url('images/sekce/enterprise-h1.gif') no-repeat bottom left;
}

#content div.why-lite {
  background: url('images/sekce/why-lite.gif') no-repeat left 40px;
  height: 365px;
}
#content div.why-profi {
  background: url('images/sekce/why-profi.gif') no-repeat left 40px;
  height: 370px;
}
#content div.why-enterprise {
  background: url('images/sekce/why-enterprise.gif') no-repeat left 40px;
  height: 460px;
}

#content div.why-litesk h1 {
  color: #ce2c1d;
  background: #fff url('images/sekce/lite-h1.gif') no-repeat bottom left;
}

#content div.why-profisk h1 {
  color: #ff8500;
  background: #fff url('images/sekce/profi-h1.gif') no-repeat bottom left;
}

#content div.why-enterprisesk h1 {
  color: #90af04;
  background: #fff url('images/sekce/enterprise-h1.gif') no-repeat bottom left;
}

#content div.why-litesk {
  background: url('images/sekce/why-lite-sk.gif') no-repeat left 40px;
  height: 365px;
}
#content div.why-profisk {
  background: url('images/sekce/why-profi-sk.gif') no-repeat left 40px;
  height: 370px;
}
#content div.why-enterprisesk {
  background: url('images/sekce/why-enterprise-sk.gif') no-repeat left 40px;
  height: 460px;
}
a[title="Specifikace verze ENTERPRISE"] {
  background: url('images/sekce/info.png') left center no-repeat;
  padding: 10px 0 10px 35px;
  display: block; 
}

#content div.why h2 {
  font-size: 2.6em;
  font-family: Tahoma;
  padding: 30px 0 0 20px;
}

#content div.why h2 span.space {
  width: 50px;
  height: 1px;
  float: left;
}

#content div.why p {
  position: relative;
  top: 160px;
  _top: 120px;
  padding: 0 20px 10px 20px;
  line-height: 18px;
}

#content ul.why {
  margin-left: 0 !important;
}

#content ul.why li {
  list-style: none;
  padding-left: 35px;
}

#content ul.why-lite li {
  background: url('images/sekce/arrow-lite.gif') no-repeat 0px 3px;
}
#content ul.why-profi li {
  background: url('images/sekce/arrow-profi.gif') no-repeat 0px 3px;
}
#content ul.why-enterprise li {
  background: url('images/sekce/arrow-enterprise.gif') no-repeat 0px 3px;
}

#content div.vyhody {
  height: 35px;
  margin-left: 20px;
  margin-top: 30px;
}

#content div.vyhody-lite {
  background: url('images/sekce/vyhody-lite.gif') no-repeat;
}
#content div.vyhody-profi {
  background: url('images/sekce/vyhody-profi.gif') no-repeat;
}
#content div.vyhody-enterprise {
  background: url('images/sekce/vyhody-enterprise.gif') no-repeat;
}

#content ul.vyhody {
  float: left;
  width: 330px;
  list-style: none;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#content ul.vyhody li {
  float: left;
  height: 120px;
}

#content ul.vyhody h4 {
  color: #000;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 12px;
  padding-left: 90px;
}

#content ul.vyhody img {
  float: left;
  margin-right: 0px;
  border: none;
}

#content ul.vyhody p {
  padding: 0 0 0 90px;
  color: #747474;
  line-height: 15px;
}

/* Detail zakázky/reference */
#content div.detail-zakazky {
  position: relative;
  top: -61px;
  background-color: #fff;
  float: left;
}

#content div.detail-zakazky img {
  border: none;
}

#content div.detail-zakazky h1 {
  background: #fff url('images/detail/headline.gif') no-repeat bottom left;
  height: 40px;
  float: none;
  color: #90af03;
}

#content div.detail-zakazky .logo {
  width: 100%;
  padding-bottom: 15px;
}

#content div.detail-zakazky .logo img {
  float: right;
  margin: 0;
}

#content div.detail-zakazky .logo span {
  float: left;
  margin-left: 40px;
}

#content div.detail-zakazky .popis-zakazky {
  background: url('images/detail/popis-zakazky.gif') no-repeat top left;
  width: 715px;
}

#content div.detail-zakazky .popis-zakazky p {
  line-height: 14px;
  padding: 40px 20px;
}

#content div.detail-zakazky .sluzby {
  background: url('images/detail/sluzby.gif') no-repeat 13px 0px;
  float: left;
  width: 445px;
  padding-top: 60px;
}

#content div.detail-zakazky .sluzby ul {
  margin: 0;
}

#content div.detail-zakazky .sluzby li {
  background: url('images/detail/arrow.gif') no-repeat 0px 3px;
  list-style: none;
  padding-left: 35px;
}

#content div.detail-zakazky .vyjadreni {
  background: url('images/detail/vyjadreni.gif') no-repeat 13px 0px;
  float: left;
  width: 445px;
  margin-top: 30px;
  padding-top: 60px;
}

#content div.detail-zakazky .vyjadreni p {
  line-height: 14px;
  background: url('images/detail/uvozovky-up.gif') no-repeat top left;
  margin: 0 0 0 13px;
  padding: 5px 0 0 30px;
}

#content div.detail-zakazky .vyjadreni span {
  float: left;
  margin-left: 43px;
  color: #3d3d3d;
}

#content div.detail-zakazky .vyjadreni span em {
  padding-left: 0;
  font-weight: normal;
  font-style: italic;
  color: #505050;
}

#content div.detail-zakazky .vyjadreni img {
  margin: 0;
  float: right;
}

#content div.detail-zakazky .dalsi-projekty {
  background: url('images/detail/dalsi-projekty.gif') no-repeat 13px 0px;
  float: left;
  width: 445px;
  margin-top: 30px;
  padding-top: 60px;
  padding-left: 40px;
  line-height: 18px;
}

#content div.detail-zakazky .dalsi-projekty a {
  color: #3d3d3d;
  text-decoration: underline;
}

#content div.detail-zakazky .dalsi-projekty a:hover {
  color: #0f81b5;
}

#content div.detail-zakazky .nahledy {
  background: url('images/detail/nahledy.gif') no-repeat 13px 0px;
  float: right;
  width: 200px;
  padding-right: 10px;
  margin-left: 40px;
  padding-top: 40px;
}

#content div.detail-zakazky .nahledy img {
  margin: 0;
  float: right;
}

#content div.detail-zakazky .nahledy a span {
  background: url('images/detail/lupa.gif') no-repeat 0px 5px;
  padding: 10px 0;
  float: right;
  padding-left: 35px;
  margin: 5px 10px 5px 0;
  color: #858585;
  text-decoration: underline;
}

#content div.detail-zakazky .nahledy a span:hover {
  color: #0f81b5;
}

#content div.detail-zakazky .detail-zakazky-down {
  background: url('images/detail/back-down.gif') no-repeat top left;
  float: left;
  width: 715px;
  height: 100px;
}

#content.article .print img {
	margin: 0;
	border: none;
}

#content.article .print {
	float: right;
	padding: 12px;
}

#content.article .facebook-share {
	padding: 0 20px;
	float: left;
}
.why-profi span.profi,.why-lite span.lite {
  font-weight:bold;  
  left:545px;  
  top:233px;  
  position:absolute;  
  z-index:10;
}