/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::: Created by Datlink s.r.o. :::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::: Global ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
* {margin:0;padding:0;border:none;font-family: Tahoma, Helvetica, Arial;text-align: left;}
body {text-align: center;background: url(../img/wall.gif) repeat-x 0 0 #2f3247;}

#p-root {background-color: #FFFFFF;width: 980px;height: auto;margin: 0 auto;text-align: center;}

#header {float: left;background: url(../img/patern-header.gif) repeat-x 0 0 #ffffff;width: 980px;height: 103px;}
#header .logo {width: 217px; height: 57px;float: left;margin: 20px 20px 0 32px;left: 0;text-align: left;overflow: hidden;}
#header .logo span { background: url(../img/logo.gif) 0 0 no-repeat; }
.break {width: 1px;height: 48px;margin: 21px 0 0 0;float: left;background: url(../img/break.gif) no-repeat 0 0;}
div.slogan {width: 352px;height: 25px;margin: 42px 0 0 20px;float: left;font-size: 21px;overflow: hidden;left: 0;text-align: left;}
div.slogan span { background: url(../img/slogan.gif) 0 0 no-repeat; }
.doporucit-stranku {width: auto;height: auto;margin: 88px 16px 0 0px;float: right;font-size: 11px;text-align: left;}
.doporucit-stranku .ico-doporucit-stranku { position: absolute; margin-left: -36px; margin-top: -6px;width: 29px;height:35px; background: url(../img/ico-doporucit.gif) no-repeat left bottom; }
.doporucit-stranku a{font-weight: bold;text-decoration: none;}
.doporucit-stranku a:hover {color: #737373;}

.slogan-hp {width: 555px;height: 80px;margin: 38px 0px 0 52px;float: left;font-size: 28px;text-align: left;}



.slogan-o-nas {height: 80px;font-size: 21px;float:left;overflow: hidden;left: 0;text-align: left;margin: 0;}
.slogan-o-nas span { background: url(../img/slogan-o-nas.gif) 0 0 no-repeat; }

.slogan-nabizime {height: 80px;font-size: 21px;float:left;overflow: hidden;left: 0;text-align: left;margin: 0;}
.slogan-nabizime span { background: url(../img/slogan-nabizime.gif) 0 0 no-repeat; }

.slogan-reference {height: 80px;font-size: 21px;float:left;overflow: hidden;left: 0;text-align: left;margin: 0;}
.slogan-reference span { background: url(../img/slogan-reference.gif) 0 0 no-repeat; }

.slogan-kontakty {height: 80px;font-size: 21px;float:left;overflow: hidden;left: 0;text-align: left;margin: 0;}
.slogan-kontakty span { background: url(../img/slogan-kontakty.gif) 0 0 no-repeat; }

.fRight {float:right;}
.fLeft {float:left;}
.font-blue {color: #1a88c6;}
.font-gray {color: #4d4d4d;}
.font-gray01 {color: #414142;}
.font-gray02 {color: #686868;}
.font-white {color: #ffffff;}
.bold {font-weight: bold;}
.small-font {font-size: 11px;}
.brdrLeft {border-left: 20px solid white;}
.mrgTop {border-top: 3px solid white;}

h1 {color: #1a88c6;font-size: 24px;margin: 14px 0 17px 0;line-height: 30px; font-weight: bold;width: 514px; }
h2 {color: #1a88c6;font-size: 18px;margin: 8px 0 4px 0;line-height: 24px; font-weight: normal;width: 100%;}
h3 {color: #1a88c6;font-size: 13px;margin: 10px 0 0px 0;font-weight: bold; width: 100%;float: left;}
h4 {color: #dc2b19;font-size: 15px;font-weight: bold;margin: 14px 0 14px 0;}
h5 {color: #dc2b19;font-size: 19px;font-weight: bold;margin: 14px 0 14px 0;}
a {cursor: pointer;color: #000000;text-decoration: underline; }
a:hover {text-decoration: none;}
#aside-center .content p {color: #424242; font-size: 12px;line-height: 18px;margin: 6px 0 10px 0;}
#aside-center .content b {color:  #424242;}


#motive {float: left;width: 980px;height: 156px;background-color: #ada8ae;background-position: left bottom;background-repeat: no-repeat;}
.bg-hp {background: url(../img/motiv01-header.jpg) no-repeat left bottom;}

.bg-nabizime {background: url(../img/motiv-header-nabizime.jpg) 0 0 no-repeat;}
.bg-kontakty {background: url(../img/motiv-header-kontakty.jpg) 0 0 no-repeat;}
.bg-reference {background: url(../img/motiv-header-reference.jpg) 0 0 no-repeat;}
.bg-o-nas {background: url(../img/motiv-header-o-nas.jpg) 0 0 no-repeat;}


#nav-horizontal {width: 980px;height: 36px;float:left;font-size: 12px;margin: 0 0 0 0;padding: 0 0 0 0;background: url(../img/xbg-menu.gif) left top no-repeat #3096d0;}


#center {float: left; width: 980px;height: auto;min-height: 347px;background-color: #ffffff; padding: 16px 0; }

#breadcrumbs {float: left; margin: 0 0 0 0;width: 514px;text-align: left;}
#breadcrumbs p {font-size: 11px;margin: 7px 0 7px 0;color: #747474;}
#breadcrumbs p a {font-size: 11px;margin: 0;color: #747474;}

#aside-left {float: left; width: 200px;height: auto;background-color: #999999;margin: 0 20px 0 16px;}
#aside-center {float: left; width: 514px;height: auto;margin: 0 20px 0 0;}
#aside-right {float: left; width: 210px; height: auto;background-color: #777777;margin: -16px 0 0 0px;background: url(../img/shadow.gif) no-repeat left top;}

#aside-left .box {float: left; width: 198px;height: auto;background: url(../img/patern-box.gif) repeat-x left bottom #fefeff;border: 1px solid #dfdfdf;text-align: left;}
#aside-left .box-break {float: left; width: 200px;height: 16px;background-color: #ffffff;overflow: hidden;}
#aside-left .box .content p,
#aside-left .box .content a
{font-size: 11px;margin: 9px 0; line-height: 16px;}

#aside-left .box .title-container {float: left; width: 198px;height: 40px;}
#aside-left .box .content {float: left; width: 166px;padding: 7px 0;margin-left: 16px; }

#aside-left .box .title-container .ico-potrebujete { position: absolute; margin-left: 142px; margin-top: 6px;width: 44px;height:45px; background: url(../img/ico-potrebujete.gif) no-repeat right bottom; }
#aside-left .box .title-container .ico-i-tipy { position: absolute; margin-left: 142px; margin-top: -7px;width: 43px;height:41px; background: url(../img/ico-i-tipy.gif) no-repeat right bottom; }

#aside-left .box .title-container .title-potrebujete {width: 103px; height: 16px;float: left;margin: 13px 0px 0 16px;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #ffffff;}
#aside-left .box .title-container .title-potrebujete span { background: url(../img/title-potrebujete.gif) 0 0 no-repeat; }

#aside-left .box .title-container .title-i-tipy {width: 40px; height: 16px;float: left;margin: 13px 0px 0 16px;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #000000;}
#aside-left .box .title-container .title-i-tipy span { background: url(../img/title-i-tipy.gif) 0 0 no-repeat; }


#aside-center .title-novinky {width: 97px; height: 26px;float: left;margin: 20px 0px 8px 0px;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #000000;}
#aside-center .title-novinky  span { background: url(../img/title-novinky.gif) 0 0 no-repeat; }
#aside-center .item-novinka { float: left; width: 514px;margin-top: 16px;}
#aside-center .item-novinka .motiv-novinka,
#aside-center .motiv-novinka

{ float: left; width: 127px; height: 80px; background-color: #ffffff; border: 1px solid #d8d8d8;margin-right: 20px; margin-bottom: 10px;}

#aside-center .item-novinka .motiv-novinka img{ margin-top: 1px; margin-left: 1px;float: left; }
#aside-center .item-novinka a {  width: 514px; color: #1a88c6;font-size: 14px;line-height: 20px;font-weight: bold;}
#aside-center .item-novinka p {color: #424242; font-size: 12px;line-height: 18px;}
#aside-center .item-container-easy {width: 247px;height: auto;float: left;}

#aside-center .container-full {width: 514px;height: auto;float: left;background-color: #f2f2f2;margin-bottom: 20px;}
#aside-center .container-full img {width: 242px;height: 151px;margin: 10px 0 10px 10px;float: left;}
#aside-center .container-full p {font-size: 12px;margin: 10px 0 10px 10px;}


#aside-center .container-clients { margin: 6px 0 0 0; float: left;  }
#aside-center .motiv-client{ float: left; width: 156px; height: 99px; background-color: #ffffff; border: 1px solid #d8d8d8;margin: 10px 0; }
#aside-center .motiv-client img{ margin-top: 2px; margin-left: 2px;float: left; }
.break-client { float: left;width: 20px;height: 99px;}

#aside-center .content {float: left;}
#aside-center .content .container-service{float: left;height: 250px;width: 158px;}
#aside-center .content a {color: #1a88c6;}
#aside-center .list {float: left;}

#aside-center .content ul	{
    list-style-type: none;
	background: url("../img/leftmenu-bg.gif") bottom left no-repeat;
	margin: 0px 0 5px 3px;
	width: auto;
	padding: 0 0 0px 0;
}
#aside-center .content ul li	{
	padding: 3px 10px 3px 16px;
    line-height: 18px;
	
	background: url("../img/blue-sq.gif") 0px 10px no-repeat;
	font-weight: normal;
    font-size: 12px;
    color: #424242;
}
#aside-center .content ol	{
	margin: 0px 0 5px 20px;
	width: auto;
	padding: 0 0 0px 0;
}
#aside-center .content ol li	{
	padding: 3px 0px 3px 0px;
    line-height: 18px;

	
	font-weight: normal;
    font-size: 12px;
    color: #424242;
}


#aside-center .content p.perex {font-weight: bold;color: #656565;}
.break-easy {width: 20px;height: 10px;float: left;}

#aside-center p.datum {color: #929292; font-size: 11px;line-height: 20px;}
#aside-center .item-novinka .text-novinka { float: left; width: 365px;}

#aside-right .container {  float:left;width: 200px; min-height: 670px; height:auto !important;height:670px;margin-left: 10px;background: url(../img/patern-aside-right.gif) repeat-x left top #ffffff;}

#aside-right .container .box{  float:left; width: 168px; margin-left: 16px;}
#aside-right .container .box-break {float: left; width: 168px;height: 16px;overflow: hidden;}
#aside-right .container .box .content {float: left; width: 136px;padding: 1px 0 7px 0;margin-left: 16px; }
#aside-right .container .box .content p
{font-size: 11px;margin: 9px 0; line-height: 16px;}

#aside-right .container .reference p
{float: left;}

#aside-right .container .reference p
{font-size: 11px;margin: 10px 0 14px 0; line-height: 16px;font-weight: bold;}

#aside-right .container .reference p
{float: left;}

#aside-right .container .reference p.vice
{margin: 0px 0 0px 0;}



#aside-right .container .reference p a.vice
{font-size: 11px;margin: 1px 0 14px 0; line-height: 16px;font-weight: bold;}

#aside-right .container .reference .motiv-reference{ float: left; width: 166px; height: 106px; background-color: #ffffff; border: 1px solid #d8d8d8; }
#aside-right .container .reference .motiv-reference img{ margin-top: 3px; margin-left:3px;float: left; }

#aside-right .container .box .title-nabizime {width: 64px; height: 12px;float: left;margin: 16px 0px 0px 16px;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #000000;}
#aside-right .container .box .title-nabizime span { background: url(../img/title-nabizime.gif) 0 0 no-repeat; }

#aside-right .container .box .title-firemni-hodnoty {width: 119px; height: 15px;float: left;margin: 16px 0px 0px 16px;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #000000;}
#aside-right .container .box .title-firemni-hodnoty span { background: url(../img/title-firemni-hodnoty.gif) 0 0 no-repeat; }

#aside-right .container .box .title-kontaktujte-nas {width: 119px; height: 15px;float: left;margin: 16px 0px 0px 16px;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #000000;}
#aside-right .container .box .title-kontaktujte-nas span { background: url(../img/title-kontaktujte-nas.gif) 0 0 no-repeat; }

#aside-right .container .box .title-novinky {width: 59px; height: 16px;float: left;margin: 16px 0px 0px 16px;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #000000;}
#aside-right .container .box .title-novinky span { background: url(../img/title-novinky-small.gif) 0 0 no-repeat; }

#aside-right .container .box .title-reference {width: 89px; height: 15px;float: left;margin: 15px 0px 16px 0;left: 0;text-align: left;overflow: hidden;font-size: 12px;color: #000000;}
#aside-right .container .box .title-reference span { background: url(../img/title-reference.gif) 0 0 no-repeat; }




.ico {margin-top: 14px;}
.ico-email {background: url(../img/ico-mail.gif) no-repeat top left;font-size: 13px;font-weight: bold;color: #414141;width: 196px;height: 24px;margin: 1px 0 0 0;padding: 7px 0 0 33px;}
.ico-phone {background: url(../img/ico-phone.gif) no-repeat top left;font-size: 13px;font-weight: bold;color: #414141;width: 196px;height: 24px;margin: 1px 0 0 0;padding: 7px 0 0 33px;}
.ico-map {background: url(../img/ico-world.gif) no-repeat top left;font-size: 13px;font-weight: bold;color: #414141;width: 196px;height: 24px;margin: 1px 0 0 0;padding: 7px 0 0 33px;}
.ico1 {margin-top: 8px;}
.ico-odrazka {background: url(../img/ico-odrazka.gif) no-repeat bottom left;font-size: 13px;font-weight: bold;color: #414141;width: 196px;height: 13px;margin: 1px 0 0 0;padding: 8px 0 0 20px;}

#footer {margin: 0 0 0 0;float: left;width: 980px;position: relative;height: 42px;background: url(../img/patern-footer.gif) repeat-x top left;background-color: #c9c9c9;}

#footer ul {float: right;margin-right: 16px;}
#footer p,
#footer ul {font-size: 11px;margin-top: 13px;text-align: left;color: #636363;}
#footer p {float: left;margin-left: 16px;margin-top: 16px;}
#footer ul li {list-style: none;display: inline;margin: 0;}
#footer ul li span {margin: 0 1px 0 4px; color: #9c9c9c;}
#footer ul li a {color: #636363;}
#footer ul li a img {position: relative;top: 3px;}

/* ::: end of Global :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::: Graphic overlays ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.overlaid       { position: relative; display: block; width: 100%; height: 100%; }
.overlaid a     { display: block; width: 100%; height: 100%; cursor: pointer; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; }
/* ::: end of Graphic overlays :::::::::::::::::::::::::::::::::::::::::::::: */

/* ::: Vertical submenu ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
ul#leftMenu	{
    list-style-type: none;
	background: url("../img/leftmenu-bg.gif") bottom left no-repeat;
	margin: 10px 0 0 6px;
	width: 166px;
	padding: 0 0 10px 0;
    float: left;
}
ul#leftMenu li	{
	padding: 0px 10px 5px 23px;
	color: #105d98;
	background: url("../img/blue-arrow.gif") 10px 8px no-repeat;
	font-weight: bold;
}
ul#leftMenu li a	{
	color: #105d98;
	font-weight: normal;
    font-size: 11px;
}
ul#leftMenu li a.act	{
	text-decoration: none;
	font-weight: bold;
}

ul#leftMenu li a.submenu-active{
	font-weight: bold;
}
ul#leftMenu ul {
    background-color: #ffffff;
    margin: 12px 0 0 -29px;
    width: 198px;
    list-style-type: none;
    padding: 0;
}
ul#leftMenu ul li{
    background: url("../img/blue-sq.gif") 10px 8px no-repeat;
    margin-left: 20px;
}
ul#leftMenu ul li{
    background-color: #ffffff;


}
ul#leftMenu .level2 {
    display: none;
}
ul#leftMenu .open {
    display: block;
}

/* ::: end of Graphic overlays :::::::::::::::::::::::::::::::::::::::::::::: */





/* ::: Background-colors ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.blue       { background-color: #1a88ff; }
.blue-02       { background-color: #bed6ff; }
.gray-01       { background-color: #d8d8ff; }
.gray-02       { background-color: #f4eeff; }
.gray-03       { background-color: #e7e8ff; }
.gray-04       { background-color: #ebebeb; }
.gray-05       { background-color: #727272; }
/* ::: end of Graphic overlays :::::::::::::::::::::::::::::::::::::::::::::: */