* {margin: 0px; padding:0px; border: none; font-family: Arial, Verdana, Tahoma, Verdana, Sans-Serif;}

body
{
  background: url("background.jpg") #4D545C repeat-x;
  font-family: Arial, Sans-Serif;
  color: #FFF;
  line-height: 1.4;
  height: 100%;
  text-align: center;
}

/* dnn font rewrite */
body, table, tr, td, p, ul, li, dl, ol, address, a, b, i, h1, h2, h3, h4, h5, h6 {font-size: small;font-family: Arial, Verdana, Tahoma, Verdana, Sans-Serif;}
h1 {font-size: 140%; color: #000; font-weight: normal;}

h2 {font-weight:normal;font-size:18px;padding-top: 15px; padding-bottom: 10px; text-align:left; color:#000;}
h3 {font-weight:bold;font-size:15px;padding-left:0px; padding-top: 20px;padding-bottom: 10px; text-align:left; color:#000;}
h4 {font-weight:bold;font-size:12px;padding-left:0px; padding-top: 20px;padding-bottom: 10px; text-align:left; color:#000;}

address {font-style: normal; padding: 5px 0px;}
p { text-align: justify; padding: 5px 0px;}

a, a:active, a:visited, a:link {color: #DC1615; text-decoration: underline; font-weight:bold;}
a:hover {text-decoration: none; color:#FFF;font-weight:bold;}

ul {padding-left: 23px;}
li {padding-bottom:5px;}
table {}

.breadcrumb {font-size:85%;color:#aaa;padding-top:3px;margin-top:0px;padding-bottom:10px;padding-left:5px;}
.breadcrumb a{font-size:100%;color:#aaa;}

/* DNN - pro kontaktni formular ***/
table tr td.SubHead{color:#000;font-weight:bold;}

a.CommandButton,
a.CommandButton:link, a.CommandButton:active,
a.CommandButton:visited {font-weight: bold;}
a.CommandButton:hover {}

textarea {border:1px solid #ccc;}
input {border:1px solid #ccc;}



/*********************/
/* HLAVNI LAYOUT ***/

#main, #news, #header, #footer, #content, #menu, #prouzek {width: 815px;}
#news, #header, #content,#menu, #prouzek {border:1px solid #C9C9CB;}

#main {text-align:left;background: url("background.jpg") repeat-x;margin: 0px auto;}
#header {margin-top:20px; height: 118px; background: url("header-bcg.jpg") repeat-x top left; position: relative;}
#vodoznak{width: 815px;height: 118px;background: url("vodoznak.jpg") no-repeat top right;}

#news {background:url("footer-bcg.jpg") repeat-x; font-size: 85%; height: 103px;padding-top:5px;text-align:center;}
#content { background: #C9C9CB;color:#000; min-height:355px;text-align:justify;}
#text{padding:15px;padding-bottom:0px;padding-top:0px;margin:10px;color:#111;}
#text ul{margin-left:15px;padding-bottom:10px;}
#text li{padding-bottom:3px;}
#text a {font-size:100%;text-decoration: underline; color:#555;font-weight:bold;} /*TT link v uvodu*/
#text a:hover {text-decoration: none; color:#DC1615;font-weight:bold;}

#footer {font-size: 85%; padding-top:5px; text-align:left;color:#686873;margin: 0px auto;}
#flash {float: left; width: 353px;background:#000;}
#rozcestnik {float:right; width: 462px;}

.end {clear: both;}
.endLeft {clear:left;}

/******** logo ***********/
#logo {width: 164px; height:118px; overflow:hidden; position: relative; top: 0px; left: 30px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; right: 0px; top: 80px; width:490px; height:30px; text-align: right;}

/**** styl pro hlavni menu ***/
#menu {background:url("menu-bcg.jpg") #dc1615 repeat-x;border-top: none; border-bottom:none; height: 37px;}
#menu ul {margin: 0px;padding: 0px;}

#menu li
{
  float: left;
  list-style-type: none;
  text-align: center;
  color: #fff;  
  display: block;
  font-weight: bold;
  width: auto;
}


#menu li.ospolecnosti { width: 150px;}
#menu li.panolin {width: 100px;}
#menu li.kleenoil { width: 100px;}
#menu li.sluzby { width: 80px;}
#menu li.stanice { width: 160px;}
#menu li.informace { width: 110px;}
#menu li.sport { width: 80px;}

#menu li span {display:block; padding-top: 6px;}

#menu li a {color: #C9C9CB; text-decoration: none; display:block;}
#menu li a, #menu li div.mainMenuSelected { overflow:hidden;}

#menu li, #menu li a, #menu li div.mainMenuSelected {height: 37px;}

#menu li a:hover {cursor: pointer; color: #fff;}
#menu li div.mainMenuSelected {background:#dc1615; color: #000; border-left:1px solid #C9C9CB;border-right:1px solid #C9C9CB;}
#menu li.ospolecnosti div.mainMenuSelected {border-left:none;}
#menu li.informace div.mainMenuSelected {border-right:none;}

#menu li.kleenoil div.mainMenuSelected, .prouzekGreen {background:#017F38;}
#menu li.stanice div.mainMenuSelected, .prouzekYellow {background:#e6bb0a;}

#prouzek {border-top:none;border-bottom:none;}
.prouzekRed {background:#dc1615;}
.prouzekRed, .prouzekGreen, .prouzekYellow {padding-top: 3px;}

/* podmenu */
#submenu {padding-top:4px;padding-left:0px;}
#submenu li {font-size:85%;white-space: nowrap;list-style-type:none;float:left;margin-left:15px;}
#submenu li a {font-size:100%;color:white; text-decoration:none; font-weight: bold;}
#submenu li a:hover{color:white; text-decoration:underline;}


/***** prvky v paticce *****/
#footerLogo {float:left; width: 127px; overflow:hidden;}
#footerLeft {float: left; width: 610px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 200px; text-align: right;}
#footerRight p {text-align: right;}
#footer img {position:relative; top: 4px;}

#footer a, #footer a:link, #footer a:active, #footer a:visited {font-weight: normal; text-decoration:underline; color:#686873;}
#footer a:hover {font-weight: normal; text-decoration:none; color:#686873;}

/**** menu v paticce *******/
#footerMenu ul {padding-left: 0px;}
#footerMenu li a {text-decoration:underline;}
#footerMenu li {float: left; padding: 0px 5px; list-style-type: none; border-left: 1px solid #686873;}
#footerMenu li.ospolecnosti {border-left: none; padding-left: 0px;}

/**** boxy a kontejnery ******/

/*-----------sekce NEWS--------------*/
.novinka{width:250px;height:100px;float:left;padding:0px;padding-left:10px;text-align:left;}
.novinka p{height:50px;}
.novinka h3{font-weight:bold;padding:0px;margin:0px;color:#DC1615;}
.novinka h3 a {text-decoration:none;}
.baner {float:left;width:500px; height:50px;margin-top:10px;margin-left:20px;}

/***** ostatni ******/
.imgBlockL {float: left; width: 150px; margin-right:10px;}
.imgBlockR {float: right; width: 150px; margin-left:10px;}

/* stylovani polozek */
.polozka {width:750px; padding-top: 10px; padding-bottom: 10px;}
.polozka .popis {float:right; margin-left:10px; width:550px;}
.polozka img {float:left; padding-top:40px;}


/*-----------sekce O NAS--------------*/
#onaslevy{float:left;width:500px;}
#onasfoto{float:right;width:200px;margin-left:50px;}
/*-------------------------*/



/*-----------sekce KLEENOIL AG--------------*/
#kleenoilaglevy{float:left;width:500px;}
#kleenoilagfoto{float:right;width:250px;}
/*-------------------------*/
/*-----------sekce PANOLIN AG--------------*/
#panolinaglevy{float:left;width:550px;}
#panolinagfoto{float:left;width:180px;}
.fotografie{float:left; width:180px; text-align:left;margin-bottom:20px;}
#udaje table{float:left; width:400px; border-collapse:collapse;padding-top:20px; padding-bottom:20px; text-align:left;}
/*-------------------------*/


/*-----------sekce DOPRAVA PHM--------------*/
#dopravaphmlevy{float:left;width:400px;}
#dopravaphmfoto{float:right;width:350px;}
/*-------------------------*/
/*-----------sekce MIKROFILTRACEKLEENOIL--------------*/
#filtracefoto{width:100%;text-align:left;}
/*-------------------------*/
/*-----------sekce ANALYZY--------------*/
#analyzylevy{float:left;width:500px;}
#analyzyfoto{float:right;width:250px;}
/*-------------------------*/


/*-----------sekce PANOLIN --------------*/
.panolinfoto{float:left;width:170px;}
.panolintext{float:left;width:550px;}
.panolintext h4{padding-top:0px;}
/*-------------------------*/
/*-----------sekce KLEENOIL--------------*/
#kleenoillevy{float:left;width:500px;}
#kleenoilfoto{float:right;width:250px;}
.kleenfoto{float:left;width:170px;}
.kleentext{float:left;width:550px;}
.kleentext h4{padding-top:0px;}
/*-------------------------*/


/*-----------sekce CERPEACI STANICE-----------*/
.stanice1{width:760px;padding:0px;margin:0px;border-top:1px #777 solid;padding-bottom:0px;}
.stkontakt{float:left;width:220px;}
.stfotky{float:left;width:530px;}
.smallfoto{float:left;margin-top:20px;margin-left:20px;width:106px;}
.smallfoto a img {display:block;width:auto;height:auto;border:2px #FFF solid;}
.smallfoto a:hover img {display:block;width:auto;height:auto;border:2px #DC1615 solid;}
.smallfoto img{border:0px;}
.mainfoto{float:left;height:auto;width:400px;padding-top:20px;}
.mainfoto img{border:#777 1px solid;}
/*-------------------------*/


/*-----------sekce KONTAKT-----------*/
.kontaktsloupec{width:220px;float:left;}
.kontaktlevy{width:310px;float:left;}
.kontaktlevy img{padding-top:20px;}
.kontaktpravy{width:440px;float:left;}
#kontaktblok{text-align:center;font-size:130%;padding-top:20px;padding-bottom:25px;}
address {font-style:normal;}
address span{font-size:200%; color:#3581F9; font-weight:bold;}
/*-------------------------*/


.panolin1{float:left;width:230px; height:177px;border-left:1px solid #C9C9CB;border-bottom:1px solid #C9C9CB;}
.kleenoil1{float:left;width:230px; height:177px;background:url("images/kleenoil.jpg") no-repeat;border-left:1px solid #C9C9CB;border-bottom:1px solid #C9C9CB;}
.cerpacistanice1{float:left;width:230px; height:177px;background:url("images/cerpstanice.jpg") no-repeat;border-left:1px solid #C9C9CB;}
.panolinmoto1{float:left;width:230px; height:177px;background:url("images/panolinmoto.jpg") no-repeat;border-left:1px solid #C9C9CB;}

/****** doplnky ********/

.zprava{text-align:right;margin:0px;padding:0px;padding-top:5px;}
.centered{text-align:center;}



.prBlok {width: 750px; padding-top:15px; padding-bottom:20px;}
.prLeft {float:left; width: 150px;padding-left:10px; text-align:left;}
.prCenter {float:left; width: 470px;}
.prRight {float:left; width:110px; padding-left:10px; text-align:right;}

.prLeft img { margin-top: 10px;}

h3.special {margin-top: 20px;margin-bottom: 10px;padding-left:10px;padding-top:3px;padding-bottom:3px;background:#636363;color:#FFF;}

.kontaktyFormat{border-top:1px solid #000;margin-top:20px;}
.kontaktyFormat p{margin-top:0px;padding-top:0px;}
.kontaktyFormat h4{font-size:15px;margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;}
.kontaktyFormat h3{margin-top:0px;padding-top:0px;}
.kontaktBlok {margin-top:20px;}
.kontaktName {float:left;width:220px;}
.kontaktNum {float:left;width:220px;}
.kontaktNadpis {float:left;width:310px;}

.novinkavsekci h3 {font-size:100%;color:#DC1615;margin-bottom:0px;padding-bottom:0px;}
.novinkavsekci h3 a,.novinkavsekci h3 a:active,.novinkavsekci h3 a:visited,.novinkavsekci h3 a:link{text-decoration:underline;}
.novinkavsekci h3 a:hover {text-decoration:none;}


.novinkaseznam h3 {font-size:100%;color:#000;margin-bottom:0px;padding-bottom:0px;margin-top:0px;padding-top:0px;}

.prodejci h3 {border-top:1px solid #777;padding-top:10px;margin-top:30px;}
.prodejci h2 {margin-top:20px;margin-bottom:0px;}


.kleenskim {}
.kleenskimtable {border-collapse:collapse;}
.kleenskimtable td{border:1px solid #000;padding-left:5px;}