/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#080808 url(../img/bg.jpg) top center no-repeat; color:#fff;  font-size:100%;margin:0 auto; width:100%;height:100%; letter-spacing: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;}


/*head*/
#head {width:980px; height:220px; margin:0 auto; text-align:center; }
#head-in  {background:url("../img/head0.jpg")  no-repeat; width:980px; height:220px; z-index:10; position:relative;}
#logoclick {background:url(../img/logo.png) top center no-repeat; position:relative; top:25px; left:270px; z-index:5; display:inline; width:420px; height:100px; float:left; z-index:10; cursor:hand }
#logoclick:hover {background:url(../img/logo.png) bottom center no-repeat;  }

/*posun-obrazku*/
#my-glider { margin:0 auto; text-align:center;  margin-top:5px; z-index:1000; height:163px}

div.scroller{width:680px; height:160px;overflow:hidden;border:none; text-align:center;  }
div.scroller div.section{width:680px;height:160px;float:left;}
div.content{width:2000px;}

.slideSipkaLeva {width:50px;height:50px;position:absolute;top:410px;left:-25px;background: url(../img/sipka-leva.png) top no-repeat;background-position:top;display:block;z-index:100;}
.slideSipkaLeva:hover {background-position:bottom;}
.slideSipkaPrava {width:50px;height:50px;position:absolute;top:410px;right:-25px;background: url(../img/sipka-prava.png) top no-repeat;background-position:top;display:block;z-index:100;}
.slideSipkaPrava:hover {background-position:bottom;}

.foto {float:left; margin-left:5px}
.foto img {margin:15px 0 0 5px}
.text {z-index:1000;  float:left; padding:0 0px 0 30px; margin:10px 0px 20px 0; width:450px; height:150px; letter-spacing:0px; overflow:hidden; }
.text p {float:left; font-size:12px}
.text strong {color:#dfdfdf}
.text h2 {font-size:160%; color:#777!important; text-align:left}

/*buttony*/
.button1 {background:url(../img/button1.png) top center no-repeat; float:right; height:25px; width:100px; display:block; cursor:hand}
.button1:hover {background:url(../img/button1.png) bottom center no-repeat;}
.button2 {background:url(../img/button2.png) top center no-repeat; height:50px; width:220px; display:block; margin:0 auto; text-align:center; cursor:hand}
.button2:hover {background:url(../img/button2.png) bottom center no-repeat;}

/*menu*/
#kontakty {background:url(../img/kontakt.png) top center no-repeat;display:block; height:280px; width:200px; position:absolute; left:10px; top:170px; cursor:hand}
#kontakty:hover {background:url(../img/kontakt.png) bottom center no-repeat;}
#projekty {background:url(../img/projekty.png) top center no-repeat;display:block; height:280px; width:200px; position:absolute; right:10px; top:170px; cursor:hand}
#projekty:hover {background:url(../img/projekty.png) bottom center no-repeat;}

/*gal*/
#galerie {}
#galerie img {margin:25px 1px}

/*hlavni-layout-obsahova-cast+prava*/
#hlavni {width:980px; margin:0 auto;}
#obsah {width:980px; margin:0 auto;  float:left;}


/*obsahova-cast*/
#stred  {width:754px; padding:300px 0px 15px; font-size:85%; position:relative;  text-align:left; margin:0 auto; text-align:center ; letter-spacing:0.1px; }
.stred-in {background:#111111; border-left:#292929 3px solid; border-right:#292929 3px solid; float:left; width:698px; padding:0 25px; min-height:180px; height:auto }
#stred b {color:#D06102;}
#stred strong {color:#888;}
#stred  p { padding:10px 0; text-align:justify;  }
#stred h1 {color:#D06102;  font-size:200%; letter-spacing:0px; text-align:center; margin-bottom:20px  }
#stred h1 span {color:#820000!important; font-size:85%}
#stred h2 {color:#777; font-size:160%;  }
#stred h3 {color:#3B7D00; font-size:140%;   }
#stred h4 {color:#000; font-size:160%;  }
#stred ul, #leva ul {margin:15px 0 25px; text-align:left}
#stred li {list-style-type:disc; margin-left:25px}
#stred  hr, #leva hr {color:#E3DBBC; background-color:#E3DBBC; border: 0 none; height:1px; margin:10px auto; text-align:center; width:100%; position:relative;  clear:both }
#stred em {font-size:80%; color:#0A3307}
.big {font-size:180%!important}
h1,h2,h3,h4,h5,h6 {font-weight:normal}


/*obrazky*/
.no-border {border:none!important}
.fleft {float:left; margin:0 10px 0 0}
.fright {float:right; margin:0 0 0 15px}

/*paticka*/
#foot {background:#080808 ; width:100%; height:100px;  float:left; margin:0 auto; font-weight:normal; font-size:80%; clear:both}
#foot-in {background:#080808 url(../img/foot-in.jpg) top center no-repeat; width:980px; height:100px;  margin:0 auto; position:relative; text-align:center; }
#foot-in p {width:980px;position:relative; top:40px;  text-align:center; margin:0 auto; color:fff; letter-spacing:0px; }
#foot-in a {color:#fff}
#foot-in a:hover {color:#D06102;}
.clear {clear:both; float:left}
/*odkazy*/
a {color:#fff; }
a:hover {color:#F5B201}
a { outline: none; }