/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background:#E8F6FF url("../design/bg.gif") 50% 0 repeat-y; color:#303030; font:0.8em/1.5 "arial", sans-serif;}

h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}

a {color:#0085cc;}
a:hover {color:#64af00;}

/* ----------------------------------------------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------------------------------------------- */

#main {width:940px; margin:0 auto; padding:0 10px;}
#main-02 {width:900px; margin:0 auto; padding:0 30px;}

	#header {position:relative; padding:35px;}

        #logo {position:relative; width:135px; height:23px; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
        
        #nav {position:absolute; top:32px; right:25px; margin:0; list-style:none;}
        #nav li {display:inline;}
        #nav li a {display:block; float:left; padding:5px 10px;}
        #nav li#nav-active a {background:#fff !important; font-weight:bold; text-decoration:none; color:#303030;}
        #nav li a#order {background:#ffa; color:#000;}
		#nav li a:hover, #nav li a:hover#order {background:#64af00 !important; color:#fff; text-decoration:none;}

	#slogan, #cz #slogan {position:relative; width:940px; height:70px; overflow:hidden; margin:0; padding:0; font-size:160%;}
    #slogan span, #cz #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan-cz.jpg") 0 0 no-repeat; cursor:pointer;}
    #slogan span {background:url("../design/slogan.jpg") 0 0 no-repeat;}

    #cols, #cols-subpage {padding:15px 35px 30px 35px;}
    #cols-subpage {background:url("../design/cols-subpage.gif") 0 0 repeat-x;}
	#cols-subpage h2 {margin-top:0; background:url("../design/dot.gif") 0 100% repeat-x; font-size:220%; letter-spacing:-1px; color:#0085cc;}
	#cols-subpage h3 {color:#64af00;}
	#cols .col50, #cols-subpage .col50 {float:left; width:425px;}
	#cols-subpage .box-01-top {margin-top:25px;}

	#footer {clear:both; border-top:1px solid #dfdfdf; padding:25px 90px 25px 35px; background:url("../design/download.gif") 870px 50% no-repeat; color:#777;}
	#footer .f-right {padding-top:20px; font-size:140%;}
	#footer .f-right a {color:#000;}
	#footer p {margin:0;}
	#footer a {color:#777;}
	#footer a:hover {color:#333;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: ÚVOD
---------------------------------------------------------------------------------------------------------- */

#screen {position:relative; width:940px; height:320px; background:url("../design/screen.jpg") 0 0 no-repeat; overflow:hidden;}
#screen #version {position:absolute; top:20px; right:42px; margin:0; font:85%/1.6 "tahoma",sans-serif; color:#FFF;}
#screen #version strong {margin-left:10px;}
#themes, #themes li {margin:0; padding:0; list-style:none;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: FAQ
---------------------------------------------------------------------------------------------------------- */

dl#faq dt {font-size:120%; font-weight:bold;}
dl#faq dd {margin:0 0 15px 22px;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: NÁHLEDY ŠABLON
---------------------------------------------------------------------------------------------------------- */

.ico-ie {padding:2px 0 2px 26px; background:url("../img/browser-ie.gif") 0 50% no-repeat;}
.ico-ff {padding:2px 0 2px 26px; background:url("../img/browser-ff.gif") 0 50% no-repeat;}
.ico-opera {padding:2px 0 2px 26px; background:url("../img/browser-opera.gif") 0 50% no-repeat;}
.ico-safari {padding:2px 0 2px 26px; background:url("../img/browser-safari.gif") 0 50% no-repeat;}
.ico-chrome {padding:2px 0 2px 26px; background:url("../img/browser-chrome.gif") 0 50% no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
STRÁNKA: KONTAKT/KOUPIT
---------------------------------------------------------------------------------------------------------- */

.msg {padding:10px; background:#65AF00; color:#fff; font-weight:bold; text-align:center;}
.input-text {padding:3px;}
.input-submit {padding:5px; font-size:120%;}
#ilu-download {background:url("../img/ilu-download.jpg") 80% 50% no-repeat;}

#steps {list-style:none;}
#steps li {padding:2px 0 2px 35px; font-size:120%;}
#steps li#step01 {background:url("../design/li-01.gif") 0 0 no-repeat;}
#steps li#step02 {background:url("../design/li-02.gif") 0 0 no-repeat;}
#steps li#step03 {background:url("../design/li-03.gif") 0 0 no-repeat;}
#steps li#step04 {background:url("../design/li-04.gif") 0 0 no-repeat;}
#steps li#step05 {background:url("../design/li-05.gif") 0 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
OBECNÉ
---------------------------------------------------------------------------------------------------------- */

#perex {padding-bottom:15px; background:url("../design/dot.gif") 0 100% repeat-x; font-size:160%;}

.bb {background:url("../design/dot.gif") 0 100% repeat-x;}
.border {border:1px solid #ccc;}

.box-01-top {width:870px; height:5px; background:url("../design/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01-bottom {width:870px; height:5px; background:url("../design/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01 {padding:10px 15px; background:url("../design/box-01.gif") 0 0 repeat-y;}
.box-01 .paypal {position:relative; top:5px;}
.box-01 a {color:#303030;}

.btn {float:left; margin-right:5px; padding-left:7px; height:37px; overflow:hidden; background:#fff url("../design/btn-left.gif") 0 0 no-repeat; color:#303030; text-decoration:none; font-weight:bold; cursor:pointer;}
.btn span {float:left; display:block; padding:8px 15px 10px 7px; background:#fff url("../design/btn-right.gif") 100% 0 no-repeat;}
a:hover.btn, a:hover.btn span {color:#0085cc;}

.ok {padding-left:45px; background:url("../design/ok.gif") 0 50% no-repeat;}
.ok-02 {padding:6px 0 6px 45px; background:url("../design/ok.gif") 0 50% no-repeat;}
.noway {padding-left:45px; background:url("../design/noway.gif") 0 50% no-repeat;}
.noway-02 {padding:6px 0 6px 45px; background:url("../design/noway.gif") 0 50% no-repeat;}
.ok strong, .ok-02 strong, .noway strong, .noway-02 strong {font-size:120%;}

.low {color:#777;}
.high-bg {background:#ffa;}
.bigger {font-size:130%;}