body, div, p, html, form { font-family: Arial, Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; margin: 0px; padding:0px; }
body { background-image: url('../img/top_bg.gif'); background-repeat: repeat-x; background-color: #3b3b3b; text-align: center; color: #fff; }
a, a:active, a:visited, a:link { color: #3A678D; text-decoration: underline; font-weight: bold; }
a:hover { color: #7CAE17; }
#content { font-size: 0.8em; color: #1f1f1f; }
#content p { line-height: 140%; padding-bottom: 10px; }
h1, h2, h3, h4, h5, h6, dt.comment { font-family: Arial, "Trebuchet MS", Georgia, "New York CE", utopia, serif; font-weight: normal; }
h1 { font-size: 175%; color: #7BB101; /* border-bottom: 1px solid #eee; */ margin: 15px 20px 8px 0px; }
h2 { font-size: 163%; color: #CA2720; }
h3 { font-size: 150%; color: #3A678D; }
h4 { font-size: 138%; color: #000; }
h5 { font-size: 125%; color: #555; font-weight: bold; }
h1#first { font-size: 2em; padding: 13px 0px 3px 45px; margin: 0px 0px 7px 0px; }
#content ul { margin: 5px; padding: 0px; }
#content ul li { list-style-type: none; background: url('../img/odrazka.gif') 0px 3px no-repeat; padding: 1px 0px 2px 25px; }
/*#content ul li.ok, #content ul.ok li { background-image: url('../img/ok.gif'); }*/
#content ul li.ok, #content ul.ok li, #content fieldset ul li { background-image: none; padding-left: 5px; }
#content ul.nic li { background-image: none; padding-left: 5px; }
#all { width:925px; margin: 30px auto; text-align: left; background: url('../img/header.gif') no-repeat 0px 0px; }
#head { height: 149px; }
/* SEZNAMY */
#TopRight ul, #TopRight ul li, #menu, #menu li {margin:0px; padding: 0px; list-style-type: none; }
select.s { width:134px; }
input.s { width:126px; height: 18px; background: url('../img/search.gif') no-repeat 0px 0px #ffffff; border: none; margin: 0px; padding: 1px 4px 0px 4px; }
/* ------------------ SEZNAMY */
/* Horni prava cast ... ikonky a odstavce s napovedou */
#TopRight { float: right; width: 430px; margin-top: 4px; text-align: left; }
#TopRight ul { }
#TopRight ul li { float: left; }
#TopRight a { margin:0px 2px 0px 0px; _margin-right:1px; padding:0; width:48px; height:70px; display: block; float: left; background-position: top left; background-repeat: no-repeat; }
#TopRight a:hover { background-position: 0px -70px; }
#TopRight a em { display:none; }
a#web { margin-left:76px; _margin-left:38px; background-image: url("../img/ico-stranka.gif"); }
a#shop { background-image: url("../img/ico-kosik.gif"); }
a#loga { background-image: url("../img/ico-vizitka.gif"); }
a#grafika { background-image: url("../img/ico-grafika.gif"); }
a#hosting { background-image: url("../img/ico-server.gif"); }
a#seo { background-image: url("../img/ico-star.gif"); }
#TopRight p { clear:both; padding: 8px 50px 8px 0px; _padding-top: 4px; }
#info {display: block; }
#i-web, #i-shop, #i-loga, #i-grafika, #i-hosting, #i-seo { display: none; }
/* -------------------------------- Horni prava cast */
#TopRight p, #TopLeft { font-size: 0.75em; }
/* Horni leva cast ... ODkaz na Uvod, Hledani */
#TopLeft { float: left; width: 300px; }
#TopLeft a, #TopLeft a:link, #TopLeft a:visited, #TopLeft a:hover {text-indent: 50px; padding-top: 2px; display: block; width: 231px; height:95px; margin-left: 20px; color: #CA2720; font-size: 1px; }
#TopLeft button, form.fajfka button { background-color: transparent; border: none; padding: 0px; cursor: pointer; }
button img { border: none; padding: 0px; margin: 0px; }
#TopLeft table { width: 231px; margin: 13px 0px 0px 20px; }
#TopLeft td { padding: 2px 0px; }
/* -------------------------------- Horni leva cast */
/* Obsah */
#content { float: right; width: 660px; clear: both; background: url('../img/text-repeat2.gif') 0px 0px repeat-y; }
#content ul#menu { margin: 0px !important; padding: 0px !important; }
#menu li { padding: 0px !important; margin: 0px !important; background: none !important; float: left; width: 107px; height: 46px; text-decoration: none; text-transform: uppercase; background-position: top left; overflow: hidden; }
#menu li a { display: block; background-image: url('../img/menu.gif'); text-align: center; padding: 18px 0px 20px 0px; color: #fff; font-weight: bold; font-size: 95%; text-decoration: none; }
#menu li a:hover {background-position: 0px -46px; }
#menu li.last { width: 100px; }
#menu li.last a {background-image: url('../img/menu-last.gif'); }
div#vrsek { background-image: url('../img/text-horni.gif'); background-repeat: no-repeat; background-position: 0px 45px; border-top: 1px dotted #3b3b3b; }
div#spodek { background-image: url('../img/text-bootom2.gif'); background-repeat: no-repeat; background-position: left bottom; padding: 0px 50px 30px 23px; height: auto; }
#peakaboo { width: 100%; }
p#DrobecekMenu { margin: 0px; height: 30px; clear: both; font-weight: bold; color: #999; padding-bottom: 0px; }
p#DrobecekMenu span { display: block; padding: 7px 0px 0px 0px; }
p#DrobecekMenu a { padding-top: 7px; font-size: 86%; text-decoration: none; color: #999; }
p#DrobecekMenu a:hover { color: #555; }
div.panacik { float: right; width: 235px; height: 213px; /* border: 1px solid red; */ position: relative; left: 45px; top:-10px; font-size: 0.8em; background-repeat: no-repeat; }
/*#panacik * { padding: 6px 5px 0px 15px; margin: 0px; font-style: italic; }*/
div#psearch { background: url('../img/panak-search.gif') 39px 23px no-repeat; _background-position: 39px 37px; }
div#pwwwww { background: url('../img/panak-www2.gif') 28px 12px no-repeat; _background-position: 28px 26px; }
div#pgrafika { background: url('../img/panak-grafika2.gif') 4px 4px no-repeat; _background-position: 4px 18px; }
div#pshop { background: url('../img/panak-shop2.gif') 27px 7px no-repeat; _background-position: 27px 21px; }
div#pseo { background: url('../img/panak-seo3.gif') 21px 15px no-repeat; _background-position: 21px 29px; }
div#pcenik { background: url('../img/panak-cenik5.gif') 22px -2px no-repeat; _background-position: 22px 11px; }
div#pdoc { background: url('../img/panak-doc.gif') 73px 6px no-repeat; _background-position: 73px 20px; }
div#pkontakt { background: url('../img/panak-kontakt3.gif') 104px 8px no-repeat; _background-position: 104px 22px; }
div#preference { background: url('../img/panak-reference2.gif') 131px 9px no-repeat; _background-position: 131px 23px;}
div#pneutral { background: url('../img/panak-neutral.gif') 25px 3px no-repeat; _background-position: 25px 17px; }
#allform {background: url('../img/allbg.gif') repeat-y; }
#obsah { padding-bottom: 5px; color: #000; }
#panel { background-image: url('../img/left-vrsek.gif'); background-color: #fff; background-repeat: no-repeat; width:265px; float:left; padding: 47px 0px 0px 0px; overflow:hidden; margin: 0px; }
#submenu { background: url('../img/left-repeat.gif') repeat-y; }
#submenu div { background: url('../img/left-bottom.gif') no-repeat; height: 20px; }
#submenu span, #submenu ul { position: relative; top: -33px; }
#submenu ul { margin-bottom: 0px; }
#submenu ul li { list-style-type: none; font-size: 83%; padding: 3px 0px; }
#submenu ul li a, #submenu ul li a:link, #submenu ul li a:visited, a.v, a.v:link, a.v:visited { background: url('../img/li.gif') no-repeat 0px 6px; padding-left: 15px; text-decoration: none; }
#submenu ul li a:hover , a.v:hover { background-image: url('../img/li_hov.gif'); }
#submenu ul li.actual a { color: #5a5a5a; background-image: url('../img/li_hov.gif'); }
.boxR { background: url('../img/box-repeat2.gif') repeat-y; margin-top: 55px; }
div.less { margin-top: 35px; }
.boxT { background: url('../img/box-vrsek2.gif') no-repeat; position:relative; top:-13px; width: 265px; }
.boxT div { background: url('../img/box-bottom2.gif') no-repeat left bottom; position:relative; top:33px; padding: 0px 25px 0px 25px; text-align: center; }
.boxT div span, .boxT div p, .boxT div table, .boxT div ul { position: relative; top: -25px; }
.boxR span, #submenu span { font-weight: bold; font-size: 0.8em; text-transform: uppercase; display: block; border-bottom: 1px solid #dedede; text-align: center; color: #7BB101; margin: 0px 40px 5px 45px; padding: 20px 0px 5px 0px; }
.boxR span { margin: 0px 15px 10px 20px; }
.boxR a, .boxR a:link, .boxR a:visited { display: block; color: #7b7b7b; font-size: 0.9em; }
.boxR a:hover { color: #5b5b5b; }
#content .boxR a, #submenu .boxR a:link, #submenu .boxR a:visited { color: #3A678D; }
#content .boxR a:hover { color: #7BB101; }
.boxR ins { text-decoration: none; color: #7b7b7b; font-weight: bold; font-style: italic; font-size: 135%; position:relative; top:4px; left: -14px; font-family: georgia; }
.ref { font-size: 0.9em; width: 97%; }
.ref h3 { font-size: 1.1em; padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; }
.ref h3 a { text-decoration: none; color: #333; }
.ref a img { padding: 5px; border: 1px solid; border-color: #a9a9a9; display:block; margin-bottom:5px; }
.ref a:hover img { border-color: #7BB101; padding: 4px; border: 2px solid; }
.ref td.hov a img { border-color: #353535; }
.ref td.hov a:hover img { border-color: #3A678D; }
.ref td { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 15px 15px 25px 15px; }
.ref tr.ttop td { border-top: none; }
.ref td.lll { border-right: none; }
#footer { background: url('../img/footer.gif') no-repeat; font-size: 0.8em; height: 52px; text-align: center; color: #505050; }
#footer p { padding-top: 10px; }
.fle { float: left; width: 330px; }
.fri { float: left; width: 230px; padding-left: 20px; }
.fri h5 { margin-bottom: 5px; }
.fle img ,.fri img { border: 1px solid #a9a9a9; padding: 0px; margin-top:20px; }
#footer a { color: #6b6b6b; text-decoration: none; }
#footer a:hover { color: #404040; }
.blue { color: #3A678D; }
#minh { height: 400px; width: 0px; float: left; border: none; }
acronym, abbr { border-bottom: 1px dashed #09f; cursor: help; }
table { width: 100%; }
li table { width: auto; }
hr { width: 100%; color: #f5f5f5; border-top: 1px double #f5f5f5; height: 2px; border-bottom: 1px dashed #f5f5f5; border-left: 0px; border-right: 0px; }
.unf { clear: both; width: 0px; height: 0px; }
.fajfka button { height: 16px; }
.bold { font-weight: bold; }
/* FORMULAR HLEDANI */
#tools { width: 1px; height: 1px; visibility: hidden; }
.Zreferenci p { margin-bottom: 35px; }
/* TABULKY */
table {border-collapse: collapse; }
th, td { padding: 0px; vertical-align: middle; }
table.kontakt td, table.kontakt th, table.vatop td, table.vatop th { vertical-align: top; }
.bl { border-left: 1px solid #dedede; padding-left: 15px; }
table.kontakt table td { vertical-align: middle; padding: 5px; }
table.kontakt table { width: auto; }
textarea { border: 1px solid #cacaca; width: 95%; height: 75px; }
table.kontakt textarea { height: 115px; }
label { font-weight: bold; }
ul li label { display: block; width: 130px; float: left; }
label.nowi, ul.nowi li label { display: inline; width: auto; float: none; }
/* zarovnani */
.c {text-align: center;}
.l {text-align: left;}
.r {text-align: right;}
img { padding: 6px; }
#foo a img { padding: 6px; border: 1px solid #e0e0e0; margin-right: 4px; }
pre, code, kbd, var { font-family: courier, monospace; font-size: 110%; line-height: 1.1em; background: #F1F1F1; }
/* xStandard elements */
kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;}
dfn {font-style:normal;border-bottom:1px dashed;cursor:help;}
table {font-size:1em;}
img.left {float:left;margin-right:3px;}
img.right {float:right;margin-left:3px;}
p.left {text-align:left;}
p.center {text-align:center;}
p.right {text-align:right;}
span.underline {text-decoration:underline;}
span.strikethrough {text-decoration:line-through;}
div.textbox {clear:both;float:left;width:150px;font-size:.8em;padding:2px 10px;border-top:1px solid gray;border-bottom:1px solid gray;}
div.photo {float:right;width:auto;font-size:.8em;font-weight:bold;padding:4px;}
a.project { margin: 0px auto 5px auto;}
a.project img, img, a img { border: 1px solid #dedede; padding: 0px; }
a.project:hover img, #spodek a:hover img { border-color: #aeaeae; }
p.project { border: 1px solid #7CAE17; padding: 1px; margin: 0px 15px 10px 20px; text-align: left; }
p.project samp { display: block; height: 4px; background-color: #7CAE17; overflow: hidden; margin: 0px; }
.cenik tr td, .cenik tr td.r { border: 1px solid #555; }
.cenik tr td { background-color: #fafafa; padding: 3px 7px; border-right: none; }
.cenik tr td.r { border-left: none;}
.cenik tr.line td { background-color: #f5f5f5; }
.marl { padding-left: 35px; }
.marl h3 { padding-bottom: 8px; margin-bottom: 0px; }
.r input { margin-right:20px; }
fieldset { border: 1px dashed #7e7e7e; margin-right:20px; padding: 10px; width: 90%; }
legend { padding: 10px; font-size: 110%; font-weight: bold; background-color: #f2f2f2; }
fieldset ul { }
fieldset li { margin-bottom: 5px; }
fieldset textarea { margin-left:10px; }
fieldset table { margin-left:8px; }
#content fieldset label.pt {display:block; }
#content fieldset .pt, #content fieldset table { margin-top: 25px; }
img.fl { float: left; margin: 0px 10px 5px 0px; }
a img.fl { margin-right: 20px; }
p.un { clear: both; margin-bottom: 20px; }
ol.leftside { list-style-position: inside; margin-top: 5px; }
blockquote { font-style: italic; background: url('../img/quoted.gif') 0px 25px no-repeat; margin: 0px; width: 95%; }
blockquote h4 { font-style:normal; margin: 15px 0px 15px 50px; width: auto; }
blockquote p { text-indent: 30px; }
img.nobo, #content img.nobo, #QuickContact img { border: none; }
#QuickContact { text-align: left; font-size: 85%; margin-left: 25px; }
#QuickContact th { padding: 2px 0px 2px 0px; }
.indx { border-left: 1px solid #e1e1e1; margin-left: 5px; }
.indx h3 { margin-top: 0px; }
#content ul.buy { margin-top: 25px; font-size: 105%; line-height: 150%; }
#content ul.buy a { }
#content ul.buy li { background-image: url('../img/ok.gif'); }
#content ul.first { margin-top: 10px; }
.boxed { border: 1px solid #e1e1e1; background-color: #f8f8f8; padding: 0px 5px 10px 10px; margin-right: 10px; }
.boxed h2, .boxed h3 { border-bottom: 1px solid; margin: 15px 10px 15px 10px; padding-bottom: 5px;}
p.aktualita { padding: 0px 18px 12px 0px; }
#submenu ul li a.inline { display:inline; padding: 0px; background: none; text-decoration: underline; }
#submenu ul li a.inline:hover { background: none; }