@media screen,projection{
body{font:83% Verdana,Arial,sans-serif; text-align:center; margin:0; padding:0; color:#000; background:#fff;}
hr{margin:0; font-size:1px; height:1px; border:none; border-bottom:1px solid #eee;}
h1,h2{font-size:170%;}
h3,h4{font-size:140%;}
h5{font-size:120%;}
h4,h5{margin-bottom:0;}
.bref h2,.bref h3{font-weight:normal;}
p{margin:1em 0;}
blockquote{display:block; font-style:italic; color:#000; padding:0.8em; margin:1em 0 1.5em;}
blockquote p{margin:0;}

/* HLAVNI DELENI */
#main,#head,#context,.hp,#drobecky{position:relative; top:0; left:0;}
#head p,#loga,#nav,#hnd{position:absolute;}

#main{margin:0 auto; text-align:left; min-width:770px; max-width:980px;}
#head{height:12.2em; background:#fff;}
#head h1,#head h2,#head p{margin:0; padding:0;}
#loga{top:66px; left:35px;}
#head p{width:100%; text-align:right; top:0; left:0; padding:5px 0;}
#foot{padding:0 20px 5px; margin:2em 0; border-top:1px solid #ccc;}
#head p,#foot{background:#eee;}
#hnd{top:0; left:36%; width:212px; height:12.2em; background:transparent url(../img/stetec.gif) 0 0 no-repeat;}

#cont{padding:0; line-height:1.3em;}
#context{left:-1px; top:0; margin-left:189px; padding:0 30px; border-left:1px solid #eee;}
#cont2{padding:0 35px;}
#cont3,#cont4{float:left; padding:0; width:74%;}
#cont3 h4{margin:1em 0;}
#cont4{width:100%;}

#drobecky{margin-bottom:1.5em; padding:0.5em 35px; border-bottom:1px solid #eee;}

/* UVODNI STRANA */
#ref,#sluz,#spol{float:right; width:32%;}
#ref,#sluz{border-left:1px solid #eee;}
#sluz{width:35%;}

#ref .matrj{margin-left:9%;}
#sluz .matrj{margin:0 8%;}
#spol .matrj{margin-right:9%;}

/* nadpisy casti na hp i podstrankach */
#ref h2,#sluz h2,#spol h2,.bsluz #context h3,.bspol #context h3,.bref #context h3,#cont2 h2{margin:0; padding:0.2em 0 0.2em 35px; font-weight:normal; line-height:1.1em; background:#fff 0 50% no-repeat;}
#ref h2,.bref #context h3,#cont2 h2{color:#5093a6; background-image: url(../img/s_blue.gif);}
#sluz h2,.bsluz #context h3{color:#629d2e; background-image: url(../img/s_green.gif);}
#spol h2,.bspol #context h3,.bspol #cont2 h2{color:#d85e0d; background-image: url(../img/s_orang.gif);}

.bsluz #context h3,.bspol #context h3,.bref #context h3{margin:0;}
#ref h3,#sluz h3,#spol h3,#context h4,#cont2 h3,#cont2 h4{font-weight:normal;}

/* obrazky a odkazy na HP */
#sluz h3{margin-bottom:0;}
#sluz p{margin-top:1em;}
.hpdes,.hphost,.hpapl,.hpmark{display:block; padding:0 0 0 62px; background:#fff url(../img/ico/webdesign.gif) 0 0 no-repeat;}
.hphost{background-image:url(../img/ico/cesky-hosting.gif);}
.hpapl{background-image:url(../img/ico/seo.gif);}
.hpmark{background-image:url(../img/ico/marketing.gif);}

/* kontakt, vyjadreni klienta a novinky na HP */
.contact,.vyjadreni{font-size:80%; padding:1em; margin-top:1.7em; border:1px solid #f57d2d; border-left:none; border-right:none;}
.contact h3,.vyjadreni h3{margin-top:0;}
.vyjadreni{background:#ffffff; border-color:#5093a6; border:none;}
.vyjadreni h3{margin-bottom:0.5em;}
.vyjadreni img{padding:2px; margin:0 0 1em 5px; background:#fff; border:0}
.news-hp h4{font-size:120%; margin:1em 0 0;}
.news-hp p,.vyjadreni p{margin:0.5em 0;}
.contact img{float:left; margin:0 10px 10px 0; /*padding:3px; background:#fff; border:1px solid #ddd;*/}
.contact span{font-size:190%; }
.viewall{border-top:1px solid #eee;}
.contact p{margin:0 0 10px; border-bottom:1px solid #fff;}

/* OBSAH STRANEK */
.hp,.bsluz #context h2,.bspol #context h2,.bref #context h2{font-size:110%; color:#fff; margin:0; padding:0.4em 35px; text-align:right; background:#bbb; border-top:1px solid #fff;}
.bezdr{margin-bottom:1.5em;}

/* souvisejici boxy v textu*/
.related{font-size:83%; line-height:1.3em; float:right; width:250px; padding:0; margin:0 0 1em 1em; background:#fcfcfc; border:5px solid #eee;}
.related h4,.related p{margin:10px;}
.related div.clanek{background:#fff; border:5px dotted #eee;}
.related ul{padding:0 10px 0 2.2em;}
.related ol{padding:0 10px 0 3.5em;}
.related li{padding:0.3em 0;}
#context .related h4{font-weight:bold;}

.analyza{padding:4px 0 4px 20px; background:transparent url(../img/_docasne/analyza-sml.gif) 0 50% no-repeat;}

#context ul,#ref ul,.w50 ul{list-style-image:url(../img/li.gif);}
#context img.fl{float:left; margin:0 1em 1em 0; border:none;}

.bsluz #context h3,.bref #context h3,.bspol #context h3{font-size:180%; margin-bottom:0.3em;}
.bsluz blockquote,.bspol blockquote,.bref blockquote{border:2px solid; border-right:none; border-left:none;}

/* barvy nadpisu sekci a odkazu */
.bsluz h1,.bsluz a:hover{background:#629d2e;}
.bsluz a,.bsluz .subnav h2{color:#629d2e;}
.bsluz blockquote{background:#f0f7ed; border-color:#c3dbb9;}

.bspol h1,.bspol a:hover{background:#d85e0d;}
.bspol a,.bspol .subnav h2{color:#d85e0d;}
.bspol blockquote{background:#fef3eb; border-color:#ffd9bb;}

.bref h1,.bref a:hover{background:#5093a6;}
.bref a,.bref .subnav h2{color:#5093a6;}
.bref blockquote{background:#e3eff4; border-color:#c1e2f1;}

#spol em,#sluz em,#ref em{display:block; font-style:normal; margin:0 0 2em 36px;}
#spol em{color:#d85e0d;}
#sluz em{color:#629d2e;}
#ref em{color:#5093a6;}

/* reference */
.ref{float:left; width:155px; min-height:7em; margin:10px 25px 10px 0;}
#cont3 .ref h4,#cont4 .ref h4{font-size:100%; font-weight:bold; margin:0 0 0.5em;}
.ref p{margin-top:0.3em;}
.ref img{padding:4px; background:#fff; border:1px solid #ddd;}
.ill{float:right; padding:1px; margin: 0 0 1em 1em; background:#ccc; border:5px solid #eee;}
#refscreen{float:right; width:340px; margin-left:1em;}
#refscreen img{float:left; padding:4px; margin:0 10px 10px 0; border:1px solid #ddd;}

.subref{float:right; font-size:85%; margin:0; width:25%; margin-top:1em; border-left:1px solid #eee;}
.subref div{padding:0 15px; margin:0;}
#context .subref h4{font-size:120%; font-weight:bold; margin:0;}
#context .subref ul{padding:0 0 0 2em;}
#context .subref li{line-height:1.2em; margin:6px 0;}

/* rozcesti nase sluzby - ikonky */
.section div{padding:10px 10px 0 75px;}
.section h4{margin-top:0;}
.section ul{line-height:1.3em; padding-left:2.6ex; margin-bottom:10px;}
/* webdesign */
.section{float:left; width:48%; margin:0 2% 1em 0; background:#fff url(../img/ico/analyza.gif) 10px 10px no-repeat;}
.secweb{background-image: url(../img/ico/webdesign.gif);}
.secwcms{background-image: url(../img/ico/obsah.gif);}
.secmark{background-image: url(../img/ico/seo.gif);}
/* webhosting */
.secch{background-image: url(../img/ico/cesky-hosting.gif);}
.seceu{background-image: url(../img/ico/eu-domeny.gif);}
.secser{background-image: url(../img/ico/servery.gif);}

/* novinky */
.new div{margin-bottom:2em;}
.new div h4{margin-bottom:0;}
.new div p{margin-left:62px;}
#context .new div img.fl{padding:2px; border:1px solid #ccc;}

/* NAVIGACE A SUBNAVIGACE */
#nav{top:24px; right:0; width:50%; z-index:99;}
#nav ul,.subnav ul{list-style-type:none; padding:0; margin:0;}

/* podnavigace v obsahu */
.subnav{margin:0; width:188px; float:left; border-right:1px solid #eee;}
.subnav ul{margin:0; padding:0;}
.subnav h2{font-size:140%; font-weight:normal; margin:0.5em 0 0.8em; padding:0 0 0 35px; text-align:left; color:#000; background:#fff;}

/* hlavni tri casti navigace */
#nspol,#nsluz,#nref{float:left; height:10em; width:33%; border-bottom:5px solid #000;}
#nspol{border-bottom-color:#d85e0d;}
#nsluz{border-bottom-color:#629d2e; width:34%;}
#nref{border-bottom-color:#5093a6;}
#nspol:hover,.nspolactive{background:#fff4ed url(../img/nb_orang.gif) 0 0 repeat-x;}
#nsluz:hover,.nsluzactive{background:#f0f6ee url(../img/nb_green.gif) 0 0 repeat-x;}
#nref:hover,.nrefactive{background:#eef4f6 url(../img/nb_blue.gif) 0 0 repeat-x;}

/* nadpisy navigace */
#nspol h3,#nsluz h3,#nref h3{font-size:110%; padding-left:0.7em; margin:1.3em 0 0.2em;}
#nspol h3{color:#d85e0d;}
#nsluz h3{color:#629d2e;}
#nref h3{color:#5093a6;}

/* BARVY NA WEBU */
.wh,.subnav a.active:hover{color:#fff;}
.bl,h1,h2,h3,h4,h5,h6,blockquote,a,#nspol:hover h3,#nsluz:hover h3,#nref:hover h3,.nspolactive h3 span,.nsluzactive h3 span,.nrefactive h3 span{color:#000;}
.gr,#head p a,#foot a,.subnav a,h4 span{color:gray;}

/* ODKAZY */
a{text-decoration:underline;}
#nav li a{display:block; padding:0.1em 0 0.1em 0.8em;}

#nspol a:hover,#nspol a.active,.bspol .subnav a.active:hover,.bspol #context a[href^='http:']:hover,.bspol #context a[href^='https:']:hover{text-decoration:none; color:#fff; background-color:#d85e0d;}
#nsluz a:hover,#nsluz a.active,.bsluz .subnav a.active:hover,.bsluz #context a[href^='http:']:hover,.bsluz #context a[href^='https:']:hover{text-decoration:none; color:#fff; background-color:#629d2e;}
#nref a:hover,#nref a.active,.bref .subnav a.active:hover,.bref #context a[href^='http:']:hover,.bref #cont2 a[href^='http:']:hover,.bref #context a[href^='https:']:hover{text-decoration:none; color:#fff; background-color:#5093a6;}

#cont a[href^='http:'],#cont a[href^='https:']{padding-right:11px; background-image:url(../img/a_ven.gif); background-position:100% 2px; background-repeat:no-repeat;}
#cont a[href^='http:']:hover,#cont a[href^='https:']:hover{background-image:url(../img/a_ven2.gif);}

.subnav a{display:block; padding:0.2em 0 0.2em 34px;}
.subnav a.active{color:#000; background:#eee; text-decoration:none;}

/* barvy nadpisu na HP */
#spol a{color:#d85e0d;}
#sluz a{color:#629d2e;}
#ref a{color:#5093a6;}

a:hover,#head p a:hover,#foot a:hover{color:#fff; background:gray;}
#ref a:hover,#sluz a:hover,#spol a:hover,h2 a:hover,h3 a:hover,#loga a:hover{color:#000; background:transparent;}

/* TABULKY */
table{border-collapse:collapse; margin-bottom:1em;}
th,td{padding:0.4em 1em 0.4em 0; vertical-align:top;}

.client div{text-align:center; padding:6px; border:1px solid #eee;}
.client h3{margin-top:0;}

/* FORMULARE */
form{margin:0;}
input,select,textarea{font-size:100%; font-family:Verdana,Arial,sans-serif;}
fieldset,legend{margin-bottom:0.8em; padding:10px; background:#eee; border:1px solid #bbb;}
legend{padding:0.2em 0.6em; margin:0.2em 0; background:#fff;}
label{float:left; width:8em;}

/* OSTATNI */
.sml,.news-hp,#head p,#foot,.viewall,#drobecky,.ref p,h4 span{font-size:80%;}
.smlx{font-size:75%;}
.hid,#nav h2{display:none;}
.cent{text-align:center;}
.rig{text-align:right;}
.just{text-align:justify;}
.flr{float:right;}
.fl{float:left;}
.cl{clear:both;}
.cll{clear:left;}
.none{border:none;}
.vis{visibility:hidden; margin:0;}
.brd_r{border-right:1px solid #eee;}
div.cl,span.cl{font-size:1px; height:1px; margin-top:-1px; padding:0; border:1px solid black;}
.w50{width:48.5%;}
.img{height:58px; border:1px solid #777;}
img.flr{margin:0 0 5px 5px;}
}