/* --------- obecna pravidla -------- */

body,html {
 background-color: #fff;
 margin: 0px;
 padding: 0px;
 font-family: Arial, "Arial", sans-serif;
 font-size: 12px;
 color: #000;
}

div {
 margin: 0px;
 padding: 0px;
}

strong { font-weight: bold; }

/* --------- @obecna pravidla -------- */

/* --------- hlavni layout -------- */

#divRoot {
 position: absolute;
 top: 0%;
 left: 50%;
 width: 770px;
 margin: 0px 0px 0px -385px;
 border: 0px solid black;
}

#divTop {
 height: 228px;
 width: 770px;
}

#divTop .top {
 height: 77px;
 width: 770px;
 background-color: #ebebeb;
}

#divTop .bottom {
 height: 151px;
 width: 770px;
 background: url('logo-bottom.jpg') no-repeat left top;
}

#divTop .bottom .T1 {
 position: absolute;
 left: 252px;
 top: 95px;
 height: 35px;
 width: 141px;
 color: #fff;
 font-size: 0.9em;
 margin: 0px;
 padding: 0px;
 border: 0px solid white;
}

#divTop .bottom .T2 {
 position: absolute;
 left: 410px;
 top: 95px;
 height: 35px;
 width: 210px;
 color: #fff;
 font-size: 0.9em;
 margin: 0px;
 padding: 0px;
 border: 0px solid white;
}

#divTop .bottom .T2 a {
 text-decoration: none;
 color: #fff;
 font-size: 1em;
 float: right;
}

#divTop .bottom .T2 a:hover {
 text-decoration: underline;
}

#divTop .logo {
 position: absolute;
 top: 0px;
 left: 0px;
 height: 144px;
 width: 244px;
 background: url('logo-pattern.gif') repeat-y left top;
 text-align: center;
 vertical-align: center;
 border-bottom: 5px solid #1b242d;
}

#divTop .logo a em {
 font-style: normal;
 font-size: 1em;
 color: #fff;
 text-decoration: none;
}

#divTop .logo a {
 display: block;
 margin-top: 60px;
 font-weight: bold;
 font-size: 1.8em;
 color: #000;
 text-decoration: none;
}

#divOkno {
 width: 770px;
 background-color: #fff;
}

#divLeft {
 margin: 1px 0px 0px 0px;
 width: 244px;
 background-color: #f1f1f1;
 float: left;
 border: 0px solid black;
}

#divRight {
 margin: 1px 0px 0px 246px;
 /*background-color: #85c3de;*/
}

.divNovinky {
 margin: 0px 0px 20px 0px;
 padding: 0px;
}

.divNovinky div.nadpis {
 height: 26px;
 background: url('logo-pattern.gif') repeat-y left top;
}

.divNovinky div.nadpis h2 {
 font-size: 0.9em;
 color: #fff;
 line-height: 26px;
 margin: 0px 0px 0px 5px;
}

.divNovinky .item {
 height: auto;
 margin: 1px 0px 10px 0px;
}

.divNovinky .item h3 {
 color: #de3535;
 font-weight: bold;
 font-size: 0.9em;
 margin: 0px 5px 0px 5px;
}

.divNovinky .item p {
 margin: 2px 5px 0px 5px;
 color #333333;
 font-size: 0.9em;
}

.divNovinky .item .divImg {
 overflow: hidden;
 width: 242px;
 height: 73px;
 margin: 0px 0px 5px 0px;
 border: 1px solid #333333;
}

.divNovinky .item .divImg img {
 display: inline;
 margin: 0px;
 padding: 0px;
}

.divNewsletter {
 margin: 0px;
 padding: 0px;
 background: url('newsletter-pattern.gif') repeat-y left top;
}

.divNewsletter div.nadpis {
 height: 26px;
 background: url('logo-pattern.gif') repeat-y left top;
 border-top: 1px solid white;
}

.divNewsletter div.nadpis h2 {
 font-size: 0.9em;
 color: #fff;
 line-height: 26px;
 margin: 0px 0px 0px 5px;
}

.divNewsletterContent {
 margin: 0px;
 padding: 0px;
 border-top: 1px solid white;
 padding-bottom: 20px;
 _padding-bottom: 0px;
}

.divNewsletter table {
 margin: 0px 7px 20px 7px;
 padding: 0px;
 color: #b71c1c;
 font-size: 1em;
 border-collapse: collapse;
}

.divNewsletter form {
 margin: 0px;
 padding: 0px;
}

.divNewsletter form .inputText {
 margin: 0px 0px 0px 35px;
 _margin: 0px 0px 0px 30px;
 float: left;
 border: 1px solid #c5c6c8;
 background-color: #fff;
 height: 21px;
 _height: 19px;
 width: 121px;
 color: #000;
 font-size: 14px;
 line-height: 22px;
 _line-height: 19px;
 padding: 0px;
}

.divNewsletter form .inputSubmit {
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 10px;
 border: 0px solid #003366;
 background: url('newsletter-pridat.gif') no-repeat left top;
 height: 21px;
 width: 43px;
}

.divFooter {
 margin: 0px;
 line-height: 20px;
 text-align: center;
 color: #333333;
 font-size: 0.9em; 
 background-color: #fff;
}

.divFooter em {
 font-weight: bold;
 color: #de3535;
 font-style: normal;
}

.divFooter a {
 font-weight: bold;
 color: #333333;
 text-decoration: none;
}

.divFooter a:hover {
 text-decoration: underline;
}

/* --------- divOknoContent -------- */

#divOknoContent {
 margin: 20px 0px 20px 20px;
 padding: 0px;
 border: 0px solid black;
}

#divOknoContent h1 {
 color: #fff;
 font-size: 1em;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 height: 29px;
 background-color: #a0c8ff;
 line-height: 29px;
 padding-left: 15px;
}

#divOknoContent h2 {
 color: #336699;
 font-size: 1.3em;
 font-weight: bold;
 margin: 10px 0px 10px 20px;
 padding: 0px;
}

#divOknoContent h3 {
 color: #336699;
 font-size: 1.1em;
 font-weight: bold;
 margin: 10px 0px 10px 20px;
 padding: 0px;
}

#divOknoContent h4 {
 color: #336699;
 font-size: 0.9em;
 line-height: 1em;
 font-weight: bold;
 margin: 3px 0px 3px 0px;
 padding: 0px;
}

#divOknoContent p {
 color: #000;
 font-size: 0.9em;
 margin: 10px 0px 10px 0px;
 padding: 0px;
 line-height: 1.5em;
}

#divOknoContent ul {
 margin: 15px 5px 15px 10px;
 padding: 0px;
 list-style-type: disc;
}

#divOknoContent ul li {
 color: #000;
 font-size: 0.9em;
 line-height: 1.8em;
}

#divOknoContent img {
 margin: 0px 5px 5px 0px;
 border: 0px solid black;
}

#divOknoContent a {
 color: #336699;
 font-size: 1em;
 text-decoration: underline;
}

#divOknoContent a:hover {
 text-decoration: none;
}

#divOknoContent strong {
 color: #336699;
 font-weight: bold;
}

/* --------- @divOknoContent -------- */

/* --------- hlavni layout -------- */

/* --------- formulare -------- */



/* --------- @formulare -------- */


/* --------- seznamy -------- */

#ulMenu {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 position: absolute;
 left: 244px;
 top: 0px;
 width: 526px;
 height: 77px;
}

#ulMenu li {
 float: left;
}

#ulMenu li a span {
 visibility: hidden;
}

#ulMenu li a.uvod {
 width: 130px;
 height: 77px;
 background: url("uvod.gif") top left no-repeat;
 text-decoration: none;
 display: block;
 margin: 0px 0px 0px 1px;
}

#ulMenu li a.uvod:hover {
 background-position: -130px 0;
}

#ulMenu li a.o-nas {
 width: 130px;
 height: 77px;
 background: url("o-nas.gif") top left no-repeat;
 text-decoration: none;
 display: block;
 margin: 0px 0px 0px 1px;
}

#ulMenu li a.o-nas:hover {
 background-position: -130px 0;
}

#ulMenu li a.nabidka {
 width: 130px;
 height: 77px;
 background: url("nabidka.gif") top left no-repeat;
 text-decoration: none;
 display: block;
 margin: 0px 0px 0px 1px;
}

#ulMenu li a.nabidka:hover {
 background-position: -130px 0;
}

#ulMenu li a.kontakt {
 width: 130px;
 height: 77px;
 background: url("kontakt.gif") top left no-repeat;
 text-decoration: none;
 display: block;
 margin: 0px 0px 0px 1px;
}

#ulMenu li a.kontakt:hover {
 background-position: -130px 0;
}
/* --------- @seznamy -------- */


/* --------- tabulky -------- */


/* --------- @tabulky -------- */

hr.cleaner {
 clear:both;
 height:1px;
 margin: -1px 0 0 0; padding:0;
 border:none;
 visibility: hidden;
}

/* --------- doporucujeme -------- */
.doporucujeme{
	color:gray;
	font-family:sans-serif;
	font-size:0.9em;
}

.doporucujeme a{
	color:gray;
	font-family:sans-serif;
	text-decoration: none;
}


/* --------- wdbox -------- */
.divwdbox{
	background: url(http://www.ekonom-servis.cz/css/newsletter-pattern.gif) repeat-y 0% 0%;
	margin-top: 10px;
	padding: 0px;
}

.divwdbox div.nadpis{
background: url(http://www.ekonom-servis.cz/css/logo-pattern.gif) repeat-y 0% 0%;
border-top: ;
height: 26px;
}

.wdbox {margin-left: -15px;}

.divwdbox div.nadpis h2{
color: white;
font-size: 0.9em;
line-height: 26px;
margin: 0px 0px 0px 5px;
}

.divwdboxcontent {
	border-top: 1px solid white;
	margin: 0px;
	padding-bottom: 20px;
	padding: 10px 10px 20px;
}

.divwdboxcontent a{
	color:gray;
	font-family:sans-serif;
	text-decoration: none;
}