html, body, form, p, 
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6   { 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;
	height: auto;
}
#footer .in {
	font-size:1.1em;
	padding: 15px 33px;
	margin-left: 210px;
}
#header     { position:relative; height:99px;  background: url('../images/bg-header.gif') 100% 0 no-repeat; overflow: hidden;}
#main       {
	height: auto;
	
}
#sidebar    {
	background: #fff url('../images/bg-main-shadow.gif') 0 0 no-repeat;
	width:250px;
	float:left;
	margin-left: 10px;
	padding-top: 34px;
	display:inline;
	height: auto;
}
#content    { width:547px; float:right; display:inline; padding-top: 5px; font-size: 1.05em; }
#footer     {
	height: 100px;
	color: #333333;
	background:#F3F3F3 url('../images/bg-footer.gif') 0 0 repeat-x;
	margin: 0 auto;
	width: 100%;
	float: left;
	margin-top: 20px;
}

/*- subpages modifications -*/
body#sub       { background-image: url('../images/bg-body-sub.gif'); }
body#sub #sidebar { 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   { 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; }


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;
	background-image: url(../images/bg-sub-head.png);
}
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; }

/*h6       { font-size:1.5em; background: url('../images/3m.jpg') 0 0 no-repeat; height: 34px; line-height: 150px; padding: 0 0 0 27px;} */


.e {font-size:1em; color: #009966; font-weight:bolder;}



a        { color:#414954; text-decoration:none; }
a:hover  { color:#F1490A !important; text-decoration: none !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; font-weight:bold; color:#0a1f62; text-align:left; }
table td { padding:5px 7px 5px;}
table tr.odd    { }
table tr.even   { background:#eee; }

/*- hlavicka -*/
#header     { }
#header a   {  }
#header .logo        {
	position: relative;
	left: 48px;
	top: 32px;
	width:200px;
	background-image: url(../images/logo-dynatex.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
} /*viditelne logo*/
#header .logo a      { display:block; width:200px; height:54px; }
#header .logo img    { display:block; width:200px; height:54px; 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 14px 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: none; }
#menu ul li.first    { padding-right:3px; background:none; }
#menu ul li.active   {  }
#menu ul li.active a { color: #F1490A; text-decoration: none; }

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


.featuring {color: #000; font-weight: bold; font-size: 1.1em; margin-top: 35px;}


/*- contact -*/

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

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

/*- paticka -*/
#footer .in .copy     {
	float:left;
	width: 300px;
}
#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-color: #9BABBE;
	background-image: url(../images/flash/visual.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#perex      {
	color: #036;
	font-size: 1.3em;
	width: 547px;
	height: 150px;
	margin-top: 0px;
}
#perex a    {
	color: #036;
}
#perex a:hover    {
	color: #F90 !important;
}
#perex span { display: block; padding: 0 27px; }
#perex span strong {
	display: block;
	width: 100%;
	font-weight: normal;
	margin-top: 10px;
}

#index #perex      { height: 115px; background: #9BABBE url('../images/bg-index-head-perex.gif') 0 0 no-repeat; display: block; }
.en#index #perex      { background-image: url('../images/bg-index-head-perex-en.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;   }
.col11 { float: left;  width: 121px;  margin: 0;  display: inline; position: relative; }
.col12 { float: left;  width: 121px;  margin: 0;  display: inline; position: relative; }
.col13 { float: left;  width: 121px;  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: 10px!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: 454px; }
.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; }

/*-  - 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.partners		          h1 span { background-image: url('../images/heads/h1-partners.png'); }
body.services                 h1 span { background-image: url(../images/heads/h1-services.png); }
body.products                 h1 span { background-image: url(../images/heads/h1-products.png); }
body.services-bags            h1 span { background-image: url(../images/heads/h1-products_bags.png); }
body.services-nonreflective   h1 span { background-image: url(../images/heads/h1-products_non.png); }
body.services-converted       h1 span { background-image: url(../images/heads/h1-products_conv.png); }
body.services-unconverted     h1 span { background-image: url(../images/heads/h1-products_unconv.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.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
   {
	width: 155px;
	position: relative;
	height: 25px;
}
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; }


.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; }