@import url("gfdynamicfeedcontrol.css");
body  {	letter-spacing: 0.02em; background: #eee url(../img/bg/bg-page.jpg) repeat-x; font-family: "Trebuchet MS", Georgia, Tahoma; font-size: 92%; margin: 0; line-height: 130%; xtext-align: justify; }
h1 { font: bold 167% Georgia, Tahoma; color: #006699; }
h2 { font: bold 115% Georgia, Tahoma; color: #006699; margin: 1em 0 0.5em 0; }
h3 { font: bold 115% Georgia, Tahoma; color: #006699; margin: 5px 0 10px 0; }
h4 { font: bold 100% Tahoma; color: black; margin: 10px 0 20px 0; }
.dn { display: none; }
small { font-size: 90% }
a:link { text-decoration: underline; color: #0066CC; }
a:visited { text-decoration: underline; color: #660099; }
a:hover { text-decoration: none; background: #006699; color: white; }
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { font: bold 115% Georgia, Tahoma; color: #006699; }
h2 a:hover, h3 a:hover { text-decoration: none; background: #006699; color: white; }
.popis h2 a:link, .popis h2 a:hover, .popis h2 a:visited { font-family: "Trebuchet MS"; font-size: 100%; margin: 0; padding: 0; font-weight: bold;}
a:link.nbg, a:visited.nbg, a:hover.nbg { background: transparent; }
a:link.on1, a:visited.on1, a:hover.on1 { text-decoration: none; border-bottom: 5px #0066CC solid; }
a:link.on2, a:visited.on2, a:hover.on2 { text-decoration: none; border-bottom: 5px #FF0000 solid; }
a:link.on3, a:visited.on3, a:hover.on3 { text-decoration: none; border-bottom: 5px #00CC00 solid; }
a:link.on4, a:visited.on4, a:hover.on4 { text-decoration: none; border-bottom: 5px #FFCC00 solid; }
a:link.on5, a:visited.on5, a:hover.on5 { text-decoration: none; border-bottom: 5px #000000 solid; }
a:link.on6, a:visited.on6, a:hover.on6 { text-decoration: none; border-bottom: 5px #FF00CC solid; }
a:link.on7, a:visited.on7, a:hover.on7 { text-decoration: none; border-bottom: 5px #660000 solid; }
a:link.pdf, a:visited.pdf { background: white url(../img/pdf-ico.gif) no-repeat; padding: 5px 5px 5px 45px; color: #006699; }
a:hover.pdf { background: #006699 url(../img/pdf-ico.gif) no-repeat; padding: 5px 5px 5px 45px; color: white; }
a img {	border: none; }
#body a[href^='http:']:hover, #body a[href^='https:']:hover{ background: #339900 url(../img/out/2.gif) 100% 2px no-repeat; }
#body a[href^='http:'], #body a[href^='https:']{ padding-right: 9px; background: url(../img/out/1.gif) 100% 2px no-repeat; }
#body a[href^='http:']:hover, #body a[href^='https:']:hover{ background: #006699 url(../img/out/2.gif) 100% 2px no-repeat; }
#body a.nbg[href^='http:']:hover, #body a.nbg[href^='https:']:hover{ background: transparent url(../img/out/2.gif) 100% 2px no-repeat; }
#body { position: relative; min-width: 666px; background: white url(../img/layout/pruh.gif) 0% 0% repeat-y; margin-left: auto; margin-right: auto; width: 80%; padding: 38px 35px 2em 85px; }
#body li ul { padding: 0.2em 0 0 0.5em; }
#body ul { padding: 0.2em 0 0.5em 1em; margin: 0.1em; }
#body li { padding: 0em 0 0.2em 1.3em; list-style-type: none; background: transparent url(../img/li/sipka.gif) no-repeat; margin-left: 1em; }
#head { xborder: 1px solid #eee; height: 90px; padding: 0 0 0 0; margin: 0 auto; background: white url(../img/layout/head.gif) 0% 0% no-repeat; }
#head #ram { padding: 11px 0px 0px 1px}
#head #logo { margin:0; padding:0; position:relative; width:258px; height:65px; overflow: hidden;}
#head #logo span { display:block; margin:0; padding:0; position:absolute; left:0px; top:0px; z-index:1; width:258px; height: 65px; background:url("../img/logo/kocman.gif") 0 0 no-repeat}
#content { xbackground: red; xfont-size: 85%;}

div.sek h3 { text-transform: uppercase; }
div.sek { margin: 2em 0 0 0; padding: 0 0 0 160px; min-height: 125px; border: 0px; _height: 135px; }
div.sek-pp { background: url(../img/sluzby/marketing-seo-sem/serp.jpg) 0% 0% no-repeat; }
div.sek-ppc { background: url(../img/sluzby/marketing-seo-sem/ppc.jpg) 0% 0% no-repeat; }
div.sek-seo { background: url(../img/sluzby/marketing-seo-sem/seo.jpg) 0% 0% no-repeat; }
div.sek-rek { background: url(../img/sluzby/marketing-seo-sem/reklama.jpg) 0% 0% no-repeat; }
div.sek-cw { background: url(../img/sluzby/marketing-seo-sem/copyw.jpg) 0% 0% no-repeat; }
div.sek-lb { background: url(../img/sluzby/marketing-seo-sem/lb.jpg) 0% 0% no-repeat; }
div.sek-doh { background: url(../img/sluzby/marketing-seo-sem/doh.jpg) 0% 0% no-repeat; }


.bq { margin: 15px 300px 15px 0; padding: 15px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; background: #F6FFFD; letter-spacing: 2px; font-family: arial; font-size: 84%; color: #006699;}
.skryte { display:none; }
.item { float:left; width: 130px; height: 170px; margin-right:15px; margin-top: 0.5em; text-align:center;  }
.sl, .sl:hover { background: #F7F7F7 url(../img/bg/roh.gif) right bottom no-repeat; float:left; width: 150px; min-height: 235px; _height: 235px; margin-right:15px; text-align:center; xborder: 1px dashed #E1E1E1; padding: 10px 0px 5px 0; margin: 10px 15px 15px 0;}
.sl:hover { background: #FFFFCC url(../img/bg/roh.gif) right bottom no-repeat;}
.violent { font-weight: normal; font-style: italic; color: #CC3300; }
.button { width: 88px; height: 31px; border: 0px; }
.wdbal { float:left; background: #F7F7F7; width: 150px; min-height: 240px; _height: 240px; margin-right:15px; text-align:center; border: solid 1px; border-color: #f0f0f0 #909090 #909090 #f0f0f0; padding: 10px 0px 5px 0; margin: 10px 15px 15px 0;}
#ppcbala, #ppcbalb { float:left; width: 150px; xmin-height: 100px; x_height: 100px; margin-right:15px; text-align:center; border: solid 1px; border-color: #f0f0f0 #909090 #909090 #f0f0f0; padding: 15px; margin: 10px 15px 15px 0;}
#ppcbala { background: #E6FF80 url(../img/bg/bg-ppcbala.jpg); }
#ppcbalb { background: #FFF280 url(../img/bg/bg-ppcbalb.jpg); }
#ppcbala h2, #ppcbalb h2 { font-family: "Trebuchet MS"; font-size: 200%; margin: 0; padding: 0; font-weight: bold;}
.big { font-size: 200%; }
img.bal-wdimg { background: #eee; border: 0; xpadding: 2px; margin: 0; }
img.projekt { background: white; border: 0; padding: 4px; border: 1px solid #E1E1E1; margin: 0; }
img.slimg { background: white; border: 0; padding: 4px; margin: 0; }
img.fr { float: right; background: white; border: 0; padding: 0.25em; border: 1px solid #E1E1E1; margin: 0 0 0.5em 2em;}
img.ilu { float: right; width: 125px; height: 125px; background: white; border: 0; padding: 0.25em; border: 1px solid #E1E1E1; margin: 0 0 0.5em 2em;}
img.nahled-webu { float: left; width: 320px; height: 240px; background: white; border: 0; padding: 0.25em; border: 1px solid #E1E1E1; margin: 0.2em 2em 1em 0; }
img.bor { border: 1px solid #E1E1E1; padding: 4px; }
img.wd-ilu { xfloat: right; width: 320px; height: 240px; background: white; border: 0; padding: 0.25em; border: 1px solid #E1E1E1; margin: 0.2em 1em 1em 0; }
img.logo { width: 550px; height: 55px; border:0; margin-top: 15px;}
img.navrcholu { width: 14px; height: 14px; border: 0px;}
img.toplist { width: 14px; height: 14px; border: 0px; }
#copy a:link { text-decoration: underline; color: gray; }
#copy a:visited { text-decoration: underline; color: gray; }
#copy a:hover { text-decoration: none; background: white; color: gray; }
#copy a[href^='http:']:hover, #copy a[href^='https:']:hover{ color: gray; background: #339900 url(../img/out/2.gif) 100% 2px no-repeat; }
#copy a[href^='http:'], #copy a[href^='https:']{ color: gray; padding-right: 9px; background: url(../img/out/1.gif) 100% 2px no-repeat; }
#copy a[href^='http:']:hover, #copy a[href^='https:']:hover{ color: gray; background: white url(../img/out/2.gif) 100% 2px no-repeat; }
#copy { padding: 1em 0 0 0; color: gray; }
#copy hr { clear: left; visibility: visible; border-top-style: none; padding-top: 0px; border-bottom: #dfdfdf 1px dashed; border-right-style: none; border-left-style: none; height: 0px }
.comment { font-size: 95%; color: gray; font-weight: bold;}
.popis { clear: left; padding: 5px; }
hr.view { clear: left; visibility: visible; border-top-style: none; padding-top: 0px; border-bottom: #dfdfdf 1px solid; border-right-style: none; border-left-style: none; height: 0px }
hr { clear: left; visibility: hidden; margin:0; padding:0;}
table { font-size:100%;	margin: 0.5em 0 1em 0; border: none; border-collapse: collapse; }
th, td { padding: 4px 10px; border: 1px solid silver;}
th { text-align: left; background: url(../img/bg/table-th.jpg) }
tr:hover { background: #eee;}
td.zv { font-size: 150%;  }
.vyrazne { font-size: 125%; }
.ibox {margin: 15px 30px 15px 0; padding: 15px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; background: #F6FFFD; letter-spacing: 2px; font-family: arial; font-size: 84%; color: #006699;}
blockquote { margin: 15px 30px 15px 0; padding: 15px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; background: #F6FFFD; letter-spacing: 2px; font-family: arial; font-size: 84%; color: #006699;}
.tip { background: white url(../img/tip.png) no-repeat; padding: 1px 15px 1px 70px; min-height: 65px;  }
.sysinfo { color: red; font-size: small; }
.popisek { color: gray; font-size: small; }
form { padding: 10px 0 10px 0; }
.forlabel {clear: both; width: 8em; float: left;}
.form-body {padding: 10px 0;}
fieldset {border: 2px solid #eee; padding: 15px 10px 10px 10px;}
legend { font: bold 115% Georgia, Tahoma; color: #006699; margin: 0; padding: 0 1em 0 1em; }
.radek {padding: 4px 0 0 40px; clear: left;}
.radek2 {padding: 1em 0 1em 40px; clear: left;}
#hlaska1 { color: red; margin: 0 1em 1em 40px; }
#hlaska2 { color: green; margin: 0 1em 1em 40px; }
#order .forlabel {width: 150px;}
.sluzba div { padding:10px 10px 0 47px;}
.sluzba h2 { margin-top:0; padding-left: 42px;}
.slupka { background: transparent; }
.sluzba { float:left; width: 47%; margin:0 3% 1em 0; background:#fff url(../img/view/seo.gif) 10px 10px no-repeat;}
.webdesign { background-image: url(../img/view/webdesign.jpg);}
.webhosting { background-image: url(../img/view/webhosting.jpg);}
.marketing { background-image: url(../img/view/marketing.jpg);}
.outsourcing { background-image: url(../img/view/outsourcing.jpg);}
#menu { position: absolute; padding: 5px 2px; top: 8px; right: 25px; text-align: right; }
#menu ul{ list-style-type: none; text-transform: uppercase; font-size: 112%;}
#menu li { display: inline; padding-bottom: 0px; background: transparent; padding: 0; margin: 0 0 0 0.5em; }
#blocker { float:right; width: 250px; height: 500px; padding: 0 0 0 3em; visibility: hidden; }
#submenu { position: absolute; top: 235px; right: 25px; margin-bottom: 15px; font-size: 90%; padding: 0 0 0 2em; border-left: 1px dashed #E1E1E1;}
#submenu ul{ list-style-type: none; padding: 0; margin: 0; }
#submenu li { padding-bottom: 0px; background: transparent; padding: 0; margin: 0; }
#submenu li a { display: block; padding: 5px 20px; width: 190px; voice-family: inherit; color: black; }
#submenu li li a { display: block; padding: 5px 20px; width: 180px; voice-family: inherit; color: #006699; xbackground: #F1F1F1; }
#submenu li li li a { display: block; padding: 5px 20px; width: 170px; voice-family: inherit; color: purple; xbackground: #F1F1F1; }
#submenu li ul { padding: 0.2em 0 0 10px; }
#submenu li a.on-sed{ background: #F1F1F1 url(../img/sipka-a.gif) 0% 50% no-repeat; xcolor: white}
#submenu li a.on-a{ background: red url(../img/sipka-a.gif) 0% 50% no-repeat; color: white}
#submenu li a.on-b{ background: #006699 url(../img/sipka-a.gif) 0% 50% no-repeat; color: white}
#submenu li a.on-c{ background: green url(../img/sipka-a.gif) 0% 50% no-repeat; color: white}
#submenu li a.on-d{ background: #8a4117 url(../img/sipka-a.gif) 0% 50% no-repeat; color: white}
#submenu a:hover{ text-decoration: underline; background: #F1F1F1 url(../img/sipka.gif) 0% 50% no-repeat; color: black; }
acronym { font-weight: normal; font-style: italic; color: #336633; }
.help { cursor: help; border-bottom: 1px dashed black; display: inline; }
td span, td div span { font-size:90%; display: none; color: black;}
td div.info { position: relative; border: 1px solid; border-color: #f0f0f0 #909090 #909090 #f0f0f0; top:0; left:0; text-align: left; background: #fbfbfb; color: gray;}
td div:hover { color: white; background: #7a7d7d; }
td div:hover span { border: 3px solid; display: block; position: absolute; right: 1.4em; top: 0px; width:220px; padding:12px; background: #fffedc; border-color: #f0f0f0 #909090 #909090 #f0f0f0; }
td.start { background: #FFFF99; }
td.zaklad { background: #CCFF99; }
td.profi { background: #FFCC66; }
a:link.skype, a:visited.skype, a:hover.skype { background: transparent url(../img/skype2.gif) 0% 50% no-repeat; padding: 5px 5px 5px 26px; text-decoration: underline; }
a:hover.skype { text-decoration: none; color: #006699; }
img.fl { float: left; margin: 0 1em 1em 0; border: 0; }
#mbanka, #mbankb { background: white url(../img/bg/mbank.jpg) 0% 0% no-repeat; padding: 0px 0px 0px 70px; margin-bottom: 2em; min-height: 50px; xborder-bottom: 1px dashed #E1E1E1; }
p.tips { color: gray; font-size: 80%; }
p.tar { text-align: right; }
.hvezda { font-family: georgia; font-size: 170%; color: red; display: inline; }
#feed h3 a:link,#feed h3 a:visited, #feed h3 { font-family: arial; }
#blockerrss { float:right; width: 300px; height: 150px; padding: 0 0 0 3em; visibility: hidden; }
#feed { position: absolute;
top: 145px;
right: 25px;
width: 300px;
border:0;
padding:0;
font-size: 80%;
overflow: auto;
height: 150px;
line-height: 1.2em;
font-family: arial;
padding: 0 0.5em 0 0.5em;
border-left: 3px solid #996633;
xborder-color: silver #fff silver #fff;
color: #006699;
background: transparent url(../img/bg/rss.png);}

#feedimg {
position: absolute;
top: 105px;
right: 304px;
width: 60px;
height: 47px;
background: transparent url(../img/bg/twitter.png);}