html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #FEFEFE url(../images/body-bckg.gif) repeat-x left top; font: 1em Tahoma, Geneva, Arial, Helvetica, sans-serif; }

.none { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.fright { float: right; }
.fleft { float: left; }
.cont { margin: 10px 0; }
.half { width: 48%; }

.nostyle, #top ul, ul.errors, ul.notice { list-style: none; }
label, input, select { vertical-align: middle; }

/* ie6 fix */
#bubble a { behavior: url(style/iepngfix.htc) }

#container { height: 100%; min-height: 100%; position: relative;}
body>#container { height: auto; }

/* go go */
#top, #content, #footercont { width: 1020px; margin: 0 auto; position: relative; }

/*top*/
#top { height: 477px; background: transparent url(../images/top-posters.gif) no-repeat 429px 22px; }
h1, #bubble, #top ul { position: absolute; top: 48px; left: 57px; }
h1 a, #footer #logo { display: block; width: 261px; height: 47px; background: transparent url(../images/top-logo.gif) no-repeat left top; }

#lang a, #lang a:visited { position:absolute; top:35px; left:890px; color:#fff; font-size:12px; }

#top ul { top: 148px; color: white; width: 372px; font-weight: bold; font-size: 16px; line-height: 1.45em; position: relative; }
#top li { background: url(../images/top-menu-bullet.gif) no-repeat left top; padding: 3px 0 10px 34px; height: 25px; }
#top li.first { height: 65px; }
#top li.noimg { background: none; padding: 0; }
#top ul a, #top ul a:visited { color: white; }
#top ul a:hover, #top ul a:active { color: white; }

#bubble { top: -99px !important; top: -100px; left: 425px; position: relative; }
#bubble a, #bubble div { width: 469px; overflow: hidden; padding: 5px;}
#bubble a { position: absolute; left: 0; top: 0; display: block; width: 479px; height: 159px; background: url(../images/bubble.png) no-repeat left top; }

/* content */
#content { padding-bottom: 110px; margin-top: -5px; font-size: .82em; color: #303030; }

#left, #right { width: 460px; }
#left { margin-left: 40px !important; margin-left: 20px; float: left;}
#right { margin-right: 40px !important; margin-left: 20px; float: right; }

#content h2, #content h3 { font-weight: normal; }
#content h2 { border-bottom: 1px solid #CDCDCD; font-size: 1.75em; padding-bottom: 5px; margin-bottom: 3px; }
#content h3 { font-size: 1.3em; margin: 12px 0 18px 0; }
#content h3.brd { border-top: 1px solid #CDCDCD; padding-top: 15px; margin-top: 5px; }
#content sup { font-size: .83em; line-height: 0.5em; vertical-align: baseline; position: relative; top: -0.4em; /* font-size: 70%; vertical-align: 30%; */ }

#content a { color: #303030; }
#content a img { border: none; }

#content table { width: 100%; }
#content table.prices, #content table.pieces { text-align: right; background: #CDCDCD; }
#content .prices td, #content .prices th { border: 1px solid white; padding: 4px 10px; font-size: .9em; width: 20%; background: white; }
#content .pieces td, #content .pieces th { border: 1px solid white; padding: 4px 10px; font-size: .9em; background: white; }
#content tr.top th { background: #F2AF00; }
#content tr.suda * { background: #E2E2E2; }

#content p, #content ul { margin: 12px 0; line-height: 150%;}
#content p.big { font-size: 180%; }
#content p.med { font-size: 1.2em; margin-top: 8px; }
#content .imgbckg { background: url(../images/img-bckg.gif) no-repeat left top; padding: 7px 0 0 7px; width: 221px; height: 152px; }
#content .imgfirst { margin-right: 4px; }

#content ul { margin-top: 5px; }
#content ul li { background: url(../images/list-bullet.gif) no-repeat left top; padding-left: 32px; margin-bottom: 5px; }
#content ul.medium { margin-top: 25px; font-size: 1.2em; }

#content ul.files { list-style: none; }
#content ul li.indd { background: url(../images/ico-indd.png) no-repeat left center; padding-left: 22px; margin-bottom: 5px; }
#content ul li.pdf { background: url(../images/ico-pdf.png) no-repeat left center; padding-left: 22px; margin-bottom: 5px; }
#content ul li.ai { background: url(../images/ico-ai.png) no-repeat left center; padding-left: 22px; margin-bottom: 5px; }


a, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

/* formaty */
#content .format { height: 270px; position: relative; }
#content .format div { position: absolute; top: 0; }
#content .format a { display: block; text-decoration: none; font-size: 1em !important; font-size: .8em; }
#content .format a:hover, #content .format a.active { background-position: right top; }

#fbanner a { height: 258px; width: 93px; background: url(../images/format-banner.gif) no-repeat left top; padding: 5px 0 0 8px; }

#fa3, #fbcard { left: 116px; }
#fa3 a { height: 20px; width: 101px; background: url(../images/format-a3.gif) no-repeat left top; padding-top: 144px; }

#fa4 { left: 232px; }
#fa4 a { height: 20px; width: 72px; background: url(../images/format-a4.gif) no-repeat left top; padding-top: 103px;  }

#fa5 { left: 319px; }
#fa5 a { height: 20px; width: 52px; background: url(../images/format-a5.gif) no-repeat left top; padding-top: 74px; }

#fa6 { left: 386px; }
#fa6 a { height: 20px; width: 37px; background: url(../images/format-a6.gif) no-repeat left top; padding-top: 53px;  }

#content #fbcard, #content #fnotice, #content #fcdcover { top: 185px; }
#content #fbcard a:hover, #content #fnotice a:hover, #content #fbcard a.active, #content #fnotice a.active, #content #fcdcover a:hover, #content #fcdcover a.active { background-position: right bottom; }

#fbcard { height: 35px; width: 72px; /*background: url(../images/format-pozvanka.gif) no-repeat left bottom; padding-bottom: 21px;*/ }
#fbcard a { height: 19px; width: 33px; background: url(../images/format-vizitka.gif) no-repeat left bottom; padding-bottom: 21px; }

#fnotice { left: 180px; }
#fnotice a { background:transparent url(../images/format-pozvanka.gif) no-repeat scroll left bottom; height:35px; padding-bottom:21px; width:72px; }

#fcdcover { left: 280px; }
#fcdcover { height: 44px; width: 60px; /*background: url(../images/format-pozvanka.gif) no-repeat left bottom; padding-bottom: 21px;*/ }
#fcdcover a { background:transparent url(../images/format-cdobal.gif) no-repeat scroll left bottom; height:44px; padding-bottom:21px; width:44px; }

.gap45 { margin-top:45px; }
.gap60 { margin-top:60px; }

/* forms*/
#content fieldset { border: 0; }
#content input, #content textarea { border: 2px solid #F3B000; font-size: 1em; padding: 2px; }
#content input.nrq { border: 2px solid #CDCDCD; }
#left input.radio, #content input.radio { vertical-align: middle; border: 0; }
input.required { border: 1px solid #666; }
#content textarea { width: 348px !important; width: 343px; font: 1em Tahoma, Geneva, Arial, Helvetica, sans-serif; }
#content .spec { margin: 5px 3px 0 105px; }

label.required { font-weight: bold; }
label.block { display: block; width: 100px; float: left; margin: 5px 3px 0 0; }
.spamcode { margin-left: 103px; }

/* errors */
#popup ul.errors, #popup ul.notice, #content ul.errors, #content ul.notice { border: 1px solid #DDD; margin: 10px 0; background: #EFEFEF; padding: 6px 3px; font-size: .85em; }
#content ul.errors li, p.error, #content ul.notice li { background: url(../images/ico-error-white.gif) no-repeat left center; margin: 3px 10px 3px 0; color: #333; padding-left: 28px; position: relative; }
#content ul.notice li { background-image: url(../images/ico-notice-white.gif); }

/* footer */
#footer { position: absolute; height: 77px; background: #BABCBC; width: 100%; bottom: 0; }
#footercont { width: 960px; font-size: .8em; margin-top: 17px; height: 30px; padding: 12px 0 0 35px; position: relative; }
#footer #logo { position: absolute; width: 247px; height: 43px; right: 20px; top: 0px; background: transparent url(../images/footer-logo.gif) no-repeat left top; }

/* ------- POPUP */
#popup, #ppoverlay { position: absolute; left: 0; top: 0; }
#ppoverlay { background: #222; }
#popup { width: 400px; font-size: .8em; border: 2px solid #B0B2AC; background: #FDFDFD; z-index: 4; }
#popup h3 { font-size: 1.2em; text-transform: uppercase; color: black; background: #9A9A9A; margin: 2px; padding: 2px; color: white; }
#popup #close { padding: 3px 0 10px 0; text-align: center; }
#popup #popupclose { padding: 2px 8px; margin: 0 auto; border: 1px outset #676B5C; text-decoration: none; }
#popupclose .cover { background-image: url(../images/close-button.gif); }
#popup p, #popup ul.errors, #popup ul.notice { margin: 10px; }
#popup ul.info { margin: 10px 10px 10px 40px; }
#popup a, #popup a:visited { color: #303030; }
#popup a:active, #popup a:hover { color: #808080; }