/**INIT**/
* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Tahoma,Arial;
  font-size: 11px;
  text-align: left;
  color: #4E5050;
  line-height: 17px;
  background-color: #FFF;
}

a,
a:hover {
  color: #4E5050;
  text-decoration: underline;
}

a:hover {
  color: #4E5050;
}

p {
  margin-bottom: 10px;
}
img {
  border: 0;
}

h1, 
h2 {
  color: #4E5050;
  font-size: 18px;
  font-weight: normal;
}

h1 {
  margin-bottom: 15px;
}

h2, 
h3 {
  margin-bottom: 10px;
}

.overflow {
  overflow: hidden;
  width: 100%;
}

.clear {
  display: inline;
}

/**FORM**/
.FrmTxt,
.FrmLon,
.FrmArea {
  width: 115px;
  height: 14px;
  font-size: 11px;
  color: #4E5050;
  padding: 2px;
  border: 1px #E0E0E0 solid;
}

.FrmFil {
  width: 220px;
  height: 20px;
  font-size: 11px;
  color: #4E5050;
  border: 1px #E0E0E0 solid;
}

.FrmArea {
  width: 220px;
  height: 100px;
}

.FrmTxt:focus,
.FrmLon:focus,
.FrmArea:focus {
  border: 1px #B1CB12 solid;
}

.FrmLon {
  width: 220px;
}

.FrmSen {
  cursor: pointer;
  width: 100px;
  height: 24px;
  margin: 10px 0 10px 0;
  border: 0;
  background-repeat: no-repeat;
  background-color: transparent;
  
}

.FrmSen:hover {
  background-position: 0 -24px;
}

/**PAGES**/
#header {
  min-width: 920px;
  height: 36px;
  background: #F1F4F4 url('../images/header-bg.jpg') repeat-x;
}

#header #head-panel {
	width: 920px;	
}

#head-panel,
.content,
#content-main,
.content-ref {
  overflow: hidden;
  position: relative;
  margin: 0 auto 0 auto;
  width: 880px;
}

#head-panel {
  height: 100%;
}

#content-main {
  width: 872px;
  margin: 15px auto 40px auto;
}

.content-ref {
  width: 872px;
  margin: 15px auto 40px auto;
}

#rss,
#phone,
#mail,
#sites {
  position: absolute;
  top: 5px;
  left: 714px;
  color: #4E5050;
  text-decoration: none;
  padding-left: 20px;
  background: url('../images/rss.gif') 0 3px no-repeat;
}

#phone {
  left: 479px;
  background: url('../images/phone.gif') 0 5px no-repeat;
}

#mail {
  left: 667px;
  background: url('../images/mail.gif') 0 5px no-repeat;
}

#sites {
  left: 799px;
  background: url('../images/sites.gif') 0 5px no-repeat;
}

#line-rss,
#line-phone,
#line-mail,
#line-sites {
  position: absolute;
  top: 0;
  left: 767px;
  width: 1px;
  height: 27px;
  background: #D2D2D2 url('../images/line-header.jpg') no-repeat;
}

#line-phone {
  left: 651px;
}

#line-mail {
  left: 783px;
}

#line-sites {
  left: 898px;
}

#language {
  position: absolute;
  top: 5px;
  left: 783px;
}

#languages {
  overflow: hidden;
  position: absolute;
  top: 6px;
  left: 825px;
}

#languages a {
  display: inline;
  overflow: hidden;
  float: left;
  width: 16px;
  height: 10px;
  margin-left: 5px;
  padding: 1px;
  border: 1px #DBDCDC solid;
  background-color: #FFF;
}

#sk {background: url('../images/sk.gif') 1px 1px no-repeat;}
#en {background: url('../images/en.gif') 1px 1px no-repeat;}
#de {background: url('../images/de.gif') 1px 1px no-repeat;}

#menu-container {
  overflow: hidden;
  margin: 17px auto 0 auto;
  width: 920px;
  height: 75px;
  background: url('../images/shadow.jpg') bottom no-repeat;
}

#logo {
  float: left;
  display: inline;
  margin-left: 20px;
}

#menu {
  overflow: hidden;
  display: inline;
  float: right;
  height: 23px;
  margin: 24px 20px 0 0;
}

#menu a {
  float: left;
  height: 23px;
  color: #A9ABAB;
  text-decoration: none;
  margin-left: 25px;
}

#menu a:hover,
#menu .active {
  color: #4E5050;
  background-position: 0 -23px;
}

#home {
  width: 23px;
  padding: 1px 0 0 30px;
  background: url('../images/home.jpg') no-repeat;
}

#ref {
  width: 49px;
  padding: 1px 0 0 36px;
  background: url('../images/ref.jpg') no-repeat;
}

#about {
  width: 26px;
  padding: 1px 0 0 36px;
  background: url('../images/about.jpg') no-repeat;
}

#contact {
  width: 36px;
  padding: 1px 0 0 36px;
  background: url('../images/contact.jpg') no-repeat;
}

/**INDEX**/
.content h1 {
  margin-top: 15px;
  text-align: center;
}

.content p {
  line-height: 180%;
  text-align: justify;
  width: 100%;
  margin-bottom: 20px;
}

.dot-line {
  height: 1px;
  overflow:hidden;
  background: url('../images/dot-line.jpg') repeat-x;
}

#services {
  overflow: hidden;
  width: 878px;
  height: 182px;
  margin-top: 10px;
  border: 1px #E0E0E0 solid;
}

#shadow-services {
  width: 100%;
  height: 5px;
  background: url('../images/shadow-services.jpg') no-repeat;
}

.references-discount {margin: 27px 0 50px 0;}

#references {
  float: left;
  overflow: hidden;
  width: 600px;
}

#discount {
  float: right;
  overflow: hidden;
  width: 260px;
}

.shadow-references,
.shadow-discount,
.shadow-references-reverse,
.shadow-discount-reverse {
  overflow: hidden;
  display: block;
  width: 580px;
  height: 3px;
  background: url('../images/shadow-references.jpg') no-repeat;
}

.shadow-discount {
  width: 260px;
  background: url('../images/shadow-discount.jpg') no-repeat;
}

.shadow-references-reverse {background: url('../images/shadow-references-reverse.jpg') no-repeat;}
.shadow-discount-reverse {background: url('../images/shadow-discount-reverse.jpg') no-repeat;}

.references-links {
  overflow: hidden;
  width: 100%;
  margin: 0 0 17px;
}

.references-box {
  overflow: hidden;
  float: left;
  display: inline;
  width: 185px;
  height: 113px;
  margin: 16px 15px 0 0;
  background: url('../images/references-bg.jpg') no-repeat;
}

.references-box img {
  display: block;
  padding: 3px;
}

.action_flash {
  display: block;
  margin: 16px 0 20px 0;
}

#footer {
  min-width: 920px;
  height: 70px;
  background: #F1F4F4 url('../images/footer-bg.jpg') repeat-x;
}

#footer p {
  float: left;
  display: inline;
  width: 340px;
  margin: 25px 0 5px 20px;
}
/*
.links {
  position: absolute;
  bottom: 1px;
  left: 20px;
  width: 100%;
}
*/
.links {
  width: 100%;
  font-size: 10px;
  text-align: center;
}

.footer-menu {
  float: right;
  overflow: hidden;
  display: inline;
  width: 165px;
  margin: 25px 20px 5px 0;
}

.footer-menu a,
.footer-menu a:hover,
.author a,
.author a:hover,
.links a,
.links a:hover {
  text-decoration: none; 
  color: #4E5050;
}

.footer-menu a:hover,
.author a:hover {
  text-decoration: underline;
}

#footer .content {
  width: 920px;
  height: 100%;
}

.footer-services  {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  font-size: 10px;
  width: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
}

#footer li {
  display: inline;
  color: #A9ABAB;
  list-style-type: none;
  padding-right: 5px;
  list-style-type: none;
}

#footer li a,
#footer li a:hover {
  color: #A9ABAB;
  text-decoration: none;
}

#footer li a:hover {
  color:  #4E5050;
}

.services-impair,
.services-pair {
  width: 130px;
  float: left;
  overflow: hidden;
  position: relative;
  height: 174px;
  padding: 8px 7px 0 8px;
  text-align: center;
  border-right: 1px #F0F0F0 solid;
}

#services .last {
  width: 133px;
  border-right: none;
}

.services-pair, 
.services-pair-last {
  padding-top: 95px; 
  height: 87px;
}

.services-impair {
  background: url('../images/services-bg.jpg') repeat-x;
}

#services div {
  cursor: pointer;
}

#services strong {
  display: block;
  font-size: 10px;
  color: #4E5050;
  text-align: justify;
  font-weight: normal;
}

#services a {
  font-size: 12px;
  color: #4E5050;
  text-decoration: none;
}

#services div div {
  width: 70px;
  height: 74px;
  background-position: 0 0px;
}

#services div:hover div,
#services div.hover div {
  background-position: 0 -74px;
}

#www-bg div,
#marketing-bg div,
#travel-bg div {
  position: absolute;
  top: 100px;
  left: 35px;
  background: url('../images/services-www.png') no-repeat;
}

#marketing-bg div {
  left: 40px; 
  background: url('../images/services-marketing.png') no-repeat;
}

#eshop-bg div,
#hosting-bg div,
#estate-bg div {
  position: absolute;
  top: 10px;
  left: 35px;
  background: url('../images/services-eshop.png') no-repeat;
}

#travel-bg div {
  left: 38px; 
  background: url('../images/services-travel.png') no-repeat;
}
#hosting-bg div {
  background: url('../images/services-hosting.png') no-repeat;
}

#estate-bg div {
  background: url('../images/services-estate.png') no-repeat;
}

/**SERVICES**/
#left,
#middle,
#right {
  overflow: hidden;
  float: left;
  display: inline;
}

#left,
#right {
  width: 191px;
}

#middle {
  width: 481px;
}

#left,
#middle {
  margin-right: 4px;
}

.box {
  width: 185px;
  padding: 3px;
  margin-bottom: 5px;
  background-color: #F9F9F9;
}

.box-inner {
  width: 183px;
  border: 1px #E0E0E0 solid;
  background-color: #FFF;
}

.box-intro img,
.intro_flash {
  display: block;
  margin: 16px;
}

.box-bg {
  background: #FFF url('../images/box-bg.jpg') left bottom no-repeat;
}

.gray,
.green {
  display: block;
  height: 23px;
  font-size: 18px;
  font-family: trebuchet MS;
  color: #FFF;
  font-weight: normal;
  margin: 3px;
  padding: 7px 0 0 7px; 
  background-color: #A9ABAB;
}

.green {
  background-color: #B1CB12;
}

.box-submenu ul li {
  display: block;
  width: 154px;
  height: 23px;
  padding: 3px 0 0 30px;
  border-top: 1px #E0E0E0 solid;
  background: url('../images/li-sub.jpg') 9px 7px no-repeat;
}

.box-submenu a,
.box-submenu a:hover {
  display: block;
  color: #4E5050;
  text-decoration: none;
}

.box-submenu a:hover {
  color: #8F9D38;
  font-weight: bold;
}

.box table {
  overflow: hidden;
  width: 100%;
  color: #4E5050;
  line-height: 25px;
  margin: 10px 0 0 0;
}

.box th {
  font-weight: normal;
  padding-left: 8px;
}

.box td {
  margin-right: 7px;
}

.box td select {
  width: 121px;
  height: 20px;
  font-size: 11px;
  color: #4E5050;
  padding: 1px;
  border: 1px #E0E0E0 solid;
}

.box p {
  padding: 0 10px 0 10px;
}

.more-info,
.more-info:hover {
  display: block;
  color: #4E5050;
  font-weight: bold;
  margin: 0 10px 10px 120px;
} 

.more-info:hover {
  color: #4E5050;
  text-decoration: none;
}

.bord-green,
.bord-gray {
  overflow: hidden;
  width: 100%;
  height: 3px;
  background-color: #B1CB12;
}

.bord-green {
  margin-top: 3px;
}

.bord-gray {
  background-color: #A9ABAB;
}

.box-top,
.box-bottom {
  overflow: hidden;
  position: relative;
  width: 479px;
  border-top: 1px #E0E0E0 solid;
  border-left: 1px #E0E0E0 solid;
  border-right: 1px #E0E0E0 solid;
}
.box-top {
  background-repeat:no-repeat;
  background-position: right bottom;
}

.box-background {
  background: #FFF url('../images/box-text-bg.jpg') repeat-x;
}

.box-top h1 {
  float: left;
  display: inline;
  width: 325px;
  height: 29px;
  color: #4E5050;
  font-size: 11px;
  font-weight: bold;
  padding: 10px 0 0 15px;
  margin: 0;
  border-top: 1px #E0E0E0 solid;
  background: #E8E8E8 url('../images/middle-bg.jpg') top left no-repeat;
}

.box-bottom h2 {
  width: 464px;
  height: 29px;
  color: #4E5050;
  font-size: 11px;
  font-weight: bold;
  padding: 10px 0 0 15px;
  margin: 0;
  border-top: 1px #E0E0E0 solid;
  background: #E8E8E8 url('../images/middle-bg.jpg') top left no-repeat;
}

.users-ico {
  overflow: hidden;
  width: 139px;
  height: 39px;
  float: left;
  display: inline;
  border-bottom: 1px #E0E0E0 solid;
}

.phone-ico,
.friend-ico,
.print-ico {
  float: left;
  display: inline;
}

.phone-ico {
  margin: 5px 0 0 17px;
}

.friend-ico {
  margin: 8px 0 0 20px;
}

.print-ico {
  margin: 5px 0 0 20px;
}

.box-text,
.box-person {
  overflow: hidden;
  width: 460px; 
  border-bottom: 1px #E0E0E0 solid;
}

.box-text {
  padding: 10px;
}

.box-person {
  padding: 20px 0 0 30px;
}

.box-text h3 {
  color: #4E5050;
  font-size: 11px;
  font-weight: bold;
}

.services-menu {
  float: left;
  display: inline;
  list-style-type:none;
  margin: 10px 10px 10px 5px; 
}

.services-menu li {
  width: 100%;
  overflow: hidden;
  padding: 3px 0 0 30px;
  background: url('../images/li.jpg') 9px 8px no-repeat;
}

.services-menu a,
.services-menu a:hover {
  color: #8F9D38;
  text-decoration: underline;
}

.services-menu a:hover {
  color: #4E5050;
}

.services-menu strong {
  color: #8F9D38;
}

.box-services {
  position: absolute;
  bottom: 0;
  right: 0;
}

/**CONTACT**/
.contact-person {
  float: left;
  display: inline;
  width: 200px;
  padding-bottom: 20px;
  padding-left: 21px;
  background: url('../images/li.jpg') 0 5px no-repeat;
}

.contact-person a,
.contact-person a:hover {
  color: #8F9D38;
  text-decoration: underline;
}

.contact-person a:hover {
  color: #4E5050;
}


/**MAP**/
.map {
  overflow: hidden;
  width: 431px;
  height: 200px;
  padding: 20px 25px 20px 25px;
  border-bottom: 1px #E8E8E8 solid;
}

.map img {
  display: block;
}

/**CALL BACK**/
.box-txt,
.box-prices {
  padding: 15px;
  border-bottom: 1px #E0E0E0 solid;
}

.box-price {
  padding: 15px 15px 0 15px;
}

.box-check{
  padding: 0 15px 0 15px;
}

.box-prices-n {
  padding: 10px 15px 0 15px;
}

.box-head {
  margin: 15px 0 0 33px;
}

.box-txt table,
.box-prices table,
.box-prices-n table,
.box-price table,
.box-check table {
  overflow: hidden;
  width: 449px;
  color: #4E5050;
  line-height: 25px;
  margin: 20px 0 0 33px;
}

.box-prices table {
  margin: 0 0 0 33px;
}

.box-prices-n table {
  margin: 0 0 0 33px;
}

.box-check table {
  line-height: 20px;
  margin: 10px 0 0 33px;
}

.box-txt th,
.box-prices th,
.box-price th,
.box-prices-n th {
  width: 110px;
  font-weight: normal;
}

.box-check th {
  width: 15px;
  font-weight: normal;
}

.box-txt td,
.box-prices td,
.box-price td,
.box-prices-n td {
  width: 235px;
  margin-right: 100px;
}

.box-check td {
  width: 400px;
}

.green-color {
  color: #8F9D38;
}

.white-color {
  color: #FFF;
}

.top-text {
  vertical-align: top;
}

.box-txt td select,
.box-prices td select,
.box-prices-n td select {
  width: 226px;
  height: 20px;
  font-size: 12px;
  color: #4E5050;
  padding: 1px;
  border: 1px #E0E0E0 solid;
}

/**REFERENCE**/
.ref-box {
  position: relative;
  float: left;
  display: inline;
  width: 217px;
  height: 198px;
  text-align: center;
  border-bottom: 1px #E0E0E0 solid;
  border-right: 1px #E0E0E0 solid;
}

.ref-img {
  display: block;
  height: 78px;
  margin: 20px 20px 0 20px;
}

.ref-info {
  width: 177px;
  padding: 0 20px 0 20px;
  color: #4E5050;
  height: 99px;
  text-align: left;
  background-color: #F7F7F7;  
  border-top: 1px #E0E0E0 solid;
}

.ref-domain {
  display: block;
  margin: 7px 0 0 0;
  text-decoration: underline;
  color: #8F9D38;  
}

.ref-info p {
  margin: 7px 0 0 0;
  height: 40px;
  overflow: hidden;
}

.ref-open {
  display: block;
  text-decoration: underline;
  color: #A9ABAB;
  padding: 0 0 0 13px;
  background: url('../images/arrow.jpg') 0 3px no-repeat;
}

.ref-open:hover {
  text-decoration: none;
  color: #A9ABAB;
}

/*
.ref-box a {
  display: block;
  width: 217px;
  height: 98px;
}


.ref-box a {
  position: absolute;
  top: 73px;
  left: 20px;
  color: #d3d5d5;
  font-weight: bold;
  padding-right: 15px;
  background: url('../images/new-window.gif') right 5px no-repeat;
}

.ref-box a:hover {
  color: #A9ABAB;
}
*/

.border-r-none {
  border-right: none;
}

.border-b-none {
  border-bottom: none;
}

.preamble {
  color: #4E5050;
}

.epayment {
  overflow: hidden;
  width: 91px;
  margin: 10px auto 20px auto;
}

.epayment img {
  display: block;
  margin-top: 5px;
}

.service-ul {
  margin: 0 0 10px 10px;
}

.service-ul li {
  list-style-type: none;
  padding: 3px 0 0 30px;
  background: url('../images/li.jpg') 9px 8px no-repeat;
}

.successful {
  overflow: hidden;
  text-align: center;
  border-bottom: 1px #E8E8E8 solid;
}

.successful p {
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 20px 0;
}

.service-ul span {
  color: #4E5050;
}

.validation-advice {
  color:red;
  display:block;
  line-height:normal;
}

/**TABLE**/
.table1 {
  overflow: hidden;
  width: 459px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border-bottom: 1px #E0E0E0 solid;
}

.table1 tr {
  height: 30px;
}

.tr0 {
  background-color: #F3F3F3;
}

.tr1 {
  background-color: #FFFFFF;
}

.tr2 {
  background-color: #FAFAFA;
}

.table1 th {
  font-weight: bold;
  padding-left: 10px;
  border-top: 1px #E0E0E0 solid;
  border-right: 1px #E0E0E0 solid;
  border-left: 1px #E0E0E0 solid;
}

.table1 td {
  padding-left: 10px;
  border-top: 1px #E0E0E0 solid;
  border-right: 1px #E0E0E0 solid;
}

.table1 td span {
  color: #8F9D38;
  font-weight: bold;
}

.tr0:hover td,
.tr0:hover th {
  cursor: pointer;
}

.tr1:hover td,
.tr1:hover th,
.tr2:hover td,
.tr2:hover th  {
  cursor: pointer;
  color: #FFF;
	background-color: #A9ABAB;
}

.cursive {
  font-style: italic;
}

.map-sn {
  margin-left: 20px;
}
/*
.ref-box:hover,
.ref-box.hover {
  cursor: pointer;
  background: url('../images/ref-bg.jpg') repeat-x;
}
*/
.partners {
  overflow: hidden;
  position: relative;
  margin: 0 auto 0 auto;
  width: 880px;
  margin: 0 auto 40px auto;
}

/**EURO**/
#euro {
  position: absolute;
  top: 5px;
  left: 64px;
  color: #4E5050;
  text-decoration: none;
}

#euro span {
  font-style: italic;
}

#line-euro {
  position: absolute;
  top: 0;
  left: 263px;
  width: 1px;
  height: 27px;
  background: #D2D2D2 url('../images/line-header.jpg') no-repeat;
}

/**NEW ESHOP**/
.eshop_over {
  overflow: hidden;
  width: 460px;
  margin: 0 0 10px 0;
}

.eshop_over div {
  float: left;
  display: inline;
  width: 144px;
  height: 70px;
  padding: 2px;
  margin: 0 0 0 3px;
  border: 1px #E0E0E0 solid;
}

.eshop_over div:hover {
  border: 1px #4E5050 solid;
}

.payment_over {
  overflow: hidden;
  width: 460px;
}

.payment_over div {
  float: left;
  display: inline;
  width: 350px;
}

.payment_over img {
  float: left;
  display: inline;
  width: 89px;
  margin: 10px 0 0 10px;
}

.eshop_ul li:hover {
  cursor: pointer;
  color: #000;
}

.eshop_cl a {
  color: #4E5050;
  text-decoration: none;
}

.eshop_cl a:hover {
  color: #000;
  text-decoration: none;
}

.eshop_cl th {
  text-align: center;  
  font-weight: normal;
}

.eshop_cl tr:hover td,
.eshop_cl tr:hover th,
.eshop_cl tr:hover a,
.eshop_cl tr:hover a {
  color: #000;
}

/**NEW INDEX **/
.index_bottom_over {
  width: 880px;
  overflow: hidden;
  margin: 20px 0 20px 0;
}

.ref_cl_index {
  float: left;
  display: inline;
}

.akc_index {
  float: left;
  display: inline;
  width: 560px;
  margin-left: 22px;
}

/**NEW WWW**/
.quality_over {
  overflow: hidden;
  width: 460px;
  margin: 0 0 10px 0;
}

.quality_over div {
  float: left;
  display: inline;
  width: 310px;
}

.quality_over img {
  float: left;
  display: inline;
  width: 130px;
  margin: 0 0 0 10px;
}

.justify {
  text-align: justify;
}

.browser_img {
  margin: 0 0 5px 55px;
}

.www_client_over {
  overflow: hidden;
  width: 460px;
  margin: 0 0 5px 0;
}

.www_client_over div {
  float: left;
  display: inline;
  width: 144px;
  height: 70px;
  padding: 2px;
  margin: 0 0 0 3px;
  border: 1px #E0E0E0 solid;
}

.www_client_over div:hover {
  border: 1px #4E5050 solid;
}

/**NEW BOX**/
.box_flexi {
  display: block;
  margin: 0 0 10px 25px;
}

.box_svetnehnutelnosti {
  display: block;
  margin: 0 0 10px 8px;
}

/**NEW SEO**/
.seo_ga {
  margin: 0 0 0 120px;
}