body {font-family:Arial, Arial CE, "Trebuchet MS", "Geneva CE", lucida, sans-serif;font-size:12px;font-weight:normal;color:black;text-align:justify;margin:10px 0px 0px 10px;}
.aleph {width:780px;}
input {font-size:10px;}
#hlavicka {height:178px;background:white url(img/head-bg.gif) top left repeat-x;width:763px;}
#hlavicka #menu {position:absolute;left:345px;top:83px;height:136px;width:430px; _top:80px;}
a#logo {display:block;position:relative;width:195px;height:50px;}
a#logo span {display:;position:absolute;width:195px;height:50px;top:0;left:0;background:url(img/logo.jpg) top left no-repeat;cursor:pointer;}
img#headim {margin-top:20px;}
.hi {visibility:hidden;}

.bl {height:1px;background:white;margin:0;padding:0;border:none; !important}
.blt {height:1px;background:white;margin:0;padding:0;border:none; !important}
.bl span,  .blt span {display:none;}
.top {margin-top:40px;}

#content, .bl, .blt  {width:763px;}

.bl, .blt  {width:763px;clear:both;visibility:none;}

/* hlavni menu */
#ae a, #fi a, #st a , #ko a {display:block;width:166px;height:68px;color:#c0c0c0;margin:0;padding:0;  _padding:0;}
#ae a:visited, #fi a:visited, #st a:visited , #ko a:visited {color:#c0c0c0;}
#ae a span,  #fi a span, #st a span, #ko a span {position:absolute;top:0;left:0;display:block;width:166px;height:68px;}
#ae a, #ae a span {background:url(img/ae.gif) top left no-repeat;}
#fi a, #fi a span {background:url(img/fi.gif) top left no-repeat;}
#st a, #st a span {background:url(img/st.gif) top left no-repeat;}
#ko a, #ko a span {background:url(img/ko.gif) top left no-repeat;}
#ae a:hover span {background:url(img/ae-over.gif) top left no-repeat;}
#fi a:hover span {background:url(img/fi-over.gif) top left no-repeat;}
#st a:hover span {background:url(img/st-over.gif) top left no-repeat;}
#ko a:hover span {background:url(img/ko-over.gif) top left no-repeat;}
/* nove napozicovani (st == vzorkovna) */
#ae, #fi, #st, #ko, #ae_p, #fi_p, #st_p, #ko_p {position:absolute;}
#st, #ko {left:262px;}
#st, #fi, #st_p, #fi_p {top:70px; }
#st_p, #ko_p {left:215px;}
#ae_p, #fi_p {left:168px;}

/*
#ae_p, #st_p {left:168px;}
#fi_p, #ko_p {left:215px;}
#fi, #ko {left:262px;}
#st, #ko, #st_p, #ko_p {top: 70px; }
*/

/* submenu pro malotraktory */
.mt-sub {border-bottom:1px dotted silver;padding:1em 0;_padding:0;}
.mt-sub h2 {color:rgb(0,117,143);font-weight:800;font-size:1em;_margin-bottom:.5em;}
.mt-sub ul {margin:0;padding:0;_padding-bottom:1em; }
.mt-sub ul li {margin:.5em 0 0 0;padding:0;list-style:none;background:white url(img/odrazka-black.gif) center left no-repeat;}
.mt-sub ul li:hover {background:white url(img/odrazka.gif) center left no-repeat;}
.mt-sub ul li {_margin-left:5px;_height:1em;_margin:0 0 0 0;}
.mt-sub ul li h3 {font-size:1em;font-weight:100;padding:0;margin:0;}
.mt-sub ul li a, .mt-sub ul li a:visited {color:#6f6f6f;text-decoration:none;padding-left:1em;background:transparent;display:block;}
.mt-sub ul li a:hover, .mt-sub ul li a:visited:hover {color:black;text-decoration:none;}
.mt-sub ul li a, .mt-sub ul li a:visited, .mt-sub ul li a:hover, .mt-sub ul li a:visited:hover {_margin-left:15px;_padding-left:0;}
#ap {color:rgb(0,117,143);_padding-left:0;}
#ap:hover {color:black;}
.dale {border-bottom:none;_padding:.5em 0;}

/* provedeni */
.mtbox {width:100%;height:22.5em;margin-bottom:1em;}
.maly {height:16em;}  /* zuzeni boxu pro prvni serii - typy */
.mtbox div {width:130px;float:left;margin-right:6px;}
.mtbox div.last {margin-right:0;}
.mtbox div h2 {width:100%;display:block;}
.mtbox div h3 {text-align:left;display:block;height:2.5em;border-bottom:1px dotted rgb(0,117,143);}
.mtbox div p {text-align:left;}

/* odsazeni octavcu  a indexy */
sub, sup {font-size:.64em; }
img.imr {float:right;margin:1em 0 1em 1em;}
.kinobox {padding:0 0 0 120px;width:320px;}

/* mini kontakty v prave liste */
.minikontakty {text-align:center;border-bottom:1px dotted silver;padding:1em 0;}
.minikontakty h2 {font-size:1em;}
.minikontakty p a, .minikontakty p a:visited {color:#6f6f6f;text-decoration:none;}
.minikontakty p a:hover, .minikontakty p a:visited:hover {color:black;}

/* hlavni cast mt */
.main p strong a, .main p strong a:hover, .main p strong a:visited, .main p strong a.main p strong a:visited:hover {text-decoration:none;color:black;font-weight:100;cursor:default;}
.main a, .main a:hover, .main a:visited, .main a:visited:hover {text-decoration:none;color:#6f6f6f;}
.main a:hover, .main a:visited:hover {color:black;}

/* nadpisy */
.main h1, .main h2, .main h3 {margin:4px 0;font-weight:100;}
.main h1 {font-size:1.15em;font-weight:800;color:rgb(0,117,143);text-transform:uppercase;}
.main h2 {font-size:1em;font-weight:800;}
.main h3 {font-size:1em;}
h1#index {background:#9cc4a2 url(img/aktuality.gif) top right no-repeat;margin:0;padding:2em 2em 2em 4em;font-size:1em;color:white;}
h1#index a, h1#index a:visited {color:white;}
h1#index a:hover, h1#index a:visited:hover {color:white;}
h2#index {background:silver;margin:0;padding:2em 2em 2em 4em;font-size:1em;color:white;}
h1#index a strong, h2#index a:visited strong,  h2#index a:hover strong {color:black;}

/* seznamy */
.main ul {margin:0;padding:0 0 .5em 0;}
.main ul li {margin:.15em 0 0 2em;}
.servis ul {margin:0;padding:0 0 .5em 0;}
.servis ul li {margin:.15em 0 0 0;list-style:none;width:100%;display:block;position:relative;border-bottom:1px dotted silver;}
.servis ul li span {position:absolute;top:0;right:0;width:12em;text-align:right;color:silver;}
.servis ul li {_border-bottom:none;}
.prislusenstvi ul, .prislusenstvi p {margin-left:140px;}

/* form */
form#nd {margin:1em 0;padding:0;font-size:1em; }
form#nd label {width:6em;float:left; _height:1em;_margin:0;_padding:0; border:1px solid white;}
form#nd hr {height:3px;padding:2px 0 0 0;margin:0; visibility:hidden;  _display:none;}
form#nd input {width:440px;margin:0;padding:.15em;border:1px solid silver; _width:400px;}
form#nd input:hover, form#nd input:focus {border:1px solid black;}
form#nd textarea {width:440px;margin:0;padding:.15em;border:1px solid silver;font-family:sans-serif;font-size:1em;  _width:400px;_margin-left:6.5em;_overflow:hidden;}
form#nd textarea:hover,  form#nd textarea:focus {border:1px solid black;}
/* form#nd input#odeslat {width:12em;float:right;margin:4px 2px 0 0;_margin:4px 56px 0 0;cursor:pointer;_cursor:hand;} */
form#nd input#odeslat {width:12em;float:right;margin:8px 6px 0 0;_margin:4px 58px 0 0;cursor:pointer;_cursor:hand;}
form#nd input#odeslat:hover, form#nd input#odeslat:focus {background:rgb(0,117,143);color:white;}
#mf_nick_r {display:none;}

/* kontaktni formular */
.kform {margin:2em 0 0 0;}
.kform a, .kform a:visited {width:12em;margin:.5em 0;padding:.5em 1em;background:#9d9d5f;color:white;text-decoration:none;border:1px solid #ffffbe;display:block;}
.kform a:hover, .kform a:visited:hover {background:#666;color:white;}
#mail_formulare {width:35em;}
.mf_formular * {font-family:"Helvetica", "Arial", sans-serif;font-size:1em;}
.mf_formular {padding:0;margin:1em 0 3em 0; _margin-bottom:6em; }
.mf_formular label {width:6em; float:left; margin:0 0 10px 0; padding:2px; display:block;}
.mf_formular input, .mf_formular label, .mf_formular textarea {margin:0 0 10px 0; padding:2px;}
.mf_formular input, .mf_formular input:visited, .mf_formular textarea {width:30em;border:1px solid silver;color:#4f4f4f;}
.mf_formular input:hover,  .mf_formular input:visited:hover, .mf_formular input:focus, .mf_formular textarea:hover,  .mf_formular textarea:focus {border:1px solid #00758f;color:black;}
.mf_formular textarea {height:10em;background:white;  _overflow:hidden;}
.mf_formular hr {height:.5em;width:80%;  margin:0;padding:0; background:white;border:1px solid white;  _height:1px;_margin-top:-25px;}
.mf_formular button {width:10em;background:silver;color:white;float:left;margin-left:226px; cursor:pointer; _margin-right:11.65em;_padding-top:.5em;_width:12em;}
.mf_formular button:hover {background: #00758f;}
.mf_formular input.povinny {background:url(img/star.gif) center right no-repeat;}
#mf_nick_r{display:none}
p.ok {padding:.75em;margin:1em 0;background:#00758f;color:white;width:39em;_width:25.5em;}
p.mf_chyba {padding:.75em;margin:1em 0;background:red;color:white;width:39em;_width:25.5em;}

/* pridany veci na index */
.ibox {background:#F5F4EF; width:743px; text-align:right; padding:40px 10px 40px 10px; min-height:150px; _height:150px;}
.ibox div {width:180px; float:left; margin:0; padding:0;}
.ibox div a, .ibox div a:visited {color:black;text-align:left;display:block;margin:1em;text-decoration:none;}
.ibox div a:hover, .ibox div a:visited:hover {color:#00758f;}
.ibox div.kontakt p a {display:inline;margin:0;text-align:right;}
.ibox div.amper, .ibox div.kalkulace, .ibox div.video, .ibox div.barvy {padding-top:4em; border-left:1px dotted silver; padding-top:5.5em;  _padding-top:5em; _border-left:1px solid white;}
.ibox div.amper {background:url(img/ico-amper.jpg) top left no-repeat;}
.ibox div.kalkulace {background:url(img/ico-kalkulace.jpg) top left no-repeat;}
.ibox div.video {background:url(img/ico-video.jpg) top left no-repeat;}
.ibox div.barvy {background:url(img/ico-barvy.jpg) top left no-repeat;border-right:none;}
/* kontakyt na titulce nove */
#maily {padding:1em 1em 1em 5em;font-size:.95em;background:#cfcfcf;color:#6f6f6f;}
#maily strong {color:black;}
#maily a {text-decoration:none;color:#6f6f6f;}

/* kontaky na titulce s iC a DIC */
.kbox {margin:0;}
.kbox div {text-align:left; padding:15px 0 0 15px; width:164px; border-left:1px dotted silver; _border-left:1px solid white;}
.ibox div.amper, .kbox div.adresa {border-left:none;}
.kbox div.emaily a {margin:0; padding:0; display:inline;}

/* boxik s cenou */
div.cenovka, .seobox {background:#f5f5f5;border:1px dotted silver;}
div.cenovka p {margin:.35em;text-align:center;color:#8e8e8e;}
div.cenovka p strong {color:rgb(0,117,143);}

/* seo box */
.seobox {margin:1em 0;}
.seobox p {margin:1em;}
.seobox p a.vi,  .seobox p a.vi:visited {color:#6f6f6f;}
.seobox p a.vi:hover,  .seobox p a.vi:visited:hover {color:black;}
.seobox p a, .seobox p a:hover, .seobox p a:visited  .seobox p a:visited:hover {color:black;text-decoration:none;font-weight:100;}

/* prislusenstvi */
.prislusenstvi {margin:1em 0;}
.prislusenstvi h2 {margin:.75em 0;}
.prislusenstvi div {border-bottom:1px dotted silver;margin-bottom:1em;}
.prislusenstvi div img {float:left;margin:0 1em 1em 0;}
.prislusenstvi div hr {clear:both;visibility:hidden;height:1px;}
.prislusenstvi div p {margin-left:140px;}
.prislusenstvi div h3 {margin-left:140px;}

/* spodek s mailem */
.blueline_spodni {float:left;width:100%;background:#00758F;height:15px;border-bottom:3px solid white;border-top:3px solid white;width:763px;vertical-align:middle;}
.spodni_formular {color:white;margin: 15px 10px 0px 10px;text-align:right;}
form {font-size:11px;line-height:11px;}
#back {position:absolute;top:70px;left:9px;cursor:pointer;border:1px solid white;padding:3px;}
h1 {font-family:"Arial", "Trebuchet MS", "Geneva CE", arial, lucida, sans-serif;font-size:15px;font-weight:bold;color:#666;text-align:left;}

/* odkaz na kontakt */
p.formular {background:#f5f5f5 url(img/video-button-ani.gif) 5% 50% no-repeat;border:1px dotted silver;}
p.formular a,  p.formular a:visited {color:red;display:block; margin:.35em 0 .35em 5em;text-align:left;}
p.formular a:hover, p.formular a:visited:hover {color:black;}

.main {float:left; width:539px; padding-right:10px; margin:10px 0px;    /*border-right:1px dotted silver;*/ }
.tikkurila {border-bottom: 1px silver dotted;}
.sidebar {position:relative; /* float:right; */ float:left; width:195px; padding:10px 5px 5px 5px; text-align:left;}

ul > li {list-style:square outside;}
.box {border-bottom:1px silver dotted;}
.first_box {border:1px #c7c7c7 dotted;background:#f5f5f5;}
.dotaz {padding-left:10px;font-size:10px;}
.novinka {padding:5px 10px 5px 10px;}
.design {float:left;width:100%;text-align:left;color:#ccc;font-size:11px;font-weight:normal;text-decoration:none;}

.design a:link {color:#ccc;text-decoration:none;}
.boxik {color:white;background:#00758f;padding:15px;font-size:13px;font-weight:bold;}
.boxik a {color:white;}
div#odkaz a  {text-decoration:none;color:gray;}
div#odkaz a:link, div#odkaz a:visited,  {text-decoration:none;color:gray;}
div#odkaz a:hover {text-decoration:none;color:black;}

/**********************************main page****************/
#mpcontent {background:#94aeb5; width:100%; border-bottom:10px #94aeb5 solid;border-top:10px #94aeb5 solid;color:white;font-weight:bold;}
#mpcontent ul {width:50em; margin:0 0 0 -20px; &margin-left:20px;}
#mpcontent ul li {list-style-type:none; line-height:14pt; margin:.25em 0; padding:5px 25px;}
.mpcontent2 {background:#F5F4EF;width:743px;height:120px;text-align:right;padding:40px 10px 0px 10px;}
.mpcontent2 ul {list-style-type:none;margin:0;padding:0;}
.mpcontent2 ul li {float:left;display:block;}
#mpcontent a {color:#fff;}
.mpcontent2 a:link {text-decoration:none;color:black;}


/* certifikat na titulce */
/* #mpcontent a {float:right; border:1px solid silver; margin:1em;} */
#mpcontent a:hover {border:1px solid #9CC4A2;}
#mpcontent ul li+li {border-top:1px solid #B5C9CF;}

/* certifikat u barev */
a#certbig {float:right; margin:0 0 0 1em;}
a#certbig img {border:1px solid silver;}
a#certbig:hover img {border:1px solid #9CC4A2;}

/*
#adresa, #innerobr {position:absolute;}
#adresa {top:380px;left:500px;background:#4A6D73;padding:24pt 24pt 10px 10pt;line-height:12pt;}
*/
#innerobr {top:0;left:0;}

/************************kalkulace**********************************/
label {width:17em;float:left;text-align:left;margin:0 1em 10px 0;clear:both;margin-left:5px;}
.input2 {margin-bottom:15px;font-size:10px;background:#efefef;border:1px solid #ccc;}
.odsad {margin-left:20px;}
.submit-button {margin-left:5em;clear:both;color:#000;background:#fb0;border:2px #9cf outset;}
fieldset {border:#ccc solid 1px;width:500px;}
legend {background:#efefef;border:#ccc solid 1px;padding:1px 10px;color:#666;}

h3 {font-size:15px;color:#00758F;}
.req {margin-bottom:15px;font-size:10px;background:#efefef;border:1px solid red;}
.pp {margin-left:10px;}
.texta {font-size:10px;background:#efefef;border:1px solid #666;}
.box a {color:gray;text-decoration:none;}
.box a:hover {color:black;}
.box-sent a {color:gray;text-decoration:none;}
.box-sent a:hover {color:black;}

img {border:none;margin:0;padding:0;}
.design a {color:#ccc;text-decoration:none;}
.design a:hover {color:black;}

/* pridany pro stranky o veletrhu amper */
.obr {margin:1.5em 0;padding:6px 6px 0 6px;border:1px solid silver;_height:350px;}
.obr a img {float:left;margin:5px;padding:0;text-decoration:none;border:1px solid silver;}
.obr a:hover img {border:1px solid black;}
.obr p, p#zoomnfo {color:#666;text-align:center;font-size:.85em;margin:1em 0 .5em 0;}
.obr h2 {font-size:1em;font-weight:800;_text-align:center;_margin:10px 0 4px 0;}
hr.viktor {width:94%;height:1px;clear:both;visibility:hidden;}
a img#zoom {border:1px solid silver;}
a:hover img#zoom {border:1px solid black;}
img#zoom {margin:10px 0 0 20px;}
p.click {width:98%;}

/* zvyrezneny box */
div.upoutavka {background:#9cc4a2 url(img/neprehlednete.gif) top right no-repeat;padding:2em 2em 1em 1em;margin:1em 0;}
div.upoutavka h1 {color:white;}
div.pripravujeme p {margin:2em 0 3.5em 0; line-height:1.35em;}
div.pripravujeme p img {float:left; margin:0 2em 2em 0;}

/* odkaz na galerii cisteni rozvadecu */
p#cistenigal {padding:0;margin:-1em 0;}
p#cistenigal a {text-decoration:none;color:white;text-align:center;display:block;}
p#cistenigal a strong {display:block;margin:-3.5em 0 3.5em 0;text-transform:uppercase;}
/* galerie */
p.predpo {text-align:left;}
p.predpo img {margin:1em 0 2em 0;border:1px solid black;}

/* odkaz na zarizeni pro nanaseni barev */
#naterovka a {display:block; position:relative; margin-bottom:15px;}
#naterovka a strong {display:block; position:absolute; left:40px; padding:0; top:72px; color:#07758f;}
#naterovka a strong span {font-size:.75em; color:silver; display:block;}
#naterovka a:hover strong span {color:black;}

/* css slider pro amper 2008 */
#slideshow {height:108px; width:100%;}
#slideshow div {position:relative; height:108px; width:100%;}
/* slides s velkými napisy
#slideshow div h2 {font-size:24px; margin:0; position:absolute; top:30px; left:350px; color:#007587;}
#slideshow div h3 {font-size:16px; margin:0; position:absolute; top:60px; left:350px; color:black;}
#slideshow div h2 {font-size:16px; margin:0; position:absolute; top:40px; left:350px; color:#007587;}
#slideshow div h3 {font-size:12px; margin:0; position:absolute; top:20px; left:350px; color:black;}
#slideshow div.slide3 h2 {font-size:12px; margin:0; position:absolute; top:40px; left:415px; color:#000;}
#slideshow div.slide3 h3 {font-size:16px; margin:0; position:absolute; top:20px; left:415px; color:#007587;}
slides pro amper 2008
#slideshow div.slide1 {background:white url(img/amper-banner/amper-2008-01.jpg) top left no-repeat;}
#slideshow div.slide2 {background:white url(img/amper-banner/amper-2008-02.jpg) top left no-repeat;}
#slideshow div.slide3 {background:white url(img/amper-banner/amper-2008-03.jpg) top left no-repeat;}
#slideshow div.slide4 {background:white url(img/amper-banner/amper-2008-04.jpg) top left no-repeat;}
*/

#slideshow {background:#fff url(img/tikkurila-banner/right-side.jpg) bottom right no-repeat;}
#slideshow div h2, #slideshow div h3 {margin:15px 50px 0 220px; display:block;}
#slideshow div h2 {font-size:20px; color:#e91f1f;}
#slideshow div h3 {font-size:14px; color:#aaa; margin-top:5px; margin-right:100px;}
#slideshow div.slide1 {background:transparent url(img/tikkurila-banner/zachrante-strom.jpg) top left no-repeat;}
#slideshow div.slide2 {background:transparent url(img/tikkurila-banner/prodejna-tikkurila.jpg) top left no-repeat;}
#slideshow.vzorkovna {margin-bottom:20px;}
#slideshow.vzorkovna div h2 {margin:15px 65px 0 110px;}
#slideshow.vzorkovna div.slide1 {background:transparent url(img/tikkurila-banner/slide1.jpg) top left no-repeat;}
#slideshow.vzorkovna div.slide2 {background:transparent url(img/tikkurila-banner/slide2.jpg) top left no-repeat;}
#slideshow.vzorkovna div.slide3 {background:transparent url(img/tikkurila-banner/slide3.jpg) top left no-repeat;}
#slideshow.vzorkovna div.slide4 {background:transparent url(img/tikkurila-banner/slide4.jpg) top left no-repeat;}

/* upoutavka kalkulace */
#nabidka {padding:2em 12em 2em 2em; display:block; background:#9cc4a2 url('/img/nabidka.jpg') 98% 50% no-repeat; text-indent:0; font-weight:800;}
