/*
  Copyright (c) 2008 Art4Web.cz [http://www.art4web.cz]
*/
*, A { color:#5a5a5a; font-family:Arial,sans-serif; font-size:12px; }
BODY { margin:0px; padding:0px; background:#fff; }
BODY { overflow: -moz-scrollbars-vertical; }
H1, H2, H3, H4, H5, UL, LI { margin:0px; padding:0px; }
LI { list-style:none; }
H1 { font-size:18px; font-weight:normal; }
H1 A {  }
H2 {  }
H2 A {  }
H3 {  }
H3 A {  }
P { margin-top:0px; }
A { color:#e35013; text-decoration:none; }
A:hover { text-decoration:underline; }
FORM { display:inline; }
HR { border-width:0px; border-top:1px solid #d6d6d6; height:1px; 
  Xposition:relative; left:-10px; Xwidth:104%; }

/* -------------------------------------------------------------------------- */
/* obecne tridy                                                               */
/* -------------------------------------------------------------------------- */
.center { text-align: center ! important; }
.left { text-align:left ! important; }
.right { text-align:right ! important; }
.top { vertical-align:top ! important; }
.middle { vertical-align:middle ! important; }
.bottom { vertical-align:bottom ! important; }

.fleft { float:left ! important; }
.fright { float:right ! important; }
.block { display:block; float:left; }
.img-right { float:right ! important; margin-left:10px; }

.clear { clear:both ! important; }
.clearfloat { display:table; width:100%; }

.strong { font-weight:bold; }
.normal { font-size:100%; font-weight:normal ! important; font-style:normal ! important; }
.italic { font-style:italic ! important; }
.bold { font-weight:bold ! important; }
.uppercase { text-transform:uppercase ! important; }
.underline { text-decoration:underline; }

.blue { color:#518abd; }
.orange { color:#e35013 ! important; }
.green { color:#77b08a; }
.green-2 { color:#a6c858; }
.purple { color:#ab1d5c ! important; }
.purple * { color:#ab1d5c ! important; }
.purple2 { color:#e1a084 ! important; }
.violet { color:#aba7a6 ! important; }

.mTop5 { margin-top:5px; }
.mTop15 { margin-top:15px; }
.mRight5 { margin-right:5px; }
.mRight10 { margin-right:10px; }
.mRight20 { margin-right:20px; }
.mLeft5 { margin-left:5px; }
.mLeft10 { margin-left:10px; }
.mLeft20 { margin-left:20px; }
.mLeft40 { margin-left:40px; }
.mLeft80 { margin-left:80px; }
.mBot5 { margin-bottom:5px; }
.mBot10 { margin-bottom:10px ! important; }
.mBot15 { margin-bottom:15px; }
.no-margin { margin:none ! important; margin-bottom:0px ! important; }
.no-padding {padding:none ! important; padding-right:0px ! important; }

.padding5 { padding:5px; }
.pTop5 { padding-top:5px; }
.pTop10 { padding-top:10px; }
.pTop15 { padding-top:15px; }
.pLeft10 { padding-left:10px; }
.pRight10 { padding-right:10px; }
.pLeft20 { padding-left:20px ! important; }
.pRight20 { padding-right:20px; }
.pBot3 { padding-bottom:3px; }

.w100per { width:100%; }
.w100 { width:100px; }
.w300 { width:300px; }

.bLeft { border-left:1px solid #bfbfbf; }
.bRight { border-right:1px solid #bfbfbf; }
.no-border { border:none ! important; }

.msg { margin:20px 0px 10px 0px; }
.err { color:red; margin:20px 0px 10px 0px; }
.print { display:none; }

.no-wrap { white-space:nowrap ! important; }

.bullet-1 LI { padding-left:20px; background:url("../img/bullet-line.gif") 0px 8px no-repeat; }
.bullet-disc { padding-left:20px; }
.bullet-disc LI { list-style-type:disc ! important; }

/* -------------------------------------------------------------------------- */
/* layout                                                                     */
/* -------------------------------------------------------------------------- */
HTML, BODY { width:100%; height:100%; text-align:center; }
DIV#container { position:relative; margin:0 auto; width:778px; height:100%; text-align:left; Xbackground:red; }
DIV#container DIV.inner { position:relative; margin:0px 7px 0px 11px; height:100%; Xbackground:blue; }
DIV#footer { margin-bottom:10px; }

/* -------------------------------------------------------------------------- */
/* stranky - obecne                                                           */
/* -------------------------------------------------------------------------- */
DIV.index { Xbackground:blue; }
DIV.index DIV#content { Xbackground:green; }
DIV.index DIV#content { Xposition:relative; width:100%; border-bottom:1px solid #bfbfbf; Xbackground:green; }
DIV.index DIV#content { padding:10px 0px 0px 0px ! important; min-height:330px; _height:330px; Xbackground:blue; }
DIV.index DIV#content DIV.inner { Xposition:static; margin:0px 0px 10px 208px ! important; Xbackground:blue; }
DIV.index DIV#content DIV.inner { padding:0px 10px 0px 0px ! important; }

DIV.index DIV#motive { position:relative; width:100%; height:168px; Xbackground:blue; }

DIV.index DIV#content H1 { margin:0px 0px 10px 0px; }
DIV.index DIV#content H2 { color:#e35013; margin:0px 0px 2px 0px; }
DIV.index DIV#content P.perex { margin:0px 0px 10px 0px; color:#e35013; font-style:italic; }
DIV.index DIV#content P { margin:0px 0px 0px 0px ! important; padding:0px 0px 10px 0px; Xbackground:red; }

DIV.index DIV#header { position:relative; width:100%; height:109px; background:#fff; }
DIV.index DIV#header A#logo { display:block; position:absolute; width:248px; height:100%; background:url("../img/index-logo.gif") no-repeat; }
DIV.index DIV#header DIV#menu-system { position:absolute; right:0px; width:512px; height:100%; Xbackground:red; }


/* panel jazyku */
DIV#pane-lang { position:absolute; top:10px; right:0px; Xbackground:red; }
DIV#pane-lang A { display:block; position:absolute; width:22px; height:14px; }
DIV#pane-lang A#cs { right:75px; background:url("../img/lang/cs.png"); }
DIV#pane-lang A#cs_a { right:75px; background:url("../img/lang/cs_a.png"); }
DIV#pane-lang A#de { right:50px; background:url("../img/lang/de.png"); }
DIV#pane-lang A#de_a { right:50px; background:url("../img/lang/de_a.png"); }
DIV#pane-lang A#en { right:25px; background:url("../img/lang/en.png"); }
DIV#pane-lang A#en_a { right:25px; background:url("../img/lang/en_a.png"); }
DIV#pane-lang A#es { right:0px; background:url("../img/lang/es.png"); }
DIV#pane-lang A#es_a { right:0px; background:url("../img/lang/es_a.png"); }

/* systemove menu */
DIV.index DIV#menu-system { position:absolute; left:270px; top:30px; z-index:10; Xbackground:red; }
DIV.index DIV#menu-system DIV.block { height:80px; }
DIV.index DIV#menu-system DIV.block DIV.inner { height:71px; border-left:1px solid #bfbfbf; position:static; margin:0px ! important; padding:0px 18px 0px 17px ! important; background:#fff; }
DIV.index DIV#block-internet-design DIV.inner { _width:108px; }
DIV.index DIV#block-marketing DIV.inner { _width:143px ! important; }
DIV.index DIV#block-casopis DIV.inner { width:130px ! important; padding-right:0px ! important; }
DIV.index DIV#menu-system H1 { line-height:110%; Xbackground:green; }
DIV.index DIV#menu-system H1 A { font-size:13px; font-weight:bold; color:#5a5a5a; Xline-height:200%; }
DIV.index DIV#menu-system UL { Xbackground:blue; margin-right:-30px ! important; }
DIV.index DIV#menu-system UL A { font-size:11px; color:#5a5a5a; }
DIV.index DIV#menu-system UL LI { padding-left:7px; background:url("../img/bullet-line-smaller.gif") 0px center no-repeat; }
DIV.index DIV#block-casopis { position:relative; }
DIV.index DIV#block-casopis DIV#img-1 { display:none; position:absolute; top:-25px; right:-10px; width:78px; height:74px; background:url("../img/index-menu-system-casopis.jpg") no-repeat ! important; }

/* hlavni menu */
DIV.index DIV#motive UL#menu-main { position:absolute; left:35px; top:15px; z-index:100 ! important; }
DIV.index DIV#motive UL#menu-main A { line-height:20px; text-transform:uppercase; color:#fff; }

/* levy panel */
DIV.index DIV#pane-left { float:left; position:absolute; z-index:1000; top:287px; left:0px; width:188px; margin-bottom:10px; Xbackground:blue; }

/* falesne menu */
DIV.index DIV#content UL#fake-menu { margin-left:1px; width:187px; Xdisplay:none; cursor:default; 
  border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:url("../img/index-fake-menu_bg.gif") left repeat-y; }
DIV.index DIV#content UL#fake-menu LI { width:186px; padding-left:1px; } /* prvni radek */
DIV.index DIV#content UL#fake-menu LI.first { width:186px; padding-left:1px; Xbackground:blue; background:url("../img/index-fake-menu-first_bg.gif") top left no-repeat; } /* prvni radek */
DIV.index DIV#content UL#fake-menu LI.first SPAN { background:none ! important; } /* prvni radek */
DIV.index DIV#content UL#fake-menu LI SPAN { display:block; height:100%; padding-left:11px; line-height:18px; background:#e35013; 
  font-weight:bold; color:#fff ! important; text-transform:uppercase; }
DIV.index DIV#content UL#fake-menu LI LI { margin:0px ! important; padding-left:0px ! important; background:none ! important; } /* poduroven */
DIV.index DIV#content UL#fake-menu LI LI { _margin-bottom:-3px ! important; } /* IE6 */
html>body DIV.index DIV#content UL#fake-menu LI LI { *margin-bottom:-3px ! important; } /* IE7 */

DIV.index DIV#content UL#fake-menu LI LI SPAN { padding-left:18px; cursor:default; 
  font-weight:normal; color:#5a5a5a ! important; }
DIV.index DIV#content UL#fake-menu LI LI A { display:block; height:100%; padding-left:11px; line-height:18px; text-transform:uppercase; 
  line-height:20px; padding-left:18px; font-weight:normal; color:#5a5a5a ! important; text-decoration:underline; }
DIV.index DIV#content UL#fake-menu LI LI A:hover { text-decoration:none; }
DIV.index DIV#content UL#fake-menu LI LI.odd { background:#fff; } /* licha polozka */
DIV.index DIV#content UL#fake-menu LI LI.even { background:#e6e2e1; } /* suda polozka */
DIV.index DIV#content UL#fake-menu LI LI.odd SPAN, DIV.index DIV#content UL#fake-menu LI LI.odd A { background:#fff; } /* licha polozka */
DIV.index DIV#content UL#fake-menu LI LI.even SPAN, DIV.index DIV#content UL#fake-menu LI LI.even A { color:#e35013 ! important; background:#e6e2e1 ! important; } /* suda polozka */

/* falesne menu - bubliny */
DIV.bubble { z-index:1000 ! important; }
DIV.bubble { position:absolute; left:100px; margin-top:-10px; width:180px; visibility:hidden; Xbackground:blue; }
DIV.bubble DIV.head { height:29px; }
DIV.bubble DIV.head DIV.arrow { _position:absolute; _left:0px; float:left; width:36px; height:29px; margin-left:0px; }
DIV.bubble DIV.head DIV { margin-left:36px; height:29px; }
DIV.bubble DIV.text { padding:0px 0px 2px 0px ! important; }
DIV.bubble DIV.text IMG { position:relative; top:-8px; margin:0px 0px 5px 5px; }
DIV.bubble DIV.text DIV { margin:0px 2px 0px 2px ! important; padding:5px ! important; background:#fff ! important; }

/* pravy panel */
DIV.index DIV#pane-right { float:right; _position:absolute; _right:0px; padding:0px 0px 10px 10px; Xbackground:red; }
DIV.index DIV#pane-right DIV.inner { position:static; width:187px; height:100%; 
  margin:0px ! important; padding:0px 0px 0px 0px ! important; }
DIV.index DIV#pane-right A.top { display:block; width:187px; }
DIV.index DIV#pane-right DIV.bot { position:relative; width:163px; height:121px; background:#e6e2e1; padding:12px; }
DIV.index DIV#pane-right DIV.bot H2 { color:#262626; margin-bottom:0px; font-size:11px ! important; }
DIV.index DIV#pane-right DIV.bot P { margin-bottom:0px; font-size:11px ! important; }
DIV.index DIV#pane-right .ico { position:absolute; right:5px; bottom:5px; }

/** novinky **/
DIV.index DIV#content DIV.inner DIV#pane-news { width:100%; padding-bottom:10px; margin-bottom:10px; margin-right:187px; border-bottom:1px solid #d6d6d6; }
DIV.index DIV#content DIV.inner DIV#pane-news { _margin-right:0px; } /* IE6 */
html>body .index DIV#content DIV.inner DIV#pane-news { *margin-right:0px; } /* IE7 */
DIV.index DIV#content DIV.inner DIV#pane-news DIV.inner { position:static; 
  margin:0px ! important; padding:0px; 
  margin-left:0px ! important;
  }
DIV.index DIV#content DIV.inner DIV#pane-news DIV.inner H1 { margin-right:5px; }
DIV.index DIV#content DIV.inner DIV#pane-news DIV.inner H1, DIV.index DIV#content DIV.inner DIV#pane-news DIV.inner P { 
  display:inline; }
DIV.index DIV#content DIV.inner DIV#pane-news DIV.inner P { color:#e35013; font-style:italic; }

/** formular **/
FORM { display:block; background:#e6e2e1; margin:0px ! important; padding:10px 0px; }
FORM H2 { margin:0px 20px ! important; margin-bottom:5px ! important; text-transform:uppercase; }
FORM TABLE { padding:0px; margin:0px 20px; }
FORM TABLE TD { padding:4px; width:100%; }
html>body FORM TABLE TD { *padding:3px; } /* IE7 */
FORM TABLE TABLE { margin:0px ! important; padding:0px; }
FORM TABLE TH { font-weight:normal; padding:0px; Xpadding-right:20px; text-align:left; white-space:nowrap; color:#e35013; }
FORM TABLE TH I { display:block; padding:10px 0px ! important; color:#e35013; }
FORM TABLE TH SPAN { color:#5a5a5a; }
FORM TABLE TH A { text-decoration:underline; }
FORM INPUT, FORM TEXTAREA { width:100%; position:relative; right:1px; border:1px solid #c1bebd; }
FORM INPUT#security-code { margin:0px 0px 20px 20px; width:100px; }
FORM INPUT.check { width:auto ! important; position:static; border:0px; }
FORM INPUT.submit { position:static; border:0px; background:url("../img/form-button-send.gif") left no-repeat; Xwidth:59px; width:59px; height:21px; }

DIV.block-two-form-columns { width:365px; float:left; margin-bottom:20px; }
FORM .err { margin:0px 20px 10px 20px; color:#e35013; }
FORM .msg { margin:0px 20px 10px 20px; color:blue ! important; }

/** callback */
#pane-callback { position:relative; background:#e5e1e0; margin:2px 0px 0px 0px; padding:10px ! important; width:322px; }
#pane-callback .msg { color:blue ! important; }
#pane-callback #phone-picture { position:absolute; top:10px; right:10px; width:51px; height:34px; background:url("../img/callback-phone.png") no-repeat; border:none; }
#pane-callback FORM { display:inline ! important; background:none ! important; margin:0px ! important; padding:0px 0px ! important; }
#pane-callback FORM TABLE, #pane-callback FORM TABLE * { margin:0px ! important; padding:0px ! important; }
#pane-callback .inner H1 { font-size:19px; color:#5a5a5a; }
#pane-callback TABLE TH, #pane-callback TABLE TD { padding:5px 5px 0px 0px ! important; color:#5a5a5a; }
#pane-callback #security-code, #pane-callback #phone { width:80px; }
#pane-callback INPUT { height:20px; }
#pane-callback #submit { width:76px; height:22px; margin-left:7px ! important; }

/** paticka */
DIV.index DIV#footer { padding:5px; }
DIV.index DIV#footer #block-left { float:left; font-size:10px; color:#adacac; }
DIV.index DIV#footer #block-right { float:right; font-size:10px; color:#adacac; }
DIV.index DIV#footer UL { display:inline; white-space:nowrap; }
DIV.index DIV#footer LI { display:inline; white-space:nowrap; color:#adacac; }
DIV.index DIV#footer A { text-decoration:none; font-size:10px; color:#adacac; }
DIV.index DIV#footer A:hover { text-decoration:underline; color:#e35013; }