/*LAYOUT:L*/
#L01 {width:960px;background:url(img/L01.jpg) no-repeat;margin:0 auto}
#L02 {background:#021415;margin-top:195px}
#L03 {background:url(img/gf05.gif) repeat-y}
#L04 {background:url(img/gf05.gif) top right repeat-y}
#L05 {background:url(img/L01.jpg) 0 -243px no-repeat}
#L06 {background:url(img/gf04.gif) 0 bottom no-repeat;padding:70px 40px}
#L07 {background:#00282C url(img/gf02.gif) 0 -32px repeat-x;height:150px}
#L08 {width:770px;font-size:.75em;color:#777;margin:0 auto;padding:40px 95px 9px 95px}
#hgt {float:left;width:1px;height:310px}

/*CONTENT:C*/
.C {width:380px;float:left;border-top:1px dotted #444;border-left:3px dotted #fc0;padding:20px 0 0 20px;margin:0 30px 30px 0}
.C h3 {border-bottom:1px dotted #0c3}

.D {width:120px;float:left;border-top:1px dotted #444;padding:10px 0 0 10px;margin:0 20px 20px 0}
.D p {margin:0;padding:0}

.C01, .C02, .C03 {width:280px;float:left;border-left:3px dotted #fc0;padding-left:140px;margin-bottom:30px}
.C01 {background:url(img/C01.jpg) 10px 0 no-repeat;margin-right:20px}
.C02 {background:url(img/C02.jpg) 10px 0 no-repeat}
.C03 {background:url(img/C03.jpg) 10px 0 no-repeat}
.C01 h1, .C02 h1, .C03 h1 {font-size:1.3em;color:#a5c4ff;margin:0}
.clr {clear:both}
.hid {visibility:hidden}
.vice {color:#000;text-decoration:none}
.vice:hover {color:#fff}
.vice span {display:block;width:66px;height:20px;background:url(img/02.gif) no-repeat;padding:1px 5px 0 10px;cursor:pointer}
.ftr {float:right}
.ftr span {display:block;width:124px;height:97px;background:url(img/03.gif) no-repeat;cursor:pointer}

/*NAVIGATION*/
#nav {width:786px;height:48px;background:#eee url(img/gf01.gif) repeat-x;z-index:200;font-family:Arial,Helvetica,sans-serif;padding:0;margin:0 0 0 100px;list-style:none;border-right:1px solid #333}
#nav li.top {float:left;display:block}
#nav li a.toplink {float:left;display:block;height:48px;background:#ffe url(img/gf01.gif) repeat-x;color:#444;font-size:12px;font-weight:bold;text-decoration:none;line-height:48px;border-left:1px solid #555;cursor:pointer;padding:0}
#nav li a.toplink span {float:left;display:block;height:38px;background:#ffe url(img/gf01.gif) right -10px repeat-x;line-height:12px;text-align:center;margin-top:10px}
#nav li a.toplink span.down {float:left;display:block;height:38px;background:#ffe url(img/gf01.gif) right -10px repeat-x;line-height:12px;text-align:center;margin-top:10px}
	#nav li a.toplink span.home {padding:0 31px}
	#nav li a.toplink span.down.sluzby {padding:0 26px}
	#nav li a.toplink span.eshop {padding:0 26px}
	#nav li a.toplink span.users-area {padding:0 12px}
	#nav li a.toplink span.sponzorujeme {padding:0 4px}
	#nav li a.toplink span.down.onas {padding:0 30px}
	#nav li a.toplink span.servis {padding:0 27px}
	#nav li a.toplink span.down.kontakty {padding:0 17px}
#nav li:hover a.toplink,
#nav a.toplink:hover
{background:#ccc url(img/gf01.gif) 0 -48px repeat-x;color:#fff}
#nav li:hover a.toplink span,
#nav a.toplink:hover span
{background:#456 url(img/gf01.gif) right -58px repeat-x}
#nav li:hover a.toplink span.down,
#nav a.toplink:hover span.down
{background:#456 url(img/gf01.gif) right -58px repeat-x}
#nav table {position:absolute;left:0;top:0;border-collapse:collapse;margin:0;padding:0}
#nav li:hover {position:relative;z-index:200}
#nav a:hover {position:relative;white-space:normal;z-index:200}
#nav :hover ul.sub
{width:143px;height:auto;left:-20px;top:48px;background:url(img/gf03.gif) 0 -10px;border:1px solid #fff;border-top:2px solid #000;border-bottom:3px solid #000;white-space:nowrap;z-index:300;padding:3px}
#nav :hover ul.sub li
{position:relative;float:left;display:block;width:143px;height:25px;font-weight:normal}
#nav :hover ul.sub li a
{display:block;width:141px;height:23px;font-size:12px;font-weight:bold;line-height:23px;text-indent:5px;color:#df0;text-decoration:none;border:1px solid #222}
#nav li ul.sub li a.flow
{background:#997 url(img/gf02.gif) 132px 7px no-repeat;color:#fff}
#nav :hover ul.sub li a:hover 
{background:#777; color:#fff; border-color:#fff}
#nav :hover ul.sub li a.flow:hover
{background:#777 url(img/gf02.gif) 132px -10px no-repeat; color:#fff}
#nav li b {display:block;width:143px;height:18px;font-size:12px;line-height:18px;text-indent:8px;background:#444;color:#fc0;border-bottom:1px solid #fc0;cursor:default;margin-bottom:5px}
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{width:143px;height:auto;left:142px;top:-1px;background:url(img/gf03.gif) 0 -13px;padding:3px;border:1px solid #222;border-top:2px solid #000;border-bottom:3px solid #000;white-space:nowrap;z-index:400}
#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute;width:0;height:0;left:-9999px;top:-9999px;list-style:none;margin:0;padding:0}
#nav li:hover li:hover > ul
{width:143px;height:auto;left:143px;top:-1px;background:url(img/gf03.gif) 0 -13px;border:1px solid #ddd;border-top:2px solid #000;border-bottom:3px solid #000;white-space:nowrap;z-index:400;padding:3px}
#nav li:hover > ul ul 
{position:absolute;width:0;height:0;left:-9999px;top:-9999px;list-style:none;margin:0;padding:0}
#nav li:hover li:hover > a.flow
{background:#777 url(img/gf02.gif) 122px -10px no-repeat; color:#fff; border-color:#fff}
#nav li:hover li:hover > li a.flow
{background:#777 url(img/gf02.gif) 122px 7px no-repeat; color:#fff; border-color:#fff}

/*GENERAL*/
body {background:#00080E url(img/L00.jpg) repeat-x;color:#fff;font-family:Verdana,Geneva,sans-serif;font-size:.8em;margin:0;padding:0}
a {color:#39f}
a:hover {color:#fff}
h1 {font-size:1.5em;background:url(img/gf03.gif);color:#a5c4ff;border-left:3px solid #a5c4ff;margin:0 0 50px 70px;padding:4px 5px}
h2 {font-size:1.2em;color:#f90;margin:0;border-left:3px solid #f90;padding-left:5px}
h3 {font-size:1.1em;color:#0c3;margin:0;border-left:3px solid #0c3;padding-left:5px;margin-bottom:5px}
ul {margin:1em 0;padding:0}
.req01, .req02 {color:#c00;font-size:1.5em}
.req02 {display:block;float:right}

/*margin:mar*/
.mar_auto {margin:auto}
.mar_bot_20 {margin-bottom:20px}
.mar_bot_50 {margin-bottom:50px}
.mar_lft_30 {margin-left:30px}
.mar_rgt_5 {margin-right:5px}

/*font:fnt*/
.fnt_11 {font-size:1.1em}
.fnt_15 {font-size:1.5em}

/*input:inp*/
.inp_txt {width:400px;height:1.8em;background:#ddd;color:#000;border:none}
.inp_area {width:400px;height:18em;background:#fff;color:#000;border:none}
.inp_sbm {width:100px;height:2.2em;background:#006;color:#fff;border:1px solid #fff;margin-top:30px}

.td01 {color:#aaa;text-align:center;border:1px solid #555;padding:0 10px}
.td02 {font-weight:bold;padding:0 20px}
.td03 {background:#ddd;border:1px solid #888}
.td04 {background:#fff;border:1px solid #888}

/*width:w*/
.w_30p {width:30%}
.w_65p {width:65%}
.w_800 {width:800px}

.mini_nav {float:right;font-size:.8em;border:1px solid #777;border-right:5px solid #777;margin-top:-20px;padding:2px 20px}
.mini_nav a {text-decoration:none}
.flt_lft {float:left}
.flt_rgt {float:right}
.noborder {border:none}

.tbl_ava {BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; MARGIN: 40px 0px 25px; BACKGROUND: #555; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid}
.th_ava {BACKGROUND: #8a0; COLOR: #111}
.td_ava_01 {PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #444; PADDING-TOP: 0px}
.inp_ava {BORDER-BOTTOM: #222 1px solid; BORDER-LEFT: #222 1px solid; BACKGROUND: #ccc; BORDER-TOP: #222 1px solid; BORDER-RIGHT: #222 1px solid}