/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#F4F3F3 url(../img/bg.jpg) top center no-repeat; color:#000; font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:0.05em; text-align:center;font-family: Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
#main {width:100%; height:100%; margin:0 auto; float:left}
img {border:0;}
ul li {list-style-type:none;}
#top {position:absolute; top:0px; left:0px; z-index:0;  width:100%; height:450px; }

/*odkazy*/
a {color:#0083A7; font-weight:bold}
a:hover {color:#F75000}

/*topmenu*/
#topmenu {position:absolute; top:30px; right:17px; height:26px; z-index:100}
#topmenu a {display:block; float:right; height:26px; width:26px; margin:0 0 0 35px}

/*logo*/
#head {background:#038AAF; width:980px; height:167px; margin:0 auto; text-align:center; position:relative; z-index:10}
#head-in  {background:url("../img/head.jpg")  no-repeat; width:980px; height:167px; display:block; z-index:100; position:relative; float:left}
#headclick { position:absolute; top:50px; left:0px; z-index:5; display:inline; width:450px; height:110px;  clear:both; z-index:10}
#h1 h1 {color:#fff; font-family:"Arial"; overflow:hidden;  font-weight:normal; letter-spacing:0px; position:absolute; left:20px; top:50px; font-size:260%; z-index:0;  margin:0 auto; text-align:left}
#h1 span {font-weight:normal; font-size:55%; color:#fff; padding-left:40px;}

/*horni menu pod headem*/
#menu { font-size:110%; margin:0 auto; text-align:center; position:relative; letter-spacing:0.3px;}
#menu ul {margin-bottom:20px }
#menu li {display:block; font-weight:bold; line-height:32px; ; width:250px; font-family:Arial; text-align:left; text-indent:15px; margin-bottom:3px }
#menu li a {display:block; background: url(../img/menu.png) bottom center no-repeat; color:#CCF4FF; text-decoration: none; width:250px }
#menu li a:hover {display:block; background: url(../img/menu.png) center center no-repeat; color:#fff; }
#menu li.aktiv a {background: url(../img/menu.png) top center no-repeat;display:block; line-height:32px; color:#000;  }

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

/*leva*/
#leva {float:left; width:250px; position:relative;  padding:0px 0px 0px 30px; z-index:100; overflow:hidden; }
#leva p {background:#fff;text-align:left; margin:5px 0; color:#715007; font-size:85%; width:215px }
#leva h2 {text-align:left; color:#000; font-size:160%; letter-spacing:0px;   padding:4px 0 5px 5px;   }
#leva h3 {text-align:left; font-size:140%; letter-spacing:0px}
#leva hr, #prava hr {color:#fff; background-color:#fff;}
#leva strong {color:#000;}
#leva #anketa .content {width:auto;}
#leva #anketa strong {display:block; text-align:center; font-size:85%; padding-bottom: 4px;}
.tlacitko {background:url(../img/tlacitko.gif) bottom center no-repeat; display:block; text-align:left; text-decoration:none; height:50px; line-height:50px; margin-bottom:5px; text-indent:15px; color:#582802; font-size:140%; letter-spacing:-1px; font-family:"Georgia"; font-weight:normal; font-style:italic }
.tlacitko:hover {background:url(../img/tlacitko.gif) top center no-repeat;}
.end {background:url(../img/end.png) no-repeat 0 0; height:10px; width:210px; display:block; margin:0 8px 10px 22px; display:none;}
.top {background:url(../img/bg-p.png) no-repeat 0px 0px; height:10px; width:210px; display:block; margin:0 8px 0px 22px; }
#anketa .content {line-height:1.2; text-align:left; }
#anketa .content a {color: #000; text-decoration: underline;}

/*posun-obrazku*/
#reference {position:relative; height:260px; width:100%}
#reference-posun {background:#000;  width:275px; height:192px; position:absolute; left:353px; top:30px   }
#my-glider { margin:0 auto; text-align:center; z-index:1000; height:192px}
div.scroller{width:275px; height:192px;overflow:hidden;border:none; text-align:center;  }
div.scroller div.section{width:275px; height:192px; float:left;}
div.scroller div.content{width:3000px;}
.slideSipkaLeva {width:62px;height:64px;position:absolute;top:31px;left:404px;background: url(../img/sipka-leva.png) top no-repeat;background-position:top;display:block;z-index:100;}
.slideSipkaLeva:hover {background-position:bottom;}
.slideSipkaPrava {width:62px;height:64px;position:absolute;top:31px;left:480px;background: url(../img/sipka-prava.png) top no-repeat;background-position:top;display:block;z-index:100;}
.slideSipkaPrava:hover {background-position:bottom;}

/*bloky*/
#bloky {height:200px; width:925px; margin:5px 30px 0px 30px}
#bloky h1 {color:#0384AB; letter-spacing:-1px; font-size:160%; margin:25px 30px 6px 0; text-align:right}
#bloky div {position:relative;height:200px; width:300px; margin:0 8px 0 0; display:block; float:left}
#bloky p {padding:0 30px 0 0; text-align:right; font-size:85%; width:140px; float:right; height:78px; overflow:hidden;}
#bloky .button-vice {position:absolute; bottom:30px; right:27px; z-index:100; float:right}
.cerna {color:#000!important}
.hneda {color:#F85B10!important}
#tvorba-webovych-stranek {background:url(../img/tvorba-webovych-stranek.png) bottom center no-repeat;  }
#internetove-obchody {background:url(../img/internetove-obchody.png) bottom center no-repeat; }
#seo-optimalizace {background:url(../img/seo-optimalizace.png) bottom center no-repeat; }

/*bg-img*/ 
.no-border img {border:none!important; float:right; margin:0 10px 5px 0 }
.cena-uvod {font-size:180%}
#stred {float:right;letter-spacing:0.1px;padding:20px 52px 20px 0;text-align:left;width:640px;}

/*bocni-menu*/
.bocni-menu {position:relative;width:600px;font-family:Arial,sans-serif;font-size:17px; color:#000; margin:0 auto; text-align:center   }
.bocni-menu ul { margin:10px 0 }
.bocni-menu li{display:block; text-align:left; letter-spacing:0px;  margin-bottom:3px; text-indent:10px  }
.bocni-menu a {background: url(../img/bocni-menu.png) center left no-repeat;  color:#000; text-decoration:none; width:200px; display:block;  height:44px; line-height:41px  }
.bocni-menu a:hover {background:url(../img/bocni-menu.png) center right no-repeat; color:#fff }

/*hledani*/
#hledani {position:relative; float:left; margin:5px 0 0 30px; }
#hledani fieldset {border:none}
#hledani select {margin-right:10px; width:150px; border:#274E71 4px solid;}


/*buttony*/
.button-zobrazit-vsechny {background:url(../img/button-zobrazit-vsechny.png) top center no-repeat; display:block; height:35px; width:155px; position:absolute; top:120px; left:397px}
.button-zobrazit-vsechny:hover {background:url(../img/button-zobrazit-vsechny.png) bottom center no-repeat;}
.button-vice{color:#fff;background: url(../img/button-vice.png) top center no-repeat; display:block; height:21px; width:92px;}
.button-vice:hover{background: url(../img/button-vice.png) bottom center no-repeat;}

/*nadpisy*/
h1,h2,h3,h4,h5,h6,h3 a {font-family:"Arial"; font-style:italic; font-weight:normal; letter-spacing:0px; text-align:left;}

/*stred*/
#stred  {width:615px; float:right; position:relative; padding:10px 15px;  z-index:0; background:#E9E9E9; margin:10px 30px 0px 0; border:#DCDCDC 1px solid}
#stred  p {text-align:left; padding:5px ; font-size:85%;  }
.odstavec {background:#fff; border:#C8C9BE 1px solid; padding:15px!important; margin:10px 0}
#stred  strong {color:#000}
#stred b {color:#666}
#stred h1 {color:#006B88; font-size:200%;}
#stred h1 span {color:#000!important;  }
#stred h1 b {color:#91B424!important}
#stred h2 {color:#F75000; font-size:180%;text-indent:15px}
#stred h2 span {color:#F9D310!important; }
#stred h3 {color:#502310; font-size:160%; text-indent:15px;}
#stred h4 {color:#000; font-size:140%; }
#stred hr {color:#999; background-color:#999;}
#stred hr { border: 0 none; height:1px; margin:5px auto; text-align:center; width:98%; position:relative; clear:both  }
#stred li {list-style-type:disc;list-style-position: inside; font-size: 85%;}
#stred ol {margin-left: 25px;}


#stred form {margin:0 auto ; padding:3px 0}
#stred .fleft {float:left}
#stred .fright {float:right}
#stred a img {border:#ccc 4px solid}
#stred a:hover img {border:#703220 4px solid}
#stred a {font-weight:bold}

/*reference*/
.reference-box {background:#fff; border:#cacaca 1px solid; float:left; width:585px; padding:15px 15px 0px 15px; text-align:left; margin-bottom:10px;}
.reference-box img{float:right; border:#cacaca 3px solid; margin-left:25px; position:relative; top:-15px}
.reference-box h2{background:url(../img/iko-fajfka.png) center left no-repeat; font-size:130%!important; color:#7FA801!important; font-weight:bold; padding-left:23px; text-indent:0!important}
.reference-box .iko-mimo-web{background:url(../img/iko-mimo-web.png) center left no-repeat;padding:2px 0 2px 23px; line-height:20px; height:20px; position:relative; top:2px}
.no-iko {background:none!important}
.reference-box span{font-size:140%; color:#FF5302; font-style:italic; float:right}

/*ikony*/
.iko {height:50px; line-height:50px!important; padding-left:60px!important}
.web {background:url(../img/web.png) center left no-repeat;}
.eshop {background:url(../img/eshop.png) center left no-repeat;}
.seo {background:url(../img/seo.png) center left no-repeat;}
.reference {background:url(../img/reference.png) center left no-repeat;}
.kontakt {background:url(../img/kontakt.png) center left no-repeat;}
.cenik {background:url(../img/cenik.png) center left no-repeat;}
.ikologo {background:url(../img/iko-logo.png) top left no-repeat; padding-left:20px!important; line-height:60px!important }

.iko2 {height:20px; line-height:30px!important; padding-left:23px!important}
.iko-mimo-web {background:url(../img/iko-mimo-web.png) center left no-repeat;}
.iko-fajfka {background:url(../img/iko-fajfka.png) center left no-repeat;}

/*paticka*/
#foot {background:#151515 url(../img/foot.gif) top repeat-x;width:100%; float:left; margin:0 auto;}
#foot-in {background:url(../img/foot-in.gif) top repeat-x; color:#666; font-size:90%; width:980px;  padding:20px 0 10px; margin:0 auto; position:relative; text-align:center; letter-spacing:0px}
#foot-in p {padding-top:15px; padding-left:0px;  text-align:center; margin:0 auto; width:900px; font-size:130%}
#foot-in a {color:#666; font-weight:normal}
#foot-in a:hover {color:#fff}
#foot-menu {height:28px}
#foot-menu ul {margin-left:1px}
#foot-menu li {display:inline;}
#foot-menu a {height:30px; width:324px; text-decoration:none; line-height:30px; display:block; float:left; font-size:120%; border-left:#000 1px solid; border-right:#5A5959 1px solid}
#foot-menu a:hover {background:#1E1E1E}
#foot-submenu {background:#000; border:#333 1px solid; border-top:none; margin-top:24px; padding:10px 15px 15px 15px; text-align:justify}
#foot-submenu a {padding:0 2px; color:#444}