/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 70%/1.4 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #000; background: #fff url(img/sys/bg_main_inv.gif) repeat-x 0 0 }
body.owin img {border-color: #cccccc;}
img, h1, h2, h3, h4, h5, h6, form {margin: 0; padding: 0; border: none;}
input, select, textarea {vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {color: #BD0D21; line-height: normal}
h1 {font-size: 145%; clear: both; margin: 1em 0 1.3em 0;}
h2 {font-size: 115%; margin: 0 0 0.5em 0;}
h3 {font-size: 110%; margin: 0 0 0.5em 0;}
h4 {margin: 0 0 0.3em 0; font-size: 100%;}
a {color: #505050;}
a:link { color: #505050; }
a:hover {color: #BD0D21;}
h2 a, h3 a, h4 a, h5 a {color: #BD0D21;}
p {margin: 0 0 1ex 0;}
table {border-collapse: collapse;}
ul, ol {margin-top: 0.5em; margin-bottom: 0.8em;}
hr {height: 0; border: none; border-bottom: 1px solid #d7d7d7;}
/* /zakladni prvky */

/* zakladni tridy */
.tal {text-align: left;}
.tac {text-align: center;}
.tac table {text-align: left; margin-left: auto; margin-right: auto;}
.tar {text-align: right;}
.taj {text-align: justify;}
.vam {vertical-align: middle;}
.fl {float: left;}
.fli {float: left; margin: 0 1.3em 1.3em 0;}
.fr {float: right;}
.fri {float: right; margin: 0 0 1.3em 1.3em;}
.clean {color: #000000;	text-decoration: none;}
.clear {clear: both; font-size: 1px; height: 0; width:1px;}
.invisible, .no-css {display: none;}
.required {background: #ffffff url(img/sys/required.gif) no-repeat right top;}
.alert, .alert a, .error, .error a, .warning, .warning a {color: #ff0000; font-weight: bold;}
.ok, .info {color: #6495ed; font-weight: bold;}
.ll {list-style-type: lower-alpha;}
.b {font-weight: bold;}
.bg0 {background: #f4f4f4;}
.border { border: 1px solid #aaaaaa; padding: 3px;}
.link-no-decor {text-decoration:none;}
/* /zakladni tridy */

/* layout - zaklad */
#main {
	text-align: left;
	position: relative;
	margin: 0 auto;
	height: 100%;
	width: 900px;
/*	width: 980px;*/
	/* background: #ffffff url(img/sys/bg_main.gif) left top repeat-y;*/
	background: #EDECEC url(img/sys/bg_main.gif) 6px 0 repeat-x;
}

#menu {
	position: absolute;
	top:45px;
	right: 0;
	left: 200px;
	bottom: 0;
	width: 475px;
/*	width: 100%;*/
	padding: 0;
}
#menu ul {
margin-top:0px;
}

#menu li {
	font-size: 120%;
	display:inline;
	margin: 0 10px 0 0;
}

#menu a {
	color:#2D2D2D;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
}
#menu a:hover{
	color:#BD0D21;
	text-decoration:underline;
}
body>#main {
	min-height: 100%;
	height: auto;
	/*border-bottom: 1px solid #f4f4f4;*/
}

#zahlavi {
	position: absolute;
	top: 0;
	left: 0;
	height: 90px;
	width: 675px;
	background: url(img/sys/bg_zahlavi.gif) 0 0 repeat-x;
}

body>#main>#zahlavi {
	min-height: 100px;
	height: auto;
}

#content {
	float: left;
	width: 675px;
}

#content-in {
	padding: 100px 15px 70px 15px;
}

#content-in p, #content-in ul {
	font-size:110%;
	line-height:1.4em;
}

#content-in li{
	font-size:100%;
}

#content-in li li {
	font-size:90%;
}

#content-in hr{
text-align: left;/*this will align it for IE*/
margin: 10px auto 10px 0; /*this will align it left for Mozilla*/
}

.content-img-r {
float:right;
margin:5px 20px 5px 20px;
border: 1px solid #aaaaaa;
padding: 2px;
}

.content-img-l {
float:left;
margin:5px 20px 5px 20px;
border: 1px solid #aaaaaa;
padding: 2px;
}

.content-img-c {
margin:5px 20px 5px 20px;
border: 1px solid #aaaaaa;
padding: 2px;

}

#panel {
	float: right;
	width: 225px;
	background: url(img/sys/bg_zahlavi.gif) 0 0 repeat-x;
}

#panel-in {
	padding: 45px 0 70px 0;
}

.sidemenu hr {
width:205px;
margin:0 0 5px 0;
padding:10px 0 0 0;
}

.sidemenu h2 {
margin:0;
padding:0;
}

.sidemenu a {
text-decoration:none;
}

.sidemenu a:hover {
text-decoration:underline;
}

.ul1 {
margin:0;
padding-left:18px;
/*list-style-type:none;*/
list-style-image:url(img/sys/sidemenu_li1.gif);
}

.ul2 {
margin:0;
padding-left:10px;
/*list-style-type:none;*/
list-style-image:url(img/sys/sidemenu_li2.gif);
}

.ul3 ul {
margin:0;
padding-left:18px;
list-style-image:url(img/sys/sidemenu_li1.gif);
font-size:36px;
}

.ul1 li, .ul2 li, .ul3 li{
margin:5px 0;
font-size:10px;
}

.ul3 li a{}

#zapati {
	position: absolute;
	margin-top:10px;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
	background: url(img/sys/bg_zapati.gif) left top repeat-x;
}

#zapati-in {
	margin: 10px 0 0 0;
	color: #cccccc;
}

#zapati-in table {
	height: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

#zapati-in a {
	text-decoration: none;
}
/* /layout - zaklad */

/* PLASTOVA OKNA */
body#plast { color: #585858; background: #edecec url(img/sys/bg_body_plast.gif) repeat-x 50% 0 }
#plast #main { width: 920px; background: #fff url(img/sys/bg_main_plast.gif) repeat-y 0 0 }
#plast #main-in { background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 0 }
#plast #header { position: absolute; left: 0; top: 0; width: 920px; background: transparent url(img/sys/bg_header_plast.jpg) no-repeat 10px 140px }
#plast #header-in { height: 405px; background: transparent url(img/sys/bg_header_in_plast.jpg) no-repeat 10px 0 }
#plast #content { width: 610px }
#plast #content-in { padding: 430px 30px 180px 50px }
#plast #panel { width: 310px; background: none }
#plast #panel-in { padding: 430px 50px 180px 0 }
#plast #footer { position: absolute; left: 0; bottom: 0; width: 920px; height: 140px; padding: 20px 0 0 0; background: #edecec url(img/sys/bg_footer_plast.jpg) no-repeat 0 0 }
#logo-plast, #logo-plast span { display: block; position: relative; left: 36px; top: 36px; width: 179px; height: 37px; overflow: hidden; text-decoration: none; cursor: pointer; outline: none }
#logo-plast span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo_plast.gif) no-repeat 0 0 }
#plast #menu { position: absolute; left: 5px; top: 107px; width: 910px; height: 38px; background: transparent url(img/sys/bg_menu.jpg) no-repeat 0 0 }
#plast #menu ul { margin: 0; padding: 0 0 0 1px; list-style: none }
#plast #menu li { float: left; font-size: 100% !important; height: 33px; line-height: 32px; margin: 0; padding: 0 15px; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 5px }
#plast #menu .m-last { background: none }
#plast #menu a { color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px #2a0101 }
#plast #menu a:hover { color: #fff; text-decoration: underline }
#plast #menu li span { display: inline }
#plast #searchform { position: absolute; left: 701px; top: 34px; width: 190px; height: 35px; background: transparent url(img/sys/bg_searchform.gif) no-repeat 0 0 }
#plast #searchword { font-size: 100%; width: 155px; padding: 4px 2px; border: 0; background: none; position: absolute; left: 5px; top: 1px; outline: none }
#plast .button-vyhledat { width: 22px !important; height: 22px !important; position: absolute; left: 168px !important; top: 0 !important; padding: 0 !important }
#plast #langs { position: absolute; right: 37px; top: 11px }
#plast #langs img { margin: 0 0 0 5px; border: 1px solid #d5d5d5 }
#plast #langs a:hover img { border: 1px solid #bebebe }
#plast h1 { color: #000; font-size: 270%; margin: 0 0 0.7em 0; letter-spacing: -1px }
#plast p { margin: 1em 0 1.5em 0 !important }
#plast #content a { color: #e40f0f }
#plast #content a:link { color: #e40f0f }
#plast #content a:hover { color: #579e1c }
.big { font-weight: bold; font-size: 130% !important }
.h3-1 { font-size: 130%; height: 35px; line-height: 35px; padding: 0 0 0 45px; background: transparent url(img/sys/bg_h3_1.gif) no-repeat 0 0 }
.h3-2 { font-size: 130%; height: 35px; line-height: 35px; padding: 0 0 0 45px; background: transparent url(img/sys/bg_h3_2.gif) no-repeat 0 0 }
.h3-3 { font-size: 130%; height: 35px; line-height: 35px; padding: 0 0 0 45px; background: transparent url(img/sys/bg_h3_3.gif) no-repeat 0 0 }
#plast .ul-bullet { margin: 1em 0 1.5em 30px; padding: 0; list-style: none }
#plast .ul-bullet li { padding: 0 0 5px 18px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 5px }
#plast .ul-bullet ul { margin: 0.5em 0 0 30px; padding: 0; list-style: none }
#plast .ul-bullet ul li { font-size: 80% !important; padding: 0 0 3px 12px; background: transparent url(img/sys/bullet3.gif) no-repeat 0 8px }
#content .green { margin: 0 0 1.5em 0; padding: 1.3em 1.5em; color: #4d5f4b; border: 1px solid #f2fae7; background: transparent url(img/sys/bg_green.gif) repeat-x 0 0 }
#plast .green p { font-weight: bold; margin: 0 0 1em 0 !important }
#content .green ul { margin: 1em 0 0 1.1em; padding: 0; list-style: none }
#content .green li { font-size: 90% !important; padding: 0 0 0 13px; background: transparent url(img/sys/bullet.gif) no-repeat 0 6px }
.buttony { text-align: right }
.blok { margin: 0 0 1.5em 0; padding: 12px 0; background: transparent url(img/sys/bg_blok.gif) repeat-y right top }
.blok h3 { margin: 0; padding: 0 10px 15px 70px; color: #569f18; letter-spacing: -1px; font-size: 190%; line-height: 1; font-weight: normal; background: transparent url(img/sys/bg_h3_blok.gif) no-repeat 0 0 }
.blok.b-rozcestnik h3 { background: transparent url(img/sys/bg_h3_blok_rozcestnik.gif) no-repeat 0 0 }
.blok.b-kontakty h3 { background: transparent url(img/sys/bg_h3_blok_kontakty.gif) no-repeat 0 0 }
#plast .blok p { margin: 0 0 0.7em 0 !important; padding: 0 15px 0 70px }
#plast .blok ul { margin: 0 0 0.7em 0; padding: 0 0 0 70px; list-style: none }
#plast .blok li { font-size: 110%; padding: 0 0 5px 18px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 5px }
.blok .vam img { margin: 0 2px 10px 2px; vertical-align: middle }
#plast .t-reference td { padding: 4px 10px; border: 1px solid #dae7c8 }
#plast .t-reference .t-ref-img { padding: 8px; background-color: #f5fcec }
#plast .t-reference .t-ref-img img { border: 2px solid #fff !important }
#plast #copyright { margin: 0 50px !important; padding: 10px 0 0 0; border-top: 2px solid #e40f0f }
#copyright span { float: right }
/* /PLASTOVA OKNA */

/* layout - special */
#zahlavi-in span, #menu span, #moto span {
	display: none;
}

#pagetop{
margin-bottom:20px;
}
#pagetop div {display:block; width:640px; height:100px; overflow:hidden; position:relative; background: #ffee00}
#pagetop img {position:absolute; top:0px; border:0;}

#main-banner {
  position: relative;
  width: 645px;
  height: 250px;
  padding:0 auto;
}

/*#main-banner-in {
  position: absolute;
  width: 645px;
  height: 253px;
}*/


#logo { /* pripadny odkaz na logo firmy */
	display: block;
	position: absolute;
	left: 10px;
	top: 30px;
	width: 193px;
	height: 50px;
	background: url(img/sys/bg_logo.gif) 50% 50% no-repeat;
}

a#logo span{
display:none;
}

#searchbox {
	font-weight: normal;
/*	border: 1px solid #cccccc;*/
	width: 200px;
  margin: 0 0 40px 0;
}

#searchbox_text{
	background-color: #EBEBEB;
	border: 1px solid #999999;
  width: 120px;
}
#search_form {
	position: absolute;
/*	top: 10px;
	right: 10px;*/
}

#cesta {
	float: left;
	font-size: 90%;
	margin: 0px 0;
}
#cesta a {
	color: #666666;
	text-decoration:none;
}

#cesta a:hover {
	color: #BD0D21;
	text-decoration:underline;
}

#navigace {
	float: right;
	margin: 3px 3px 0 0;
	font-size: 90%;
}

#submenu {
margin:10px 0 10px 0;
height:180px;
}
.submenu ul{
	margin:0; padding:0
	;
/*	height:205px;*/
}
.submenu li{
	position:relative;
	overflow:hidden;
	display:block;
	margin:0; padding:0;
	width:203px; height:180px;
	float:left;
}
.submenu li span {
	display:block;
/*	position:absolute; left:0; top:0; z-index:1;*/
	width:203px; height:180px;
	cursor: pointer;
}
#sub_btn_01 span {background:url(img/_/titulka/btn_01.gif) left top no-repeat;}
#sub_btn_02 span {background:url(img/_/titulka/btn_02.gif) left top no-repeat;}
#sub_btn_03 span {background:url(img/_/titulka/ref-cz.jpg) left top no-repeat;}

.en #sub_btn_01 span {background:url(img/_/titulka/btn_01-en.gif) left top no-repeat;}
.en #sub_btn_02 span {background:url(img/_/titulka/btn_02-en.gif) left top no-repeat;}
.en #sub_btn_03 span {background:url(img/_/titulka/ref-en.jpg) left top no-repeat;}

#sub_btn_02 {margin:0 18px;}
#sub_btn_03 span {}
/* **** submenu end ***** */

/* fotogalerie */
#tn_root-in {
text-align:center;
padding:0 auto 0 auto;
}

div#tn_root-in {
padding:0;
margin:0;
}
span.tn_border {
padding:0;
margin:0;
height:0;
/*display:none;
*/
}
.tn {
	float: left;
	margin: 0 5px 0 10px;
	padding: auto;
	border: none;
	width: 114px;
/*	height:100px;
*/
}
.tn img {
	border: 1px solid #aaa;
	padding: 2px;
}

.tn_a {
	text-decoration: none;
}

.tn a {
	text-decoration: none;
	color: #339;
}

.tn a:hover {
	text-decoration: underline;
	color: #339;
}

.foto_large {
	border: 2px;
	margin: 0 0 15px 0;
}

.foto_navigace {
	text-align: center;
}

.foto_navigace a {
	background-color: #CCCCCC;
	padding: 4px 5px;
	text-decoration: none;
	color: #333333;
}

.foto_navigace a:hover {
	background-color: #666666;
	text-decoration: none;
	color: #fff;
}

.foto {
	text-align: center;
}

div.foto img {
border:2px;
color:#333333;
}

.foto_desc {
	margin: 10px 0 0 0;
	text-align: center;
}
/* /fotogalerie */
/* /layout - special */

/* ostatni tridy pro web */
#content table, #content table td, #content table th {
	border-color: #aaaaaa;
}

#content table thead td, #content table thead th, #content table th,
#content table tfoot td, #content table tfoot th {
	background: #9fd5f1;
}

#content-in table.small td, #content-in table.small th,
td.small, p.small, div.small, span.small {
	font-size: 90%;
}

img.border {

	border: 1px solid #aaaaaa;

	padding: 2px;

}


/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead {margin: 2ex 0 0 0;}
#searchresults {}
.searchitem {margin: 0 0 1ex 0;}
/* /vyhledavani */

/* novinky */
.nw_title {display: block; font-weight: bold;}
.nw_title a {color: #CC0000;}
.nw_title a:hover {color: #CC0000;}
.nw_column {margin: 3px 0 0 0;}
.vyrazne {font-weight: bold;}
.nw_datum {float: right; font-size: 90%; color: #697277;}
.nw_anotace {font-size: 90%;}
.rubrika_title {background: #eeeeee;}
/* /novinky */

/* download */
.dwn {margin: 3px 0; font-weight: bold;}
.dwn_footer {margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #ccc;}
.dwn_ico_pdf, .dwn_ico_zip, .dwn_ico_xls, .dwn_ico_doc, .dwn_ico_html, .dwn_ico_txt, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_ {margin: 0 0 3px 0; padding: 0 0 0 20px;}
.dwn_ico_doc {background: url(cms/img/ico/doc.gif) no-repeat top left;}
.dwn_ico_html {background: url(cms/img/ico/html.gif) no-repeat top left;}
.dwn_ico_pdf {background: url(cms/img/ico/pdf.gif) no-repeat top left;}
.dwn_ico_pps {background: url(cms/img/ico/pps.gif) no-repeat top left;}
.dwn_ico_ppt {background: url(cms/img/ico/ppt.gif) no-repeat top left;}
.dwn_ico_txt {background: url(cms/img/ico/txt.gif) no-repeat top left;}
.dwn_ico_xls {background: url(cms/img/ico/xls.gif) no-repeat top left;}
.dwn_ico_zip {background: url(cms/img/ico/zip.gif) no-repeat top left;}

#langs {
  position: absolute;
  top: 15px;
  right: 10px;
}

/* vypocet */
#vypocet { font-size: 10px; }
#vypocet input {border: 0; background: #edecec; border: 1px solid #999;  font-size: 10px;}
#vypocet select {border: 0; background: #edecec; border: 1px solid #999;  font-size: 10px;}
#vypocet h3 { color: #666; }
#vypocet p { color: #BD0D21; }


/* /vypocet */

/* menu substranek plast */
.plast-submenu { margin: 15px 0; padding: 10px; background: transparent url(img/sys/bg_blok.gif) repeat-y right top; text-align: center; border: 1px solid #dfdfdf; }
.plast-submenu a.active { text-decoration: none; color: #579e1c !important; font-weight: bold }
.plast-submenu a:hover { text-decoration: none }
/* /menu substranek plast */