BODY {
background-color:#76C5F0; 
 font-family: Arial,Verdana;
 text-align: center;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}
 .body_ {
background-color:#ffffff; 
}
/*--- cela stranka ---*/
#stranka{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 939px;
text-align: left;
}
   table.hlavni {
width:939px;
border: none;
}

  td.hlavicka {
vertical-align: top;
width:939px;
height: 255px;
}
  td.navigace {
width:939px;
height: 73px;
}
  td.telo {
background-color: White;
width:939px;
vertical-align: top;
}
  td.telo table{
  margin: 10px;
  font-size: 12px;
}
  td.telo table.cara td{
  margin: 10px;
  font-size: 12px;
  border: solid 1px grey;
}
  td.telo table.bez td{
  margin: 10px;
  font-size: 12px;
  border: solid 0px;
}
  td.copyright {
background-image: url(lista.gif);
width:939px;
height: 94px;
}
 div.poz_01 {
margin-left: 0px;
margin-top:0px;
width:223px;
height: 255px;
background-image:url(poz_01.jpg);
}
 div.up_white {
margin-left: 223px;
margin-top:-255px;
width:716px;
height:22px;
background: White;
}

 div.up_white a.uvod{
 display: block;
 float: right;
 width: 47px;
 height: 18px;
 background: url(tl_uvod_m.gif);
}
 div.up_white a.uvod span{
 display: none;
}
 div.up_white a.kontakt{
 display: block;
 float: right;
 width: 61px;
 height: 18px;
 background: url(tl_kontakt_m.gif);
}
 div.up_white a.kontakt span{
 display: none;
}

 div.poz_02 {
margin-left: 223px;
margin-top:0px;
width:461px;
height:63px;
background:url(poz_02.jpg);
}
 div.logo {
margin-left: 684px;
margin-top:-63px;
width:255px;
height: 63px;
background: url(logo.gif);
}
 div.logo h1{
 
}
 div.logo h1 a{
 display: block;
width:255px;
height: 63px;
}
 div.logo h1 a span{
 display: none;
}


 div.poz_03 {
margin-left: 223px;
margin-top:0px;
width:265px;
height: 170px;
background-image:url(poz_03.jpg);
border: 0px;
}
 div.poz_04 {
margin-left: 488px;
margin-top:-170px;
width:196px;
height: 170px;
background-image:url(poz_04.jpg);
}

 div.poz_05 {
margin-left: 684px;
margin-top:-170px;
width:255px;
height: 170px;
background-image:url(poz_05.jpg);
}
 div.anim01 {
margin-left: 0px;
margin-top:0px;
width:245px;
height: 60px;
padding: 0 0 0 0px;
}
 div.rychla01 {
 position: relative;
left: 5px;
top:20px;
width:245px;
height: 40px;
padding: 0 0 0 0px;
}
 div.rychla02 {
 position: relative;
left: 5px;
top:20px;
width:245px;
padding: 0 0 0 0px;
}
 div.kontakt {
position:relative;
left: 15px;
top:215px;
width:33px;
height: 31px;
background: url(tl_kontakt_off.gif);
}
 div.kontakt a{
display: block;
width:33px;
height: 31px;
}
 div.kontakt a:hover{
background: url(tl_kontakt_on.gif);
}
 div.kontakt a span{
display: none;
}
 div.informace {
 position:relative;
left: 58px;
top:177px;
width:33px;
height: 31px;
background: url(tl_informace_off.gif);
}
 div.informace a{
 display: block;
width:33px;
height: 31px;
}
 div.informace a:hover{
background: url(tl_informace_on.gif);
}
 div.informace a span{
 display: none;
}

 div.submenu {
margin-left: 10px;
margin-top:10px;
}
/*--- hlavni menu ---*/
#navigace{
background: url(navigace.gif);
width: 939px;
height: 73px;
padding-left: 22px;
}
#navigace ul li a.dvere_aktiv span, #navigace ul li a.okna_aktiv span, #navigace ul li a.doplnky_aktiv span, #navigace ul li a.dvere span, #navigace ul li a.okna span, #navigace ul li a.doplnky span, #navigace ul li a.poradenstvi span, #navigace ul li a.poradenstvi_aktiv span, #navigace ul li a.kontakt span, #navigace ul li a.fotogalerie span, #navigace ul li a.uvod span{
display: none;
}
#navigace ul{
list-style: none;
}
#navigace ul li{
margin-right: 2px;
float: left;
}
#navigace ul a.uvod{
display: block;
width: 51px;
height: 73px;
}
#navigace ul a.uvod:hover{
background: url(tl_uvod_on.gif);
}
#navigace ul a.okna, #navigace ul a.okna_aktiv{
display: block;
width: 48px;
height: 73px;
}
#navigace ul a.okna_aktiv{
background: url(tl_okna_on.gif);
}

#navigace ul a.dvere, #navigace ul a.dvere_aktiv{
display: block;
width: 54px;
height: 73px;
}
#navigace ul a.dvere_aktiv{
background: url(tl_dvere_on.gif);
}

#navigace ul a.doplnky, #navigace ul a.doplnky_aktiv{
display: block;
width: 65px;
height: 73px;
}
#navigace ul a.doplnky_aktiv{
background: url(tl_doplnky_on.gif);
}
#navigace ul a.poradenstvi, #navigace ul a.poradenstvi_aktiv{
display: block;
width: 148px;
height: 73px;
}
#navigace ul a.poradenstvi_aktiv{
background: url(tl_cinnost_on.gif);
}
#navigace ul a.fotogalerie{
display: block;
width: 90px;
height: 73px;
}
#navigace ul a.fotogalerie:hover{
background: url(tl_fotogalerie_on.gif);
}
#navigace ul a.kontakt{
display: block;
width: 67px;
height: 73px;
}
#navigace ul a.kontakt:hover{
background: url(tl_kontakt_hl_on.gif);
}


	ul.sub {
	position: absolute; 
	z-index: 1; 
	visibility:hidden;
	margin-top: -17px;
	padding-top: 0px;
	} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
	
   ul.sub li {display: block;  width: 100%; margin:0; padding-top: 0px; margin-left: 0px; text-align: left;}
	ul.sub li a {
	font-size: 13px;
	text-align: left;
	display: block; 
	margin: 0; 
	border-top: solid 1px #39b3db;
	width: 195px; 
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #32add5;
	}
	ul.sub li  a {width: 195px;text-align: left;}
	ul.sub li a span { 
	margin-left: 5px;
	color:  #ffffff;
	text-align: left;
	}
	ul.sub li  a:hover {
	text-align: left;
	background-color: #1c90b5; 
	color: white;
	font-size: 13px;
	text-decoration: none;
	}
	 ul.sub li a:hover span { 
	margin-left: 5px;
	color:  #ffffff;
	text-decoration: none;
	}
	ul.sub li a span.pod, ul.sub li a:hover span.pod { 
	margin-left: 15px;
	font-size: 11px;
	color:  #c7f1fe;
	text-decoration: none;
	}
 #navigace ul li.main { float: left; position: relative;}
 #navigace ul li.main h5 { padding: 0px; margin-top: 0px;}
 #navigace ul li.main h5 a:hover {text-decoration: none;}
 
  #navigace ul li > ul.sub {position: absolute; z-index:1; visibility: hidden;}
  #navigace ul li.main:hover ul.sub {visibility: visible;}

    
  /*--- definice horniho menu konec---*/



A{
text-decoration: none;
}





A.normal {
  FONT-WEIGHT: normal; 
     FONT-SIZE: 10pt; 
     COLOR: #000000; 
     FONT-FAMILY: Arial,Verdana; 
     TEXT-DECORATION: underline;
} 

A.normal:visited {
  FONT-WEIGHT: normal; 
     FONT-SIZE: 10pt; 
     COLOR: #000000; 
     FONT-FAMILY: Arial,Verdana; 
     TEXT-DECORATION: underline;
} 
A.normal:hover {
  FONT-WEIGHT: normal; 
     FONT-SIZE: 10pt; 
     COLOR: #000000; 
     FONT-FAMILY: Arial,Verdana; 
     TEXT-DECORATION: none;
} 
 a.menu {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial,Verdana;
	background : url(sipka.gif) no-repeat left center;
	padding: 0 0 0 10px;
}
 a.menu:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial,Verdana;
	background : url(sipka.gif) no-repeat left center;
	padding: 0 0 0 10px;
}
 a.menu:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial,Verdana;
	background : url(sipka.gif) no-repeat left center;
	padding: 0 0 0 10px; 
	text-decoration: underline;
}
 div.copy {
 float: right;
 margin-right: 10px;
 vertical-align: top;
margin-top:15px;
  FONT-WEIGHT: normal; 
     FONT-SIZE: 8pt; 
     COLOR: #000000; 
     FONT-FAMILY: Arial,Verdana; 
}

.telo h1 {
margin-top: 10px;
 margin-left: 10px;
  FONT-WEIGHT: bold; 
     FONT-SIZE: 11pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana; 
	 background: url(4_blue.gif) no-repeat 0px 3px;
	 padding-left: 12px;
	 margin-bottom: 15px;
}
h2.nadpis{
margin-top: 10px;
 margin-left: 10px;
  FONT-WEIGHT: bold; 
     FONT-SIZE: 11pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana; 
	 background: url(4_blue.gif) no-repeat 0px 3px;
	 padding-left: 12px;
	 margin-bottom: 15px;
}
h3.nadpis {
clear: both;
margin-top: 10px;
 margin-left: 10px;
  FONT-WEIGHT: bold; 
     FONT-SIZE: 11pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana; 
	 background: url(4_blue.gif) no-repeat 0px 3px;
	 padding-left: 12px;
	 margin-bottom: 15px;
}
h2.normal {
margin-top: 10px;
  FONT-WEIGHT: bold; 
     FONT-SIZE: 12pt; 
     COLOR: #ffffff; 
     FONT-FAMILY: Arial,Verdana; 
	 padding: 0 0 0 0px;
}
h3.normal {
margin-top: 10px;
 margin-left: 0px;
  FONT-WEIGHT: bold; 
     FONT-SIZE: 11pt; 
     COLOR: #ffffff; 
     FONT-FAMILY: Arial,Verdana; 
     background: url(poz01.gif);
	 margin-top: 0px;
	 margin-bottom: 0px;
	 border-left: 1px solid #1C84C2;
     border-bottom: 1px solid #1C84C2; 
	 border-top: 1px solid #76C5F0; 
	 border-right: 1px solid #76C5F0; 
	  width: 100%;
}
h3.normal span{
 margin-left: 10px;
}
h4.normal {
margin-top: 10px;
 margin-left: 10px;
  FONT-WEIGHT: bold; 
     FONT-SIZE: 10pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana;
	 padding-bottom: 0px;
	 margin-bottom: 10px;
}
h4.nadpis {
margin-top: 10px;
 margin-left: 10px;
 margin-bottom: 12px;
}

p {
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
  FONT-WEIGHT: normal; 
     FONT-SIZE: 12px; 
     COLOR: #333333; 
     FONT-FAMILY: Arial,Verdana; 
}
p.cara {
 margin-left: 10px;
 margin-right: 10px;
  FONT-WEIGHT: normal; 
     FONT-SIZE: 12px; 
     COLOR: #333333; 
     FONT-FAMILY: Arial,Verdana; 
	 border-left: 1px solid #76C5F0;
	 padding-left: 5px;
	 text-align: justify;
	 margin-bottom: 14px;
}
.blue {
  FONT-WEIGHT: normal; 
     FONT-SIZE: 12px; 
     COLOR: #003399; 
     FONT-FAMILY: Arial,Verdana; 
}
.blue strong{
  FONT-WEIGHT: normal; 
     FONT-SIZE: 12px; 
     COLOR: #003399; 
     FONT-FAMILY: Arial,Verdana; 
}




.odeslano {
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 0px;
 padding-bottom: 0px;
  FONT-WEIGHT: bold; 
     FONT-SIZE: 14px; 
     COLOR: #cc0000; 
     FONT-FAMILY: Arial,Verdana; 
}

a.kontakt {
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #333333; 
   FONT-FAMILY: Arial,Verdana; 
   text-decoration: underline;
}
a.kontakt:visited {
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #333333; 
   FONT-FAMILY: Arial,Verdana; 
   text-decoration: underline;
}
a.kontakt:hover {
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #333333; 
   FONT-FAMILY: Arial,Verdana;
   text-decoration: none;
}

a.sipka_blue {
background : url(sipka_blue.gif) no-repeat left center;
	padding: 0 0 0 14px;
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #333333; 
   FONT-FAMILY: Arial,Verdana; 
   text-decoration: underline;
}
a.sipka_blue:visited {
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #333333; 
   FONT-FAMILY: Arial,Verdana; 
   text-decoration: underline;
}
a.sipka_blue:hover {
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #333333; 
   FONT-FAMILY: Arial,Verdana;
   text-decoration: none;
}
.tab {
   background-color: #C0E4FB; 
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #000000; 
   FONT-FAMILY: Arial,Verdana;
     border: 1px solid #76C5F0;
   padding-left: 5px;
   padding-right: 5px;
}
.left10 {
margin-left: 10px;
}
div.sl5x {
margin-top: 10px;
width: 180px;
float: left;
}
div.sl3x {
margin-top: 10px;
width: 300px;
float: left;
}
div.sl2x {
padding: 0 0 0 0px;
margin-top: 0px;
padding-top: 0px;
float: left;
}



.input {
	font-size: 8pt;
	font-family:  Arial, Helvetica, sans-serif;
	color : #333333;
	border-style: solid;
	border-width : 1px;
	border-color : #999999;
	background: #ffffff;
	align : left;
	width: 250px;
	padding: 0 0 0 0px;
}


.TEXTAREA{
	font-size: 8pt;
	font-family:  Arial, Helvetica, sans-serif;
	color : #333333;
	border-style: solid;
	border-width : 1px;
	border-color : #999999;
	background: #ffffff;
	align : left;
	width: 250px;
	padding: 0 0 0 0px;
}

input.mail {
	font-size: 8pt;
	font-family:  Arial, Helvetica, sans-serif;
	color : #333333;
	border-style: solid;
	border-width : 1px;
	border-color : #999999;
	background: #ffffff;
	align : left;
	width: 180px;
}
.button {
	font-size: 8pt;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #000000;
	border: 1px solid  #999999;
	background: #cccccc;
	align : center;
}

a.menu1 {
  FONT-WEIGHT: bold; 
     FONT-SIZE: 10pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana; 
}
a.menu1:hover {
  FONT-WEIGHT: bold; 
     FONT-SIZE: 10pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana; 
	 text-decoration: underline;
}
a.menu1:visited {
  FONT-WEIGHT: bold; 
     FONT-SIZE: 10pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana; 
}
  .foto{
	border-style: solid;
	border-width : 1px;
	border-color : #76C5F0;
	float: left;
	margin-left: 10px 

}

  .foto_pred {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial,Verdana;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
color:#333333;
		border-style: solid;
	border-width : 1px;
	border-color : #76C5F0;
	float: left;


}
  .foto_po {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial,Verdana;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
color:#333333;
		border-style: solid;
	border-width : 1px;
	border-color : #76C5F0;
	background-color: #C0E4FB;
	float: left;

}
div.dvere {
padding: 0 0 0 0px;
margin-left: 10px;
margin-top: 0px;
padding-top: 0px;
float: left;
}
div.dvere_menu {
width: 240px;
height: 1850px;
padding: 0 0 0 0px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
padding-top: 0px;
float: right;
background: url(poz.gif);
}

A.menu2 {
  FONT-WEIGHT: normal; 
     FONT-SIZE: 10pt; 
     COLOR: #000000; 
     FONT-FAMILY: Arial,Verdana; 
     TEXT-DECORATION: none;
} 

A.menu2:visited {
  FONT-WEIGHT: normal; 
     FONT-SIZE: 10pt; 
     COLOR: #000000; 
     FONT-FAMILY: Arial,Verdana; 
     TEXT-DECORATION: none;
} 
A.menu2:hover {
  FONT-WEIGHT: normal; 
     FONT-SIZE: 10pt; 
     COLOR: #000000; 
     FONT-FAMILY: Arial,Verdana; 
     TEXT-DECORATION: underline;
} 
div.menu_dopl {
 margin: 5 5 5 5px;
	 margin-top: 0px;
	 margin-bottom: 0px;
     border-bottom: 2px solid #1C84C2; 
	  width: 929px;
	  height: 16px;
	    FONT-WEIGHT: bold; 
     FONT-SIZE: 10pt; 
     COLOR: #0072B8; 
     FONT-FAMILY: Arial,Verdana; 
}


A.menu3 {
height: 13px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial,Verdana;
	TEXT-DECORATION: none;
    border-left: 1px solid #1C84C2;
    border-top: 1px solid #1C84C2;
    border-right: 1px solid #1C84C2;
	background: url(poz_menu3.gif);
		text-align: center;
}
A.menu3:visited {
height: 13px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial,Verdana;
	TEXT-DECORATION: none;
   border-left: 1px solid #1C84C2;
    border-top: 1px solid #1C84C2;
    border-right: 1px solid #1C84C2;
	background: url(poz_menu3.gif);
		text-align: center;
}
A.menu3:hover {
height: 13px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #ffffff;
	FONT-FAMILY: Arial,Verdana;
	text-decoration: none;
      border-left: 1px solid #1C84C2;
    border-top: 1px solid #1C84C2;
    border-right: 1px solid #1C84C2;
	background: url(poz_menu3_hover.gif);
		text-align: center;
}
.telo li {
 list-style-type: none;
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   COLOR: #333333; 
   FONT-FAMILY: Arial,Verdana; 
	padding-left: 17px;
	margin-right: 10px;
	background: url(sipka_blue.gif) no-repeat 0px 4px;
	
}
.telo ul {
clear: both;
	margin-left: -6px;
	padding-left: 1em;
		margin-right: 7px;
		margin-bottom: 10px;
}
 .posun {
 margin-left: 10px;
}
 .material{
 margin-left: 10px;
 float: left;
 text-align: center;
 font-size: 12px;
 margin-bottom: 14px;
}
 .mat{
 margin-left: 24px;
 float: left;
 text-align: center;
 font-size: 12px;
 margin-bottom: 14px;
}
 .kbe{
 margin-left: 10px;
 float: left;
 text-align: center;
 height: 190px;
 width: 120px;
 font-size: 12px;
 margin-bottom: 14px;
}
 .pic{
 margin-left: 10px;
 float: left;
 text-align: center;
 height: 190px;
 width: 130px;
 font-size: 12px;
 margin-bottom: 14px;
}

 h3.nadpis-okna{
 margin-left: 12px;
 height: 110px;
 width: 310px;
 background: url(nadpis-navrh.jpg);
}
 h3.nadpis-bezolova{
 margin-left: 12px;
 height: 110px;
 width: 310px;
 background: url(nadpis-bezolova.jpg);
}
 h3.nadpis-kalkulace{
  margin-left: 12px;
 height: 110px;
 width: 310px;
 background: url(nadpis-kalkulace.jpg);
}
 h3.nadpis-dotace{
  margin-left: 12px;
 height: 110px;
 width: 310px;
 background: url(nadpis-dotace.jpg);
}
 h3.nadpis-barvy{
  margin-left: 12px;
 height: 110px;
 width: 310px;
 background: url(nadpis-barvy.jpg);
}
 h3.nadpis-okna a,  h3.nadpis-bezolova a,  h3.nadpis-kalkulace a,  h3.nadpis-dotace a,  h3.nadpis-barvy a{
  height: 110px;
 width: 310px;
 display: block;
}
 h3.nadpis-okna a span,  h3.nadpis-bezolova a span,  h3.nadpis-kalkulace a span,  h3.nadpis-dotace a span,  h3.nadpis-barvy a span{
 display: none;
}

/*--- seo ---*/
#seo{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 939px;
text-align: center;
color: #3f9bcd;
font: normal 11px Arial,Verdana;
}
#seo a{
color: #3f9bcd;
font: normal 11px Arial,Verdana;
}