/* ------ DEFAULT STYLES ------ */

* { margin:0; padding:0; }

body { background:#0B501D; color:#000; font-family:"Arial CE","Helvetica CE",Arial,Helvetica,sans-serif; font-size:76%; }

hr { display:none; }
img { border:0; }

/* -- Heading -- */
h1 { margin:0.05em 0 1.2em 0; font-size:233%; color:#9F1919; }
h1.title { margin-top:0; }
h1 a { color:#9F1919; }
h2 { margin:0.8em 0 0.45em; font-size:180%; color:#005115; }
h2.title { margin-top:0; }
h2 a { color:#005115; }
h3 { margin:1.3em 0 0.2em; font-size:150%; color:#495002; }
h3 a { color:#495002; }
h3.title { margin-top:0; }
h4 { margin:1.4em 0 0.4em; font-size:135%; }
h4.title { margin-top:0; }
h5, h6 { font-size:115%; }


/* -- Anchor -- */
a { color:#3a3a3a; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
a.external { padding-right:12px; background:url('../img/icon/external.png') 100% 0 no-repeat; }
a.more { color:#9F1919; }


/* -- List -- */
ul { margin: 0.7em 0 20px 10px; }
ul ul { margin: 2px 0 0 5px; }
ul li { margin: 8px 0 8px; padding: 0 0 0 28px; _padding-left:0; line-height:1.5em; list-style:none; background:url('../img/list/list.png') 0 0.1em no-repeat; }
ul li li { margin: 6px 0 6px; padding: 0 0 0 16px; _padding-left:0; background:url('../img/list/sublist.png') 0 0.45em no-repeat; }
	
ul li.bmp { background-image:url('../img/icon/file/bmp.png'); }
ul li.doc { background-image:url('../img/icon/file/doc.png'); }
ul li.gif { background-image:url('../img/icon/file/gif.png'); }
ul li.html { background-image:url('../img/icon/file/html.png'); }
ul li.jpg { background-image:url('../img/icon/file/jpg.png'); }
ul li.pdf { background-image:url('../img/icon/file/pdf.png'); }
ul li.png { background-image:url('../img/icon/file/png.png'); }
ul li.ppt { background-image:url('../img/icon/file/ppt.ppt'); }
ul li.txt { background-image:url('../img/icon/file/txt.png'); }
ul li.zip { background-image:url('../img/icon/file/zip.png'); }

ul.colsTwo { float:left; display:inline; width:48%; margin-top:0; }
ul.colsThree { float:left; display:inline; width:30%; margin-top:0; }

ul.benefit li { padding-left:24px; background-image:url('../img/list/benefit.png'); background-position:0 0.1em; }

ol { margin:0.7em 0 20px 35px; }
ol li { line-height:1.4; margin:6px 0 6px 0; }

/* -- Tables -- */
table { width:100%; margin:0.4em 0 20px 0; border:0; font-size:100%; border-collapse:collapse; border-spacing:expression(cellSpacing=0); border-spacing:0px; clear:both; }
thead th { background:#005115; border:solid #005115; border-width:1px 1px 0 1px; color:#fff; }
tbody .odd td, tbody .odd th { background:#ffffff; }
tbody .even td, tbody .even th { background:#f2f2f2; }
tbody td, tbody th { border:solid #d8d8d8; border-width:0 1px 1px 1px; }
th { padding:13px 12px 9px 12px; vertical-align:top; font-weight:bold; text-align:left; }
td { padding:11px 12px 7px 12px; vertical-align:top; }

table.notBorder thead th, table.noBorder thead td,
table.notBorder tbody th, table.noBorder tbody td { border:none; }

tbody td.notBorderRight { border-right:none; }
tbody td.notBorderLeft { border-left:none; }


table.notHeader { border-top:1px solid #d8d8d8; } 

/* -- Paragraph and Address -- */
p,
address { margin:0.4em 0 1.15em 0; line-height:1.5; }

/* -- Forms -- */
form fieldset { border:none; }
form label.error { color:#ef2c1d; background:none; }
form textarea { overflow:auto; }

form .inp-text,
form .submit input { font-family:"Arial CE","Helvetica CE",Arial,Helvetica,sans-serif; }

form .inp-text { padding:1px 0 1px 1px; border:1px solid #bdbeb2; font-size:1em; }
form .w-full { width:99%; }
form .w-half { width:46%; }
form .fl-left,
form .fl-right { width:46%; }
form .submit input { cursor:pointer; font-size:1.2em; }

/* Datum: den, mesic, rok */
form .dd { width:24%; }
form .mm { width:49%; }
form .yy { width:24%; }


/* -- Basic classes */
.ta-left { text-align:left }
.ta-center { text-align:center }
.ta-right { text-align:right }

.fl-left { float:left;  display:inline; }
.fl-right { float:right; display:inline; }
.fl-clear { clear:both; display:block; width:100%; height:1px; margin:0; padding:0; overflow:hidden; visibility:hidden; border:none; font-size:1px; }

.hidden { display:none; }
.help { cursor:help; }
.small { font-size:92%; }
.perex { font-weight:bold; font-size:1.2em; }
.perex-title { font-weight:bold; font-size:1.4em; }
.req { font-family:Verdana, "Geneva CE", lucida, sans-serif; font-size:92%; }

.reset { margin:0; padding:0; background:transparent none repeat scroll 0 0; border:0 none; } 

/* -- Box for images -- */
.imgBox { margin:0.2em  0 10px 0; text-align:center; }
.imgBox.fl-left { margin-right:20px; }
.imgBox.fl-right { margin-left:20px; }
.imgBox.border img { padding:5px; border:1px solid #cedcd2; }

/* -- Box for logos -- */
.logoBox a { float:left; width:20%; text-align:center; }

/* -- Box for photo gallery -- */
.photoBox { margin-top:0.75em; background:#cedcd2; }
.photoBox a { position:relative; float:left; display:inline; margin:16px 0 15px 16px; }
.photoBox a img { display:block; width:112px; height:112px; border:1px solid #6D9F7B; }
.photoBox a span { position:absolute; top:50%; left:50%; display:none; width:48px; height:41px; margin:-20px 0 0 -24px; 
	background:url('../img/box/photo.png') 50% 40% no-repeat; }
.photoBox a:hover span { display:block; }



/* -- Messages -- */
.msg-box { margin:0 0 16px 0; padding:8px 8px 9px 8px; border:1px solid; font-size:1.1em; }
.msg-box .ico { display:inline-block; width:22px; height:22px; margin:0 8px -6px 0; background:0 0 no-repeat; }
.msg-box .ico span { display:none; }
.msg-box.error { background-color:#FFF1EC; border-color:#D1481A; color:#D1481A; }
.msg-box.error .ico { background-image:url('../img/icon/message/error.png'); }
.msg-box.success { background-color:#F9FFEC; border-color:#669900; color:#669900; }
.msg-box.success .ico { background-image:url('../img/icon/message/success.png'); }

/* -- Contact information -- */
.contact-box .address { margin-top:0.5em; font-style:normal; }
.contact-box .contact { margin-top:0.5em; line-height:2.8em; }
.contact-box .contact br { clear:left; }
.contact-box .contact strong { float:left; display:inline; width:30px; height:25px; margin-top:3px; margin-right:10px; }
.contact-box .contact strong span { display:none; }
.contact-box .contact .phone { background:url('../img/icon/contact/phone.png') 50% 50% no-repeat; }
.contact-box .contact .fax { background:url('../img/icon/contact/fax.png') 50% 50% no-repeat; }
.contact-box .contact .email { background:url('../img/icon/contact/email.png') 50% 50% no-repeat; }
.contact-box .contact .map { background:url('../img/icon/contact/map.png') 50% 50% no-repeat; }
.contact-box span { display:block; margin:0.4em 0; line-height:1.7em; }
.contact-box span br { display:block; }




/* ------ LAYOUT STYLES ------ */

#container { position:relative; padding-top:11em; text-align:center; }

#main-menu, #footer { width:100%; text-align:center; }
#main-menu-in, #footer-in { width:900px; margin:0 auto; text-align:left; }

#header { width:900px; margin:0 auto; text-align:left; }
#logo { margin:0; font-size:2.5em; font-weight:bold; }
#logo a { display:block; width:224px; height:61px; color:#fff; }



#main-menu { position:absolute; top:0; left:0; min-height:113px; _height:113px; background:#8A9427 url('../img/box/main-menu.png') 0 0 repeat-x; }
#main-menu-in { background:#8A9427 url('../img/box/main-menu.png') 0 0 repeat-x; }
#main-menu ul { margin:0 0 0 -40px; }
#main-menu li { float:left; display:inline; margin:0 0px -1px 40px; padding:0; background:url('../img/list/main-menu.png') 50% 22px no-repeat; 
	font-size:1.15em; font-weight:bold; }
#main-menu li.four { margin-right:0; } 
#main-menu li.selected { background-image:url('../img/list/main-menu-selected.png'); }

#main-menu li a,
#main-menu li strong { display:block; min-height:53px; _height:51px; padding-top:54px; color:#fff; }
#main-menu li.selected a{text-decoration:none;}

#main-menu li a span,
#main-menu li strong span { display:block; min-height:20px; _height:20px; padding:10px 0 0 45px; background:0 8px no-repeat; line-height:1.15em; }
#main-menu li.one span { background-image:url('../img/number/big/one.png'); }
#main-menu li.two span { background-image:url('../img/number/big/two.png'); }
#main-menu li.three span { background-image:url('../img/number/big/three.png'); }
#main-menu li.four span { background-image:url('../img/number/big/four.png'); }
#main-menu li.five span { background-image:url('../img/number/big/five.png'); }


/* Main box */
.main-content { position:relative; left:4px; margin:15px auto 0 auto; width:909px; padding-bottom:8px; text-align:left; background:url('../img/box/about.png') 0 100% no-repeat; }
#main-in { padding:0 8px 0 1px; background:url('../img/box/about.png') -908px 0 repeat-y; } 
#main-in-in { padding:15px 0 5px 15px; background:#fff url('../img/box/main-in.png') 0 0 repeat-x;  }
.main-fragment{width:100%; float:left; min-height:50px;}

/* Main box in homepage */ 
.home-content { width:908px; }
.home-content,
.home-content #main-in,
.home-content #main-in-in { background:none; padding:0; }

/* Subpages */
#col-content, #col-fullsize { position:relative; margin-right:15px; padding:20px 10px 10px 20px; background:#fff; }
#col-content { float:right; display:inline; width:667px; }
#col-fullsize { }
#col-side { float:left; display:inline; width:173px; }

#breadcrumb { margin:0 6px 10px 0; padding-top:7px; background:url('../img/box/breadcrumb.png') 0 0 no-repeat; color:#959f31; font-size:1.5em; font-weight:normal; }
#breadcrumb-in { padding:8px 10px 23px 10px; background:url('../img/box/breadcrumb.png') -878px 100% no-repeat; }
#breadcrumb a { color:#959f31; }
#breadcrumb p { margin:0; }

#side-menu li { margin:5px 0 0 0; padding:0; color:#005115; font-size:1.1em; background:none; } 
#side-menu li li { padding-left:16px; background:url('../img/list/sublist.png') 0 0.45em no-repeat; font-size:1em; }
#side-menu li .item { display:block; padding-top:8px; background:url('../img/box/side-menu.png') 0 0 no-repeat; color:#005115;  }
#side-menu li .in { position:relative; display:block; padding:10px 10px 25px 30px; background:url('../img/box/side-menu.png') -173px 100% no-repeat; }
#side-menu li .arrow { position:absolute; top:27px; left:10px; display:block; width:12px; height:12px; margin-top:-13px; background:url('../img/list/side-menu.png') 0 0 no-repeat; }

#side-menu li.more.selected .item { }
#side-menu li.more.selected .item, 
#side-menu li .selected { background-position:-346px 0; cursor:text; text-decoration:none; }
#side-menu li .selected { font-weight:bold; } 

#side-menu li.more.selected .in,
#side-menu li .selected .in { background-position:-519px 100%; }



#side-menu ul { margin:-5px 0 0 0; } 
#side-menu ul ul { margin:5px 0 0 0; } 
 
#main h1 { position:absolute; right:10px; top:-58px; margin:0; color:#005115; font-size:1.8em; }


#footer { position:relative; margin-top:20px; background:#A1AB3E; color:#0f5421; }
#footer-in { padding:22px 0; background:#A1AB3E; }
#footer a { color:#0f5421; }
#footer p { margin:0; }

#copyright { padding:12px 0 0 107px; text-align:center; }
#tools { float:right; }

#tools a { float:left; display:inline; width:49px; height:41px; margin-left:10px; background-image:url('../img/icon/tools.png'); }
#tools a span {display:none; }
#tools a.print { background-position:0 0; }
#tools a.print:hover { background-position:-49px 0; }
#tools a.backToTop { background-position:-98px 0; }
#tools a.backToTop:hover { background-position:-147px 0; }
#tools .separator { display:none; }
/*

#footer-in { border:solid #fff; border-width:0 1px; }
#copyright { background:yellowgreen; }
#tools { background:lightblue; }

#main-menu-in { background:yellow; }
#main-in { background:pink; }
#footer-in { background:red; }

*/


/* ---- Homepage ---- */
#about { margin:0 0 17px -1px; padding-bottom:8px; background:url('../img/box/about.png') 0 100% no-repeat; }
#about-in { padding:0 8px 0 1px; background:url('../img/box/about.png') -908px 0 repeat-y; }
#about-in-in { position:relative; min-height:270px; padding:15px 0 15px 395px; background:#fff url('../img/box/about-in.png') 0 0 repeat-x; }

#about h2 { margin:0 9px 0 -16px; padding-top:8px; background:url('../img/box/about-title.png') 0 0 no-repeat; }
#about h2 span { display:block; padding:7px 6px 21px 15px; background:url('../img/box/about-title.png') -512px 100% no-repeat; }
#about h3 { margin:1em 0; }
#about p { font-size:1.05em; font-weight:bold; }
#about li { width:554px; margin:8px 0 0 0px; padding:0; color:#fff; font-size:1.3em; font-weight:bold; }
#about li a { display:block; padding-top:8px; color:#fff; background:url('../img/box/about-list.png') 0 0 no-repeat; }
#about li a .in { display:block; background:url('../img/box/about-list.png') -554px 100% no-repeat; }
#about li a:hover { text-decoration:underline; }
#about li a .text { position:relative; display:block; padding:1px 60px 7px 60px; }
#about li a .number { position:absolute; top:50%; left:14px; display:block; width:20px; height:13px; margin-top:-10px; background-image:url('../img/number/small/about.png'); background-repeat:no-repeat; }
#about li a .number.one { background-position:0 0; }
#about li a .number.two { background-position:-20px 0; }
#about li a .number.three { background-position:-40px 0; }
#about li a .number.four { background-position:-60px 0; }
#about li a .arrow { position:absolute; top:50%; right:14px; display:block; width:20px; height:17px; margin-top:-12px; background:url('../img/icon/arrow/green.png') 0 0 no-repeat; }

#about li a:hover { background-position:-1108px 0; text-decoration:none; }
#about li a:hover .in { background-position:-1662px 100%; }


#about ul { position:relative; margin:1.7em 0 0 1px; }
#about .illust { position:absolute; top:15px; left:0; margin:0; }



#tips { margin-left:-1px; }
#tips .box { float:left; display:inline; width:298px; margin-right:6px; padding:0 0 8px 1px; 
	background:url('../img/box/tips.png') 0 100% no-repeat; color:#fff; }
#tips .box-in { padding-right:7px; background:url('../img/box/tips.png') -299px 0 repeat-y; }
#tips .box a { color:#fff; }
#tips .box h3 { margin:0; padding:15px 0 13px 0; text-align:center; background:url('../img/box/tips-list.png') -291px 0 no-repeat; 
	color:#033811; font-size:1.8em; }
#tips .box h3 em { color:#fff; font-style:normal; text-transform:uppercase; }
#tips .box ul { margin:-10px 0 0 0; padding:0px 0 6px 0; background:url('../img/box/tips-list.png') 0 0 no-repeat; }
#tips .box li { margin-left:16px; margin-right:16px; padding-left:24px; background-image:url('../img/list/white.png'); background-position:0 0.2em; }
#tips .box .img { width:291px; height:156px; background:0 0 no-repeat; }

#tips #absModern { margin-right:0; margin-left:-1px; }

#tips #absEcologic .img { background-image:url('../img/illust/absEcologic.jpg'); }
#tips #absProfitable .img { background-image:url('../img/illust/absProfitable.jpg'); }
#tips #absModern .img { background-image:url('../img/illust/absModern.jpg'); }

/* Tabulka energetickych trid: */
.energyClass .a3 { background-color:#005AAD; color:#fff; }
.energyClass .a2 { background-color:#B62371; color:#fff; }
.energyClass .a1 { background-color:#01AEF0;  }
.energyClass .a { background-color:#01A245; color:#fff; }
.energyClass .b { background-color:#8DC73F;  }
.energyClass .c { background-color:#FEF200;  }
.energyClass .d { background-color:#FFCB05;  }
.energyClass .e { background-color:#F9A61A;  }
.energyClass .f { background-color:#F9A61A;  }
.energyClass .g { background-color:#D7181F;  }

/* Kontakt */
#contact-infomation { float:left; display:inline; }
#contact-infomation h3 { margin-top:0; color:#97a133; }
#contact-infomation .address { font-size:1.1em; }
#contact-infomation .contact { margin:25px 0 0 0; }
#contact-map { float:right; display:inline; margin-top:30px; }
#contact-map p { margin:0; }
#contact-map strong { display:block; color:#9F1919; font-size:1.2em; }
#contact-map p { margin-bottom:0; }

/* Formularove boxy */
.form-box { margin-top:0.8em; background:#cedcd2 url('../img/box/form.png') 0 0 repeat-x; }
.form-box form { padding:15px 15px 13px 15px; }
.form-box form textarea.inp-text { background-image:url('../img/form/inpTextArea.png'); }
.form-box form .inp-text { padding-top:7px; padding-bottom:5px; background:#f0f0f0 url('../img/form/inpText.png') 0 0 repeat-x; }
.form-box form .small { margin-top:15px; color:#3E6F4B; /*0c511e*/}
.form-box form .small,
.form-box form .submit { margin-bottom:0; }
.form-box form .submit input { width:182px; min-height:32px; _height:32px; background:url('../img/form/btnSubmit.png') 0 0 no-repeat; border:none; color:#fff; font-weight:bold; }
.form-box form .submit input.hover,
.form-box form .submit input:hover { background-position:100% 0; }
.form-box br { display:none; }
.form-box label { display:block; margin-bottom:2px; color:#0c511e; font-size:1.1em; }
.form-box .msg-box { margin:0px 0 6px 0; }

.nav { position:absolute; display:block; width:40px; height:40px; background-image:url('../img/icon/navigation.png'); }
.nav.prev { left:0; background-position:0 0; }
.nav.prev:hover { background-position:-40px 0; }

.nav.next { right:0; background-position:-80px 0; }
.nav.next:hover { background-position:-120px 0; }
.nav span { display:none; }

#main-menu .nav { top:54px; }
#footer .nav { top:22px; }

#faq.js li h3 { font-size:1.2em; }
#faq.js li h3:hover { cursor:pointer; }
#faq.js li .in p,
#faq.js li .in u { margin-top:0; margin-bottom:0; }

/* ATTACHED FILES */
.attached-files { margin:1em 0 2.5em 0; }
.attached-files ul { width:100%; overflow:hidden; }
.attached-files li{ color:#666; padding:5px 2px 7px; margin:0; background-image:none; }
.attached-files a{margin:0; padding:5px 0 5px 22px; background-repeat:no-repeat; background-position:0 4px;}
.dm { background-image: url('/img/file/3dm.png'); }
.rhp { background-image: url('/img/file/rhp.png'); }
.ai { background-image: url('/img/file/ai.png');}
.avi {background-image: url('/img/file/avi.png');}
.tif, .png, .jpg, .gif, .bmp {background-image: url('/img/file/jpg.png');}
.cdr {background-image: url('/img/file/cdr.png');}
.doc, .docx, .odt {background-image: url('/img/file/doc.png');}
.exe {background-image: url('/img/file/exe.png');}
.html, .htm {background-image: url('/img/file/html.png');}
.mp3, .wma {background-image: url('/img/file/mp3.png');}
.pdf {background-image: url('/img/file/pdf.png');}
.ppt, .pptx {background-image: url('/img/file/ppt.png');}
.psd {background-image: url('/img/file/psd.png');}
.qt {background-image: url('/img/file/qt.png');}
.ra {background-image: url('/img/file/ra.png');}
.swf {background-image: url('/img/file/swf.png');}
.dwg, .dxf {background-image: url('/img/file/dwg.png');}
.txt, .css {background-image: url('/img/file/txt.png');}
.xls, .xlsx, .xlt, .xlsx { background-image: url('/img/file/xls.png');}
.zip {background-image: url('/img/file/zip.png');}
.unknown {background-image: url('/img/file/unknown.png');}