/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0px; font-size:12px; text-align:left; font-family:Arial, sans-serif; background:#100001 url(../images/layout/bg-main.gif) repeat-y; color:#000; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:40px; font-weight:normal; margin:0 0 20px 0; }
h2 { font-size:12px; font-weight:normal; }
h3 { font-size:12px; font-weight:normal; }
p { line-height:140%; }
a { color:#B20D24; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:140%; }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
ul li { list-style:none; float:left; line-height:130%; }
.wrap { width:1020px; float:left; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { width:971px; height:81px; padding:20px 30px 10px 20px; position:relative; background:#fff url(../images/layout/bg-top.gif) no-repeat; }
.header img { margin:10px 0 0 0; }
.header .flags { width:770px; height:20px; float:right; padding-top:10px; }
.header .flags img { float:right; margin:0 0 0 5px; }
.header .left { width:165px; height:56px; float:left; /*margin:0 69px 0 0;*/ }
.header .right { width:776px; float:right; }
.header .right .hotline { width:243px; margin:0 0 15px 0; float:right; text-align:right; font-weight:bold; }
.header .right .hotline img { float:left; margin:0; }
.header .sites { position:absolute; right:30px; top:8px; font-size:11px; color:#4B4B4B; }
.header .sites a { color:#4B4B4B; }

/* =MAIN MENU
---------------------------------------------------------------------------------------------------*/
ul.main-menu { width:726px; float:right; text-align:right; }
ul.main-menu li { padding:0 15px 0 0; float:none; display:inline; text-align:right; }
ul.main-menu li.rear { padding-right:0; }
ul.main-menu li a { font-size:14px; font-weight:bold; color:#74818D; text-decoration:none; }
ul.main-menu li a:hover { color:#B40D24; }
ul.main-menu li a.active { color:#B40D24; }

/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { background:#fff; width:960px; padding:0 41px 20px 20px; float:left; }
.main p.desc { font-size:22px; display:block; margin:0 0 20px 0; line-height:26px; }
.absolute { position:fixed; top:128px; left:1021px; width:270px; height:466px; background:url(../images/layout/r.jpg); }
* html .absolute { position:absolute; top:128px; left:1021px; }

/* =WELCOME PAGE - text
---------------------------------------------------------------------------------------------------*/
.welcome-text { width:342px; float:right; text-align:left;}
.welcome-text .title { font-size:40px; display:block; width:342px; float:left; margin:0 0 15px 0; line-height:115%; }
.welcome-text .box { width:165px; float:left; margin:0 10px 0 0; }
.welcome-text .box.rear { margin:0;}
.welcome-text .box img { float:left; margin:0 3px 0 0;}
.welcome-text .box p { margin:5px 0 5px 0; }
.welcome-text .box ul { display:block; }
.welcome-text .box ul li { width:135px; padding:0 0 0 10px; background:url(../images/layout/bullet.gif) left top no-repeat; }
.welcome-text .box ul li a { font-weight:bold; }
.welcome-text .box a.objednat { display:block; width:127px; height:24px; padding:8px 0 0 10px; margin:15px 0 0 0; color:#fff; text-decoration:none; background:url(../images/layout/button-objednat.jpg) no-repeat; }
.welcome-text .box a.objednat:hover { text-decoration:underline; }

/* =WELCOME PAGE - images
---------------------------------------------------------------------------------------------------*/
.welcome-images { width:599px; margin:7px 0 0 0; float:left; }
.welcome-images img { float:left; }

.welcome-images a { display:block; float:left; position:relative; text-align:center; }
.welcome-images a.instalacie,
.welcome-images a.w21,
.welcome-images a.w22 { width:150px; height:151px; }
.welcome-images a.zahrada { width:149px; height:151px; }
.welcome-images a.zamocnictvo,
.welcome-images a.klimatizacia,
.welcome-images a.elektrika,
.welcome-images a.w4,
.welcome-images a.w91,
.welcome-images a.w92 { width:150px; height:150px; }
.welcome-images a.oprava,
.welcome-images a.w7 { width:149px; height:150px; }

.welcome-images a:hover span { display:block; padding:10px; position:absolute; top:0; left:0; z-index:40; font-size:11px; color:#fff; cursor:pointer; line-height:150%; background:url(../images/layout/bg-sub-welcome.gif) repeat-y right; }
.welcome-images a.instalacie:hover span { width:129px; height:85px; padding-top:55px; }
.welcome-images a.zahrada:hover span { width:129px; height:72px; padding-top:68px; }
.welcome-images a.zamocnictvo:hover span { width:129px; height:71px; padding-top:68px; }
.welcome-images a.klimatizacia:hover span { width:129px; height:94px; padding-top:45px; }
.welcome-images a.elektrika:hover span { width:129px; height:84px; padding-top:55px; }
.welcome-images a.oprava:hover span { width:129px; height:71px; padding-top:68px; }
.welcome-images a.w21:hover span,
.welcome-images a.w22:hover span,
.welcome-images a.w4:hover span,
.welcome-images a.w7:hover span { width:129px; height:71px; padding-top:68px; }
.welcome-images a.w91:hover span,
.welcome-images a.w92:hover span { width:129px; height:70px; padding-top:68px; }

.welcome-images a span { display:none; }
.welcome-images a:hover { border:0px; }
.welcome-images span strong { display:block; }


/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content { width:640px; float:right; text-align:left; }
.content.setrenie { margin:7px 0 0 0; }
.content strong { display:block; margin:0 0 5px 0; }
.content ul.list { margin:0 0 15px 3px; float:left; }
.content ul.list li { width:600px; padding:0 0 0 10px; background:url(../images/layout/bullet.gif) left top no-repeat; }
.content p.kontakt { margin:0 0 15px 0; }

/* =ROLL TEXT
---------------------------------------------------------------------------------------------------*/
.roll-text { float:left; margin:0 0 20px 0; }
.roll-text li { float:none; line-height:140%; }
.roll-text li a { text-decoration:none; display:block; font-weight:bold; padding:0 0 5px 20px; background:url(../images/layout/nav-noactiv.gif) no-repeat left top; }
.roll-text li a:hover { color:#000; border:0px; }
.roll-text li p { width:620px; line-height:140%; margin:0 0 10px 0; }
.roll-text li .rolltext { width:620px; }
ul.roll-text li ul.disc { width:605px; margin:0 0 0 3px; padding:0 0 10px 0; }
ul.roll-text li ul.disc li { padding:0 0 0 10px; background:url(../images/layout/bullet.gif) left top no-repeat; line-height:140%; }
ul.roll-text li ul.disc li ul.subsubmenu { margin:0 0 0 30px; }
ul.roll-text h2.noroll { font-weight:bold; color:#B20D24; padding:0 0 5px 20px; background:url(../images/layout/nav-noactiv.gif) no-repeat left top; }

/* =SUBMENU
---------------------------------------------------------------------------------------------------*/
.submenu { float:left; width:300px; padding:0 10px 0 0; margin:7px 0 0 0; }
.submenu ul li a { display:block; position:relative; float:left; }
.submenu ul li img { position:relative; }
.submenu ul li a span { display:none; padding:0 10px 0 4px; width:136px; height:150px; }
.submenu ul li a:hover span { display:block; position:absolute; float:left; cursor:pointer; border:0; top:0; left:0; color:#fff; font-size:18px; text-align:center; line-height:120%; background:url(../images/layout/bg-submenu.png); }
.submenu ul li a:hover { border:0; }
.submenu.de ul li a:hover span { font-size:15px; }
.submenu ul li a span.line1 { padding-top:55px; height:95px; }
.submenu ul li a span.line2 { padding-top:25px; height:125px; }
.submenu ul li a span.line3 { padding-top:40px; height:110px; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer { width:970px; margin:0 0 50px 20px; font-size:11px; color:#4B4B4B; }
.footer a { color:#4B4B4B; text-decoration:none; font-weight:bold; }
.footer a:hover { text-decoration:underline; }
.footer p { float:left; margin:20px 0 0 0; }
.footer .design { float:right; margin:20px 0 10px 0; font-weight:normal; text-transform:uppercase; font-size:10px; text-decoration:underline; }
.footer .design:hover { text-decoration:none; }

/* =POPUP
---------------------------------------------------------------------------------------------------*/
.popup { padding:10px 10px 0 10px ; text-align:left; }
.popup strong { font-size:14px; font-weight:normal; margin:0 0 10px 0; display:block; }
ul.pop li { padding:0 0 0 10px; background:url(../images/layout/bullet.gif) left top no-repeat; float:none; }