/* CSS Document */

body, html {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
  background: #FFFFFF;
}

a img {
  border: 0;
}

.cleaner {
  clear: both;
}

.right {
   float: right;
}

.left {
   float: left;
}

.center {
   margin-left: 15%;
}

#wrapper {
  width: 940px;
  margin: 10px auto 0 auto;
}

a {
   color: black;
}

a:hover {
   color: #47A941;
}

/*
  module header
*/

#header {
  height: 140px;
  background: #E5E5E5 url('../img/header-bg.png') repeat-x;
  margin: 0 0 15px 0;
}

#header .logo {
  margin: 20px 0 0 20px;
}

#header #navigation {
  list-style: none;
  margin: 18px 0 0 0;
  padding: 0;
  height: 29px;
}

#header #navigation li {
  float: left;  
  line-height: 29px;
  text-align: center;    
  font-size: 80%;
  font-weight: bold;
  margin: 0 1px 0 0;
}

#header #navigation li a {
  display: block;
  width: 120px;
  height: 29px;  
  background: #FEE549 url('../img/header-nav-bg.gif') no-repeat;
  color: #414141;
  text-decoration: none;
}

#header #navigation li a:hover {
  color: #FFFFFF;
  background: #FEE549 url('../img/header-nav-bg-hover.gif') no-repeat;
}

#header #navigation .navactive a, #header #navigation .navactive a:hover {
  color: #FFFFFF;
  background: #FEE549 url('../img/header-nav-bg-active.gif') no-repeat;
}

#header #breadcrumbs {
  float: left;
  list-style: none;
  margin: 0;
  height: 29px;
  line-height: 29px;
  padding: 0;
}

#header #breadcrumbs li {
  display: inline;    
  font-size: 65%; 
  margin: 0 10px 0 0;  
}

#header #breadcrumbs li a {
  color: #666666;
  text-decoration: underline;
  background: url('../img/header-bread-arrow.gif') 100% 50% no-repeat;
  padding: 0 40px 0 0;
}

#header #breadcrumbs li a:hover {
  color: #000000;
}

#header #breadcrumbs .bread-first {
  padding-left: 20px;
}

#header #breadcrumbs .bread-active {
   color: #666666;
}

#header #breadcrumbs .bread-active a:hover  {
  color: #666666;
}

/*
  module leftimg
*/

#leftimg {
  float: left;
  width: 275px;
  color: #414141;
}

#leftimg img {
  margin: 15px 0 0 0;
}

#rightimg {
  float: right;
  width: 275px;
  color: #414141;
}

#rightimg img {
  margin: 15px 0 0 0;
}

/*
  module content home
*/

#contenthome {
  float: right;
  width: 665px;
  color: #414141;  
}

#contenthome .contleft {
  float: left;
  width: 330px;
  padding: 0 30px 0 30px;
}

#contenthome .contleft h1 {
  font-size: 140%;
  font-weight: normal;
  margin: 12px 0 15px 0;
  padding: 0;
}

#contenthome .contleft p {
  margin: 0 0 15px 0;
  padding: 0;
}

#contenthome .productbox {
   position: relative;
  float: right;
  width: 273px;
  height: 77px;
  border: 1px solid #E4E4E4;
  padding: 6px 0 0 0; 
  margin: 15px 0 0 0;  
}

#contenthome .productbox div {
   position: absolute;
   top: -11px;
   left: 0;
   width: 273px;
   height: 10px;
   background: url('../img/home-product-shadow.png') no-repeat; 
}

#contenthome .productbox h2 {
   position: relative;
  width: 190px;
  height: 20px;
  line-height: 19px;
  font-size: 75%; 
  background: #47A941;
  padding: 0 0 0 10px;
  margin: 0 0 0 6px;
}

#contenthome .productbox p {
  font-size: 70%;
  margin: 0;
  padding: 8px 10px 10px 10px;
}

#contenthome .productbox h2 a {
   color: #FFFFFF;
   text-decoration: none;
}

#contenthome .productbox h2 span {
   position: absolute;
   width: 14px;
   height: 15px;
   top: 3px;
   right: -59px;
   background: url('../img/arrow-arrow.gif') no-repeat;
   cursor: hand;
}

/*
  module subnav leftnav
*/

#leftnav {
   float: left;
   width: 242px;
   background: #E5E5E5;
   font-size: 75%;
   margin: 0;
   padding: 0 0 10px 0;
   list-style: none;
}

#leftnav li a:hover {
   color: #47A941;
}

#leftnav li {
   margin: 0 0 0 10px;
   color: #666666;
   padding: 3px 0 2px 0;
}

#leftnav li a {
   display: block;
   margin: 10px 0 0 0;
   padding: 0 0 0 15px;
   background: url('../img/arrow-leftnav.gif') no-repeat 0 50%;
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
}

#leftnav li ul {
   margin: 0 0 0 15px;
   padding: 0;
   list-style: none;
}

#leftnav li ul li a {
   margin: 0;
   padding: 0 0 0 15px;
   background: 0;
   font-weight: normal;
}

#leftnav li ul li a.navactive {
   margin: 0;
   padding: 0 0 0 15px;
   background: 0;
   font-weight: normal;
   color: #FF7300;
}

#leftnav .navheading {
   margin-top: 5px;
}

/*
  module content
*/

#content {
  float: right;
  width: 665px;
  color: #414141;  
}

#content-100 {
   position: relative;   
  width: 898px;
  color: #414141;
  margin: 0 0 0 20px;  
}

#content p {
   font-size: 90%;
   line-height: 130%;
   margin: 0 0 15px 0;
}

#content h1, #content-100 h1 {
   font-size: 120%;
   color: #FF7300;
   margin: 0;
   padding: 0;
}

#content-100 .historyback {
   font-size: 80%;
   font-weight: bold;
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   padding-left: 17px;
   background: url('../img/arrow-back.gif') no-repeat 0 6px;
 }

h1#productlogo {
   position: relative;
   height: 50px;
   float: right;
   width: 415px;
   margin: 0;
   padding: 0;
   font-size: 14px; 
}

h1#productlogo span {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

span.logo-variant {   
   background: #FFFFFF url('../img/nazev_variant.gif') 0 10px no-repeat;
}

span.logo-thermostar {   
   background: #FFFFFF url('../img/nazev_thermostar.gif') 0 10px no-repeat;
}

span.logo-thermostar-classic {   
   background: #FFFFFF url('../img/nazev_thermostar_classic.gif') 0 10px no-repeat;
}

span.logo-thermoline {   
   background: #FFFFFF url('../img/nazev_thermoline.gif') 0 10px no-repeat;
}

span.logo-rotomax-midi {   
   background: #FFFFFF url('../img/nazev_rotomax_midi.gif') 0 10px no-repeat;
}

span.logo-thermoroll {   
   background: #FFFFFF url('../img/nazev_thermoroll.gif') 0 10px no-repeat;
}

span.logo-biotherm {   
   background: #FFFFFF url('../img/nazev_biotherm.gif') 0 10px no-repeat;
}

span.logo-fornata {   
   background: #FFFFFF url('../img/nazev_fornata.gif') 0 10px no-repeat;
}

span.logo-uni-mini {   
   background: #FFFFFF url('../img/nazev_fornata_uni_mini_eng.gif') 0 10px no-repeat;
}

span.logo-thermomax {   
   background: #FFFFFF url('../img/nazev_thermomax.gif') 0 10px no-repeat;
}

span.logo-rotomax {   
   background: #FFFFFF url('../img/nazev_rotomax.gif') 0 10px no-repeat;
}

span.logo-rotela {   
   background: #FFFFFF url('../img/nazev_rotela.gif') 0 10px no-repeat;
}

span.logo-asistent {   
   background: #FFFFFF url('../img/nazev_asistent.gif') 0 10px no-repeat;
}

span.logo-akrobat-fixbox {   
   background: #FFFFFF url('../img/nazev_akrobat_fixbox.gif') 0 10px no-repeat;
}

span.logo-asistent-line {   
   background: #FFFFFF url('../img/nazev_asistent_line.gif') 0 10px no-repeat;
}

span.logo-kynarny {   
   background: #FFFFFF url('../img/nazev_boxove_kynarny_eng.gif') 0 10px no-repeat;
}

span.logo-vyuziti {   
   background: #FFFFFF url('../img/nazev_vyuziti_odpadniho_tepla.gif') 0 10px no-repeat;
}

span.logo-ekoblok {   
   background: #FFFFFF url('../img/nazev_ekoblok.gif') 0 10px no-repeat;
}

span.logo-energetika {   
   background: #FFFFFF url('../img/nazev_chlazeni_a_energetika.gif') 0 10px no-repeat;
}

span.logo-ekoblok-bypass {   
   background: #FFFFFF url('../img/nazev_ekoblok_bypass.gif') 0 10px no-repeat;
}

span.logo-absorbery {   
   background: #FFFFFF url('../img/nazev_absorbery.gif') 0 10px no-repeat;
}

span.logo-vyvijece {   
   background: #FFFFFF url('../img/nazev_vyvijece_pary.gif') 0 10px no-repeat;
}

span.logo-linky {   
   background: #FFFFFF url('../img/nazev_automated_bread_lines.gif') 0 10px no-repeat;
}

span.logo-kmarket {   
   background: #FFFFFF url('../img/nazev_kmarket.gif') 0 10px no-repeat;
}

span.logo-dopravniky {   
   background: #FFFFFF url('../img/nazev_modular_conveyor_belts.gif') 0 10px no-repeat;
}

span.logo-kotle {   
   background: #FFFFFF url('../img/nazev_thermooil_boiler.gif') 0 10px no-repeat;
}

#content h2 {
   font-size: 100%;
   margin-bottom: 5px;
}

#content h3, #content-100 h2 {
   position: relative;
   border: 1px solid #E1E1E1;
   color: #666666;
   padding: 0 0 0 25px;
   font-size: 75%;
   height: 20px;
   line-height: 19px;
   background: #FEF7DB url('../img/arrow-grey.gif') no-repeat 6px 6px;
   margin: 0;
}

#content dl {
   font-size: 75%;
   margin: 0;
}

#content dl dt {
  
   padding: 0 0 0 25px;
   background: url('../img/arrow-grey.gif') no-repeat 7px 7px;
   font-weight: bold;
   color: #000000;
   width: 300px;
   margin: 15px 0 0 0; 
}

#content dl dd {
   font-size: 90%;
   margin: 0 0 0 8px;
   padding: 0;
   width: 300px;
}

#content dl.dl_left {
   float: left;
}

#content dl.dl_right {
   float: right;
}

#content dl.asistvar dt {
   background: url('../img/arrow-orange.gif') no-repeat 7px 7px;
}

#content dl.asistvar {
   margin-bottom: 15px;
}

#content dl dt span {
   color: #FF7300;
}

#content #documents {
   width: 242px;
   margin: 20px 0 0 0;
   padding: 0;
   float: left;
   list-style: none;
   font-size: 75%;
}

#content #documents li a {
   background: url('../img/arrow-orange.gif') no-repeat 7px 5px;
   color: #000000;  
   line-height: 19px;
   height: 19px;
   text-decoration: underline;
   padding: 0 0 0 25px;
}

#content #documents li a:hover {   
   color: #47A941;  
}

#content #documents li.heading {
   background: #B4B4B4 url('../img/arrow-greydoc.gif') no-repeat 7px 7px;
   color: #FFFFFF;
   width: 217px;
   height: 22px;
   line-height: 21px;
   font-weight: bold;
   padding: 0 0 0 25px;
   margin: 0 0 5px 0;
}

#content #similar {
   width: 414px;
   float: right;
   margin: 20px 0 0 0;
   padding: 0;
   font-size: 75%;
   list-style: none;
}

#content #similar li {
   width: 206px;
   margin: 0 0 5px 0;
}

#content #similar li.heading {
   background: #FF7300 url('../img/arrow-white.gif') no-repeat 7px 7px;
   color: #FFFFFF;
   width: 392px;
   height: 22px;
   line-height: 21px;
   font-weight: bold;
   padding: 0 0 0 25px;
   margin: 0 0 5px 0;
}

#content #similar li h4 {
   font-size: 100%;
   margin: 0;
   padding: 0;
}

#content #similar li h4 a {
   height: 22px;
   line-height: 21px;
   padding: 0 0 0 25px;
   background: url('../img/arrow-grey.gif') no-repeat 7px 5px;
   font-weight: bold;
   color: #000000;
   margin: 15px 0 0 0; 
}

#content #similar li h4 a:hover {   
   color: #47A941;  
}

#content #similar li p {
   margin: 0 0 0 8px;
   padding: 0;
}

/*
  module techtable
*/

#techtable {
   float: right;
   width: 413px;
   border: 1px solid #E5E5E5;
   font-size: 75%;
   padding: 0 0 12px 0;
   margin: 0 0 20px 0;
}

#techtablethermoroll {
   float: left;
   width: 580px;
   border: 1px solid #E5E5E5;
   font-size: 75%;
   padding: 0 0 12px 0;
   margin: 0 0 20px 0;  
}

#techtablebiotherm {
   float: left;
   width: 530px;
   border: 1px solid #E5E5E5;
   font-size: 75%;
   padding: 0 0 12px 0;
   margin: 0 0 20px 0;  
}

#techtablethermoroll h2 {
   width: 320px;
   height: 20px;
   line-height: 19px;
   background: #47A941;
   color: #FFFFFF;
   font-weight: bold;
   text-align: left;  
   font-size: 100%;
   margin: 10px 0 0 5px;
   padding: 0 0 0 10px; 
}

#techtablebiotherm h2 {
   width: 220px;
   height: 20px;
   line-height: 19px;
   background: #47A941;
   color: #FFFFFF;
   font-weight: bold;
   text-align: left;  
   font-size: 100%;
   margin: 10px 0 0 0px;
   padding: 0 0 0 10px; 
}

#techtable h2 {
   width: 300px;
   height: 20px;
   line-height: 19px;
   background: #47A941;
   color: #FFFFFF;
   font-weight: bold;
   text-align: left;  
   font-size: 100%;
   margin: 10px 0 0 5px;
   padding: 0 0 0 10px; 
}

#techtable table {  
   width: 413px;
   border-collapse: collapse;  
   text-align: left;
}

#techtable table td, #techtable table th {
   padding: 3px 0 3px 15px;
}

#techtable table th {
   border-bottom: 1px solid #E5E5E5;
   padding-top: 10px;
}

/*
  module footer
*/

#footer {
  font-size: 70%;
  color: #999999;
  border-top: 1px solid #E4E4E4;
  padding-top: 5px;
  padding-bottom: 20px;
  margin-top: 40px;
}

/*
  products
*/

#content .productbox {
  position: relative;
  width: 318px;
  height: 110px;
  border: 1px solid #E4E4E4;
  margin: 20px 0 0 0; 
  padding: 0; 
  list-style: none;
  background: url('../img/bg-productbox.png') repeat-x;
}

#content .productbox li {
   
   margin: 0 0 0 10px;
   padding: 0;
   font-size: 80%;
  
}

#content .productbox li a {
   color: #000000;
}

#content .productbox li a:hover {
   color: #47A941;
}

#content .productbox div {
   position: absolute;
   top: -11px;
   left: 40px;
   width: 273px;
   height: 10px;
   background: url('../img/home-product-shadow.png') no-repeat; 
}

#content .productbox h2 {
   position: relative; 
   font-size: 110%; 
   margin: 5px 0 5px 0;
   padding: 0; 
}

#content .productbox h3 {
   margin: 0;
   padding: 0 0 0 14px;
   border: 0;
   font-size: 100%;
   font-weight: normal;
   background: url('../img/arrow-orange.gif') no-repeat 0 5px;
}

#content .productbox .heading {
   padding: 0;
   background: 0;
}

#imgdiv {
   float: left;
   position: relative;
   width: 235px;
   height: 265px;
   margin: -20px 0 0 0;
   padding: 0;
}

#imgdivroll {
   float: left;
   position: relative;
   width: 250px;
   height: 200px;
   margin: -20px 0 0 0;
   padding: 0;
}

#imgdiv span, #imgdiv_alone span {
   position: absolute;
   width: 92px;
   height: 92px;  
   top: -30px;
   left: -20px;
   background: url('../img/star_highperfomance.gif') 0 0 no-repeat;
   z-index: 10;
}

#imgdiv span.economy {  
   background: url('../img/star_economy.gif') 0 0 no-repeat;
}

#imgdiv span.ideal {  
   background: url('../img/star_ideal.gif') 0 0 no-repeat;
}

#imgdiv span.warm {  
   background: url('../img/star_warm.gif') 0 0 no-repeat;
}

#imgdiv_alone span.automat {  
   top: 0;
   left: -21px;
}

#imgdiv_alone {
   float: left;
   position: relative;
   width: 235px;
   height: 265px;
   margin: 0 10px 0 0;
   padding: 0;
}

#quality, #qualityeko {
   font-size: 80%;
   height: 60px;
   list-style: none;
   margin: 0 0 13px 6px;
   padding: 0;
}

#quality li, #qualityeko li {
   float: left;
   width: 200px;
   height: 20px;
   margin: 1px;
   background: url('../img/arrow-orange.gif') no-repeat 0 5px;
   padding: 0 0 0 16px;
}

#qualityeko li {
   width: 310px;
}

.notes {
   font-size: 80%;
   padding: 20px 10px 0 10px;
}

.highlightzone {
   color: #FF7300;
   padding: 10px;
   border: 1px solid #DEDEDE;
   font-weight: bold;
   margin: 0;
}

.certify {
   float: right;
   margin: 20px;
}

#content .normallist {
   font-size: 80%;
   list-style: none;
   margin: 15px 0 13px 8px;
   padding: 0;
}

#content .normallist li {
   height: 20px;
   background: url('../img/arrow-orange.gif') no-repeat 0 5px;
   padding: 0 0 0 16px;
}

#content-100 ul.gallery {
   list-style: none;
   margin: 0;
   padding: 0;
}

#content-100 ul.gallery li {
   float: left;
   padding: 5px 5px 0 5px;
   border: 1px solid #DEDEDE;
   margin-right: 15px;
   margin-bottom: 20px;
   height: 80px
}

#contenthome .contacts {
   width: 100%;
   text-align: left;
   font-size: 80%;
}

#contenthome h2 {
   font-size: 120%;
   margin-top: 30px;
}

#contenthome h3 {
   font-size: 100%;
   margin-top: 30px;
   margin-bottom: 5px;
   color: #FF7300;
}

#contenthome .contacts td {
   width: 33%;
}

.galleryback {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 10px 0 17px;
   background: url('../img/arrow-back.gif') no-repeat 0 6px;
}

.serviceslist {
   list-style: none;
   padding: 0;
   margin: 0;     
}

.serviceslist li {
   background: url('../img/arrow-arrow.gif') no-repeat 0 3px; 
   padding-left: 20px;
   line-height: 24px;
   margin-top: 15px;
   font-weight: bold;
}

.gallerylink {
   background: url('../img/arrow-arrow.gif') no-repeat 0 3px;
   padding-left: 20px;
}
#header #navigation li.language.first {
	margin-left: 63px;
	}
#header #navigation li.language a 
{
	display: block;
	width: 40px;
	height: 29px;  
	background: #414141;
	color: #FFF;
	text-decoration: none; 
    }
#header #navigation li.language a:hover 
{	
	background: #47A941;
    }	
	
.eu  img {
	float: left;
	margin: 0 10px 0 0;
	display: inline;	
}

.eu {
	font-size: 80%;
	padding-bottom: 0;
	font-weight: normal;
	color: #414141;
}

.eu p {
	margin-bottom: 9px !important;
}

.certificates {
	width: 100%;
}

.certificates img {
	margin: 0 0 0 85px;
}

/* Veletrhy */

.veletrhy {
	list-style: none;
	margin: 0;
	padding: 0;
}
.veletrhy a {
	color: #47A941;
	font-weight: bold;
	display: block;
	font-size: 80%;
}
.veletrhy span {	
	display: block;
	font-size: 70%;
	padding: 3px 0 10px 0;
}
.veletrhy li {
	width: 184px;
	height: 110px;
	float: left;
	border-right: 1px solid #E4E4E4;
	margin: 0 15px 30px 0;
}
.veletrhy li.noborder {
	border: 0;
}

/* Intro text */

.intro-text {
	font-size: 80%;
	margin-top: 5px;
}