/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#fff url(../img/bg.gif) ; color:#000; font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:1.0px; text-align:center;font-family:"Trebuchet MS", Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#min {background: url(../img/obsah.gif) top center repeat-y; min-width: 860px; z-index:10}
#top {background: url(../img/top.gif) repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:312px;  float:left}

/*logo*/
#logo {background:#2A510B; width:860px; height:242px; margin:0 auto; text-align:center; position:relative; z-index:10}
#logo1  {background:url("../img/logo.jpg")  no-repeat; width:860px; height:242px; display:block; z-index:10}
#logo p {position:absolute; top:21px; right:60px; font-size:120%; color:#3C396C}
#logo span {z-index:0}
#logoclick {position:relative; top:55px; left:15px; z-index:5; display:inline; width:470px; height:165px; float:left; clear:both; z-index:10}
#slogan h1 {z-index:0; color:#fff; position:absolute; top:-1000px; left:25px; float:left; clear:both; height:15px; font-size:130%; font-weight:normal }
#slogan h2 {color:#fff; position:absolute; top:35px; right:25px; float:right; clear:both; height:15px; font-size:120%; font-weight:bold; letter-spacing:0.1px; }
#logo address {position:absolute; top:13px; left:-15px; float:left; color:#CDFFA3; width:860px; margin: 0 auto; text-align:center; font-style: normal}
#logo-print {display:none;}

/*horni menu pod logem*/
#menu {background: url(../img/bg-menu.gif) no-repeat;  width:860px; height:60px; font-size:100%;  margin:0 auto; text-align:center; position:relative;}
#menu ul {margin:0 auto; text-align:center; height:60px; }
#menu li {display:inline; font-weight:bold; line-height:60px; height:60px; letter-spacing:0.3px }
#menu li a {text-align:right; border-right:#C5C0A2 1px solid; border-left:#fff 1px solid; color:#000;  text-decoration: none;  padding: 10px 15px; text-align: center; }
#menu li a:hover { background:#427805 ; color:#E9E6D5;  }
.aktiv {background:#DCD8C0 ; color:#000; border-right:#C5C0A2 1px solid; border-left:#fff 1px solid; padding: 10px 15px}

/*menu2*/
#menu2 {position:relative; padding-top:20px;  overflow:hidden; width:760px; height:50px; margin:0 auto; text-align:center}
#menu2 ul {margin:0 auto; text-align:center;}
#menu2 li {display:inline; font-size:110%; line-height:50px; height:50px; font-family:"Arial Black"; letter-spacing:0.1px;}
#menu2 li a {background:url(../img/menu2.gif) top left no-repeat; color:#737373; overflow:hidden; text-decoration:none; padding:0 10px 0 45px; line-height:50px; float:left }
#menu2 li a:hover {background:url(../img/menu2.gif) bottom left no-repeat; color:#000;}


/*menu-postupy*/
.menu-postupy {width:100%; height:170px}
.menu-postupy ul {margin:20px 0 0; height:170px}
.menu-postupy li {display:inline; margin:0 1px; text-align:center;}
.menu-postupy li a { padding:120px 0 10px 0; height:10px; display:block; text-decoration:none; color:#fff !important; font-family: "Arial Narrow"; line-height:12px}
.menu-postupy li a:hover {}
.malirske-prace {background:#4C8A06 url(../img/malirske-prace.gif) no-repeat; width:120px; height:auto; min-height:150px; float:left; display:block}
.opravy-fasad {background:#FC6C28 url(../img/opravy-fasad.gif) no-repeat; width:120px; height:auto; min-height:150px; float:left; display:block}
.natery-ramu {background:#27455C url(../img/natery-ramu.gif) no-repeat; width:120px; height:auto; min-height:150px; float:left; display:block}
.natery-ocel {background:#630460 url(../img/natery-ocel.gif) no-repeat; width:120px; height:auto; min-height:150px; float:left; display:block}
.malirske-prace a:hover {color:#A6EF53!important}
.opravy-fasad a:hover {color:#FAC9B2!important}
.natery-ramu a:hover {color:#5687AD!important}
.natery-ocel a:hover {color:#E56AE1!important}

.menu-postupy img {border:none !important; float:left !important; margin:10px 1px 10px 1px !important; padding:0 !important}
.menu-postupy a img {border-bottom:#fff 5px solid !important}
.menu-postupy a:hover img {border-bottom:#ED1C24 5px solid !important}

/*obsah*/
#hlavni {width:860px; margin:0 auto; display:block; position:relative; min-height:400px; height:auto;}
#hlavni h1 {font-size:70%; color:#E6E6E6; position:absolute; top:110px; left:0px; text-align:center; margin:0 auto; width:860px}
#obsah {background: url(../img/obsah-top.gif) top center no-repeat; width:860px; margin:0 auto; display:block; float:left; position:relative;}
#in {background:#E9E6D5 url(../img/obsah.gif) top center repeat-y; min-width: 860px; z-index:10; float:left}
.obsah {padding:0px 10px 0px 20px}
.oddel { background: url(../img/emb.gif) center center no-repeat; display:block; width:60%; height:30px; margin:30px auto !important; padding:5px; position:relative; line-height:25px; font-size:150%; color:#AA0000; text-align:center !important} 
.slogan3 {width:60%; margin:30px auto !important; padding:10px; position:relative; line-height:25px; font-size:150%; color:#053046; border-top:#053046 1px solid; border-bottom:#053046 1px solid; text-align:center !important} 

#leva  {width:520px; float:left; position:relative; padding:80px 10px 0 40px; margin-top:20px; color:#000}
#leva  p {text-align:justify; margin:15px 0 }
#leva  strong {color:#D45112}
#leva h2 {color:#2A510B; font-size:160%; margin:3px 0; text-align:left; }
#leva h3 {color:#2A510B; font-size:140%; margin:3px 0; text-align:left; }
#leva h4 {color:#DD5B1D; font-weight:normal}
#leva h4 span {color:#2A510B!important}
#leva .nadpis3 {background:url(../img/h3.gif) center left no-repeat; color:#A93903; padding-left:25px; font-size:140%; text-align:left; height:40px; line-height:40px;  margin-bottom:20px ; width:100%; clear:left  }
#leva .nadpis {background:url(../img/h2.gif) bottom left no-repeat; height:40px; line-height:40px; padding-left:40px; overflow:hidden}

#leva  table {border:#DDD9C3 1px solid; border-collapse:collapse; margin:10px 0; width:100%;}
#leva  td {border:#DDD9C3 1px solid; padding:2px 10px; text-align:left}
#leva ul {margin-bottom:15px; text-align:left}
#leva  hr {color:#DDD9C3; background-color:#DDD9C3; border: 0 none; height:1px; margin:15px auto; text-align:center; width:100%; position:relative;  }
#leva  img { margin:0 0 10px 15px; border:#B17C08 3px double;}
.fright {float:right}
.aleft {text-align:left!important}
.fleft {float:left}
#leva a img {border:#DCD8C2 3px solid!important; display:block}
#leva a:hover img {border:#C7C2A8 3px solid!important}
#leva a {color:#D45112; font-weight:bold}
#leva a:hover {color:#000}
.obal {float:right; width:100px; margin-left:15px; margin-top:10px}
.obal img {margin:0 auto !important; float:none !important}
.obal a {float:right; margin-top:20px}
.slogan1 {width:70%; margin:20px auto !important; padding:10px; position:relative; line-height:25px; font-size:150% !important; font-weight:normal !important; color:#948F72 !important; border-top:#948F72 1px solid; border-bottom:#948F72 1px solid; text-align:center !important; text-indent:0 !important} 
.iframe {background:#E9E6D5 !important}
iframe {min-height:350px; height:350px}
.mensi {font-size:95%}
.kontakt li {list-style-type:square; margin-left:15px}

/*galerie*/
.galerie {width:520px; margin:0 auto; text-align:center; padding:0; clear:both;  }
.galerie a {float:left; margin:5px 10px!important}

/*stridani radku*/
.odd td {background:#D7D2B7}
.even td {background: #E9E6D5}

/*o barvach*/
#leva h4 {text-align:left; font-size:130%; padding:0!important; margin:0!important; line-height:20px;width:100%; float:left}
#o-barvach {padding-bottom:30px; float:left; width:500px}
#o-barvach img {float:left!important; margin-top:25px; margin-left:0!important; margin-bottom:0!important; border:none!important}
#o-barvach p {width:335px; float:right;  font-size:90%; padding-right:15px!important; margin-bottom:0!important}
#o-barvach hr {overflow:left!important; display:block; float:left }
#o-barvach span {background:url(../img/oddel.gif) center center no-repeat;  height:20px; text-align:center; margin:0 auto; width:500px; padding:0;  float:left; display:block}
.orange {color:#FF8145}
.orangep {border-right:#FF8145 5px solid; padding-right:15px!important}
.cervena {color:#DB3434}
.cervenap {border-right:#DB3434 5px solid; padding-right:15px!important}
.modra {color:#0054A6}
.modrap{border-right:#0054A6 5px solid; padding-right:15px!important}
.zelena {color:#049349}
.zelenap{border-right:#049349 5px solid; padding-right:15px!important}
.zluta {color:#F1C51F}
.zlutap{border-right:#F1C51F 5px solid; padding-right:15px!important}
.fialova {color:#961570}
.fialovap{border-right:#961570 5px solid; padding-right:15px!important}
.bila {color:#fff}
.bilap{border-right:#fff 5px solid; padding-right:15px!important}
.bezova {color:#C69C6D}
.bezovap{border-right:#C69C6D 5px solid; padding-right:15px!important}
.hneda {color:#754C24}
.hnedap{border-right:#754C24 5px solid; padding-right:15px!important}
.cerna {color:#000}
.cernap{border-right:#000 5px solid; padding-right:15px!important}

#prava {width:200px; float:right; position:relative; padding:110px 50px 20px 0}
#prava p {text-align:left !important; margin:15px 0}
#prava h3 {background:url(../img/bublina.gif) left center no-repeat;padding-left:22px; font-size:120%; text-align:left; color:#F77132; margin-bottom:10px;}
#prava ul {margin-bottom:15px; text-align:left}
#prava a {color:#314B5C}
#prava a:hover {color:#F26522}
#prava h3 a {color:#F77132}
#prava  hr {color:#EE581D; background-color:#EE581D; border: 0 none; height:1px; margin:5px auto 10px; text-align:center; width:100%; position:relative; }
#prava img {margin-bottom:3px}
#prava .img img {border:#DCD8C2 3px solid!important;margin:10px auto!important; text-align:center }
#prava .img:hover img {border:#C7C2A8 3px solid!important}
.fialova a, .zelena a, .oranzova a, .modra a {border:#D7D3BB 3px solid}
.fialova a:hover {border:#8E0064 3px solid}
.zelena a:hover {border:#009600 3px solid}
.oranzova a:hover {border:#EE531A 3px solid}
.modra a:hover {border:#A2C1D5 3px solid}
/*texty*/
.italic {font-style:italic; font-size:90%; color:red; text-align:left !important}
.tdright {text-align:right !important}

/*seznamy*/
.seznam  { margin:10px 0 10px 0px}
.seznam li {list-style-image:url(../img/b.gif); list-style-position:outside; text-align:left; margin-left:30px;  padding-left:10px; line-height:20px}
.seznam li a {color:#A93903}
.seznam li a:hover {color:#322902}

/*paticka*/
#nadpaticka {background:#4C8A06 url(../img/nadpaticka.gif) top repeat-x; width:100%; height:190px; min-height:200px; float:left; margin:0 auto}
#paticka {background:#4C8A06 url(../img/paticka.gif) no-repeat; color:#fff ; font-size:80%; font-weight:bold; width:860px; min-height:200px; height:190px;  margin:0 auto; position:relative; text-align:center}
#paticka p {background:#4C8A06; width:830px;position:relative; top:140px;  text-align:center; margin:0 auto}
#reklama {position:absolute; top:80px; left:0; width:860px; margin:0 auto; text-align:center}
#reklama a img {border:#CBB9AA 1px solid!important}
#reklama a:hover img {border:#842908 1px solid!important}

/*menu-foot*/
#menu-foot{position:absolute;right:300px;top:10px; color:#4C8A06; height:20px}
#menu-foot a{color:#4C8A06}
#menu-foot a:hover{color:#DD5B1D}
a.print {background:url(../img/print.gif) left center no-repeat;padding-left:22px; line-height:18px; }
a.fav{background:url("../img/fav.gif") left center no-repeat;padding-left:22px; line-height:18px;}
a.nahoru{background:url("../img/nahoru.gif") left center no-repeat;padding-left:22px; line-height:18px;}
/*odkazy*/

a {color:#CDFFA3}
a:hover {color:#fff}

/*foto v textu*/
.foto{float:left; margin-right:15px; margin-bottom:15px}
.foto-right {margin:0px 0 5px 10px; float:right; }
.foto-left {margin:0 35px 10px 0px; float:left}
.foto-text a img {border:#fff 3px double;  margin:3px 5px }
.foto-text a:hover img {border:#fff 3px solid;  }
.no-border img {border:none !important;}
.posun-top {position:relative; top:-35px}


/*formular*/
form span {color:red!important; font-weight:bold}
.tright {text-align:right!important}
fieldset {border:#DDD9C3 1px solid; padding:10px; overflow:hidden}
legend {background:#DDD9C3; border-bottom:#999 2px solid; border-right:#999 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid; padding:2px 10px; margin-bottom:10px}
.form {width:100%; margin:0 auto; overflow:hidden}
.no-border {border:none !important}
.but {padding:10px 5px}

input.butt {border-bottom:#999 2px solid; border-right:#999 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid;}
input.butt:hover {border-bottom:#f3f3f3 2px solid; border-right:#f3f3f3 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid;}

input { border:#cacaca 1px solid; overflow:hidden}
textarea {background:#fff; border:#cacaca 1px solid;  padding:0; margin:10px 0}
textarea:hover, input:hover {border:#BD4707 1px solid; background:#f5f5f5}
.zprava { background:#CEC8A8; width:100%;  margin:0 auto 10px; text-align:center; border:#973A0A 1px solid}
.zprava p {text-align:center !important; padding:0 20px}





