/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#63250D 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: Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#top {background: url(../img/top.gif) top repeat-x; position:absolute; left:0px; top:0px; z-index:0;  width:100%; height:658px;  float:left}

/*logo*/
#head {background:#63250D; width:960px; height:172px; margin:0 auto; text-align:center; position:relative; z-index:10}
#head1  {background:url("../img/head.jpg")  no-repeat; width:960px; height:172px; display:block; z-index:100; position:relative}
#head p {position:absolute; top:21px; right:60px; font-size:120%; color:#3C396C}
#head span {z-index:0}
#logoclick {position:relative; top:55px; left:25px; z-index:5; display:inline; width:335px; height:100px; float:left; clear:both; z-index:10}
#h1 h1 {color:#E5D5A9; font-family:"Arial Black"; overflow:hidden; font-weight:normal; letter-spacing:0px; position:absolute; left:0px; top:40px; font-size:170%; z-index:0; width:960px; margin:0 auto; text-align:left}
#h1 em {font-size:65%}

/*menu*/
#menu {background:#531902 url(../img/bg-menu.jpg) no-repeat; font-size:100%;   margin:0 auto; text-align:left;  height:40px; overflow:hidden; width:960px; font-family:"Arial"}
#menu ul { text-align:left; margin-left:26px }
#menu li {display:inline; height:40px ; float:left }
#menu .uvod a{background:url(../img/uvod.gif) top center; height:40px; width:127px; display:block}
#menu .uvod a:hover{background:url(../img/uvod.gif) bottom center;  }
#menu .kontakt a{background:url(../img/kontakt.gif) top center; height:40px; width:116px; display:block}
#menu .kontakt a:hover{background:url(../img/kontakt.gif) bottom center;  }
#menu .fotogalerie a{background:url(../img/fotogalerie.gif) top center; height:40px; width:140px; display:block}
#menu .fotogalerie a:hover{background:url(../img/fotogalerie.gif) bottom center;  }
#menu .napiste-nam a{background:url(../img/napiste-nam.gif) top center; height:40px; width:135px; display:block}
#menu .napiste-nam a:hover{background:url(../img/napiste-nam.gif) bottom center;  }
#menu .reference a{background:url(../img/reference.gif) top center; height:40px; width:113px; display:block}
#menu .reference a:hover{background:url(../img/reference.gif) bottom center;  }

/*obsah*/
#hlavni {width:960px; margin:0 auto; display:block; position:relative; min-height:400px; height:auto;}
#obsah {background: url(../img/obsah-top.jpg) top center no-repeat; width:960px; margin:0 auto; display:block; float:left; position:relative;}
#in {background:#EBDCB2 url(../img/obsah.gif) top center repeat-y; min-width: 960px; z-index:10; float:left}

/*leva*/
#leva {float:left; width:220px; position:relative; z-index:0; color:#D45F00; padding:240px 0 0 20px; text-align:center;  }
#leva p {background:#5E210B url(../img/bg-p.gif) center top no-repeat; padding:10px 10px 0 10px; text-align:left; }
.levydiv {background:#5E210B url(../img/bg-p.gif) center top no-repeat; padding:10px 10px 0 10px; text-align:left; }
#leva .end {background:#5E210B url(../img/bg-p-end.gif) center top no-repeat; width:220px; height:12px; margin-bottom:10px}

#leva h2 { color:#D45F00; font-size:130%; text-align:left;  font-family:"Georgia", Arial;  line-height:30px; letter-spacing:-0px}
#leva h3 {color:#D45F00; font-size:160%; margin:3px 0; text-align:center; font-weight:normal; font-family:"Georgia", Arial;}
#leva  hr {color:#863E12; background-color:#863E12; border: 0 none; height:1px; margin:15px auto; text-align:center; width:85%; }
#leva li {text-align:left; letter-spacing:0px}
#leva .center-li {text-align:center!important}
#leva a {color:#E6C683}
#leva a:hover {color:#4E6D90}
#leva .galerie-bg {margin:0 auto; float:none; display:block}


/*prava*/
#prava  {width:580px; float:right;  padding:130px 95px 10px 0px; z-index:0; color:#000; position:relative;}
.hlavni {text-align:left; padding:5px 0px }
#prava  p {text-align:left; padding:5px 0px }
#prava  strong {color:#3B5700}
#prava  b {color:#3B5700}
#prava em {color:#E34D00}
#prava h2 { color:#4D3200; font-size:180%; text-align:left; line-height:50px; padding-left:0px; font-weight:bold; font-family:"Georgia", Arial; letter-spacing:-1px;   }
#prava h2 span {font-size:140%; }
#prava h3 {color:#6B2807; font-size:160%; margin:3px 0; text-align:left;font-weight:normal;  font-family:"Georgia", Arial;letter-spacing:0px}
#prava h4 {color:#DD5B1D; font-weight:normal}
#prava ul {margin:0px 0}
#prava li {text-align:left; list-style-type:circle; margin-left:15px; margin-bottom: 3px;}
#prava  hr {color:#C6B172; background-color:#C6B172; border: 0 none; height:1px; margin:5px auto; text-align:center; width:100%; position:relative; clear:both }
.galerie-bg  {background:url(../img/ramecek.png) center no-repeat;  height:170px; width:220px; margin:0 0 0 20px; padding-top:20px; text-align:center; float:right;   }
.galerie-bg2 {background:url(../img/img_ram.png) center no-repeat;  height:140px; width:200px; margin:0 0 0 0px; padding-top:20px; text-align:center; float:left;  }
.kontakt-bg {background:url(../img/ramecek.png) center no-repeat;  height:170px; width:220px; margin:0 0 0 10px; padding-top:20px; text-align:center; float:left; clear:both  }
a img { border:#5C1C00 1px solid!important; }
a:hover img {border:#E59300 1px solid!important}
#prava a {color:#72100A;}
#prava a:hover {color:#000}

/*fotogalerie*/
#fotogalerie {margin:0 auto; text-align:center; }
#fotogalerie .galerie-bg{background:url(../img/ramecek-180.png) center no-repeat; height:139px; width:180px; float:left!important; margin:0px 5px!important; clear:none!important}


/*paticka*/
#foot { width:100%; height:139px; float:left; margin:0 auto}
#foot-in {background: url(../img/foot-in.gif) top no-repeat; color:#fff ; font-size:90%;  width:960px;  height:139px;  margin:0 auto; position:relative; text-align:center}
#foot-in p {width:900px; position:relative; top:75px; left:0px; color:#501500; text-align:left; margin:0 auto; }
#foot-in a {color:#501500}
#foot-in a:hover {color:#fff}

/*odkazy*/
a {color:#fff}
a:hover {color:#690303}

.foto_text a {color:#3B5700; text-decoration: none;}
.foto_text a:hover {color: black; text-decoration: underline;}


/*formular*/



textarea {width:370px; height:180px; letter-spacing:0px;}
.submit {background:url(../img/submit.gif) center no-repeat; width:230px; height:39px; padding-bottom:4px;  border:none; color:#fff; font-size:100%; font-weight:bold}



