@import url("common.css");

/* elements */
body#site, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #6F6F6F; line-height: 1.2; padding: 0; margin: 0; }

body#site { background: #540968 url(../images/gradient.jpg) repeat-x left top; font-size: 80%; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

h1 { font-size: 160%; color: #721475; }

h2 { font-size: 130%; }

h3 { font-size: 110%; }

h4 { font-size: 100%; }

img { border: none; }

ul li, ol li { line-height: 1.2; }

span { font-size: 100%; }

/* layout */
#container { width: 974px; margin: 0 auto; position: relative; }

#container a { font-size: 100%; color: #753782; }
#container a:hover { text-decoration: none; }

#corner-gfx { background: url(../images/logo-ilustracni.jpg) no-repeat left top; width: 199px; height: 199px; position: absolute; left: -94px; bottom: -46px; }

#inner { background-color: #FFF; border-right: 1px solid #717171; border-bottom: 1px solid #717171; border-left: 1px solid #717171; }

/* header */
#header { border-right: 1px solid #000; border-left: 1px solid #000; }

#header #logop { display: none; }

#skip { width: 1px; height: 1px; position: absolute; top: -10000px; left: 0; overflow: hidden; }

/* menu */
#menu { background: url(../images/menu.jpg) repeat-x left top; width: 970px; height: 44px; position: absolute; left: 2px; top: 212px; }
#menu ul { width: 935px; padding-left: 35px; overflow: hidden; list-style: none; }
#menu ul li { float: left; }
#menu ul li a { height: 31px; padding: 0 20px; display: block; position: relative; overflow: hidden; }
#menu ul li a span { background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#menu ul li#m-home a { width: 84px; }
#menu ul li#m-home a span { background-image: url(../images/home.jpg); }
#menu ul li#m-services a { width: 108px; }
#menu ul li#m-services a span { background-image: url(../images/services.jpg); }
#menu ul li#m-products a { width: 116px; }
#menu ul li#m-products a span { background-image: url(../images/products.jpg); }
#menu ul li#m-portfolio a { width: 120px; }
#menu ul li#m-portfolio a span { background-image: url(../images/portfolio.jpg); }
#menu ul li#m-clients a { width: 96px; }
#menu ul li#m-clients a span { background-image: url(../images/clients.jpg); }
#menu ul li#m-contact-us a { width: 129px; }
#menu ul li#m-contact-us a span { background-image: url(../images/contact.jpg); }

/* main */
#main { padding: 44px 0 0 35px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

/* content */
#content { position: relative; }

#content p { margin: 10px 0; } 

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content table { width: 100%; border-collapse: collapse; margin: 10px 0; }
#content table th,
#content table td { padding: 2px 5px; border: 1px solid #BBB; }
#content table th { text-align: center; }

#content form table { width: auto; }
#content form table th,
#content form table td { vertical-align: middle; border: none; }
#content form table th { text-align: right; }
#content form .submit { background-color: #540968; color: #FFF; cursor: pointer; }

#content input, 
#content textarea { background-color: #EEE; padding: 2px 5px; border: 1px solid #BBB; } 

#content select { border: 1px solid #BBB; }

#content #h1 { background-repeat: no-repeat; background-position: left top; text-indent: -10000px; }

#content .search-result { margin-bottom: 20px; }

/* home */
#home { background: url(../images/kolaz60.jpg) no-repeat right top; min-height: 416px; padding-right: 315px; }

/* about */
#about { width: 300px; margin-right: 20px; float: left; }

#about #h1-about { font-size: 130%; width: 61px; height: 16px; position: relative; overflow: hidden; }
#about #h1-about span { background: url(../images/about.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* news */
#news { width: 300px; float: right; }

#news-archive { /*background: url(../images/kolaz4.jpg) no-repeat right top;*/ min-height: 554px; padding-right: 315px; }

#news #h-news,
#news-archive #h-news { font-size: 130%; width: 50px; height: 16px; position: relative; overflow: hidden; }
#news #h-news span,
#news-archive #h-news span { background: url(../images/news.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#news .news-piece,
#news-archive .news-piece { width: 100%; padding-bottom: 5px; border-bottom: 1px dotted #CCC; margin-bottom: 10px; overflow: hidden; }
#news .news-piece h3,
#news-archive .news-piece h3 { font-size: 100%; color: #721475; margin-bottom: 0; }
#news .news-piece .link-more,
#news-archive .news-piece .link-more { text-align: right; margin: 0; }
#news .news-piece .news-img, 
#news-archive .news-piece .news-img { margin-right: 10px; float: left; }
#news .news-piece .news-text { width: 210px; float: right; }
#news-archive .news-piece .news-text { width: 530px; float: right; } 
#news-archive .news-detail-img { margin-right: 10px; float: left; }

/* services */
#services { background: url(../images/bg-services.jpg) no-repeat right top; min-height: 554px; padding-right: 315px; }

#services #h1-services { font-size: 130%; width: 83px; height: 16px; position: relative; overflow: hidden; }
#services #h1-services span { background: url(../images/services-site.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* products */
#products { background: url(../images/bg-products.jpg) no-repeat right top; min-height: 554px; padding-right: 315px; }

#products #h1-magazines { width: 194px; height: 56px; position: relative; overflow: hidden; }
#products #h1-magazines span { background: url(../images/products-magazines.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#products #h1-epublish { width: 194px; height: 56px; position: relative; overflow: hidden; }
#products #h1-epublish span { background: url(../images/products-epublish.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#products #h1-eplanning { width: 194px; height: 56px; position: relative; overflow: hidden; } 
#products #h1-eplanning span { background: url(../images/products-eplanning.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#products #h1-fortis-trader { width: 194px; height: 56px; position: relative; overflow: hidden; }
#products #h1-fortis-trader span { background: url(../images/products-fortistrader.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#products #submenu { width: 620px; overflow: hidden; list-style: none; }
#products #submenu li { margin: 0; float: left; }
#products #submenu li .link { padding: 0 10px; border-right: 1px solid #6F6F6F; }

/* portfolio */
#portfolio { background: url(../images/bg-portfolio.jpg) no-repeat right top; min-height: 554px; padding-right: 315px; }

#portfolio #h1-portfolio { font-size: 130%; width: 97px; height: 16px; position: relative; overflow: hidden; }
#portfolio #h1-portfolio span { background: url(../images/portfolio-site.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* clients */
#clients { min-height: 524px; padding: 0 5px 30px 0; }

#clients #h1-clients { font-size: 130%; width: 71px; height: 16px; position: relative; overflow: hidden; }
#clients #h1-clients span { background: url(../images/clients-site.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#clients #clients-boxes { width: 930px; overflow: hidden; }

#clients-boxes .client { width: 290px; margin: 0 20px 25px 0; float: left; }
#clients-boxes .client .img { width: 140px; height: 105px; margin-right: 10px; float: left; }
#clients-boxes .client .img img { margin: 0 auto; display: block; }
#clients-boxes .client .text { width: 140px; float: right; }
#clients-boxes .client .text h2 { font-size: 110%; }
#clients-boxes .client .link-work { margin: 0; clear: both; }

/* work */
#work { background: url(../images/bg-clients.jpg) no-repeat right top; min-height: 554px; padding-right: 315px; }

#work .work .img { text-align: left; width: 300px; margin-right: 10px; float: left; }
#work .work .text { width: 310px; float: right; }
#work .work .text p { margin-top: 0; }

/* contact-us */
#contact-us { background: url(../images/bg-contact.jpg) no-repeat right top; min-height: 554px; padding-right: 315px; }

#contact-us #h1-contact-us { font-size: 130%; width: 108px; height: 16px; position: relative; overflow: hidden; }
#contact-us #h1-contact-us span { background: url(../images/contact-site.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#contact-form .message { font-weight: bold; text-align: center; }
#contact-form .ok { color: #008000; }
#contact-form .err { color: #FF0000; }
#contact-form .th-spec1 { vertical-align: top; padding-top: 5px; }
#contact-form #message { width: 510px; height: 70px; }
#contact-form .td-spec1 { text-align: center; padding-top: 15px; }

/* paging */
.paging { text-align: center; }

/* last-work */
#last-work { background: url(../images/address.jpg) no-repeat right top; width: 935px; height: 225px; padding-top: 30px; position: relative; overflow: hidden; }

#last-work #h2-last-work { width: 130px; height: 15px; position: relative; overflow: hidden; }
#last-work #h2-last-work span { background: url(../images/recentworks.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#last-work .work { background: url(../images/last-work-back.jpg) no-repeat left top; width: 106px; height: 158px; padding: 15px 22px 0 23px; margin-right: 30px; float: left; }
#last-work .work a { display: block; }
#last-work .work a img { margin: 0 auto; display: block; }

/* footer */
#footer { width: 970px; position: relative; overflow: hidden; }
#footer p { font-size: 85%; color: #FFF; width: 726px; padding: 15px 0 0 10px; float: left; }
#footer a { color: #FFF; }
#footer a.noline { text-decoration: none; }
#footer a.noline:hover { text-decoration: underline; }

#menu-bottom ul { width: 234px; padding-top: 4px; float: right; overflow: hidden; list-style: none; }
#menu-bottom ul li { float: left; }
#menu-bottom ul li a { width: 39px; height: 38px; display: block; position: relative; overflow: hidden; }

#menu-bottom ul li a span { background-repeat: no-repeat; background-position: left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#menu-bottom ul li#m-home-b a span { background-image: url(../images/home-mini.jpg); }
#menu-bottom ul li#m-services-b a span { background-image: url(../images/services-mini.jpg); }
#menu-bottom ul li#m-products-b a span { background-image: url(../images/products-mini.jpg); }
#menu-bottom ul li#m-portfolio-b a span { background-image: url(../images/portfolio-mini.jpg); }
#menu-bottom ul li#m-clients-b a span { background-image: url(../images/clients-mini.jpg); }
#menu-bottom ul li#m-contact-us-b a span { background-image: url(../images/contact-mini.jpg); }

/* intro */
#intro { background: url(../images/enter-pict2.jpg) no-repeat left top; width: 822px; height: 584px; margin: 40px auto 0; position: relative; }
#intro a { width: 99px; height: 29px; display: block; position: absolute; left: 357px; top: 540px; overflow: hidden; }
#intro a span { background: url(../images/enter-button.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* other */
.hide { display: none; }

.align-c { text-align: center; }
.align-r { text-align: right; }

.clear-l { clear: left; }

.margin-b { margin-bottom: 10px; }

.nobrd { border: none !important; }

.nobg { background: none !important; }