/*@import url("./main.css");
@import url("./header.css");
@import url("./content.css");
@import url("./footer.css");*/

* {margin: 0; padding: 0;}

body {color: #000; background: #fff; font-size: 80%; font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 15px 0;}
table {font-size: 100%;}

/* layout */

#main {margin: 0 auto; text-align: left; position: relative; width: 800px;}
#header {position: relative; height: 165px; z-index:20;}
#footer {background: #005598; text-align: right; padding: 5px 0;}

/* header */

#topBar {background: url(../img/bgTopBar.gif) top left repeat-x; background-color: #005598; font-size: 95%; padding: 9px 0 3px 0; position: absolute; top: 0; left: 0; width: 800px;}
#topBar a {color: #ffffff; text-decoration: none;}

.default {background: url(../img/headerIndex.png) bottom left no-repeat;}
.dorucovatel {background: url(../img/headerDorucovatel.jpg) bottom left no-repeat;}
.schranky {background: url(../img/headerSchranky.jpg) bottom left no-repeat;}
.lide {background: url(../img/headerLide.jpg) bottom left no-repeat;}
.mesto {background: url(../img/headerMesto.jpg) bottom left no-repeat;}
.kariera {background: url(../img/headerKariera.jpg) bottom left no-repeat;}

h1 {position: absolute; top: 35px; left: 0;}
h1 a, h1 a span {background: url(../img/idmarketing.jpg) top left no-repeat; display: block; width: 229px; height: 94px;font-size:12px;margin:2px 0px 0px 0px;}

h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0;}

ul#menu {position: absolute; list-style: none; top: 107px; right: 0; z-index: 100;}
ul#menu li {background: url(../img/odrazka1.gif) 0px 1px no-repeat; float: left; position: relative; margin-left: 15px; padding-left: 20px; z-index: 100;}
ul#menu li a {color: #4B4B4B; text-decoration: none; text-transform: lowercase; z-index: 100; }
ul#menu ul {display: none; z-index: 100;}
ul#menu li:hover ul {background: #fff; border: solid #005598; border-width: 0 1px 1px 1px; display: block; list-style: none; position: absolute; top: 16px; left: 14px; width: 200px; z-index: 100;}
ul#menu li:hover ul li {background: #fff url(../img/bgMenu.gif) top left repeat-x; float: none; margin: 0 5px; padding: 5px 0; z-index: 100;}
ul#menu li:hover ul li a:hover {color: #005598; z-index: 100;}

ul#menu2 {font-size: 95%; list-style: none; position: absolute; top: 142px; right: 0; z-index: 1;}
ul#menu2 li {background: url(../img/sipky.gif) top left no-repeat; float: left; margin-right: 40px; padding-left: 20px; display: inline;}
ul#menu2 a {color: #4B4B4B; text-decoration: none; text-transform: lowercase;}
ul#menu2 a:hover {text-decoration: underline;}

form#hledej {position: absolute; top: 138px; left: 15px;}
form#hledej label {color: #fff; font-size: 95%;}
form#hledej input {vertical-align: middle;}
#search {border: 1px solid #4b4b4b; width: 130px;}


p#languages {margin-left: 175px; padding-right: 15px; z-index:130;}
p#languages a {margin-left: 15px; z-index:130;}
p#languages a:hover {text-decoration: underline; z-index:130;}

p#fontSize a {padding: 4px 6px 3px 6px; z-index:130;}
p#fontSize a.current {background: #000; z-index:130;}

/* content */

#produkty {float: left; margin: 25px 0 25px 40px;}
.produkt {font-size: 80%; float: left; width: 145px;}
.produkt img {border: 0; margin: 0 0 5px 0;}
.produkt p {margin: 0 0 0 5px;}

#novinky {
	border: 1px solid #005598; float: left; margin-top: 25px; width: 290px; height: 200px;
	position: relative;
	/*z-index: 0;*/
}

h3.news {
	color: #fff;
	background: url(../img/roh_levy.gif) top left no-repeat;
	background-color: #005598;
	font-size: 95%;
	text-align: right;
	float: right;
	position: absolute;
	top: -20px; right: -1px;
	z-index: 0;
	padding: 2px 5px;
	width: 100px;
	margin:0;
}

h3.nadpis, h4.datum {font-size: 80%; font-weight: normal;}
h3.nadpis {color: #005598; margin: 3px 5px 5px 5px;}
h4.datum {color: #4B4B4B; margin: 3px 5px;}

#novinky .vice {color: #005598; font-size: 80%; text-decoration: none;}
.vice {background: url(../img/sipky.gif) top left no-repeat; padding-left: 20px;}
.linka {/*background: url(../img/bgNews.gif) top left repeat-x; */height: 1px; margin: 5px 0;border-bottom:1px dotted #005598;}
#novinky p {margin: 0 5px 3px 0;}
#novinky p.perex {margin: -3px 5px; font-size: 80%;}

.archiv {font-size: 80%; margin: 5px 40px 0 0;}
.archiv a {color: #005598;}
.newsletter {margin-bottom: 20px; padding-right: 35px;}
.newsletter a.vice {color: #4B4B4B; background-position: right; text-decoration: none; padding-right: 20px;}

/* footer */

#footer a {color: #fff; margin-right: 15px; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* obecne tridy */

.clnr {font-size: 0; clear: both; width: 100%;}
.fl {float: left;}
.fr {float: right;}
.center {text-align: center;}
.small {font-size: 85%;}
.normal {font-size: 100%;}
.large {font-size: 115%;}

/* ####################################################### */

/* content.css */
h2 {color: #005598; font-size: 130%; margin-left: 242px; _margin-left: 210px; _margin-top: -15px;}

#content table {font-size: 100%;}

/* p.newsletter img { float:right; margin-top:-15px; margin-right:-25px; _margin-right:10px;} */
p.newsletter a {text-decoration:none; color: #4b4b4b;}
p.newsletter a:hover, p.newsletter a:visited, p.newsletter a:link {color: #4b4b4b;}

h3.menu {
/*background: url(./../img/sipky_male.gif) center left no-repeat;*/
padding-left: 20px;
padding-bottom: 5px;
_padding-bottom: 25px;
_padding-top: 20px;
_margin-top: -15px;
}


/* menu nalevo */
ul.sluzby {
font-size: 85%;
float: left;
width: 150px; _width: 170px;
list-style-type: none;
margin: 20px 0 0 0;
border-top: 1px dashed #000; border-right: 1px dashed #000; _margin-top: 0px;
/*background: url(./../img/menu.gif) top right repeat;*/
}

ul.sluzby li {
line-height: 16px;
padding: 2px 0px;
border-bottom: 1px solid #000;
}

ul.sluzby li ul {
    margin-top: 2px;
    padding-left: 35px;
    _padding-left: 0px;
    _margin-left: 35px;
}

ul.sluzby li ul li {
border-top: 1px solid #000;
border-bottom: none;
}

ul.sluzby a {
color: #4b4b4b; text-decoration: none;
}

ul.sluzby a.active {
color: #005598; text-decoration: none;
}

ul.sluzby li ul {list-style-type: none;}
ul.sluzby li ul li {margin-left: -30px;}

/* textovy obsah */
.text {
font-size: 85%;
width:550px;
_width:587px;
margin-left: 230px; _margin-left: 210px; border-top: 1px dashed #005598; border-right: 1px dashed #005598;
padding: 10px;
}

.text a img { border: 0}

.text p {text-align: left !important; margin-bottom: 10px;}
.text hr {
color: #fff;
width: 95%;
text-align: center;
border-top: 1px dashed #fa6610;
}
.zdroj {
color: #fa6610;
position: relative; top: -10px; left: 0px;
}

.datum_publikace {
font-size: smaller;
float: right;
}

/* styl seznam kontaktu */
#table-contact
{
    width:550px;
}
#table-contact td.contact-address
{
    font-weight:bold;
    background-color:#FF7B3F;
    padding:2px;
}
#table-contact td.contact-title
{
    background-color:#FF7B3F;
    padding:2px;   
}
#table-contact td.contact-name
{
    width:225px;
}
#table-contact td.contact-function
{
    width:225px;
}
#table-contact td.contact-phone
{
    text-align:right;
    width:100px;   
    padding:3px;
}
/* styl seznam kvality */
#table-quality
{
    width:250px;
    padding:10px 0;    
}
#table-quality td.quality-district
{
    padding:3px;
    width:150px;
               
}
#table-quality td.quality-value
{
    padding:1px;
    width:100px;
}
td.contact-district {text-transform: lowercase; padding:1px;}
td.contact-district:first-letter {text-transform: uppercase;}
/* kontakty Centrala */

table#contact {
width: 250px;
position: relative;
padding: 10px 2px;
}

td.contact-header {
line-height: 1em;
font-weight: normal;
background-color:#ff7b3f;
color: #fff;
padding-bottom: 0px;
}

table#contact td img, table#table-contact td img {
position: relative; top: 1px; *top: 2px; left: -1px; _left: -2px;
margin: 0px;
padding: 0px;
}

div.news-news
{
	padding: 10px;
}

div.news-title-text
{
	font-weight: bold;
	display: inline;
	padding-left: 10px;
}
div.news-title-time
{
	font-weight: bold;
	display: inline;
	color: gray;
}
div.news-text
{
	padding: 10px;
	padding-left: 20px;
}
p.news-archive-text
{
    margin: 0;
    padding: 2px 0 10px 0;
    border-bottom: dashed 1px #FA6610;
}

h3.sitemap-title {
    text-align : center;
    color: gray;
    text-align:left;   
}

ul.sitemap-root {
    text-align:left;
    padding-bottom: 10px;
}
/* 1. úroveň */
ul.sitemap-root li {    
    list-style-type: disc;
	 margin-left: 30px;
}
ul.sitemap-root li a, ul.sitemap-root li a:visited, ul.sitemap-root li a:hover{
    color: red;
    text-decoration:underline;    
}
/* 2. úroveň */
ul.sitemap-root li ul li a, ul.sitemap-root li ul li a:visited, ul.sitemap-root li ul li a:hover{
    color: black;
    text-decoration:underline;    
}
ul.sitemap-root li ul li {
    list-style-type: circle;
}
/* 3. úroveň */
ul.sitemap-root li ul li ul li {
    list-style-type: square;    
}

ul.sitemap-root li ul li ul li a, ul.sitemap-root li ul li ul li a:visited, ul.sitemap-root li ul li ul li a:hover{
    color: orange;
    text-decoration:underline;
}

/* 4. úroveň, vic jich snad nebude :)*/
ul.sitemap-root li ul li ul li ul li{
    list-style-type: disc;    
}

ul.sitemap-root li ul li ul li ul li a, ul.sitemap-root li ul li ul li ul li a:visited, ul.sitemap-root li ul li ul li ul li a:hover{
    color: green;
    text-decoration:underline;
}

div.news-news
{
	padding: 10px;
}

div.news-title-text
{
	font-weight: bold;
	display: inline;
	padding-left: 10px;
}
div.news-title-time
{
	font-weight: bold;
	display: inline;
	color: gray;
}
div.news-text
{
	padding: 10px;
	padding-left: 20px;
}

div.news-archive-text
{
    margin: 0;
    padding: 2px 0 10px 0;
    border-bottom: dashed 1px #FA6610;
}

div.news-archive-text p
{
	margin: 0px;
	padding: 0px;
}

ol li {
	margin-left: 30px;
}

/* banner by Michal */
#banner {
position: relative; top: 20px; left: 50%;
width: 800px;
color: #fff;
text-transform: lowercase;
padding-bottom: 30px;
margin-left: -400px;
clear: both;
text-align: center;
}

/*img { border: 0;}*/

#banner img { margin-left: 36px; border: 0; }

/* contactlist */
#contactlistLeft {
	width: 225px;
	float: left;
	margin-left: 10px;
}

#contactlistRight {
	width: 225px;
	margin-left: 260px;
}

p.contact-header {
	background-color:#005598;
	color: #fff;
	margin: 0;
	padding-left: 2px;
}