html, body, form, p, 
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5   { margin:0; padding:0; }

/*- layout -*/
body        { font:normal 62.8%/1.5 Arial,Helvetica,sans-serif; color:#000; background:#fff url('/images/bg-body.gif') 0 0 repeat-x; }
#page       { width:827px; margin: 0 auto; font-size:1.1em; }
#footer .in { width:766px; margin: 0 auto; font-size:1.1em; padding: 15px 33px; }
#header     { position:relative; height:99px;  background: url('/images/bg-header.gif') 100% 0 no-repeat; overflow: hidden;}
#main       { min-height: 550px; _height: 550px; background: #fff url('/images/bg-main-shadow.gif') 0 0 no-repeat;}
#sidebar    { width:250px; float:left; margin-left: 10px; padding-top: 34px;  _display:inline;}
#content    { width:547px; float:right; _display:inline; padding-top: 5px; font-size: 1.05em; }
#footer     { min-height: 125px; _height: 125px;color: #333333; background:#F3F3F3 url('/images/bg-footer.gif') 0 0 repeat-x;}

/*- subpages modifications -*/
body#sub       { background-image: url('/images/bg-body-sub.gif'); }
body#sub #main { background-image: url('/images/bg-main-shadow-sub.gif');}

/*- obecne tridy -*/
#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, paging:after,
.clearfix:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

.fl      { float:left; }
.fr      { float:right; }
.clear   { clear: both; }
.hidden  { display:none !important; }
sup, sub,
.small   { font-size:.85em; }
.big     { font-size:1.2em; }
.center  { text-align:center !important; }
.right   { text-align:right !important; }
.left    { text-align:left !important; }
.strong  { font-weight:bold; }
.alt     { color:#F1490A; }
.light   { color:#666; }

.top     { background: url('/images/ico/ico-top.gif') 100% 66% no-repeat; text-align: right;}
.top a   { padding-right: 10px; }

/*- html tagy -*/
dl dd,
ol li          { margin: 0 0 1em 2em; }
ul li          { list-style:none; }
input, select  { vertical-align:middle; }

h1       { font-size:1.8em; background: #424A55 url('/images/bg-sub-head.png') 0 0 no-repeat; height: 94px; line-height: 94px; color: #fff; padding: 0 0 0 27px; position: relative; overflow: hidden;}
h1 span  { position: absolute; top:0; left:0; width: 100%; height: 100%; background-position: 27px 50%; background-repeat: no-repeat; }
h2       { font-size:1.25em; }
h3       { font-size:1.10em; }
h4       { font-size:1em; }


a        { color:#414954; }
a:hover  { color:#F1490A !important; text-decoration: underline !important; }

a img { border:0; }

hr    { height:1px; overflow:hidden; border:0; border-bottom:1px solid #000; margin:.75em 0 0; clear:both; }

/*- tabulky -*/
table    { border-collapse:collapse; font-size:1em; width:100%; }
table th { padding:5px 7px 3px; vertical-align:top; font-weight:bold; color:#0a1f62; text-align:left; }
table td { padding:5px 7px 5px; vertical-align:top; }
table tr.odd    { }
table tr.even   { background:#eee; }

/*- hlavicka -*/
#header     { }
#header a   {  }
#header .logo        { position: relative; left: 48px; top: 42px; width:200px; background:url('/images/logo-copacking.gif') 0 0 no-repeat; } /*viditelne logo*/
#header .logo a      { display:block; width:200px; height:29px; }
#header .logo img    { display:block; width:200px; height:29px; visibility:hidden; } /*logo pro tiskovou verzi*/

/*- menu -*/
#menu                { float: right; text-align: right; width: 580px; margin-top: 15px; }
#menu ul li          { float: right; line-height: 22px; height: 22px; padding: 0 10px 0 0; background: url('/images/bg-menu-div.gif') 100% 50% no-repeat;  }
#menu ul li a        { color: #818181; display: block; padding: 0 7px; }
#menu ul li a:hover  { color: #333333; text-decoration: underline; }
#menu ul li.first    { padding-right:3px; background:none; }
#menu ul li.active   {  }
#menu ul li.active a { color: #F1490A; text-decoration: none; }

#sidemenu                {  }
#sidemenu h3             { color: #7D8896; padding: 0 0 11px 0; margin-left:26px; }
#sidemenu ul             { margin: 0 0 0 22px; width: 222px; border-top: 1px solid #DCE0E5;}
#sidemenu ul li          { border-bottom: 1px solid #DCE0E5; background-position: left center; background-repeat: no-repeat; }
#sidemenu ul li a        { color: #000; font-weight: bold; font-size: 1.2em; padding: 10px 10px 8px 40px; display: block; _height: 1%; }
#sidemenu ul li a:hover  {  }
#sidemenu ul li.active   {  }
#sidemenu ul li.active a {  }

#sidemenu .design_obalu        { background-image: url('/images/ico/ico-menu-obaly.gif'); }
#sidemenu .vyroba_obalu        { background-image: url('/images/ico/ico-menu-obaly-vyroba.gif'); }
#sidemenu .baleni_na_zakazku   { background-image: url('/images/ico/ico-menu-baleni.gif'); }
#sidemenu .tiskova_produkce    { background-image: url('/images/ico/ico-menu-tisk.gif'); }
#sidemenu .marketingova_reseni { background-image: url('/images/ico/ico-menu-marketing.gif'); }
#sidemenu .galerie             { background-image: url('/images/ico/ico-menu-galerie.gif'); }
#sidemenu .animace        { background-image: url('/images/ico/ico-menu-animace.gif'); }

#langswitch { position: absolute; top: 0; right: 0; background:url('/images/bg-head-switch.gif') 0 0 no-repeat; width: 160px; }
#langswitch .ico-en { background:url('/images/ico/ico-en.gif') 9px 50% no-repeat; padding: 0 0 0 10px;}
#langswitch .ico-cs { background:url('/images/ico/ico-cs.gif') 9px 50% no-repeat; padding: 0 0 0 10px;}
#langswitch .ico-sk { background:url('/images/ico/ico-sk.gif') 9px 50% no-repeat; padding: 0 0 0 10px;}
#langswitch .ico-de { background:url('/images/ico/ico-de.gif') 9px 50% no-repeat; padding: 0 0 0 10px;}
#langswitch .ico-en a,
#langswitch .ico-sk a,
#langswitch .ico-de a,
#langswitch .ico-cs a { padding-left: 23px; vertical-align: top;  color: #818181;}

/*- contact -*/

#contact         { margin: 28px 0 22px 26px; }
.index #contact         { margin-top: 13px ; }
#contact h3      { color: #7D8896; padding: 0 0 5px 0; }
#contact h2      { font-size: 1em; }
#contact address { font-style: normal; margin-bottom: 1em;  }
#contact .offset {  margin-top: 2em; }

/*-awards  -*/
#awards { margin: 5px 0 22px 26px; }

/*- paticka -*/
#footer .copy     { float:left; }
#footer .made     { float:right; }

/*- paging -*/
.paging           { line-height:17px; position:relative; text-align: center; clear: both; }
.paging p         { }
.paging span      { padding:0 5px; }
.paging a         { padding:0 5px; }
.paging strong    { padding:0 5px; color:#F1490A; }

/*- formbox -*/
.formbox             { padding:0; }
.formbox .clearfix   { line-height:2.2; width:493px; }
.formbox .lab        { float:left; display:block; width:100px; position:relative; }
.formbox .lab .alt   { position:absolute; top:0; right:-1em; display:block; width:.9em; text-align:left; }
.formbox .cont       { float:right; width:385px; position:relative; }
.formbox .cont input { width: 96.7%; border: 1px #8094AC solid;}
.formbox p           { line-height:1.3; padding-top:.2em; margin:0 !important; }
.formbox textarea    { width: 98%; border: 1px #8094AC solid; font:normal 1em/1.5 Arial,Helvetica,sans-serif;}
.formbox .fullcont   { padding-top:1em; }

.formbox .fullcont .lab   { float: none; width: auto; text-align: left; }
.formbox .fullcont .cont  { float: none; width: auto; }
.formbox .submit          { margin-top: 10px; }
.formbox .submit .cont    { float: none; width: auto; text-align: right; padding-right: 8px;  }
.formbox .submit .cont input    { width: auto; border: 2px #8094AC outset; background: #8094AC; font-weight: bold; color: #fff; padding: 2px 7px; }

/*- stylus -*/
#index h1      { background: #424A55 url('/images/bg-head.png') 0 0 no-repeat; height: 84px; line-height:84px; }
#index h1 span { background-position: 25px 17px; }
#promo         { height: 217px; width: 100%; background: #9BABBE url('/images/bg-index-head-promo.jpg') 0 0 no-repeat;}

#perex      { color: #fff; font-size: 1.3em; width: 547px; height: 155px; background: #9BABBE url('/images/bg-sub-head-perex.gif') 0 0 repeat; display: table-cell; vertical-align: middle; }
#perex a    { color: #fff; }
#perex a:hover    { color: #4F5761 !important; }
#perex span { display: block; padding: 0 27px; }
#perex span strong { display: block; width: 100%; font-weight: normal;}

#index #perex      { height: 154px; background: #9BABBE url('/images/bg-index-head-perex.gif') 0 0 no-repeat; display: block; vertical-align: top;}
.en#index #perex      { background-image: url('/images/bg-index-head-perex-en.gif');}
.de#index #perex      { background-image: url('/images/bg-index-head-perex-de.gif');}
#index #perex span { padding-left:125px; padding-top:35px; }

#newsdigest       { margin-bottom: 1.5em !important; }
#newsdigest li    { font-weight: bold; line-height: 1.75;}

.box          { margin: 35px 27px 2em;}
.box2         { margin-bottom: .75em !important;}
.newsbox      { margin: 24px 30px 2em 13px !important;}
.box h2       { font-size:1.6em; color: #F1490A; font-weight: normal; margin-bottom: .33em; }
.box h3       { font-size:1.25em; color: #646A73; margin-bottom: .33em; }
.box ul       { margin-bottom: 1em;  }
.box ul li    { background: url('/images/ico/ico-li.gif') 0 .55em no-repeat; padding-left: 15px; _height: 1%; }
.box p        { margin: 0 0 1em 0; }
.box address  { font-style: normal; }

.col1 { float: left;  width: 243px;  margin: 0;  _display: inline; position: relative; }
.col2 { float: right; width: 243px; margin: 0; _display: inline; position: relative;   }

.ftpbox     { margin: 35px 0 0;  float: right; }
.ftpbox h4  { background: url('/images/ico/ico-li.gif') 0 .55em no-repeat;padding-left: 15px;  }

.konpage h3   { font-size:1.25em; color: #646A73; clear: left; }
.konpage h3.box   { margin-top: 0; margin-bottom: 0 !important; }
.konpage .box   { margin-bottom: .75em !important;}
.konpage #a-cs   { margin-top: 0 !important;}
.ccc          { }
.ccc p        { margin: 0 !important; }
.konpage .col1 { float: left;  width: 243px;  margin: 0 0 0 27px; padding-bottom: .5em;  _display: inline; position: relative; }
.konpage .col2 { float: right; width: 243px; margin: 0 17px 0 0; padding-bottom: .5em; _display: inline; position: relative;   }

.s-addr        { }
.s-addr h4     { padding-top: .33em; }
.s-addr p      { margin: 0 !important; }
.s-addr strong { color: #646A73; font-weight: bold; font-size: .9em; }

.item          { margin-bottom: 1em; }
.item .perex   { font-style: italic; color: #414954;}
.item h3       { color: #000;}
.item .img     { float: right; margin: 0 0 10px 10px; height: 100%; }
.item .img img { display: block; }

.newsbox {}
.newsbox h4    { border-bottom: 1px dashed #ACB4C0; padding-bottom: 9px; margin-bottom: 10px; }
.newsbox a     { color: #000; }
.newsbox .col1 { width: 227px; }
.newsbox .col2 { width: 227px; }

.more a { font-weight: bold; color: #F1490A; }
.more a:hover { color: #646A74 !important; }

.gallerybox                    { margin: 35px 0 2em 17px !important; }
.gallerybox .item              { float: left; width: 151px; padding: 10px; }
.gallerybox .item  h3          { font-size: 1em; color: #414954; white-space: nowrap; }
.gallerybox .item .img         { float: none; margin:0; }
.gallerybox .item .img a       { border: 3px solid #dddddd; background:url('/images/bg-kostky.gif'); width: 145px; height: 145px; display: block; overflow: hidden; text-align: center;}
.gallerybox .item .img a:hover { border-color: #8094AC; }
.gallerybox .item .img a img   { margin: 0 auto; }
.gallerybox li.active          { font-weight: bold; }

/*- náhrada textu obrázkem -*/
body.o_spolecnosti            h1 span { background-image: url('/images/heads/h1-o_spolecnosti.png'); }
body.podminky_uzivani_stranek h1 span { background-image: url('/images/heads/h1-podminky_uzivani_stranek.png'); }
body.ochrana_osobnich_udaju   h1 span { background-image: url('/images/heads/h1-ochrana_osobnich_udaju.png'); }
body.produkty_a_sluzby        h1 span { background-image: url('/images/heads/h1-produkty_a_sluzby.png'); }
body.klientsky_servis         h1 span { background-image: url('/images/heads/h1-klientsky_servis.png'); }
body.kontakt                  h1 span { background-image: url('/images/heads/h1-kontakt.png'); }
body.kariera                  h1 span { background-image: url('/images/heads/h1-kariera.png'); }
body.novinky                  h1 span { background-image: url('/images/heads/h1-novinky.png'); }
body.archiv                   h1 span { background-image: url('/images/heads/h1-archiv.png'); }
body.index                    h1 span { background-image: url('/images/heads/h1-index.png'); }
body.galerie                  h1 span { background-image: url('/images/heads/h1-galerie.png'); }
body.reference                h1 span { background-image: url('/images/heads/h1-reference.png'); }

h3#nabidka_sluzeb, h3#kontakt
   { position: relative; }
h3#nabidka_sluzeb span,
h3#kontakt        span { position: absolute; top:0; left:0; height: 100%; width: 100%; }
h3#nabidka_sluzeb span { background: url('/images/heads/h3-nabidka_sluzeb.gif') 0 0 no-repeat; }
h3#kontakt        span { background: url('/images/heads/h3-kontakt.gif') 0 0 no-repeat; }

/*- náhrada textu obrázkem - english -*/
body.en                       h1 span { background-image: url('/images/heads/h1-index-en.png'); }
body.about                    h1 span { background-image: url('/images/heads/h1-about_us.png'); }
body.terms-of-use             h1 span { background-image: url('/images/heads/h1-terms_of_use.png'); }
body.data-protection          h1 span { background-image: url('/images/heads/h1-personal_data_protection.png'); }
body.services                 h1 span { background-image: url('/images/heads/h1-products_and_services.png'); }
body.client-service           h1 span { background-image: url('/images/heads/h1-client_service.png'); }
body.contact                  h1 span { background-image: url('/images/heads/h1-contact_us.png'); }
body.news                     h1 span { background-image: url('/images/heads/h1-news.png'); }
body.archive                  h1 span { background-image: url('/images/heads/h1-archive.png'); }
body.gallery                  h1 span { background-image: url('/images/heads/h1-gallery.png'); }
body.references               h1 span { background-image: url('/images/heads/h1-references.png'); }

body.en h3#products_services
   { position: relative; }
body.en h3#products_services span { position: absolute; top:0; left:0; height: 100%; width: 100%; }
body.en h3#products_services span { background: url('/images/heads/h3-products_services.gif') 0 0 no-repeat; }
body.en h3#kontakt           span { background: url('/images/heads/h3-contact.gif') 0 0 no-repeat; }

/*- náhrada textu obrázkem - slovak -*/
body.sk                         h1 span { background-image: url('/images/heads/h1-index-sk.png'); }
body.o_spolocnosti              h1 span { background-image: url('/images/heads/h1-o_spolocnosti.png'); }
body.podmienky_uzivania_stranok h1 span { background-image: url('/images/heads/h1-podmienky_uzivania_stranok.png'); }
body.ochrana_osobnych_udajov    h1 span { background-image: url('/images/heads/h1-ochrana_osobnych_udajov.png'); }
body.produkty_a_sluzby          h1 span { background-image: url('/images/heads/h1-produkty_a_sluzby.png'); }
body.klientsky_servis           h1 span { background-image: url('/images/heads/h1-klientsky_servis.png'); }
body.kontakt                    h1 span { background-image: url('/images/heads/h1-kontakt.png'); }
body.kariera                    h1 span { background-image: url('/images/heads/h1-kariera.png'); }
body.novinky                    h1 span { background-image: url('/images/heads/h1-novinky.png'); }
body.archiv                     h1 span { background-image: url('/images/heads/h1-archiv.png'); }
body.galerie                    h1 span { background-image: url('/images/heads/h1-galerie.png'); }
body.reference                  h1 span { background-image: url('/images/heads/h1-reference.png'); }

body.sk h3#products_services
   { position: relative; }
body.sk h3#products_services span { position: absolute; top:0; left:0; height: 100%; width: 100%; }
body.sk h3#nabidka_sluzeb span { background: url('/images/heads/h3-ponuka_sluzieb.gif') 0 0 no-repeat; }
body.sk h3#kontakt        span { background: url('/images/heads/h3-kontakt.gif') 0 0 no-repeat; }

/*- náhrada textu obrázkem - german -*/
body.de                         h1 span { background-image: url('/images/heads/h1-index-de.png'); }
body.uber_die_gesellschaft      h1 span { background-image: url('/images/heads/h1-o_spolecnosti-de.png'); }
body.bedingungen_der_seitennutzung h1 span { background-image: url('/images/heads/h1-podminky_uzivani_stranek-de.png'); }
body.schutz_personenbezogener_daten h1 span { background-image: url('/images/heads/h1-ochrana_osobnich_udaju-de.png'); }
body.produkte_und_leistungen          h1 span { background-image: url('/images/heads/h1-produkty_a_sluzby-de.png'); }
body.kundenbetreuung           h1 span { background-image: url('/images/heads/h1-klientsky_servis-de.png'); }
body.kontakte                    h1 span { background-image: url('/images/heads/h1-kontakt-de.png'); }
body.karriere                    h1 span { background-image: url('/images/heads/h1-kariera-de.png'); }
body.neuheiten                    h1 span { background-image: url('/images/heads/h1-novinky-de.png'); }
body.de_archiv                     h1 span { background-image: url('/images/heads/h1-archiv.png'); }
body.galerie                    h1 span { background-image: url('/images/heads/h1-galerie.png'); }
body.de_reference                  h1 span { background-image: url('/images/heads/h1-reference.png'); }

body.de h3#products_services
   { position: relative; }
body.de h3#products_services span { position: absolute; top:0; left:0; height: 100%; width: 100%; }
body.de h3#nabidka_sluzeb span { background: url('/images/heads/h3-nabidka_sluzeb-de.gif') 0 0 no-repeat; }
body.de h3#kontakt span { background: url('/images/heads/h3-kontakte.jpg') 0 0 no-repeat; }


.NoticerError  { border: 1px solid #F1490A; padding: 10px; margin-right: 10px; }
.tp-invalide    { border: 1px solid #F1490A !important; }

/* animace-play */
#animace-play             { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #999; z-index: 9; text-align: center; }
#animace-play span        { display: block; margin: 0 auto; margin-top: 20px; font-size: 120%; color: #fff; font-weight: bold; padding: 5px; background: #000; width: 150px; cursor: pointer; }
#animace-play span:hover  { color: orange; }
#animace-play iframe      { width: 750px; height: 530px; margin-top: 20px; border: 0; }

a.down_catalog { font-size: 110%; color: #f1490a; font-weight: bold; }