/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0 auto; padding:0;
	background:#8d8d8d url(../images/bg.jpg) center repeat-y;
	font:normal 14px arial, Georgia, "Times New Roman", Times, serif; color:#575656;
}

img {
	border:0;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	margin:-10px 0 20px 0; padding:0;
	font: 24px Tahoma, Arial, Helvetica, sans-serif; color:#265e8d;
}
h2 {
	margin:0px; padding:0;
	font:20px Tahoma, Georgia, Times, serif; color:#575656;
}
h3 {
	margin:0; padding:0;
	font: 18px Tahoma, Arial, Helvetica, sans-serif; color:#575656;
}
h4 {
	margin: 0; padding:0;
	font: 24px Tahoma, Arial, Helvetica, sans-serif; color:#265e8d;
}
h5 {
	margin:0; padding:0 0 5px 0;
	font:2.0em Georgia, "Times New Roman", Times, serif; color:#5c6a76;
	border-bottom:3px solid #f4f7f8;
}
	
a:link, a:active, a:visited {
	color:#2f4f73; text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

label {width: 200px;
	}

#wrap {
	margin:0 auto; padding:0;
	width:902px; height:auto;
	background:#8d8d8d;
}

#header {
	margin:0; padding:0;
	width:auto; height:54px;
	background:#606060 url(../images/header_bg.gif) no-repeat;
}
#logo {
	position: absolute;
	margin:7px 0 0 18px; padding:0;
	width:257px; height:45px;
}
#topmenu_box {
        padding: 0;  margin:0px 0 0 0;
        width: 900px;
        height: 20px;
        border: 0px solid #000000;
        background: transparent url(../images/topmenu_bg.gif) repeat-x;
}
#topmenu {
        float: right;
        padding-top: 0px;
        margin-top:15px;
        width: 500px;
        height:20px;
        border: 0px solid #000000;
}
#topmenu ul{
        margin: 0;
        padding:0px 0 0px 0;
        float: right;
        font-weight: normal;
        font: 13px Arial, verdana;
        border: 0px solid #625e00;
}

* html #topmenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#topmenu ul li{
        display: inline;
        font-weight: none;
}

#topmenu ul li a{
        float: left;
        color: #ffffff;
        padding: 2px 15px;
        text-decoration: none;
        background: transparent url(../images/vertical_top.gif) center left no-repeat;
}

#topmenu ul li a:visited{
        color: #ffffff;
}

#topmenu ul li a:hover{
        text-decoration: underline;
        color: #FFF;
}
#wrap_menu {
	margin:0; padding:0;
	width:auto; height:251px;
	background:#dbf0fa url(./images1/header.gif) no-repeat;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}
#flash {
	float: left;
	margin:0; padding:0;
	width: 604px; height:251px;
	background:#000000 url(./images1/header.gif) no-repeat;
}
#menu {
	float: left;
	margin:0; padding:0;
	width:298px; height:251px;
	background:#dbf0fa url(../images/menu_bg.gif) repeat-x;
}
#menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0px 0 0 5px;
  margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

#menu ul li{
padding: 9px; /*bottom spacing between menu items*/

}

#menu ul li a{
  font: normal 16px Arial;
  color: #6b6d6f;
  display: block;
  padding: 2.7px 0;
  line-height: 8px;
  padding-left: 18px; /*link text is indented 8px*/
  text-decoration: none;
}

#menu ul li a:visited{
color: #6b6d6f;
}

#menu ul li a:hover{ /*hover state CSS*/
color: #6b6d6f;
background: transparent;
text-decoration: underline;
}
#content {
        float: left;
        margin: 0; 
		padding: 10px;
        width:882px;
        background: #fff url(../images/content_bg.gif) repeat-x top;
        border: 0px solid #000000;
}
.energy img{ 
		float: left;
		margin: 3px 0 0 0; 
		padding: 0;
}

#balicky {
        margin: 0; padding: 5px 0 8px 0;
        width:auto;
		height: 174px;
        background: #fff;
}
.balicky img{
        margin: 2px; padding: 0;
		border: 0px solid #000000;
}			
.balicek1 a{
        float: left;
        margin: 0 2px 0 0; 
		padding: 0;
        width: 298px;
		height: 174px;
        background: #8dbf10 url(../images/balicky.gif) no-repeat;
        border: 0px solid #000000;
}
.balicek1 a:hover {
        float: left;
        margin: 0 2px 0 0; 
		padding: 0;
        width: 298px;
		height: 174px;
        background: #8dbf10 url(../images/balicky_on.gif) no-repeat;
        border: 0px solid #000000;
}
.balicek2 a{
        float: left;
        margin: 0 2px 0 2px; 
		padding: 0;
        width: 298px;
		height: 174px;
        background: #f5ac05 url(../images/katalog.gif) no-repeat;
        border: 0px solid #000000;
}
.balicek2 a:hover{
        float: left;
        margin: 0 2px 0 2px; 
		padding: 0;
        width: 298px;
		height: 174px;
        background: #f5ac05 url(../images/katalog_on.gif) no-repeat;
        border: 0px solid #000000;
}
.balicek3 a{
        float: left;
        margin: 0 0 0 2px; 
		padding: 0;
        width: 298px;
		height: 174px;
        background: #da4d3c url(../images/porotherm.gif) no-repeat;
        border: 0px solid #000000;
}
.balicek3 a:hover{
        float: left;
        margin: 0 0 0 2px; 
		padding: 0;
        width: 298px;
		height: 174px;
        background: #da4d3c url(../images/porotherm_on.gif) no-repeat;
        border: 0px solid #000000;
}
.inzerat {
       width: 95%;
	   margin: 0;
	   vertical-align:middle;
	   padding: 10px;
	   font-size: 24px;
	   font-style: normal;
	   font-weight: normal;
	   color:#000000;
	   background: #fff;
	   border: 0px solid #6aba8f;  
}
.inzerat2 {
       width: 99.2%;
	   margin: 0;
	   vertical-align:middle;
	   padding: 10px;
	   font-size: 24px;
	   font-style: normal;
	   font-weight: normal;
	   color:#000000;
	   background: #c33221;
	   border: 0px solid #6aba8f;  
}
.inzerat2 h3{
	   font-size: 24px;
	   font-style: normal;
	   font-weight: bold;
	   color:#fff;
}
.inzerat ul {
        width:95%; 
}
.inzerat li {
        margin: 5px 20px;
		vertical-align: middle;
        padding: 0px 0 0px 0;
        list-style-image: url(../images/inzerat_li.png);
		border: 0px solid #cccccc; 
}
.odrazka_velka ul {
        margin: -23px 130px;
		vertical-align: middle;
        padding: 0px 0 0px 0;
        list-style-image: url(../images/inzerat_li.png);
		border: 0px solid #cccccc; 
}
.odrazka_velka li {
        margin: 2px 35px;
		vertical-align: middle;
        padding: 0px 0 0px 0;
        list-style-image: url(../images/inzerat_li.png);
		border: 0px solid #cccccc; 
}
.inzerat1 {
       width: 93%;
	   margin: 0;
	   vertical-align:middle;
	   padding: 15px 15px 60px 15px;
	   font-size: 18px;
	   font-style: italic;
	   font-weight: normal;
	   color:#ffffff;
	   background: #8dbf0f;
	   border: 3px solid #548903;  
}
#main{
        float: left;
        margin: 0 0 10px 0px; 
		padding: 15px;
        width: 560px;
        background: #fff;
        border-right: 2px solid #c6c6c6;
}
#side{
        float: right;
        margin: 0 0 0 2px; 
		padding: 15px;
        width: 258px;
        background: #fff;
		border: 0px solid #000000;
        border-left: 0px solid #c6c6c6;
}
#obsah{
        margin: 0; 
		padding: 15px;
}
.obsah{
        margin: 0; 
		padding: 15px 0 15px 0;
		clear: both;
		border: 0px solid #000000;
}
#katalog{
        margin: 0; 
		padding: 15px;
}
.cenik table{
		width: 100%;
		margin: 0; padding: 0;
		border: 0px solid #000000;
}
.cenik td{
		padding: 0 0 0 5px;
}
.cenik p{
		color: red;
}
.cenik table tr.zelena{
padding:0.2em 0.5em;
height: 25px;
font-size: 14px;
color:#fff;
font-weight: bold;
background:#3eaa03;
}
.cenik table tbody tr.liche{
background:#F3F3F3 none repeat scroll 0 0;
}
.levastrana{
		float: left;
		width: 48.3%;
		margin: 0; padding: 0;
		border: 0px solid #000000;
}
.pravastrana{
		float: right;
		width: 48.3%;
		margin: 0; padding: 0;
		border: 0px solid #000000;
}
.align_p{
		text-align: right;
		float: right;
		margin-left: 20px;
}
.align_l{
		text-align: left;
		float: left;
		margin-right: 20px;
}
.align_c{
		text-align: center;
}
/* Katalog */
.katalog_okno {
	   float: left;
	   width:191px;
	   height: 140px;
       margin: 10px;
	   padding:0;
       background: #fff;
       border:1px solid #606060;
}
.katalog_obrazek {
	   margin: 0;
	   padding: 0;
}
.katalog_jmeno {
       position:relative;
	   margin: -42px 0 0 0;
       padding: 8px 10px;
	   width: 191px;
	   height: 22px;
       text-align: left;
	   font-size: 15px;
	   font-weight: bold;
	   color:#FFFFFF;
       background: url(../images/katalog_nadpis.png) no-repeat;
       border:0px solid #dddddd;
}
.katalog_jmeno a{
	   color:#FFFFFF;
}

.prava{
	   text-align:center;
	   color: #FF0000;
	   font-size: 11px;
}
#katalog h2{
        margin: 8px 0 0 20px; 
		padding: 0;
		font-size: 36px;
	    font-weight: bold;
	    color:#fff;
}
#katalog img{
        margin: 0px 0 20px 0;  
		padding: 0;
		align: center;
		border: 0px solid #000000;
}
.katalog_nazev {
       position:relative;
	   margin: -100px 0 30px 0;
       padding: 8px 10px;
	   width: 835px;
	   height: 75px;
       background: url(../images/katalog_nazev.png) no-repeat;
       border:0px solid #dddddd;
}
.katalog_nazev1 {
       position:absolute;
       margin: 290px 0 30px 0;
       padding: 8px 10px;
	   width: 835px;
	   height: 75px;
       background: url(../images/katalog_nazev.png) no-repeat;
       border:0px solid #dddddd;
}

.levastrana table, pravastrana table {
width: 100%;
border-collapse:collapse;
color:#000000;
text-align:left;
border:1px solid #dddddd;
}

.levastrana table tbody tr.liche, .pravastrana table tbody tr.liche {
background:#F3F3F3 none repeat scroll 0 0;
}
.levastrana table tr.liche_plocha, .pravastrana table tr.liche_plocha{
height: 30px;
background:#3eaa03 none repeat scroll 0 0;
font-size: 16px;
color:#fff;
}

.levastrana table tr.zelena, .pravastrana table tr.zelena{
padding:0.2em 0.5em;
height: 25px;
font-size: 14px;
color:#fff;
font-weight: bold;
background:#3eaa03;
}
.levastrana table td.zelena, .pravastrana table td.zelena{
padding:0.2em 0.5em;
}

.levastrana table tbody td, .pravastrana table tbody td{
border:0 none;
padding:0.2em 0.5em;
}
.align_right{
float: right;
padding: 30px 5px 0 0 ;
}

#formular {
	line-height: 30px;
}
label {
	width: 150px;
	font-weight:bold;
	border: 0px solid #999;
}
fieldset legend{
	color:#265e8d;
}
legend {
	font-weight: bold;
	color: #575656;
}
span {
	font-size:11px;
}
.nutne {
	color:#F00;
}

/* Galerie */

.gallerycontainer{
position: relative;
border: 0px solid black;
}
.galleryokno{
float: left;
border: 0px solid black;
}
.gallerynahled{
float: right;
margin: 0;
}
.thumbnail img{
border: 0px solid white;
margin: 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: 0px;
border: 0px dashed gray;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
right: 215px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.clear {
		clear: both;
}

/* footer */
.footer {
        clear: both;
        margin: 0 auto;
        width:auto;
        /*background: url(../images/footerbg.gif) repeat-x;*/
        background: #606060;
        padding: 20px;
        text-align: center;
		color:#FFFFFF;
        font-size: 90%;
        border: 0px solid #000000;
}
.footer a {
        text-decoration: none;
        font-weight: normal;
		color:#FFFFFF;
}

.footer p {
        font-size: 12px;
}		

.footer a:hover {
        text-decoration: underline;
}
/* ds lista */
#listads {color:#a6a6a6; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #606060;}
#listads a {color:#FFFFFF;}
#listads a:hover {color:#333333;}

/* lista */
#lista { text-align: center; font-size: 10px; color: #888888; }
#lista a { text-decoration: none; font-weight: normal; color: #888888;}
#lista a:hover { text-decoration: none; font-weight: normal; color: #434343;}