@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	width: 100%;
}
body,td,th {
	color: #FFF;
}
body {
	background-color: #D1D1D1;
	margin: 0px;
	background-attachment: scroll;
	background-image: url(/images/o_nas.png);
	background-repeat: no-repeat;
	background-position: left top;
}
body.zateplovani {
	background-image: url(/images/zatepleni.png);
}
body.strechy {
	background-image: url(/images/strechy.png);
}
body.dotace {
	background-image: url(/images/dotace.png);
}
body.okna {
	background-image: url(/images/okna.png);
}
body.lodzie_betonove {
	background-image: url(/images/lodzie_beton.png);
}
body.lodzie_zasklene {
	background-image: url(/images/lodzie_sklo.png);
}
body.lupomech, body.reference_bytove_domy, body.reference_bytove_domy {
	background-image: url(/images/o_nas.png);
}
body.financovani {
	background-image: url(/images/financovani.png);
}
#container {
	margin: 0px;
	height: 100%;
	width: 950px;
	
	height: 100%;
}
#container #logo {
	height: 344px;
	width: 300px;
	position:absolute;
	left:0px;
	top: 0px;
	background-image: url(/images/logo_podklad.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
}
#container #content {
	height: 100%;
	width: 650px;
	position: absolute;
	left: 300px;
	top: 0px;
	background-repeat: no-repeat;
	
}
#container #content #text {
	margin: 0px;
	padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	
}

#container #content #text.o_nas p, #container #content #text.o_nas li, #container #content #text.o_nas h1 {
	color:#000;
}
#container #content #text.lodzie_sklo p, #container #content #text.lodzie_sklo li, #container #content #text.lodzie_sklo h1 {
	color:#000;
}


#container #menu {
	width: 300px;
	position: absolute;
	left: 0px;
	top: 424px;
	background-color: #000;
}
#container #logo p {
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}
.gray {
	color: #AAA;
}
.small {
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}
.h1sml {
	font-size: 18px;
	font-weight:normal;
	margin:0px;
}
#container #menu ul {
	list-style-type: none;
	text-align: center;
	list-style-position: outside;
	margin: 0px;
	margin-left: -50px;
	
}
#container #menu ul li {
	display: block;
	list-style-type: none;
	text-align: center;
	list-style-position: outside;
	margin: 0px;
	height: 45px;
	padding: 10px 0 7px 0;
}
#container #menu ul li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: bold;
	margin:0px;
	width:100%;
	
}

#container #menu ul li.posuv {
	padding: 19px 0 0px 0;
}
#container #menu ul li.zateplovani {
	background-image: url(/images/menu_1.png);
	background-repeat: no-repeat;
	background-position: right;	
	border-top:2px solid #333;
	border-bottom:1px solid #333;
}
#container #menu ul li.okna {
	background-image: url(/images/menu_2.png);
	background-repeat: no-repeat;
	background-position: right;	
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#container #menu ul li.lodzie1 {
	background-image: url(/images/menu_3.png);
	background-repeat: no-repeat;
	background-position: right;	
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#container #menu ul li.lodzie2 {
	background-image: url(/images/menu_4.png);
	background-repeat: no-repeat;
	background-position: right;	
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#container #menu ul li.strecha {
	background-image: url(/images/menu_5.png);
	background-repeat: no-repeat;
	background-position: right;	
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#container #menu ul li.dotace {
	background-image: url(/images/menu_6.png);
	background-repeat: no-repeat;
	background-position: right;	
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#container #menu ul li.financovani {
	background-image: url(/images/menu_7.png);
	background-repeat: no-repeat;
	background-position: right;	
	border-top:1px solid #333;
	border-bottom:2px solid #333;
}
#container #menu ul li.refs {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#container #menu ul li a.zateplovani:hover {
	color: #F1861D;
}
#container #menu ul li a.okna:hover {
	color: #0099DB;
}
#container #menu ul li a.lodzie1:hover {
	color: #ACAEB0;
}
#container #menu ul li a.lodzie2:hover {
	color: #FEF200;
}
#container #menu ul li a.strecha:hover {
	color: #CD521B;
}
#container #menu ul li a.dotace:hover {
	color: #B3B5B6;
}
#container #menu ul li a.financovani:hover {
	color: #8CC63F;
}
#container #menu ul li a.refs:hover {
	color: #B3B5B6;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	margin: 10px 0 0 0px;
	font-weight: lighter;
	height: 100px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
}
#container #content #text .white {
	color: white;
}
#container #content #text .black {
	color: black;
}
#container #content #text .wine {
	color: #900;
}
#container #content #text .darkblue {
	color: #036;
}
#container #content #text .orange {
	color: #F60;
}
#container #content #text .black {
	color: black;
}
#container #content #text .darkgray {
	color: #666666;
}
#container #content #text .green {
	color: #006600;
}
#container #content #text a {
	color: #F2FDEC;
	text-decoration: underline;
}
#container #content #text div a, #container #content #text div td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
#container #content #text p, #container #content #text li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	text-align: justify;
}
#container #content #text li {
	line-height: 150%;

}
p cufon {
    padding-bottom: 3px;
}
#container #content #text .imgright {
	float: right;
	padding-left: 8px;
	border:0;
	clear:right;
}
#container #content #text .imgleft {
	float: left;
	padding-right: 8px;
	border:0;
	clear:left;
}
li cufon {
    padding-bottom: 5px;
}
#container #content #text .rightdiv {
	width:190px; 
	float:right; 
	padding-left:10px; 
	border-left:#FFF dashed 1px;
	margin-left: 20px;
	color: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
}
.oknadrevo, .oknaplast, .oknahlinik, .oknadoplnky {
	width: 45%;
	padding: 10px;
	background-image: url(/images/trn1.png);
	background-repeat: repeat-x;
	height: 300px;
	margin-bottom: 10px;
}
.doplnky {
	width: 570px;
	padding: 10px;
	background-image: url(/images/trn2.png);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
#container #content #text .subwhite p {
	font-size: small;
	text-align: left;
}
.oknadrevo {
	float: left;
}
.oknaplast, .oknadoplnky {
	float:right;
	clear:right;
}
.oknahlinik {
	float: left;
	clear:left;
}
.subwhite h3 {
	color: #FF0;
}
.clear {
	clear:both !important;
	
}
hr {
	border-width: 0px;
	height: 1px;
	background-image: url(/images/semi_trn.png);
	background-repeat: repeat;
}
#subleft {
	float:left; 
	width:380px; 
	border-left: #222 solid 1px; 
	padding-left: 10px;
	min-height:150px;
}
#subright {
	float:right; 
	width:180px; 
	border-left: #222 solid 1px; 
	padding-left: 10px;
	min-height:150px;
}
#container #content #text #subright a:hover {
	text-decoration: underline;
}
#container #content #text .smaller td {
	font-size: 9px;
}
img {
	border:none;
}
/* image span */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
top:-500px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
.mainref {
	background-image: url(/images/trnh.png);
	background-repeat: repeat-y;
	background-position: right;
	padding: 5px;
	margin-top: 10px;
	min-height: 120px;	
}
.ref {
	background-image: url(/images/trnh1.png);
	background-repeat: repeat-y;
	background-position: right;
	padding: 5px;
	margin-top: 10px;
	min-height: 50px;	
}
.mainref h3, .ref h3 {
	margin: 0;
}