* {
margin:0;
}
html {
background:url(background-pixel.png);
overflow-y: scroll;
/*overflow: auto;*/
}
html, body {
height:100%;
}
form {
height: 100%;
}
body {
background:url(background.png) repeat-x;
font-family: "Verdana";
font-size:15px;
padding:0;
color:#605C5C;
}
a {
color:#605C5C;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

#container {
width:900px;
height:100%;
margin:0 auto;
}
/* --------------------------------- header ---------------------------- */
#header {
height:160px;
background-color:#FFFFFF;
position:relative;
}
#header .logo-telmos {
width:116px;
height:37px;
position:absolute;
left:15px;
bottom:50px;
background:url(header_telmos.png) no-repeat;
}
#header .slogan-telmos {
position:absolute;
left:15px;
bottom:18px;
font-style:italic;
font-weight:bold;
font-size:18px;
color:#C0C0C0;
}
#header .logo-sonnenkraft {
width:494px;
height:86px;
position:absolute;
right:20px;
bottom:10px;
background:url(header_sonnenkraft.png) no-repeat;
}
/* ---------------------- oranzen pas ------------------------------- */
#menu {
width: 900px;
height: 17px;
background-color:#f78f1e;
background:url(background-orangepixel.png);
}

#navigation {
float:left;
}
#navigation .cenik {
margin-left:20px;
}

/* ---------------------- footer ------------------------------- */
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -95px;
background-color:#ffffff;
}
.push {
height:95px;
}

.clear {
clear:both;
}

#footer {
clear: both;
padding-left: 200px;
background-color:#fafafa;
width:698px;
height:94px; /* 95px - padding */
margin:0 auto;
border-top:dotted 1px #ababab;
border-left:dotted 1px #ababab;
border-right:dotted 1px #ababab;
position:relative;
font-size:9px;
color:#c0c0c0;
}
.footer a {
color:#c0c0c0;
font-weight:bold;
}



/* ---------------------- boxes ------------------------------- */
#boxes {
width: 880px; /* 900px - padding left/right */
background:url(main-fill.png) repeat-x;
padding-top:55px;
min-height:444px;
padding-bottom:50px;
padding-left:10px;
padding-right:10px;
}

.box1 a, .box2 a, .box3 a, .box4 a {
float:left;
width:200px;
height:255px;
}
.box1, .box2, .box3, .box4 {
float:left;
width:200px;
height:255px;
text-align:center;
position:relative;
}
.box1 {
margin-right:13px;
}
.box2 {
margin-left:13px;
margin-right:13px;
}
.box3 {
margin-left:13px;
margin-right:13px;
}
.box4 {
margin-left:13px;
}
.icon-shadow {
position:absolute;
bottom:0;
left:0;
width:200px;
height:40px;
padding-top:15px;
background:url(Icon_Shadow.png) no-repeat;
behavior:url(iepngfix.htc);
color:#f78f1e;
font-size:24px;
font-style:italic;
font-weight:bold;
}
#box-link1, #box-link2, #box-link3, #box-link4 {
display:none;
}
.icon1 a:hover, .icon2 a:hover, .icon3 a:hover, .icon4 a:hover {
background-position:0 -200px;
}
.icon1 a {
height:200px;
background:url(Icon_Catalog.png) no-repeat;
behavior:url(iepngfix.htc);
}
.icon2 a {
height:200px;
background:url(Icon_About.png) no-repeat;
behavior:url(iepngfix.htc);
}
.icon3 a {
height:200px;
background:url(Icon_Contact.png) no-repeat;
behavior:url(iepngfix.htc);
}
.icon4 a {
height:200px;
background:url(Icon_References.png) no-repeat;
behavior:url(iepngfix.htc);
}

#akcija {
width:601px;
height:252px;
margin:0 auto;
font-style:italic;
}
#akcija .tekst1 {
font-weight:bold;
font-size:40px;
}
#akcija .tekst2 {
color:#636363;
font-weight:bold;
}
#akcija .tekst3 {
color:#636363;
font-weight:normal;
}
#akcija a {
display:block;
width:369px;
height:182px;
background:url(banner.png) no-repeat;
behavior:url(iepngfix.htc);
padding-left:32px;
padding-right:200px;
padding-top:70px;
color:#B0B0B0;
font-size:22px;
}
#akcija a:hover {
color:#f78f1e;
text-decoration:none;
background-position:0 -252px;
}

/* ---------------------- titleframe ------------------------------- */
#titleframe {
width:880px; /* 900px - padding left/right */
height:120px;
background:url(main-fill2.png) repeat-x;
padding-left:10px;
padding-right:10px;
position:relative;
}

#titleframe div.home { position:absolute; left:8px; top:10px; }
#titleframe div.home ul { float: left; padding: 0; }
#titleframe div.home li { float: left; display: inline; }
#titleframe div.home a {
float: left;
background:url(icon-home.png) 1px 0 no-repeat;
behavior:url(iepngfix.htc);
padding-top:50px;
min-width:53px;
font-weight:normal;
text-align:center;
}
#titleframe div.home a:hover { background-position:-52px 0; color:#F78F1E; text-decoration:none; }

#titleframe .title {
position:absolute;
right:25px;
width:600px;
top:15px;
background-position: right bottom;
background-repeat:no-repeat;
behavior:url(iepngfix.htc);
height:95px; /* 115px - padding */
padding-top:20px;
padding-right:130px;
text-align:right;
}
#titleframe .title h1 { font-size:28px; font-style:italic; font-weight:normal; }

#titleframe .catalog { background-image:url(Icon_Catalog_small.png); }
#titleframe .about { background-image:url(Icon_About_small.png); }
#titleframe .contact { background-image:url(Icon_Contact_small.png); }
#titleframe .references { background-image:url(Icon_References_small.png); }

/* ---------------------- content ------------------------------- */
#content {
padding-left:10px;
padding-right:10px;
padding-top:20px;
padding-bottom:50px;
}
#content .orange { color:#F78F1E; }
#content .big { font-size:20px; }
#content .bold { font-weight:bold; }

.content-about {
margin-left:45px;
margin-right:45px;
width:550px;
}
.content-references {
margin-left:45px;
margin-right:45px;
}

#description {
margin-left:20px;
float:left;
width:630px;
padding:10px;
}

#content h1 {
margin:0;
font-size:20px;
}
#content h2 {
margin:0;
font-size:16px;
}

/* ---------------------- content ------------------------------- */
.imgReferenca {
width: 250px;
height: 188px;
}
.borderReferenca {
background: url(borderReferenca.png) no-repeat;
behavior:url(iepngfix.htc);
width: 250px;
height: 188px;
}
.borderReferenca:hover {
background-position:0 -188px;
cursor: pointer;
}
.divReferenca {
float:left;
position:relative;
padding:6px;
}

.folder {
padding-top:30px;
font-weight:bold;
}