@charset "utf-8";
/*--- general --- */
html, body {100%;}
body {margin: 0;	padding: 0;font-family: "Times New Roman", Times, serif;}
.shopik-a  { background-color:#aa0000;}
input { font-family:  Tahoma, Verdana, Arial, sans-serif;}
h1 {padding: 0px 0 0 39px; font-size:25px; color:#c40f42; border:0px solid; margin: 0 0 0 0px;  }
h1 a { text-decoration: none; color: #CC0000;   }
h1 a:hover { text-decoration: underline; color: #e34e78; }
.legacek a {font-size:20px; color: #990033;  }
.legacek a:hover {font-size:20px; color: #993333; }

.atour { text-decoration: none; color: #fff; }
.atour a {text-decoration: none; color: #fff;}
.atour a:hover {text-decoration: underline; color: #fff;}

#form1  { margin:0px; padding:0px;}


h2 {margin-bottom: 12px;}
h3 {font-weight:bold; font-size: 12px; margin:0; padding:0; color:#c50404;}
a {color:#fff; text-decoration: none; font-weight:bold;}
a:hover {color:#fff;  text-decoration: underline;}
a img {border: none;}
p {padding: 0 0 0 0px; font-size: 12px; color:#560944; font-family: Geneva, Arial, Helvetica, sans-serif; width:100%; text-align:justify}
.baco a{color:#000099; text-decoration: underline; font-weight:normal;}
.baco a:hover{ color:#000; text-decoration:none; }

.darovan a{color: #990000; text-decoration: underline; font-weight:normal;}
.darovan a:hover{ color:#990000; text-decoration:none; }

.legecekP a{color: #990033;  text-decoration: underline; font-weight:normal;}
.legecekP a:hover{color:#993333; text-decoration:none; }

.outdoor-menu-ul{ border:0px solid #FFFFFF; margin:172px 0 0 0px; padding:0px;}

.outdoor-menu { list-style:none; display: inline; color:#f4f402; padding: 0 0 0 18px;}
.outdoor-menu a{ color:#f4f402; font-family:"Trebuchet MS";}
.outdoor-menu a:hover{ color:#f4f402;}



.sport-menu-ul{ border:0px solid #FFFFFF; margin:0px; padding:123px 0 0 0px;}
.sport-menu { list-style:none; display: inline; color:#f4f402; padding: 0 0 0 15px;}
.sport-menu a{ color:#000; font-family:"Trebuchet MS"; font-size: 15px; text-decoration: underline;}
.sport-menu a:hover{ color: #000066; text-decoration:none;} 


 
p.elektrohome {padding: 0 0 0 39px; font-size: 15px; color:#560944; font-family: Geneva, Arial, Helvetica, sans-serif; width:260px;}
/*--- LAYOUT --- */
div#main-all   {width: 840px; border:0px solid; margin:auto; }
div#main-all-hp  {width: 840px;margin:auto; text-align:center; padding: 40px 0 0 0px; }
div#main-all-shopik-a {width: 840px;margin:auto; text-align:center; padding: 0px 0 0 0px; border:0px solid; }
div#main-all-legacek {width: 840px;margin:auto; text-align:center; padding: 0px 0 0 0px; border:0px solid; }
div#main-all-legacek table { margin:auto;}


div#hlavni-bg {width: 836px; border:0px solid; background:url(images/main-bg.png) no-repeat; margin:auto; height: 583px; }
div#hlavni-bg-atour {width: 836px; border:0px solid; background:url(images/main-bg-atour.png) no-repeat; margin:auto; height: 583px; }
div#hlavni-bg-j {width: 836px; border:0px solid; background:url(images/main-bg-battery.jpg) no-repeat; margin:auto; height: 583px; }
div#hlavni-bg-vario {width: 799px; border:0px solid; background:url(images/header-vario.png) no-repeat; margin:auto; height: 112px; clear:both; }
div#hlavni-bg-lcd {width: 836px; border:0px solid; background:url(images/main-bg-lcd.jpg) no-repeat; margin:auto; height: 583px; }
div#hlavni-bg-j-atour {width: 836px; border:0px solid; background:url(images/main-bg-j-at.jpg) no-repeat; margin:auto; height: 583px; }
div#hlavni-bg-aba {width: 836px; border:0px solid; background:url(images/main-bg-aba.jpg) no-repeat; margin:auto; height: 583px; }
div#hlavni-bg-gatc {width: 836px; border:0px solid; background:url(images/main-bg-gatc.png) no-repeat; margin:auto; height: 583px; }
div#hlavni-bg-astr  {width: 836px; border:0px solid; background:url(images/bg-astr.png) no-repeat;margin:auto; height: 116px; }
div#hlavni-bg-alitosex  {width: 836px; border:0px solid; background:url(images/main-bg-alitosex.png) no-repeat;margin:auto; height:583px }
div#hlavni-bg-alito  {width: 836px; border:0px solid; background:url(images/main-bg-alitoparfum.jpg) no-repeat;margin:auto; height:583px }
div#hlavni-bg-dar  {width: 836px; border:0px solid; background:url(images/main-bg-dar.jpg) no-repeat;margin:auto; height:583px }
div#hlavni-bg-cher  {width: 836px; border:0px solid; background:url(images/bg-cher-akce.jpg) no-repeat;margin:auto; height:583px }
div#hlavni-bg-roza  {width: 836px; border:0px solid; background:url(images/bg-roza.jpg) no-repeat;margin:auto; height:583px }
div#hlavni-elektrohome  {width: 836px; border:0px solid;margin:auto; height:583px }
div#hlavni-bg-leg  {width: 836px; border:0px solid; background:url(images/main-bg-leg.jpg) no-repeat;margin:auto; height:583px }
div#hlavni-bg-elek  {width: 836px; border:0px solid; background:url(images/main-bg-elektrosvet.png) no-repeat;margin:auto; height:583px }

div#hlavni-bg-sn {width: 836px; border:0px solid; background:url(images/main-bg-sn.jpg) no-repeat;margin:auto; height:583px }


.t-atour{color: #fff;}

.bannery { float:left; border:0px solid; width: 799px; clear:both; margin: 30px 0 0 0px}
.right-b{ margin: 0 0 0 3px;}
div#banner-left {width: 396px; border:0px solid; float: left; padding: 0 0 0 21px;  } 
div#banner-right {width: 396px; border:0px solid; float: right;  padding: 0 20px 0 0px; }  


div#plovak-ehome {border:0px solid; width:100%; float:left; margin: 0px 0 0 0px; }
div#plovak {border:0px solid; width: 98%; float:left; margin: 60px 0 0 0px; }
div#levak {border:0px solid; width: 310px; float:left;}
div#pravak {border:0px solid; width: 500px; float:right;}
div#plovak-astr {border:0px solid; width:836px; float:left; margin:0px; }
.leva-table {margin: 0 23px 0 21px; background:url(spodni-pradlo/images/bg-spodni.gif) repeat-x 0px 85px;}


.boxik-shopik-a { font-weight:bold; font-size: 12px; line-height: 19px; width: 300px; border:0px solid; text-align:left; float:right; margin:0px; font-family:  Tahoma, Verdana, Arial, sans-serif; color:#000; padding:85px 40px 0 0px} 
.boxik-shopik-a a{color: #990000; line-height: 22px;} 

.boxik-shopik2-a { width:300px; height: 60px; float:right; clear:both; margin: 10px 50px 0 0px;} 
.boxik-shopik2-a div { border:0px solid; width:300px; height: 60px; cursor: pointer; } 
.produkty { margin: 10px 0 0 0px;} 

.ClientCompanies  { width: 700px; font-family: "Arial CE"; font-size: 13px;}
.ClientCompanies  a{ color:#285fba; text-decoration: underline;}
.ClientCompanies  a{ color:#285fba;}
.ClientCompanies  ul{ margin: 0 0 0 16px;}


/*--- LAYOUT VARIO --- */
div#plovak-vario {border:0px solid; width:100%; float:left; margin: 60px 0 0 0px; }
div#levak-vario {border:0px solid; width: 275px; float:left; background:#f9f9f9; #height:757px;_height:757px;}
div#levak-vario img{ margin: 0 0 0 50px;}
div#pravak-vario {border-left:1px solid #bbcbe0; width: 160px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px;background:#f9f9f9; height: 749px; _height:757px; #height:757px;}
div#pravak-vario a { color:#006eab; font-weight:bold; line-height: 19px; margin: 0 0 0 15px;}
div#pravak-vario img { margin: 0 0 0 12px;}
div#stredak-vario {border:0px solid; width:335px; font-family: Arial, Helvetica, sans-serif; margin:0 0 0 288px; }
div#stredak-vario a {color:#006eab; font-weight:bold; margin: 0 0 0 0px; font-size: 12px;}


fieldset {border:2px solid #bbcbe0; width: 80%; margin:auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.h1vario{ font-family:Arial, Helvetica, sans-serif; font-size: 40px; margin:0px; padding:0px; color:#c51111; text-align:center;  }
input { width: 130px;}
.napis-vario { color:#000000; font-size: 19px; margin: 0 0 0 5px; padding:0px;}
.vario { color:#000000; font-size: 12px; margin: 8px 0 0 5px; padding:0px; }
.h3vario{font-family:Arial, Helvetica, sans-serif; font-size: 14px; margin:0px; padding:15px 0 0 5px; font-weight:bold; color:#000000;  }
.ul-vario{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;  }

.logo{width:240px; height:61px; border:0px solid; margin: 0 0 0 21px; cursor: pointer; display:block; float:left; }
.logo-partner{width:250px; height:100px; border:0px solid; margin: 0 0 0 0px; cursor: pointer; display:block; float:right; }


.logo-zakaznika {border:0px solid; width:224px; height:64px; }
.hlavni-imac {border:0px solid; margin: 0px 0 0 40px; width: 206px;}

div#obal-male-pr {border:0px solid; margin: 40px 0 0 20px; width: 445px; float:left;}
.levy-pr {border:0px solid; height: 123px; width: 220px; float:left; margin: 5px 0 0 0px;}
.pravy-pr {border:0px solid; height: 123px; width: 220px; float: right; margin: 5px 0 0 0px;}
.vice {float: right; margin:50px 0 0 0px; padding:0px; border: 0px solid; width: 150px;}
.vice-moje {float: right; margin:50px 0 0 0px; padding:0px; border: 0px solid; width: 155px;}

div#footer-hp {margin:auto; width: 100%; padding: 20px 0 0 0px;  background:url(images/bg-bottom.png) repeat-x; }

div#footer {margin:auto; width:810px; padding: 20px 0 0 0px;  clear:both;border-top: 1px solid #bbcbe0; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
.footer-in {width: 100%;margin: auto; border:0px solid; padding: 0 0 5px 0px; text-align:center;}
.footer-in a{color:#006EAB; text-decoration: none;}
.footer-in a:hover{color:#006EAB; text-decoration: underline}


h2.heading-blue {
	background-color: #cdeaff;
	border-bottom: 3px solid #71c3ff;
	font-size: 110%;
	margin-bottom: 2px;
	position: relative;
}
h2.heading-blue strong {
	border-bottom: 1px solid #fff;
	display: block;
	padding: 8px 10px 5px;
}
h2.heading-blue span.top-left {
	background-image: url(img/http://www.ekonomicky-software-system.cz/background/heading-blue-top-left.gif);
}
h2.heading-blue span.top-right {
	background-image: url(img/http://www.ekonomicky-software-system.cz/background/heading-blue-top-right.gif);
}



#areas {style.css (řádek 210)
line-height:30px;
text-align:center;
}
.box.gray {style.css (řádek 1047)
background-color:#F8F8F8;
}
.box {style.css (řádek 1043)
padding:10px;
position:relative;
}


#areas {
	line-height: 30px;
	text-align: center;
	background: #f8f8f8;
}
#areas ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#areas ul li {
	display: inline;
	list-style-type: none;
}
#areas ul li a, #main-column #areas ul li a:visited {
	color: #000;
	font-weight: normal;
	padding: 0 15px;
	white-space: nowrap;
}
#areas ul li a.size-1 {
	font-size: 120%;
	font-weight: bold;
}
#areas ul li a.size-2 {
	font-size: 105%;
	font-weight: bold;
}
#areas ul li a.size-3 {
	font-weight: bold;
	font-size: 105%;
}
#areas ul li a:hover {
	color: #0033d8;
	font-weight: bold;	
}