/*
* {
    padding: 0;
    margin: 0; 
    border: 0;
}

*/

@IMPORT url("reset.css");

body {
    text-align: center;
    background-color: #50d011;
}

body,input,select,textarea,table {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 155%;
    font-size: 90%; 
    color: #eee;
}

a {
   color: #eee;
}


h1,h2,h3,h4,h5,h6 {
    margin-bottom: 0.5em;
    line-height: 140%;
}

h1 {
   font-size: 100%;
}

h2 {
   font-size: 180%;
}

h3 {
   font-size: 130%;
}

tr {
   vertical-align: top;
}

p {
   margin-bottom: 20px;
   text-align: justify;
}
big {
     font-weight: bold;
     font-size: 1.4em;
}

input.submit,button,label {
	cursor: pointer;	
}

.error-msg-empty-input {
	display: none;
	font-weight: bold;
	color: red;
	background-color: white;
	float: right;
	padding: 0 5px;	
}

/*** LISTS ***/
ul {list-style: none inside;}
ul li {margin-bottom: 10px;}

ul.biglist {
   list-style: square outside;
   margin-left: 45px;
   margin-bottom: 15px;
}

ul.biglist li {
   margin-bottom: 10px;
}

ul.smalllist {
   list-style: square outside;
   margin-left: 15px;
   margin-bottom: 15px;
}

ul.smalllist li {
   margin-bottom: 0px;
}

ul.smalllist li.active a {
   font-weight: bold;
}



.icon {
   vertical-align: middle;
   margin-right: 15px;
}



#main, #grass-out, #header, #content {
    display: table;
}

#main, #grass-out {
    width: 100%;
}

#main {
    background: #73b2fd url(/public/img/bg_blue.jpg) repeat-x top;
    padding-bottom: 20px;
    margin: 0 auto;
}

#grass-out {
    background: #50d011 url(/public/img/bg_green.jpg) repeat-x top;
}

#grass {
    position: relative;
    height: 350px;
}

#header, #content, #grass {
    width: 950px;
    margin: 0 auto;
}

#content {
    margin-top: 10px;
}



/*** MENU TOP ***/

#menu-top {
    text-align: right;
    font-size: 90%;
    
}



#logo, #menu-left {
    float: left;
}

#logo {
    width: 240px;
    height: 100px;
    display: block;
    text-align: left;
}

#stiebel-logo {
   float: right;
   margin-top: 44px;
   display: block;
}

#menu-left {
   display: block;
}

#menu-left ul {
    list-style: none outside;
    margin-left: 0;
}

	#menu-left ul li {
	    text-align: left;
	    background: #2f67d6 url(/public/img/bg_menu2.gif) repeat-x top;
	    margin-bottom: 5px;
	    width: 220px;
	}
	
		#menu-left ul li a {
		    color: #fff;
		    text-decoration: none;
		    border: 1px solid #1f4898;
		    background: transparent no-repeat 10px;
		    display: block;
		    padding: 3px 7px 3px 40px;
		    /*width: 150px;*/
		    /*_width: 200px;*/
		}
		
		#menu-left ul li a:hover {
		    background-color: #2f67d6;
		}


			#menu-left ul li ul {
				list-style: decimal outside;
				margin-left: 40px;
			}

			#menu-left ul li ul li {
			    margin-bottom: 0;
			    width: 180px;
			    
			}
			
				#menu-left ul li ul li a {
					font-size: 12px;
					margin-left: 0px;
					padding: 2px 5px;
					border-width: 0px 0px 1px 0px;
				}
				
				#menu-left ul li ul li a:hover {
				}
		


#menu-left a.m1 {background-image: url(/public/img/m1.gif);}
#menu-left a.m2 {background-image: url(/public/img/m2.gif);}
#menu-left a.m3 {background-image: url(/public/img/m3.gif);}
#menu-left a.m4 {background-image: url(/public/img/m4.gif);}
#menu-left a.m5 {background-image: url(/public/img/m5.gif);}
#menu-left a.m6 {background-image: url(/public/img/m6.gif);}
#menu-left a.m7 {background-image: url(/public/img/m7.gif);}
/*#menu-left a.m8 {background-image: url(../img/m8.gif);}  OLD */
#menu-left a.m10 {background-image: url(/public/img/m10.gif);}


#window {
    float: right;
    width: 650px;
    _width: 702px;
    background: #346ee1 url(/public/img/bg_wnd.jpg) no-repeat top left;
    border: 1px solid #9ebaf1;
    _height: 460px;
    min-height: 660px;
    padding: 25px 25px 45px 25px;
    text-align: left;
}

#window-inner {
    display: block;
    position: relative;
    z-index: 20;
}

#window-inner object {
  float: left;
  padding-right: 12px;
  padding-bottom: 12px;
}

#decor-house {
    position: absolute;
    top: -161px;
    left: -25px;
    background: transparent url(/public/img/house.jpg) no-repeat;
    width: 352px;
    height: 213px;
    z-index: 15;
}




/**** TRAILER ****/


.trailer {
    width: 145px;
    _width: 155px;
    background-color: #fff;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 180px;
    _height: 200px;
    display: table;
    padding: 4px;
    border: 2px solid #1f4898;
    text-decoration: none;
}



.trailer5 {
   width: 100%;
   height: 120px;
   margin-bottom: 10px;

}

.trailer:hover h2 {
    background-image: url();
}

.trailer h2 {
    color: #fff;
    padding: 4px 8px;
    font-size: 110%;
    line-height: 140%;
    margin: 0;
    text-decoration: underline;
    background-repeat: repeat-x;
}

.trailer p {
    color: #333;
    padding: 8px;
    line-height: 135%;
    font-size: 85%;
    font-weight: bold;
    text-align: left;
}


.trailer1,.trailer2, .trailerSmart {margin: 0px 10px 0 0;}
/*.trailer3 {margin: 0px 0 0 10px;}*/
.trailer3 {margin: 0px 10px 0 0px;}
.trailer4 {margin: 0px 10px 0 0px;}

.trailerSmart {background-image: url(/public/img/trailer5smart.jpg);}
.trailerSmart h2 {background: #66bb11 url(/public/img/button5.gif) repeat-x;}



.trailer1 h2 {background: #be202a url(/public/img/button1.gif) repeat-x;}
.trailer2 h2 {background: #3d5ba2 url(/public/img/button2.gif) repeat-x;}
.trailer3 h2 {background: #f2b737 url(/public/img/button3.gif) repeat-x;}
.trailer4 h2 {background: #70affc url(/public/img/button4.gif) repeat-x;}
.trailer5 h2 {background: #66bb11 url(/public/img/button5.gif) repeat-x;}

.trailer1 {background-image: url(/public/img/trailer6.jpg);}
.trailer2 {background-image: url(/public/img/trailer9.jpg);}
.trailer3 {background-image: url(/public/img/trailer8.jpg);}
.trailer4 {background-image: url(/public/img/trailer7.jpg);}
.trailer5 {background-image: url(/public/img/trailer5smart.jpg); height:150px}


.trailer19 {background-image: url(/public/img/trailer19.jpg); margin-right: 10px;}
.trailer20 {background-image: url(/public/img/trailer20.jpg); margin-right: 10px;}
.trailer21 {background-image: url(/public/img/trailer21.jpg); margin-right: 10px;}
.trailer22 {background-image: url(/public/img/trailer22.jpg); margin-right: 10px;}
.trailer23 {background-image: url(/public/img/trailer23.jpg);}

.trailer19 h2 {background: #c4343d url(/public/img/trailer_button_red.gif) repeat-x;}
.trailer20 h2 {background: #f2b737 url(/public/img/trailer_button_yellow.gif) repeat-x;}
.trailer21 h2 {background: #3d5ba2 url(/public/img/trailer_button_darkblue.gif) repeat-x;}
.trailer22 h2 {background: #a54429 url(/public/img/trailer_button_brown.gif) repeat-x;}
.trailer23 h2 {background: #70affc url(/public/img/trailer_button_lightblue.gif) repeat-x;}

.trailer19,
.trailer20,
.trailer21,
.trailer22,
.trailer23 {
	width: 200px;
	_width: 210px;
}











.trailerFull {
    width: 640px;
    background-color: #fff;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 180px;
    _height: 200px;
    display: table;
    padding: 4px;
    border: 2px solid #1f4898;
    text-decoration: none;
}
.trailerFull h2 {
    color: #fff;
    padding: 4px 8px;
    font-size: 110%;
    line-height: 140%;
    margin: 0;
    text-decoration: underline;
    background-repeat: repeat-x;
}

.trailerFull p {
    color: #333;
    padding: 8px;
    line-height: 135%;
    font-size: 85%;
    font-weight: bold;
    text-align: left;
}








/* ---------------------- */
/* trailer - dve na sirku */
/* ---------------------- */

.trailerHalf {
    width: 310px;
    _width: 320px;
    background-color: #fff;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 180px;
    _height: 200px;
    display: block;
    padding: 4px;
    border: 2px solid #1f4898;
    text-decoration: none;
}

.trailerHalf:hover h2 {
    background-image: url();
}

.trailerHalf h2 {
    color: #fff;
    padding: 4px 8px;
    font-size: 110%;
    line-height: 140%;
    margin: 0;
    text-decoration: underline;
    background-repeat: repeat-x;
}

.trailerHalf p {
    color: #333;
    padding: 8px;
    line-height: 135%;
    font-size: 85%;
    font-weight: bold;
    text-align: left;
}

























#smart {

   display: block;
   margin-top: 20px;
   line-height: 130%;
   color: #d0ebff;
   z-index: 100;
   width: 640px;
   _width: 650px;
}

#smart:hover {
   color: #fff;
}

#smart img {
   display: block;
   margin-top: 5px;
}


#ocenenie {
   display: block;
   background: url(/public/img/aqua-therm-plaketa.gif) no-repeat 8px 8px;
   margin: 15px 0 10px 0;
   padding: 5px 5px 5px 110px;
   font-size: 95%;
   width: 85px;
   _width: 200px;
   height: 120px;
}

#ocenenie:hover {
   background-color: #346ee1;

}

#viacinfo {
 
background-color: #FFFFFF;
}

#viacinfo:hover {
   background-color: #111111;
}

#banner {
   display: block;
   background: url(/public/img/pozvanky/aquatherm.jpg) no-repeat 20px 15px;
   margin: 15px 0 10px 0;
   padding: 0px 5px 5px 110px;
   font-size: 95%;
   width: 85px;
   _width: 100px;
   height: 100px;
}

#pozv_banner {
   display: block;
   background: url(/public/img/pozvanka.jpg) no-repeat 20px 15px;
   width: 200px;
   _width: 200px;
   height: 145px;
}

#banner:hover {
   background-color: #346ee1;
}


.reference {
   width: 100%;
   display: table;
   padding-bottom: 3em;
}


#references-slideshow {
   padding: 5px 5px 0 5px;
   background-color: #6da9ff;
   border: 1px solid #2f67d6;
   display: table;
   width: 320px;
   height: 240px;
   _width: 330px;
   _height: 250px;
   float: left;
   margin: 5px 25px 15px 0;
}








#navrh textarea {
   color: #333;
   border: 2px inset;
}

#navrh label {
   width: 400px;
   display: table;
}

#navrh ul {
	list-style: square outside;
	margin-left: 15px;
}

#navrh ul li {
	
/*	background-color: blue;*/
	
}

#navrh input.thin {
   background-color: #eee;
   width: 80px;
   border: 2px inset;
   color: #000;
}



#adresa label {
   width: 190px;
}
#adresa input {
   background-color: #eee;
   width: 200px;
   border: 2px inset ;
}
#button {
   color: black;
   font-weight: bold;
   border: 2px outset;
}

/***********RAMCEK************/


#ramik {
	display: block;
	list-style: none outside;
}

#ramik li a {
	background: no-repeat center left transparent;
	text-decoration: none;
	display: block;
	height: 100px;
	border: 5px solid transparent;
	padding-left: 90px;
}

#ramik li a:hover {
	background-color: #5e9bf6;
	border: 5px solid #5e9bf6;
}

/***vzduch-voda***/
#ramik-vzvo1 {background-image: url(/public/img/cerpadla/vzduchvoda/1.gif) !important}
#ramik-vzvo2 {background-image: url(/public/img/cerpadla/vzduchvoda/2.gif) !important}
#ramik-vzvo3 {background-image: url(/public/img/cerpadla/vzduchvoda/3.gif) !important}
#ramik-vzvo4 {background-image: url(/public/img/cerpadla/vzduchvoda/4.gif) !important}
#ramik-vzvo5 {background-image: url(/public/img/cerpadla/vzduchvoda/5.gif) !important}

/***zem-voda***/
#ramik-zevo1 {background-image: url(/public/img/cerpadla/zemvoda/1.gif) !important}
#ramik-zevo2 {background-image: url(/public/img/cerpadla/zemvoda/2.gif) !important}
#ramik-zevo3 {background-image: url(/public/img/cerpadla/zemvoda/3.gif) !important}
#ramik-zevo4 {background-image: url(/public/img/cerpadla/zemvoda/4.gif) !important}
#ramik-zevo5 {background-image: url(/public/img/cerpadla/zemvoda/5.gif) !important}
#ramik-zevo6 {background-image: url(/public/img/cerpadla/zemvoda/6.gif) !important}

/***voda-voda***/
#ramik-vovo1 {background-image: url(/public/img/cerpadla/vodavoda/1.gif) !important}
#ramik-vovo2 {background-image: url(/public/img/cerpadla/vodavoda/2.gif) !important}
#ramik-vovo3 {background-image: url(/public/img/cerpadla/vodavoda/3.gif) !important}

/***central***/
#ramik-vece1 {background-image: url(/public/img/vetraciejednotkycentral/1.gif) !important}
#ramik-vece2 {background-image: url(/public/img/vetraciejednotkycentral/2.gif) !important}

/***decentral***/
#ramik-vede1 {background-image: url(/public/img/vetraciejednotkydecentral/1.gif) !important}
#ramik-vede2 {background-image: url(/public/img/vetraciejednotkydecentral/2.gif) !important}
#ramik-vede3 {background-image: url(/public/img/vetraciejednotkydecentral/3.gif) !important}

/***pumpa***/
#ramik-vepu1 {background-image: url(/public/img/vetraciejednotkypumpa/1.gif) !important}
#ramik-vepu2 {background-image: url(/public/img/vetraciejednotkypumpa/2.gif) !important}

/***solarne-kolektory***/
#ramik-solar1 {background-image: url(/public/img/solar/kolektory/1.gif) !important}
#ramik-solar2 {background-image: url(/public/img/solar/kolektory/2.gif) !important}

/***kompaktne-instalacie***/
#ramik-koin1 {background-image: url(/public/img/solar/kompakt/1.gif) !important}
#ramik-koin2 {background-image: url(/public/img/solar/kompakt/2.gif) !important}
#ramik-koin3 {background-image: url(/public/img/solar/kompakt/3.gif) !important}
#ramik-koin4 {background-image: url(/public/img/solar/kompakt/4.gif) !important}

/***riadiace-jednotky***/
#ramik-rije1 {background-image: url(/public/img/solar/riadiacejednotky/1.gif) !important}
#ramik-rije2 {background-image: url(/public/img/solar/riadiacejednotky/2.gif) !important}
#ramik-rije3 {background-image: url(/public/img/solar/riadiacejednotky/3.gif) !important}
#ramik-rije4 {background-image: url(/public/img/solar/riadiacejednotky/4.gif) !important}

#ramik2 {
	display: block;
	list-style: none outside;
}

#ramik2 li a {
	text-align: center;
	display: block;
	width: 180px;
	margin-left: 400px;
	padding-left: 45px;
}

#ramik2 li a:hover {
	background-color: #5a97f2;
}

#aktivity {
  list-style: none outside;
}

#aktivity li a {
  background: no-repeat top left;
  text-decoration: none;
  display: block;
  height: 100px;
  padding-left: 90px;
}

#aktivity li a:hover {
  background-position: bottom left;
}

#aktivity span {
  text-decoration: underline;
  font-weight: bold;
}


#aktivity-item1 {background-image: url(/public/img/clanky/1.jpg) !important;}
#aktivity-item2 {background-image: url(/public/img/clanky/2.jpg) !important;}
#aktivity-item3 {background-image: url(/public/img/clanky/3.jpg) !important;}
#aktivity-item4 {background-image: url(/public/img/clanky/4.jpg) !important;}
#aktivity-item5 {background-image: url(/public/img/clanky/5.jpg) !important;}
#aktivity-item6 {background-image: url(/public/img/clanky/6.jpg) !important;}
#aktivity-item7 {background-image: url(/public/img/clanky/7.jpg) !important;}
#aktivity-item8 {background-image: url(/public/img/clanky/8.jpg) !important;}
#aktivity-item9 {background-image: url(/public/img/clanky/9.jpg) !important;}
#aktivity-item10 {background-image: url(/public/img/clanky/10.jpg) !important;}
#aktivity-item11 {background-image: url(/public/img/clanky/11.jpg) !important;}
#aktivity-item12 {background-image: url(/public/img/clanky/12.jpg) !important;}
#aktivity-item13 {background-image: url(/public/img/clanky/13.jpg) !important;}
#aktivity-item14 {background-image: url(/public/img/clanky/14.jpg) !important;}
#aktivity-item15 {background-image: url(/public/img/clanky/15.jpg) !important;}
#aktivity-item16 {background-image: url(/public/img/clanky/16.jpg) !important;}
#aktivity-item17 {background-image: url(/public/img/clanky/17.jpg) !important;}
#aktivity-item18 {background-image: url(/public/img/clanky/18.jpg) !important;}
#aktivity-item19 {background-image: url(/public/img/clanky/19.jpg) !important;}
#aktivity-item20 {background-image: url(/public/img/clanky/20.jpg) !important;}
#aktivity-item21 {background-image: url(/public/img/clanky/21.jpg) !important;}
#aktivity-item22 {background-image: url(/public/img/clanky/22.jpg) !important;}
#aktivity-item23 {background-image: url(/public/img/clanky/23.jpg) !important;}
#aktivity-item24 {background-image: url(/public/img/clanky/24.jpg) !important;}
#aktivity-item25 {background-image: url(/public/img/clanky/25.jpg) !important;}

#aktivity-produkty0 {background-image: url(/public/img/produkty/letak.jpg) !important;}
#aktivity-produkty1 {background-image: url(/public/img/produkty/produkty_se_tc_prospekt.gif) !important;}
#aktivity-produkty2 {background-image: url(/public/img/produkty/produkty_se_vetrani_prospekt.gif) !important;}
#aktivity-produkty3 {background-image: url(/public/img/produkty/produkty_se_ventilace_dl_13.gif) !important;}
#aktivity-produkty4 {background-image: url(/public/img/produkty/produkty_se_solar_prospekt.gif) !important;}
#aktivity-produkty5 {background-image: url(/public/img/produkty/stropne_chladenie.jpg) !important;}
#aktivity-produkty6 {background-image: url(/public/img/produkty/technicke-informacie.jpg) !important;}













#prezentacie {
  list-style: none outside;
}

#prezentacie li a {
  background: no-repeat top left;
  text-decoration: none;
  display: block;
  height: 48px;
  padding-left: 60px;
}

#prezentacie li a:hover {
  background-position: bottom left;
}

#prezentacie span {
  text-decoration: underline;
  font-weight: bold;
}








 
#chlStropy {
  list-style: none outside;
}

#chlStropy li a {
  background: no-repeat top left;
  text-decoration: none;
  display: block;
  height: 130px;
  padding-left: 360px;
}

#chlStropy li a:hover {
  background-position: bottom left;
}

#chlStropy span {
  text-decoration: underline;
  font-weight: bold;
}






.paragraph {
     padding-bottom: 20px;
     text-align: justify;
     /*text-indent: 2em;*/
}
.paragraph p {
     margin: 0px;
     display: none;
}

.paragraph span {
     text-indent: 2em;
     display: block;
     margin-bottom: 0.7em;
}



#map {
 background: transparent url(/public/img/mapa_new.jpg) no-repeat 0 0;
 border: 4px solid #9EBAF1;
 height: 240px;
 width: 280px;
 margin-top: 4px;
 display: block;
}

a#map:hover {
  background-position: 0px -240px;
}

#budova {
 background: transparent url(/public/img/budova.jpg) no-repeat 0 0;
 border: 4px solid #9EBAF1;
 height: 240px;
 width: 320px;
 margin-top: 4px;
 display: block;
}



img.projection {
	border: 5px solid #9EBAF1;
	margin: 7px 15px 10px 0;
	display: block;
}


/*********** tlacitka v paticke *****************/

#stiebel-eltron-bottom-image {
  background: url(/public/img/stiebel-eltron-de.jpg) no-repeat right top;
  width: 250px;
  height: 250px;
  display: block;
  
  margin: 20px 0 0 0;
  border: 1px solid #888;
}

#stiebel-eltron-bottom-image:hover {
  background-position: right bottom;
  _background-position: right -250px;
}

#klima {
   display:block;
   float:right;
   margin:20px 0 30px 20px;
   background-image: url(/public/img/klimaaktivhaus.jpg);
   width: 178px;
   height: 250px;
}
a#klima:hover {
   background-position: 0px -250px;
}

#asociacia {
   text-align: right;
   display: block;
   margin-top: 30px;
}

#signature {
   display: block;
   text-align: right;
   font-size: xx-small;
   color: #090;
   margin-top: 30px;
}
.formularik {
	color: #000000;
}








.card-left, .card-right, .card-center {

   width: 170px;
   /*margin: 0 10px 10px 0;*/
   margin: 5px 10px 5px 0px;
   padding: 5px;
   background: #6E98EB;
   border: 1px solid #6E98EB;
   display: block;
}
.card-left {
   float: left;	
}
.card-center {
   margin-left: auto;
   margin-right: auto;
}
.card-right {
   float: right;
   /*margin: 0 0 10px 10px;*/
   margin: 5px 0 5px 10px;
}
.card-photo {
	margin:0; padding:0;
	border: none;
	text-align: center;
}
.card-desc {
	margin: 0px; padding-top:3px;
	text-align: center;
	font-size: 12px;
	line-height: 130%;
}




/*
.card-left, .card-right {
   float: left;
   width: 170px;
   margin: 0 10px 10px 0;
   padding: 10px;
   background: #F1F4FA;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
.card-right {
   float: right;
   margin: 0 0 10px 10px;
}
.card-photo {
	margin:0; padding:0;
	border: none;
	text-align: center;
}
.card-desc {
	margin: 0px; padding-top:3px;
	text-align: center;
	font-size: 12px;
	color: #000;
	line-height: 130%;
}
*/







/** {border: 1px solid red;}*/





ol {
	margin-left: 30px;
}



table.tabulka {
	border-collapse: collapse;
	margin-bottom: 30px;
}
table.tabulka td,
table.tabulka th {
	border: 2px solid #8DA9E1;
	padding: 3px;
}
table.tabulka .center {
	text-align: center;
}
table.tabulka .zlty {
	color: yellow;
}
table.tabulka th {
	background-color: #3061C3;
}





table td input.calc {
	text-align: right;	
}




table.table20100417 {
	margin-bottom: 25px;
	width: 650px;
}

	table.table20100417 td {
		padding: 3px 0;
	}