body {padding:8px 0px;font:.75em/1.4em Tahoma,arial,sans-serif;text-align:center;background:url('../images/pozadi.gif') repeat-x;color:#333}

a, a:link {color:#f25a0e}
a:active, a:hover {color:#fd952b}
a.img {display:block;margin:5px 0;border:2px solid #ccc}
a.img:hover {border-color: #eee}
a.img img {display:block;margin:2px;padding:0;border:0}

h1 {margin:0;padding:0;font-size:160%;color:#f35b27;background:url('../images/h1.gif') 0 3px no-repeat;padding-left:20px}
h2 {margin:.5em 10px;border-bottom:1px solid #f35b27;padding:0 10px;color:#feb138;font-size:160%;font-weight:normal;line-height:140%}
.middle h2 {margin:0;padding:0;font-size:160%;border:0;color:#f35b27;background:url('../images/h1.gif') 0 3px no-repeat;font-weight:bold;padding-left:20px;line-height:160%}
h3 {margin-bottom:.5em 0 .5em  10px;font-size:120%;color:#f35b27;padding-left:20px}

h4 {margin:0;padding:0;color:#f35b27}

p {margin: 1.5em 20px}
p.ramecek {margin:0 5px 1em 5px;border:1px solid #ccc;padding:15px 20px;background:#eee}
p.drobecky {margin:.8em 20px}

ul {margin:1.5 auto;list-style:square}

strong {}
em {}

.hr {clear:both;margin:0;border:1px solid #fff;border-top:1px solid #eee}
hr {clear:both;margin:0;border:1px solid #fff;border-top:1px solid #eee}
.hr hr {display:none}
blockquote {}
address {}

form {padding:0 0 0 10px}
form.hosting {padding:0 10px}
form.hosting .left {width:245px;color:#fff}
form.hosting .left fieldset {margin:0 10px;background:#f35b27;border:2px solid #eee;padding:0}
form.hosting .left fieldset h3 {margin:0;border-bottom:4px solid #df4d12;padding:10px;text-align:center;color:#333;background:#ffb451}
form.hosting .left fieldset a {color:#fff}
form.hosting .left fieldset strong {color:#333;margin:0;padding:0}

form fieldset {border:2px solid #eee;padding:.5em;}
form fieldset input {}
form fieldset select {}
form fieldset textarea {}

form fieldset p {margin:0;padding:.5em 0}
form ul {clear:both}

.table {padding:0;padding-bottom:1em}
.table-box {width:100%}
.margin-top {margin-top:.5em;padding-top:0}
.margin-bottom {margin-bottom:.5em;padding-bottom:0}

table {clear:both;width:100%;border-collapse:collapse;font-size:100%}

table th {padding:5px;vertical-align:top}
table td {padding:5px;vertical-align:top}

table td {vertical-align:top}
table td ul {margin:0 1em}

th.border-top, td.border-top {border-top:1px solid #ccc}
table.border-bottom, th.border-bottom, td.border-bottom {border-bottom:1px solid #ccc}
table.border {border:1px solid #ccc}
tr.pc1 th {padding:5px;font-size:90%;background:#eee}
tr.pc1 td {padding:5px;font-size:90%;background:#eee}
tr.pc2 th {padding:5px;font-size:90%;background:#ddd}
tr.pc2 td {padding:5px;font-size:90%;background:#ddd}
td.price {white-space:nowrap}

.grey {background:#ccc;color:#555}
.orange {background:#feb138;color:#fff}
.orange a{vertical-align:top;color:#fff}
.orange a:hover {color:#fff;text-decoration:none}
.orange-border {border:2px solid #feb138}
.orange-border th {background:#eee;border:1px solid #555;color:#555}
.orange-border td {border:1px solid #555}
strong.cerna {color:#000;}

#page {position:relative;margin:0 auto;width:791px;overflow:hidden;text-align:left;background:#fff}
#page .s1 {width:100%;background:url('../images/pozadi-stranka-2a.gif') repeat-y;}
#page .s2 {width:100%;background:url('../images/pozadi-stranka-2b.gif') right repeat-y;}
#page .a1 {width:100%;background:url('../images/pozadi-stranka-1b.gif') top left repeat-x;}
#page .a2 {width:100%;background:url('../images/pozadi-stranka-1a.gif') top left no-repeat;}
#page .a3 {width:100%;background:url('../images/pozadi-stranka-1c.gif') top right no-repeat;}
#page .b1 {width:100%;background:url('../images/pozadi-stranka-3b.gif') bottom left repeat-x;}
#page .b2 {width:100%;background:url('../images/pozadi-stranka-3a.gif') bottom left no-repeat;}
#page .b3 {padding:35px 6px 20px 6px;background:url('../images/pozadi-stranka-3c.gif') bottom right no-repeat;}
.sub #page .b3 {padding-top:250px}

.home #header {font-size:100%;width:100%;background:url('../images/pozadi-hlavicka-3a.gif') 0 101px repeat-x}
.sub #header {position:absolute;top:35px;left:6px;width:100%;background:url('../images/pozadi-hlavicka-3b.gif') left bottom repeat-x}

#header1 {width:100%;display:block;background:url('../images/pozadi-hlavicka-v.gif') 0 3px no-repeat}
#header1 #nav {position:relative;display:block;padding:0 9px;background:url('../images/pozadi-hlavicka-2.gif') bottom no-repeat}
#header1 #nav .nav-box {position:relative;width:100%;padding:0;padding-top:225px;}
#header1 #nav h2 {margin:0;border:0;padding:0;font-size:100%;font-weight:normal}

#header1 #nav div {display:block;margin:0;padding:0;padding-bottom:20px;width:190px;overflow:hidden}
#header1 #nav h2 a {font-size:150%;line-height:100%;text-decoration:none;display:block;color:#fff;overflow:hidden}
#header1 #nav h2 a:hover {color:#fcff00}
#header1 #nav .hosting h2 a {padding:20px 5px 40px 70px;background:url('../images/menu/hosting-1.gif') 0 20px no-repeat}
#header1 #nav .hosting h2 a:hover {background-position:-190px 20px}
#header1 #nav .webdesign h2 a {padding:20px 5px 45px 70px;background:url('../images/menu/webdesign-1.gif') 0 20px no-repeat}
#header1 #nav .webdesign h2 a:hover {background-position:-190px 20px}
#header1 #nav .aplikace h2 a {padding:5px 5px 40px 70px;background:url('../images/menu/aplikace-1.gif') 0 20px no-repeat}
#header1 #nav .aplikace h2 a:hover {background-position:-190px 20px}
#header1 #nav .outsourcing h2 a {padding:5px 5px 40px 70px;background:url('../images/menu/outsourcing-1.gif') 0 20px no-repeat}
#header1 #nav .outsourcing h2 a:hover {background-position:-190px 20px}
#header1 #nav .active h2 a {background-position:-190px 20px}
#header1 #nav h3 {color:#f25a0e;border-left:1px solid #e7e7e7;background:url('../images/sipka-1.gif') 8px 2px no-repeat;font-size:100%;margin:0;padding:0 10px 5px 25px }
#header1 #nav p {border-left:1px solid #e7e7e7;margin:0;padding:0 10px 0 25px}
#header1 #nav p.link {position:absolute;bottom:30px;}
#header1 #nav .links {position:absolute;text-align:right;z-index:4;top:-20px;right:0;padding-right:15px;list-style:none}
#header1 #nav .links span{display:inline}
#header1 #nav .links span a{font-size:100%;display:inline}

#header2 {width:779px;display:block;background:url('../images/pozadi-hlavicka-m.gif') no-repeat}
#header2 #nav {width:100%;display:block;padding-bottom:10px;background:url('../images/pozadi-hlavicka-2b.gif') bottom no-repeat}
#header2 #nav a {color:#fa5d27}
#header2 #nav a:hover {color:#ffa22c}
#header2 #nav .links strong {display:inline}
#header2 #nav .nav-box {display:block;margin:0;padding:0;padding-top:118px;padding-left:9px;background:url('../images/pozadia-hlavicka-2.gif') bottom no-repeat}
#header2 #nav .nav-box strong {font-weight:normal;display:block;margin:0;padding:0;width:190px;overflow:hidden}
#header2 #nav .nav-box a {font-size:150%;line-height:100%;text-decoration:none;display:block;overflow:hidden}
#header2 #nav .hosting a {padding:45px 5px 5px 60px;background:url('../images/menu/hosting-2.gif') 0 20px no-repeat}
#header2 #nav .hosting a:hover {background-position:  -205px 20px}
#header2 #nav .webdesign a {padding:45px 5px 5px 60px;background:url('../images/menu/webdesign-2.gif') 0 20px no-repeat}
#header2 #nav .webdesign a:hover {background-position:  -205px 20px}
#header2 #nav .aplikace a {padding:45px 5px 5px 60px;background:url('../images/menu/aplikace-2.gif') 0 20px no-repeat}
#header2 #nav .aplikace a:hover {background-position:  -205px 20px}
#header2 #nav .outsourcing a {padding:45px 5px 5px 60px;background:url('../images/menu/outsourcing-2.gif') 0 20px no-repeat}
#header2 #nav .outsourcing a:hover {background-position:  -205px 20px}
#header2 #nav .active a {background-position:  0 -80px}
#header2 #nav .links {position:absolute;text-align:right;z-index:4;top:-20px;right:0;padding-right:30px;list-style:none}
#header2 #nav .links span{display:inline}
#header2 #nav .links span a{font-size:100%;display:inline}

#content {width:100%}
#content .text {width:550px}
#content .text .box {padding:20px 20px 0 20px}
#content .text img.right {margin:0 5px}

#content.col .text {width:100%}
#content.col .panel {display:none}

#content .panel {width:220px;padding-top:15px}
#content .panel .box {border-left:1px solid #eee;padding:5px 0}
#content img {border:0}
#content img.left {margin-right:5px;border:1px solid #555}
#content img.right {margin-left:5px;border:1px solid #555}
#content .panel h2 {font-size:100%;margin-bottom:1em;color:#f35b27;font-weight:bold}
#content .panel p.text-center {padding:0;border-bottom:1px solid #eee;padding-bottom:1em;}


#content .ad {width:200px;text-align:center}
#content .ad img {border:0}
#content .middle {width:350px}
#content .middle .box {padding-top:20px}
#content .middle img.foto {margin:10px;margin-left:0;border:1px solid #ccc}
#content .middle h2 {margin:0;padding:0;padding-bottom:1em;font-size:160%;line-height:100%;color:#f35b27;background:url('../images/h1.gif') 0 3px no-repeat;padding-left:20px}
#content .middle h3 {color:#555;margin:0;margin-bottom:.5em;padding-left:5px}
#content .middle p {margin-top:0;}

#content ul.references {margin:0;padding:0 12px;list-style:none}
#content ul.references li {float:left;padding:5px;list-style:none}



#content .offer {margin:0;padding:0;list-style:none}
#content .offer li {margin:5px 10px;border:2px solid #eee;border-left:15px solid #eee;padding:10px 15px}
#content .offer h3 {margin:.5em 0;padding:0}
#content .offer p {margin:0;padding:0}


#footer {width:100%;background:url('../images/bg-footer.gif') no-repeat}
#footer .box {padding:35px 15px 0 15px;color:#555}
#footer img {margin:0;border:0}
#footer .hr {margin:0;border:1px solid #fff;border-bottom:1px solid #ccc;padding:0}
#footer .hr hr {display:none}
#footer p {margin:0;padding:5px 20px 15px 20px}
#footer .links {clear:both;margin:0;padding:10px;background:#eee;color:#ccc}
#footer .links p {margin:0;padding:0}
#footer strong {font-size:90%}


.zi-logo {display:block;position:absolute;z-index:1;top:28px;left:39px;border:0}
.zi-logo img {display:block;border:0}

.cleaner {display:block;clear:both;height:1px;margin:-1px 0 0 0;padding:0;font-size:1px;line-height:1px;visibility:hidden}

.margin {margin:0 15px}
.nowrap {white-space:nowrap}
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}
.text-white {color:#fff}
.left {float:left}
.right {float:right}
.hidden {display:none}