ul,li,dl,dd,dt,ol,
h1,h2,h3,h4,h5,h6,
form, body, html,p, fieldset { margin:0; padding:0; }
li { list-style-type:none; }

img { border:0; }
hr.hr { display:none; }
.clear { display:block; height:1px; overflow:hidden; margin-bottom:-1px; clear:both; float:none !important; }
.blind, .anchor { position:absolute; left:-100000px; }
.center { text-align:center; }

body,html,textarea,input,select,pre{ font-family:Verdana; font-size:83%; color:#666; line-height:1.5em; }
html, body{ position:relative; background:black; }

a { text-decoration:none; color:#fff; }
a:hover { text-decoration:underline; }

form fieldset { border:0; padding:0; } 
form fieldset p { padding:0 0 .5em; } 
form fieldset p label { width:95px; float:left; display:block; padding:3px 0 0 0; } 
form fieldset p label em { color:red; } 
form fieldset p .txt { border:1px solid #4d5f62; background:url(img/txt.gif) right top repeat-y #3b5c60; padding:2px; display:block; font-size:1em; width:185px; color:white; } 
form fieldset p textarea { height:180px; overflow:auto; }
form .submit-line { padding:1em 0 3em; text-align:center; }
.submit { width:78px; height:19px; background:url(img/submit.gif) center top no-repeat #0b2a2d; color:white; font-weight:bold; font-size:.9em; text-align:center; border:0; }
.submit:hover { background-position:center bottom; }

/* LOGIN */
form.login { border-bottom:1px solid #0b2a2d; padding:0 0 .5em; }
form.login fieldset label { width:40px; text-align:right; }
form.login fieldset input.txt { width:174px; float:right; }
form.login span { display:block; text-align:right; }
form.login a { color:#b22f00; padding:0 0 0 10px; background:url(img/arr-w.gif) 0 .5em no-repeat; font-weight:bold; font-size:.9em; }

.warn { border:2px solid red; padding:10px; color:red; font-weight:bold; margin:0 0 1em; background:white; }
.mess { border:2px solid blue; padding:10px; color:blue; font-weight:bold; margin:0 0 1em; background:white; }

#pruh { width:800px; overflow:hidden; position:relative; }
#content { float:right; width:490px; }
#side { float:left; width:240px; position:relative; left:50px; }
#top { padding:0 0 25px; width:750px; position:relative; left:50px; }

p { padding:0 0 1em; }
a.more { background:#0f3; float:left; display:block; padding:3px 5px; color:black; }
a.more:hover,
a.more.active,
a.more.active:hover { background:#000; color:white; text-decoration:none; }

.home { padding:0 0 2em; }
.home p a { background:#0f3; padding:3px 5px; color:black; }
.home p a:hover { background:#000; color:white; text-decoration:none; }

/* LAYOUT */
#header { height:220px; position:relative; }
#header #logo { width:216px; height:51px; background:url(img/xc-logo.gif) 0 0 no-repeat; position:absolute; left:50px; top:50px; overflow:hidden; font-size:2.8em; color:white; margin:0; padding:0; }
#header #logo strong { color:#0f3; }
#header #logo small { display:block; text-align:right; font-size:.4em; color:#666; }
#header #logo span { width:216px; height:51px; background:url(img/logo.gif) 0 0 no-repeat transparent; position:absolute; left:0; top:0; text-indent:-1000px; }
#header a#logo span { cursor:pointer; }
#header #golang { position:absolute; right:0; top:15px; }

/* MENU */
ul#mainmenu { font-family:tahoma; background:url(img/menu-bg.gif) center top no-repeat; line-height:40px; height:40px; width:750px; position:absolute; left:50px; top:149px; }
ul#mainmenu li { list-style-type:none; position:absolute; left:0; top:0; text-align:center; height:25px; line-height:25px; overflow:hidden; }
ul#mainmenu li a { outline:0; display:block; height:25px; font-size:2em; color:#333; font-weight:bold; text-transform:uppercase; text-decoration:none; cursor:pointer; }
ul#mainmenu li a:hover,
ul#mainmenu li a.active,
ul#mainmenu li a.active:hover { color:white; }
ul#mainmenu li a span { position:absolute; left:0 !important; top:0; height:25px; text-indent:-10000px; background:url(img/menu.gif) 0 0 no-repeat transparent; }

ul#mainmenu li.internet,    ul#mainmenu li.internet a,    ul#mainmenu li.internet a span    { width:136px;  background-position:0 0; }
ul#mainmenu li.print,       ul#mainmenu li.print a,       ul#mainmenu li.print a span       { left:136px; width:103px; background-position:-136px 0; }
ul#mainmenu li.identity,    ul#mainmenu li.identity a,    ul#mainmenu li.identity a span    { left:239px; width:141px; background-position:-239px 0; }
ul#mainmenu li.multimedia,  ul#mainmenu li.multimedia a,  ul#mainmenu li.multimedia a span  { left:380px; width:182px; background-position:-380px 0; }
ul#mainmenu li.art,         ul#mainmenu li.art a,         ul#mainmenu li.art a span         { left:562px; width:78px; background-position:-562px 0; }
ul#mainmenu li.audio,       ul#mainmenu li.audio a,       ul#mainmenu li.audio a span       { left:640px; width:92px; background-position:-640px 0; }

ul#mainmenu li.internet a:hover span,    ul#mainmenu li.internet a.active span,    ul#mainmenu li.internet a.active:hover span    { background-position:0 -25px; }
ul#mainmenu li.print a:hover span,       ul#mainmenu li.print a.active span,       ul#mainmenu li.print a.active:hover span       { background-position:-136px -25px; }
ul#mainmenu li.identity a:hover span,    ul#mainmenu li.identity a.active span,    ul#mainmenu li.identity a.active:hover span    { background-position:-239px -25px; }
ul#mainmenu li.multimedia a:hover span,  ul#mainmenu li.multimedia a.active span,  ul#mainmenu li.multimedia a.active:hover span  { background-position:-380px -25px; }
ul#mainmenu li.art a:hover span,         ul#mainmenu li.art a.active span,         ul#mainmenu li.art a.active:hover span         { background-position:-562px -25px; }
ul#mainmenu li.audio a:hover span,       ul#mainmenu li.audio a.active span,       ul#mainmenu li.audio a.active:hover span       { background-position:-640px -25px; }

#footer { background:url(img/footer.gif) center top repeat-x; color:#333; padding:20px 0 60px; width:750px; position:relative; left:50px }
#footer a { color:#666; }

h2.vizual { color:white; font-size:2em; width:240px; height:41px; position:relative; overflow:hidden; }
h2.vizual em { position:absolute; left:0; top:0; width:240px; height:41px; background:url(img/nove-reference.gif) 0 0 no-repeat; }

.reference-hp { padding:0 0 30px; }
.reference-hp h3 { position:absolute; left:-100000px; }
.reference-hp a.img { float:left; }
.reference-hp a.img img { display:block; border:5px solid #333; width:230px; height:90px; background:#111; }
.reference-hp div.info { margin:0 0 0 260px; }

/* REFERENCE - SIDE */
#side ul.reference { margin:0; padding:0; }
#side ul.reference li { padding:0 0 1px; margin:0; list-style-type:none; }
#side ul.reference li a { background:#0f3; float:left; display:block; padding:3px 5px; color:black; }
#side ul.reference li a:hover,
#side ul.reference li a.active,
#side ul.reference li a.active:hover { background:#000; color:white; text-decoration:none; }

.reference-admin { padding:0 0 1em; }

.reference-detail h1 { position:absolute; left:-100000px; }
.reference-detail strong { font-weight:normal; color:white; }

.galerie { background:#333; border-top:5px solid #333; }
.galerie span { display:block; }
.galerie span img { display:block; width:480px; border:5px solid #333; border-width:0 5px 5px; }

#service { color:#333; position:absolute; right:20px; top:100px; height:1em; margin-top:-1em; }
#service a { color:#666; }
#switch { color:#333; }
#switch a { color:#666; }