/* --------------------------------------------------------------------------------------------
    VYTVORIL:
      Lukáš Nulíček (lukas.nulicek@edvens.cz)
    
    POSLEDNI UPRAVA:
      --.--.----
-------------------------------------------------------------------------------------------- */

/*  ZAKLADNI NASTAVENI  --------------------------------- */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; text-align: left; vertical-align:baseline;}
a {color:#f7c01e}
a:hover {text-decoration:none;}

body {background:#003466 url('../img-datart/bg-body.jpg') repeat-x left 440px; font-family:Arial,Tahoma,Verdana; font-size:75%;text-align:center;}
body #wrap {margin:0 auto; text-align:left; overflow:hidden; padding-bottom:20px; width:1125px;}    

/* --------------------------------------------------------------------------------------------
    HLAVICKA WEBU
-------------------------------------------------------------------------------------------- */
#header {background:url('../img-datart/bg-header.jpg') no-repeat 130px top; float:left; overflow:hidden; padding-bottom:25px; width:100%;} 
/* OBALOVACI NADPIS PRO LOGO DATARTU -------------------------------- */
#header #logo {display:inline; float:left; margin-left:100px; margin-top:20px; width:247px;}
/* TEXTOVA FORMA  ----------------------------- */
#header #logo A {cursor:pointer; color:#f7c01e; display:block; font-size:2em; font-weight:bold; height:18px; overflow:hidden; padding:20px 0; position:relative; text-decoration:none; text-transform:uppercase; text-align:center; width:247px;}
/* ORAZKOVA FORMA  ---------------------------- */
#header #logo a STRONG {background:url('../media/loga/logo-datart.jpg') no-repeat; display:block; height:58px; left:0; overflow:hidden; position:absolute; top:0; width:247px; z-index:1;}

/* OBALOVACI NADPIS PRO LOGO MUSICJETU ------------------------------ */
#header .mj {float:right !important; margin-right:105px; width:217px; !important}
/* TEXTOVA FORMA  ----------------------------- */
#header .mj A {color:#fff !important; width:217px !important;}
/* ORAZKOVA FORMA  ---------------------------- */
#header .mj a STRONG {background:url('../media/loga/logo-musicjet.jpg') no-repeat !important; width:217px !important;}

/* ODSTAVEC TEXTU V BUBLINĚ (LEVÉ) ---------------------------------- */
#header .bubble {background:url('../img-datart/bg-bubble.png') no-repeat;  color:#ddd; float:left; font-weight:bold; line-height:16px; margin-top:80px; padding:46px 30px 44px 80px; text-align:center; width:419px;}
/* ODSTAVEC TEXTU V BUBLINĚ (PRAVÉ) ---------------------------------- */
#header .bubble2 {background:url('../img-datart/bg-bubble2.png') no-repeat; color:#ddd; float:right; font-weight:bold; line-height:16px; margin-top:121px; padding:60px 40px 20px 40px; text-align:center; width:295px;}

/* --------------------------------------------------------------------------------------------
    HLAVNI OBSAH WEBU
-------------------------------------------------------------------------------------------- */
#content {float:left; text-align:center; width:100%;} 
/* STRANKOVANI  --------------------------------- */
#content h2.title {background:url('../img-datart/bg-title.png') no-repeat; color:#ccc; font-size:2.8em; display:block; font-weight:normal; line-height:45px; margin:0 auto; margin-top:50px; padding-top:135px; padding-bottom:155px; text-align:center; width:614px;} 
#content h2.title2 {background:url('../img-datart/bg-title.png') no-repeat; color:#ccc; font-size:2.8em; display:block; font-weight:normal; line-height:45px; margin:0 auto; margin-top:50px; padding-top:120px; padding-bottom:125px; text-align:center; width:614px;}

/* STRANKOVANI  --------------------------------- */
#content .page {float:left; list-style:none; margin-top:15px; margin-bottom:47px; padding-left:45px; padding-right:20px; text-align:left; width:1060px;} 
#content .page LI {float:left;} 
#content .page LI.right {float:right;} 
#content .page li A {cursor:pointer; display:block; font-size:1.8em; font-weight:bold; height:30px; overflow:hidden; position:relative; text-decoration:none; text-align:right; width:50px;} 
#content .page li a STRONG {background:url('../img-datart/icons/larrow.png') no-repeat left; display:block; height:30px; left:0; overflow:hidden; position:absolute; top:0; width:50px; z-index:1;}
#content .page li a STRONG:hover {background-position:right;}
#content .page li.right a {text-align:left !important;} 
#content .page li.right a STRONG {background:url('../img-datart/icons/rarrow.png') no-repeat right;} 
#content .page li.right a STRONG:hover {background-position:left;}

/* REGISTRACNI FORMULAR  --------------------------------- */
#content .register {margin:0 auto; overflow:hidden; width:769px;}
#content .register FIELDSET.in-form {background:#002b62 url('../img-datart/bg-form.jpg') no-repeat bottom; min-height:516px; padding:0 86px; width:594px;}
#content .register FIELDSET.in-form P.normal {color:#ccc; line-height:16px; margin:20px 0; padding-left:20px;}
#content .register FIELDSET.for-sub {padding-top:35px; text-align:center; width:100%;}
#content .register TABLE {padding:0 0 20px 20px; table-layout:fixed;}
#content .register table tr TD {position:relative; vertical-align:bottom;}
#content .register table tr TD .help {height:100%; position:relative; top:-40px; vertical-align:bottom;}
#content .register table tr TD .help2 {height:100%; position:relative; top:-30px; vertical-align:bottom;}
#content .register LABEL {color:#fff; display:block; font-weight:bolder; padding-top:10px; padding-bottom:4px;}
#content .register LABEL.umailu {margin-bottom:-4px; padding-bottom:0;}
#content .register INPUT[type="text"], .register INPUT[type="password"] {border:1px solid #999; color:#000; height:23px; margin-right:10px; padding:3px; width:294px;}
#content .register SELECT {border:1px solid #999; color:#000; margin-right:10px; padding:3px; width:302px;}
#content .register EM {color:#fff; display:block; font-size:0.9em; padding-top:5px;}
#content .register .sub {background:#fff url('../img-datart/bg-sub.jpg'); border:0; color:#f7c01e; font-size:2em; font-weight:bold; margin:0 auto; padding:16px 18px 55px 55px;}
#content .register .sub2 {background:#fff url('../img-datart/bg-sub.jpg'); border:0; color:#f7c01e; font-size:2em; font-weight:bold; margin:0 auto; padding:16px 20px 58px 42px;}
#content .register .sub:hover,#content .register .sub2:hover  {filter:alpha(opacity=80); opacity:0.8;}
#content .register .info {background:url('../img-datart/icons/info.png') no-repeat; color:#fff; font-weight:bolder; left:0; padding:12px 5px 12px 60px; position:absolute; top:-10px; width:200px;}
#content .register .info EM {color:#63B163; display:none; font-size:1em; font-style:normal; line-height:16px;}
#content .register .info .firem {color:#fff; display:inline;}
#content .register .info .str {color:#fff; display:none;}
#content .register .sem .str, .register .sem  EM {display:inline;}
#content .register .sem .firem {display:none;}
#content .register .error-p {background:url('../img-datart/icons/mail.png') no-repeat; color:#fff; font-weight:bolder; left:0; padding:18px 5px 18px 60px; position:absolute; width:200px;}
#content .register .ok-p {background:url('../img-datart/icons/ok.png') no-repeat; color:#63b163; font-weight:bolder; left:0; padding:18px 5px 18px 60px; position:absolute; width:200px;}
/* ODSTAVCE TEXTU S RUZNYMI SOUHLASY  -------------------- */
#content .register .agree {color:#ccc; line-height:16px; margin:15px 0; text-align:center; width:100%;}
#content .register .agree A {color:#ccc;} 
#content .register .i-agree {color:#ccc; font-size:0.9em; font-style:italic; line-height:16px; margin:15px 0; margin-top:35px; text-align:center; width:100%;}
#content .register .i-agree A {color:#ccc;} 

/*  STAHOVANI  ------------------------------------------- */
#content .download {float:left; padding-left:100px; width:1025px;}
#content .download P {color:#ccc; line-height:130%;}
#content .download p A {color:#ccc;}
/*  SLOUPCE  ----------------------------- */
#content .download .col1, .download .col2 {background:url('../img-datart/bg-col1.jpg') no-repeat right top; float:left; width:480px;}
#content .download .col2 {background:url('../img-datart/bg-col2.png') no-repeat right 380px; display:inline; float:right; margin-right:20px; min-height:470px; padding-top:29px; width:490px;}
#content .download .col1 H3, .download .col2 H3 {color:#ccc; font-size:1.5em; margin-top:20px; padding-bottom:10px;}
#content .download .col1 H4 {background:url('../img-datart/icons/mail.png') no-repeat left center; color:#ccc; font-size:1.5em; font-weight:normal; margin-top:20px; padding:15px 0; padding-left:60px;}
#content .download .col1 UL {color:#ccc; font-size:1.1em; margin-bottom:20px; margin-left:60px;}
#content .download .col1 ul LI {line-height:140%; list-style:disc inside;}
#content .download .col1 UL.compon {color:#ccc; font-size:1.1em; margin-top:10px; margin-bottom:0; margin-left:0;}
#content .download .col1 ul.compon LI {font-size:1.2em; line-height:140%; list-style-type:none;}
#content .download .col1 P.comp {font-size:1.2em; line-height:140%; margin-bottom:10px; }
#content .download .col1 .button, .download .col2 .button {background:#002b56 url('../img-datart/bg-sub.jpg'); color:#f7c01e !important; display:block; font-size:1.5em; font-weight:bold; padding:22px 20px 58px 0; text-align:right; text-decoration:none; text-transform:uppercase; width:265px;}
#content .download .col1 .button:hover,.download .col2 .button:hover, .detail_news .download:hover {filter:alpha(opacity=80); opacity:0.8;}
#content .download .col1 #InstallDotNet {font-size:1.4em;}
#content .download .col2 UL {margin-top:35px;}
#content .download .col2 LI {background:url('../img-datart/icons/num-01.png') no-repeat left; float:left; font-size:1.4em; padding-bottom:20px; width:450px;}
#content .download .col2 LI.num2 {background:url('../img-datart/icons/num-02.png') no-repeat left;}
#content .download .col2 LI.num3 {background:url('../img-datart/icons/num-03.png') no-repeat left;}
#content .download .col2 li P {float:left; line-height:130%; padding-left:60px; padding-top:15px; width:400px;}
#content .download .col2 .star {color:#ccc; float:left; font-style:italic; margin-top:230px;}
#content .download .col2 .star A {color:#ccc;} 

/* --------------------------------------------------------------------------------------------
    PATICKA WEBU
-------------------------------------------------------------------------------------------- */
#footer {float:left; margin-top:30px; padding:0 30px; width:1065px;}
#footer P {float:left; color:#ccc; width:50%;}
#footer p A {color:#ccc;}
#footer ul {float:right; list-style:none; width:40%;}
#footer ul LI {float:right;}
#footer ul LI.last {border-left:1px solid #ccc; margin-left:10px; padding-left:10px;}
#footer ul li A {color:#ccc; display:block;}