html{font-size:100.01%;} 
body{
font-size:.813em;
font-family:trebuchet MS,arial,helvetica;
color:#fff;
margin:0;
padding:0;
text-align:center;
background:#384451;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#fff;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
#page{
width:100%;
background:#232a32 url(../img/content-bg-repeat.gif) repeat-x 0 137px;
}
#header{
width:100%;
height:137px;
background:url(../img/header-bg.gif) repeat-x;
text-align:center;
}
#headerIn{
width:970px;
text-align:left;
margin:0 auto;
position:relative;
}
#header h2{
width:465px;
height:79px;
position:absolute;
top:40px;
left:47px;
}
#header h2 span{
width:465px;
height:79px;
background:url(../img/prace-vseho-druhu.gif)
}
#menu{
font-size:1.231em;
position:absolute;
top:39px;
right:27px;
}
#menu a{
text-decoration:none;
float:left;
display:block;
padding:20px 27px;
}
#menu li.act a,#menu a:hover{
color:#6cb1ce;
}
#menu li{
float:left;
}
#menu span{
width:1px;
height:73px;
background:url(../img/menu-separator.png) no-repeat;
display:block;
float:left;
}
* html #menu span{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu-separator.png', sizingMethod='image');
}
#contentBg{
width:100%;
background:url(../img/content-bg.jpg) no-repeat center top;
text-align:center;
}
#content{
width:970px;
text-align:left;
margin:0 auto;
min-height:300px;
position:relative;
}
* html #content{
height:300px;
}
#contentIn{
padding:30px 53px;
}
#contentIn{
line-height:1.6;
}
#contentIn h1{
font-size:2.462em;
color:#fff;
font-weight:normal;
padding:0 0 0 12px;
margin:0 0 20px;
line-height:1;
}
body#normal #contentIn h1{
padding:0 !important;
color:#6CB1CE;
}
body#zahradnicke #contentIn h1{
border-left:5px solid #2E9800;
}
body#instalaterske #contentIn h1{
border-left:5px solid #207AF5;
}
body#topenarske #contentIn h1{
border-left:5px solid #D62222;
}
body#zednicke #contentIn h1{
border-left:5px solid #FF7A08;
}
body#truhlarske #contentIn h1{
border-left:5px solid #7C3900;
}
body#elektrotechnicke #contentIn h1{
border-left:5px solid #FFCC33;
}
body#ostatni #contentIn h1{
border-left:5px solid #474e77;
}
body#poradenstvi #contentIn h1{
border-left:5px solid #A45DD1;
}
#contentIn h2{
font-size:1.538em;
color:#fff;
font-weight:normal;
padding:0 0 6px;
}
#contentIn p{
padding:0 0 16px;
}
#contentIn ul{
margin:0 0 12px;
}
#contentIn ul li{
padding:0 0 4px 22px;
position:relative;
}
body#zahradnicke #contentIn li{
background:url(../img/li-green.gif) no-repeat 0 6px;
}
body#instalaterske #contentIn li{
background:url(../img/li-blue.gif) no-repeat 0 6px;
}
body#topenarske #contentIn li{
background:url(../img/li-red.gif) no-repeat 0 6px;
}
body#zednicke #contentIn li{
background:url(../img/li-orange.gif) no-repeat 0 6px;
}
body#truhlarske #contentIn li{
background:url(../img/li-brown.gif) no-repeat 0 6px;
}
body#elektrotechnicke #contentIn li{
background:url(../img/li-yellow.gif) no-repeat 0 6px;
}
body#ostatni #contentIn li{
background:url(../img/li-dark.gif) no-repeat 0 6px;
}
body#poradenstvi #contentIn li{
background:url(../img/li-purple.gif) no-repeat 0 6px;
}
body#normal #contentIn a{
color:#6CB1CE;
}
ul#subMenu{
font-size:1.692em;
position:absolute;
top:80px;
left:57px;
padding-top:10px;
}
ul#subMenu li{
padding:0 0 9px;
}
ul#subMenu li a{
color:#36424e;
text-decoration:none;
padding:1px 0 0 45px;
}
ul#subMenu li a:hover{
color:#536373;
}
ul#subMenu li.green a{
background:url(../img/hp-li-green.png) no-repeat;
}
* html ul#subMenu li.green a{
background:url(../img/hp-li-green.gif) no-repeat;
}
ul#subMenu li.blue a{
background:url(../img/hp-li-blue.png) no-repeat;
}
* html ul#subMenu li.blue a{
background:url(../img/hp-li-blue.gif) no-repeat;
}
ul#subMenu li.red a{
background:url(../img/hp-li-red.png) no-repeat;
}
* html ul#subMenu li.red a{
background:url(../img/hp-li-red.gif) no-repeat;
}
ul#subMenu li.orange a{
background:url(../img/hp-li-orange.png) no-repeat;
}
* html ul#subMenu li.orange a{
background:url(../img/hp-li-orange.gif) no-repeat;
}
ul#subMenu li.brown a{
background:url(../img/hp-li-brown.png) no-repeat;
}
* html ul#subMenu li.brown a{
background:url(../img/hp-li-brown.gif) no-repeat;
}
ul#subMenu li.yellow a{
background:url(../img/hp-li-yellow.png) no-repeat;
}
* html ul#subMenu li.yellow a{
background:url(../img/hp-li-yellow.gif) no-repeat;
}
ul#subMenu li.dark a{
background:url(../img/hp-li-dark.png) no-repeat;
}
* html ul#subMenu li.dark a{
background:url(../img/hp-li-dark.gif) no-repeat;
}
ul#subMenu li.purple a{
background:url(../img/hp-li-purple.png) no-repeat;
}
* html ul#subMenu li.purple a{
background:url(../img/hp-li-purple.gif) no-repeat;
}
#hpCol{
width:611px;
min-height:550px;
padding-top:32px;
margin-left:47px;
}
* html #hpCol{
height:582px;
}
#hpBlueBox{
width:611px;
height:409px;
position:relative;
}
#hpBlueBoxIn{
width:611px;
height:409px;
position:relative;
z-index:100;
}
#hpBlueBoxBg{
width:611px;
height:409px;
background:url(../img/blue-box.png) no-repeat;
display:block;
position:absolute;
top:0;
left:0;
z-index:10;
}
* html #hpBlueBoxBg{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/blue-box.png', sizingMethod='image');
}
#hpBlueBox h1{
position:absolute;
top:34px;
left:59px;
width:171px;
height:35px;
color:#232a32
}
#hpBlueBox h1 span{
width:171px;
height:35px;
background:url(../img/hp-nabizime.gif);
}
#hpShadow{
position:relative;
width:600px;
height:108px;
margin:0 0 0 6px;
}
#hpShadowIn{
position:relative;
width:600px;
height:108px;
z-index:100;
}
#hpShadowBg{
position:absolute;
top:0;
left:0;
width:600px;
height:108px;
background:url(../img/blue-box-shadow.png) no-repeat;
z-index:10;
}
* html #hpShadowBg{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/blue-box-shadow.png', sizingMethod='image');
}
#hpLinkCenik{
position:absolute;
top:44px;
left:56px;
width:144px;
height:43px;
}
#hpLinkCenik a span{
width:144px;
height:43px;
background:url(../img/hp-cenik.gif) no-repeat left top;
}
#hpLinkCenik a:hover span{
background:url(../img/hp-cenik.gif) no-repeat left bottom;
}
#hpLinkKontakt{
position:absolute;
top:44px;
left:310px;
width:183px;
height:43px;
}
#hpLinkKontakt a span{
width:183px;
height:43px;
background:url(../img/hp-kontakt.gif) no-repeat left top;
}
#hpLinkKontakt a:hover span{
background:url(../img/hp-kontakt.gif) no-repeat left bottom;
}
#hpLinkCenik a,#hpLinkKontakt a{
color:#b6c1cd;
}
#maskot{
width:274px;
height:426px;
position:absolute;
top:51px;
right:35px;
}
#maskotShadow{
width:274px;
height:96px;
position:absolute;
bottom:0;
right:0;
background:url(../img/maskot-shadow.png) no-repeat;
}
* html #maskotShadow{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/maskot-shadow.png', sizingMethod='image');
}
#flash{
width:253px;
height:406px;
position:absolute;
top:0px;
right:8px;
}
.imgLeft{
float:left;
margin:5px 0 25px;
border:5px solid #36404C;
}
.imgRight{
float:right;
margin:5px 0 25px;
border:5px solid #36404C;
}
#footer{
width:100%;
background:#384451 url(../img/footer-bg.gif) repeat-x 0 0;
color:#7f9cbb;
text-align:center;
}
#footer a{
color:#7f9cbb;
}
#footer a:hover{
color:#fff;
}
#footerIn{
width:864px;
padding:40px 53px 0;
text-align:left;
margin:0 auto;
height:60px;
}
* html #footerIn{
height:100px;
width:970px;
}