* {
  margin: 0;
  padding: 0;
}
body {
  background: #060606;
  font-family: arial;
  text-align: center;
  margin: 0;
  padding: 0;
}
#top {
  background: #ffffff url('images/top_bg.jpg') repeat-x;
  padding: 0 0 20px 0;
}
p.h1 {
	margin: 0;
	float: left;
}
p.h1 a, p.h1 a span {
	display: block;
	width: 170px;
	height: 76px;
}
p.h1 a {
	position: relative;
	overflow: hidden;
}
p.h1 a span {
	background: url('images/logo_top.jpg') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
#top_h1 {
	width: 170px;
	margin: 0 auto;
}
#top_menu {
  clear: both;
  padding: 2px 0 0 455px;
  width: 780px;
  margin: 0 auto;
  text-align: left;
}
#top_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#top_menu ul li {
  float: left;
  background: url("images/topmenu_li.gif") 100% 5px no-repeat;
}
#top_menu ul li.posledni {
  background: none;
}
#top_menu ul li a {
  display: block;
  font-size: 11px;
  color: #ede1b4;
  text-decoration: none;
  padding: 5px 15px 0 15px;
}
#top_menu ul li a:hover {
  color: #fcf3d0;
}

.cl {
  height: 1px;
  clear: both;
}
#menu {
  background: #ffffff;
  margin: 0 auto;
  height: 64px;
  width: 789px;
}
#menu .menu_left {
  background: url("images/menu_left_bg.jpg") 0 0 no-repeat;
}
#menu .menu_right {
  background: url("images/menu_right_bg.jpg") 100% 0 no-repeat;
  width: 789px;
}
#menu ul {
  margin: 0 0 0 7px;
  =margin: 0;
  padding: 0;
  list-style: none;
  height: 64px;
  width: 775px;
  background: #e8e8e8 url("images/menu_bg.jpg") repeat-x;
}
#menu ul li { 
  height: 50px;
  float: left;
  margin: 0;
  padding: 7px 0 0 0;
}
#menu ul li a span, #menu ul li a {
	display: block;
	height: 50px;
	width: 108px;
}
#menu ul li a {
	position: relative;
	overflow: hidden;
	text-decoration: none;
  color: #383838;
  text-transform: uppercase;
  font-size: 11px;
	padding: 0;
	text-decoration: underline;
  font-weight: bold;
  text-align: center;
}
#menu ul li a:hover {
  color: #999999;
}
#menu ul li a span {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
#menu ul li.web a span, #menu ul li.web a {
  width: 78px;
}
#menu ul li.web a span {
	background: url('images/n_web.png') no-repeat 0 0;
}
#menu ul li.akc a span, #menu ul li.akc a {
  width: 108px;
}
#menu ul li.akc a span {
	background: url('images/n_akc.png') no-repeat 0 0;
}
#menu ul li.faq a span, #menu ul li.faq a {
  width: 74px;
}
#menu ul li.faq a span {
	background: url('images/n_faq.png') no-repeat 0 0;
}
#menu ul li.hos a span, #menu ul li.hos a {
  width: 91px;
}
#menu ul li.hos a span {
	background: url('images/n_hos.png') no-repeat 0 0;
}
#menu ul li.kon a span, #menu ul li.kon a {
  width: 102px;
}
#menu ul li.kon a span {
	background: url('images/n_kon.png') no-repeat 0 0;
}
#menu ul li.mar a span {
	background: url('images/n_mar.png') no-repeat 0 0;
}
#menu ul li.mar a span, #menu ul li.mar a {
  width: 108px;
}
#menu ul li.stat a span {
	background: url('images/n_stat.png') no-repeat 0 0;
}
#menu ul li.stat a span, #menu ul li.stat a {
  width: 104px;
}
#menu ul li.sys a span {
	background: url('images/n_sys.png') no-repeat 0 0;
}
#menu ul li.sys a span, #menu ul li.sys a {
  width: 110px;
}
#menu ul li a:hover span {
  background-position: 0 -50px;
}
#menu ul li.active a span {
  background-position: 0 -100px;
}
#map {
  width: 753px;
  margin: 5px auto 0 auto;
  background: url('images/mapa_bg.gif') 0 0 no-repeat;
  text-align: left;
  padding: 1px 0 2px 0;
}
#map p {
  font-size: 10px;
  font-family: arial;
  padding: 5px 0 0 30px;
  color: #871212;
  font-size: 10px;
}
#map p span { 
  color: #434343;
}
#map p a, #map p a:visited {
  color: #434343;
  font-size: 10px;
  font-family: arial;
  text-decoration: underline;
}
#map p a:hover {
  text-decoration: none;
}
.search {
  float: right;
  padding: 0 0 0 0;
}
.search .no-search{ /* 7.10.2009, Martin Matejka: Pridano pro moznost nezobrazovat vyhledavani */
  height: 20px;
  width: 162px;
  padding: 4px 2px 2px 2px;
  float: left;
}
.search .search_inp {
  background: url('images/search_bg.gif') no-repeat;
  border: 0;
  height: 20px;
  width: 162px;
  padding: 4px 2px 2px 2px;
  font-size: 11px;
  float: left;
  color: #cecdcd;
}
.search .search_btn {
  border: 0;
  height: 20px;
  width: 20px;
  margin: 0 0 0 5px;
}


.uvod_box {
  width: 760px;
  height: 240px;
  margin: 0 auto;
  text-align: left;
  background: url('images/uvod_bg.gif') repeat-x;
}
.uvod_lbg {
  background: url('images/uvod_lbg.gif') no-repeat;
}
.uvod_rbg {
  background: url('images/uvod_rbg.gif') 100% 0 no-repeat;
}
.uvod_inn {
  background: url('images/uvod_in.jpg') 8px 4px no-repeat;
  height: 240px;
}
.klik {
  background: url('images/uvod_in2.jpg') 8px 4px no-repeat;
}
.detail {
  background: url('images/uvod_in3.jpg') 8px 4px no-repeat;
}

.u_web { background: url('images/web.jpg') 8px 4px no-repeat; }
.u_reseni { background: url('images/reseni.jpg') 8px 4px no-repeat; }
.u_webhosting { background: url('images/webhosting.jpg') 8px 4px no-repeat; }
.u_marketing { background: url('images/marketing.jpg') 8px 4px no-repeat; }
.u_statistiky { background: url('images/statistiky.jpg') 8px 4px no-repeat; }
.u_karty { background: url('images/karty.jpg') 8px 4px no-repeat; }
.u_kontakty { background: url('images/kontakty.jpg') 8px 4px no-repeat; }
.u_uvod { background: url('images/uvod.jpg') 8px 4px no-repeat; }
.u_faq { background: url('images/faq.jpg') 8px 4px no-repeat; }


.w_letter { 
  background: url('images/w.gif') 692px 133px no-repeat;
  padding: 0 0 20px 0;
}
.uvod_inn h4 {
  padding: 30px 0 5px 370px;
  font-size: 12px;
  color: #871212;
  font-weight: bold;
  text-decoration: none;
}
.uvod_inn p.text {
  width: 360px;
  padding: 0 0 0 370px;
  font-size: 11px;
  font-weight: bold;
  color: #383838;
}
.uvod_inn p.text a {
  color: #930e0e;
  text-decoration: underline;
}
.uvod_inn p.text a:hover {
  text-decoration: none;
}
.uvod_inn p.pojdme, .uvod_inn p.najdeme {
  padding: 50px 0 0 300px;
  font-size: 23px;
  color: #3f3f3f;
  text-decoration: uppercase;
}
.uvod_inn p.pojdme {
  padding: 30px 0 0 300px;
  font-size: 23px;
  color: #3f3f3f;
  text-decoration: uppercase;
}
.uvod_inn p.najdeme { 
  padding-top: 55px;
  font-size: 22px;
}
.uvod_inn p.host{ 
  padding-top: 42px;
}
.uvod_inn p.fq { 
  padding-top: 65px;
}
.uvod_inn p.vys { 
  padding-top: 29px;
  font-size: 22px;
}
.uvod_inn p.pojdme span, .uvod_inn p.najdeme span {
  color: #8c1010;
  font-weight: bold;
  font-size: 26px;
}
.uvod_inn p.mame {
  font-weight: bold;
  padding: 3px 0 0 445px;
  font-size: 14px;
  color: #3f3f3f;
  text-decoration: uppercase;
}
.uvod_inn p.mame span {
  color: #8c1010;
}

.page {
  width: 750px;
  margin: 0 auto;
  text-align: left;
}

#main .prvni_c { 
  width: 350px;
  padding: 40px 0 0 0;
  float: left;
}
#main .druhy_c { 
  padding: 40px 0 0 0;
  margin: 0 0 0 410px;
}
#main .c_box { 
  padding: 0 0 25px 0;
}

#main .c_box p.fl_left { 
  float: left;
  margin: 0 7px 7px 0;  
  padding: 0;
}
#main .c_box .fl_left img { 
  border: #e7e7e7 1px solid;
  padding: 3px;
}
#main p { 
  color: #383838;
  font-size: 12px;
  line-height: 1.3;  
  text-align: justify;
  margin: 0 0 20px 0;
}
#main li { /* 27.9.2009, Martin Matejka: Pridano kvuli strance "Cenik" */
  color: #383838;
  font-size: 12px;
  line-height: 1.3;  
}
#main .fl_right {
  float: right;
  margin: 0 0 15px 13px;
  padding: 20px 0 0 0;
}
#main .c_box p {
  padding: 0 0 0 131px;
}
#main .c_box a.vice {
  color: #9f4141;
  font-size: 11px;
  border-bottom: #4c4c4c 1px dotted;
  text-decoration: none;
  font-weight: bold;
  margin: 0 0 0 10px;
}
#main .c_box a.vice:hover {
  border-bottom: #4c4c4c 1px solid;
}
#main .c_box h2 { /* 7.10.2009, Martin Matejka: pridano kvuli nepouzivani nadpisu v c_boxu jako odkazu */
  font-size: 12px;
  color: #8c1010;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}
#main .c_box h2 a {
  font-size: 12px;
  color: #8c1010;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}
#main .c_box h2 a:hover {
  text-decoration: underline;
}
#main h1 {
  font-size: 20px;
  color: #8c1010;
  font-weight: bold;
  margin: 15px 0 20px 0;
}
.page h2, .page h3 {
  margin: 10px 0 5px 0;
  font-size: 15px;
  color: #383838;
  text-transform: uppercase;
  font-weight: normal;
}
h2 span, h3 span {
  font-weight: bold;
  color: #8c1010;
  font-size: 18px;
}
#main p a, #main p a:visited { color: #871212; }
#main p a:hover { text-decoration: none; }

.boxy {
  width: 796px;
  margin: 0 auto;
  text-align: left;
}
.b_espresso {
  background: url('images/espresso.jpg') no-repeat;
  width: 201px;
  height: 189px;
  float: left;
}
.b_cafefrappe {
  background: url('images/frappe.jpg') no-repeat;
  width: 192px;
  height: 189px;
  float: left;
}
.b_cappuccino {
  background: url('images/cappuccino.jpg') no-repeat;
  width: 201px;
  height: 189px;
  float: left;
}
.b_cafelatte {
  background: url('images/latte.jpg') no-repeat;
  width: 201px;
  height: 189px;
  float: left;
}
.boxy h4 {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 23px 0 0 9px;
}
.boxy .obj {
  float: right;
  padding: 19px 20px 0 0;
}
.boxy .obj a {
  color: #ebd06a;
  font-size: 11px;
  text-decoration: underline;
}
.boxy .obj a:hover {
  color: #fffefe;
}
.boxy ul {
  list-style: none;
  padding: 16px 0 0 19px;
}
.boxy ul li {
  color: #383838;
  font-size: 11px;
  background: url('images/boxy_li.gif') 0 7px no-repeat;
  padding: 0 0 0 8px;
}

.tretiny {
  padding: 10px 0 0 0;
}
.rd1 {
  float: left;
  width: 250px;
  height: 315px;
  background: url('images/rd_bg.jpg') 100% 0 no-repeat;
}
.rd1 ul, .rd2 ul {
  list-style: none;
  width: 200px;
}
.rd2 ul {
  width: 230px;
  padding: 0 0 0 22px;
}
.rd1 ul li {
  background: url('images/1rd_li.gif') 0 16px no-repeat;
  font-size: 11px;
  color: #3e3d3d;
  font-weight: normal;
  padding: 11px 0 11px 10px;
  border-bottom: #757575 1px dotted;
}
.rd2 ul li {
  background: url('images/1rd_li.gif') 0 9px no-repeat;
  font-size: 11px;
  color: #3e3d3d;
  font-weight: normal;
  padding: 4px 0 4px 10px;
  text-transform: uppercase;
}
.rd1 ul li.prvni {
  background: url('images/1rd_li.gif') 0 8px no-repeat;
  padding: 3px 0 11px 10px;
}
.rd1 ul li.posl {
  border: 0;
}
.rd1 ul li strong {
  color: #871212;
}
.rd1 .right {
  text-align: right;
  width: 227px;
}
.rd2 .right {
  text-align: right;
  width: 227px;
  padding: 0 0 0 21px;
}
.rd3 .right {
  width: 200px;
  text-align: right;
}
.tretiny .right a {
  color: #8c1010;
  font-size: 11px;
  text-decoration: underline;
  font-weight: bold;
}
.tretiny .right a:hover {
  color: #171717;
}
.rd2 {
  float: left;
  width: 270px;
  height: 315px;
  background: url('images/rd_bg.jpg') 100% 0 no-repeat;
}
.rd2 .about {
  width: 240px;
  height: 120px;
  margin: 0 0 0 15px;
  background: url('images/about_bg.jpg') no-repeat;
}
.rd2 h3 {
  padding: 0 0 0 20px;
}
.rd2 .about .text {
  color: #383838;
  line-height: 1.3;
  padding: 30px 15px 0 18px;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
}
.rd2 .about .author {
  color: #8c1010;
  padding: 10px 18px 0 18px;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  text-align: right;
}
.rd3 {
  margin: 0 0 0 540px;
}
.rd3 .ref {
  padding: 7px 0;
  height: 48px;
}
.rd3 .ref p.fl_left {
  float: left;
  padding: 3px;
  border: #cccccc 1px solid;
}
.rd3 .ref p.info {
  padding: 12px 0 0 80px; 
  font-size: 11px;
}
.rd3 .ref .info a {
  color: #454545;
}
.rd3 .ref .info strong {
  text-transform: uppercase;
  color: #871212;
  font-size: 11px;
  font-weight: bold;
}
.tretiny .list {
  height: 260px;
}

#patka {
  height: 106px;
  background: #060606 url('images/patka_bg.jpg') repeat-x;
}
#patka_menu {
  width: 580px;
  margin: 0 auto;
  padding: 2px 0 0 0;
}
#patka #patka_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#patka #patka_menu ul li {
  float: left;
  background: url("images/patkamenu_li.gif") 100% 11px no-repeat;
}
#patka #patka_menu ul li.posledni {
  background: none;
}
#patka #patka_menu ul li a {
  display: block;
  font-size: 11px;
  color: #ede1b4;
  text-decoration: none;
  padding: 5px 15px 3px 15px;
}
#patka #patka_menu ul li.radek a {
  padding: 11px 15px;
}
#patka #patka_menu ul li a:hover {
  color: #fcf3d0;
}
#patka .team {
  width: 300px;
  margin: 9px auto 0 auto;
  background: url('images/patka_line.gif') 120px 7px no-repeat;
  =background-position: 120px 0px;
  padding: 0 0 25px 0;
  =margin-top: 13px;
}
#patka .team a {
  color: #cfc28d;
  font-size: 10px;
}

#patka .team ul {
  list-style: none;
  padding: 5px 0 0 0;
}
#patka .team ul li { 
  height: 38px;
  float: left;
  margin: 0 7px 0 3px;
  padding: 0;
}
#patka .team ul li a span, #patka .team ul li a {
	display: block;
	height: 38px;
	width: 115px;
}
#patka .team ul li a {
	position: relative;
	overflow: hidden;
	text-decoration: none;
}
#patka .team ul li a span {
	position: absolute;
	left: 0;
	top: 0;
}
#patka .team ul li.globit a span, #patka .team ul li.globit a {
  width: 95px;
}
#patka .team ul li.globit a span {
	background: url('images/patka_globit.jpg') no-repeat;
}
#patka .team ul li.powered a span, #patka .team ul li.powered a {
	width: 115px;
}
#patka .team ul li.powered a span {
	background: url('images/powered.jpg') no-repeat;
}