/*css http://www.midasweb.eu */
* {margin:0; padding:0}
body {background:#1A201E; margin:0; color:#fff; font-size:small; text-align:center; font-family:verdana,Tahoma, "Trebuchet MS", georgia, verdana,arial,lucida,sans-serif !important; line-height:1.5;}
img {border:0;}
ul li {list-style-type:none; }
#lista {background:#ECECEC url(../img/lista.gif) repeat-x; width:100%; height:15px; }
.max {margin:0 auto; max-width: 860px; width:860px}
.min {background: url(../img/obsah.gif) top center repeat-y;  margin:0 auto; min-height:750px;  max-width: 860px; width:860px; position:relative; float:left}
#full { margin:0 auto; width: 100%; height:330px;}
#top-left {background:url(../img/top-leva.gif) repeat-x;  position:absolute; left:0px;   width:50%; height:341px}
#top-right {background:url(../img/top-prava.gif) repeat-x;  position:absolute; right:0px;   width:50%; height:341px}

/*logo*/
#logo {background:#C44927; width: 860px; position: relative; height: 120px;}
#slogan {position:absolute; left:0px; top:5px;  height:30px; color:#BB5704;  font-size:100%; text-align:center}
#logo1 {height:120px; width:860px; float:left}
#logo1 span {background:url("../img/logo.jpg") no-repeat; position:absolute; left:0; top:0; width:860px; height:120px}
#logoclick {position:absolute; top:20px; right:53px;  display:block; width:208px; height:100px;}
#logo h1 {position:absolute; top:97px; left:220px; font-size:100%; color:#91B1AE}
#logo1 h2 {position:absolute; top:14px; left:30px; font-size:90%; color:#DD7B07;  font-weight:normal; text-align:left}

/*menu*/
#bg-menu {height:36px; margin:0 auto; position:absolute; left:45px; top:50px;}

/*menu -nastaveni*/
.menu { height:41px; margin:0 auto; text-align:center; float:left; font-size:90%}
.menu ul {margin-left:0px; margin-top:1px }
.menu li {list-style: none; display: inline; text-align: center}
.menu li a {padding:0 12px;  height:36px; line-height:36px; border-bottom:none; text-decoration: none; color: #fff; display: inline; float: left; border-right:#768F8C 1px solid}
.menu li a:hover {background:url(../img/menu-on.gif) bottom center no-repeat; border-bottom:none; color:#9EBDB5;}
.aktiv {background:url(../img/menu.gif) bottom center no-repeat; padding:0 12px; height:36px; line-height:36px; text-decoration: none; color: #fff; display: inline; float: left; border-right:#768F8C 1px solid}

/*prave-menu*/
.pm {background:url(../img/0.gif) bottom left no-repeat; color:#C44927; padding:8px 10px 12px 10px; width:180px; margin-top:10px; font-weight:bold}
.prave-menu {float:left; width: 180px; text-align:left; position:relative; top:0; font-size:90%}
.prave-menu ul {margin-bottom:15px;}
.prave-menu li a {background:url(../img/prave-menu.gif) bottom left no-repeat; border-bottom:none; color:#C1C1C1; display: block; width: 180px;  text-decoration:none; padding:8px 20px 12px 10px }
.prave-menu li a:hover {background:url(../img/prave-menu-on.gif) bottom left no-repeat; color:#C44927; border-bottom:none;}
.aktiv2 {background:url(../img/prave-menu-on.gif) bottom left no-repeat; color:#C44927; width: 180px; padding:8px 10px 12px 10px}

/*obsah*/
#obsah-top {background:url(../img/obsah-top.gif) no-repeat; width:860px; height:90px; float:left; position:relative}
#obsah { background:url(../img/obsah-top.jpg) no-repeat; width:860px; float:left;  position:relative; padding-top:100px; text-align:left;}

.obsah {}
#leva {width:555px; float:left; position:relative; left:0; height:500px; font-size:90%; height:auto; min-height:500px;  text-align:left; padding:110px 0 5px 25px}
#leva p {padding:10px 30px; text-align:justify}
#leva strong {color:#91B1AE}
#leva b {color:#C44927}
#leva h2 {color:#C1C1C1; font-size:120%; text-align:left; clear:both; padding-left:35px}
#leva h3 {color:#C44927; font-size:100%; text-align:left; padding-left:30px}
#leva h4 {color:#C44927; font-size:100%; text-align:left; padding-left:0px}
#leva .justify {text-align:justify}
#leva img {float:left; margin:5px 25px 5px 0px; clear:both}
#leva .t-right h6 {text-align:right !important; }

#prava {position:relative;   float:right;  width:210px; padding-right:35px; padding-top:105px }
#prava h4, #prava h5 {font-size:100%}
#prava h5 {color:#8FA293}

/*paticka*/
#paticka {background:url(../img/nadpaticka.gif) center repeat-x; height:180px;width:100%; float:left; position:relative }
#paticka-in {background:url(../img/paticka.gif) center no-repeat; height:180px;width:860px; margin:0 auto; text-align:center}
#paticka p {font-size:85%; color:#fff;  position:relative; top:130px}
#paticka a {color:#fff}
#paticka a:hover {color:#FC9862}

#menu-foot{position:relative;left:50px;top:20px; text-align:left}
#menu-foot a{color:#cacaca; border-bottom:none; text-decoration:underline}
#menu-foot a:hover{color:#C44927}

a.print {background:url(../img/print.gif) left center no-repeat;padding-left:20px}
a.fav{background:url("../img/fav.gif") left center no-repeat;padding-left:20px;}
a.nahoru{background:url("../img/nahoru.gif") left center no-repeat;padding-left:20px}


.hide {display:none}
.skryt {visibility:hidden}
.toplist {position:relative; right:35px; top:75px; width:5px; height:5px; float:right}

/*reklama*/
#reklama {background:#fff url(../img/reklama.gif) repeat-x; border:#cacaca 3px double; margin:10px auto; width:700px;  float:left; position:relative; left:37px; padding:10px 0 15px}
#reklama h4 {font-size:110%}

/*ref-menu*/
.ref-menu-pos {position:relative; height:35px; right:20px; top:0px; display:block; }
.ref-menu {float: right}
  .ref-menu ul {float: left; display: inline;}
  .ref-menu li {display: inline; float: left; text-align: center; margin-right:2px; color:#fff}
  .ref-menu li a {background:#9AAD9E ; padding: 2px 6px; display: inline; float: left; text-decoration:none; border:#92BEF4 1px solid}
  .ref-menu li a:hover {background:#C65721; color:#fff }
.aktiv-ref {background:#666 ; padding: 2px 6px;  margin-right:2px; border:#666 1px solid; color:#fff} 
.ref-menu span {line-height:20px; margin-right:10px; color:#000}

/*tabulky*/
.form {clear:both}
.form table {border:#334A45 1px solid; border-collapse:collapse; background:#212826; width:100%}
.form td {padding:7px 15px; border:#334A45 1px solid; text-align:left}
.form table a {color:#000}
.form table a:hover {color:#C65721}
.form h3 {color:#fff}

.sort table {border:#334A45 1px solid; border-collapse:collapse; background:#212826; width:90%; margin:3px auto;}
.sort td {padding:7px 20px; border:#334A45 1px solid; text-align:left}



.sort2 table {border:#334A45 1px solid; border-collapse:collapse; background:#212826; width:90%; margin:15px auto;}
.sort2 td {padding:1px 10px 1px 15px; border:#334A45 1px solid; text-align:left}

.volba table {border:#334A45 1px solid; border-collapse:collapse; background:#212826; width:95%; margin:0px auto; position:relative; }
.volba td { padding:10px; border:#334A45 1px solid; text-align:left; font-size:80%; vertical-align:top}
.volba strong {font-size:130%; color:#CA4404 !important; padding:0 10px; margin-right:10px; background:#334A45}
.volba img {margin:0 auto !important;}
.volba h4 {color:#cacaca !important}
.volba span {margin-left:10px}

.tdright {text-align:left !important;}
.oddel {background:#CA4404; color:#fff; padding:0 !important; margin:0 !important}

/*tridy*/
.tdred {background:#8C6239; color:#fff; text-align:center !important; font-weight:bold; padding:0 !important}
.tdred a, .tdruz a, .tdzel a, .tdbil a, .tdzlu a, .tdcer a, .tdor1 a, .tdor2 a, .tzlata a {display:block; padding:6px 20px; height:20px; color:#fff}
.tdred a:hover, .tdruz a:hover, .tdzel a:hover, .tdbil a:hover, .tdzlu a:hover, .tdcer a:hover, .tdor1 a:hover, .tdor2 a:hover, .tzlata a:hover {background:#212826;  border-bottom:none}
.tdbil a {color:#000 !important}
.tdbil a:hover {background:#212826; color:#C44927 !important}

.tdruz {background:#FF0066; color:#fff; padding:0 !important; text-align:center !important; font-weight:bold;}
.tdzel {background:#007236; color:#fff; padding:0 !important; text-align:center !important; font-weight:bold;}
.tdbil {background:#fff; color:#000; padding:0 !important; text-align:center !important; font-weight:bold;}
.tdzlu {background:#E1D604; color:#000; padding:0 !important; text-align:center !important; font-weight:bold;}
.tdcer {background:#FF3300; color:#fff; padding:0 !important; text-align:center !important; font-weight:bold;}
.tdor1 {background:#F26522; color:#000; padding:0 !important; text-align:center !important; font-weight:bold;}
.tdor2 {background:#CA4404; color:#fff; padding:0 !important; text-align:center !important; font-weight:bold;}
.tzlata {background:#ADA75F; color:#fff; padding:0 !important; text-align:center !important; font-weight:bold;}

/*sortiment*/
.stdred {background:#8C6239; color:#fff; padding:0 !important; text-align:center !important; font-weight:bold;}
.stdruz {background:#FF0066; color:#fff; text-align:center !important; font-weight:bold;}
.stdzel {background:#007236; color:#fff; text-align:center !important; font-weight:bold;}
.stdbil {background:#fff; color:#000; text-align:center !important; font-weight:bold;}
.stdzlu {background:#E1D604; color:#000; text-align:center !important; font-weight:bold;}
.stdcer {background:#FF3300; color:#fff; text-align:center !important; font-weight:bold;}
.stdor1 {background:#FF0066; color:#000; text-align:center !important; font-weight:bold;}
.stdor2 {background:#8C6239; color:#fff; text-align:center !important; font-weight:bold;}
.stzlata {background:#ADA75F; color:#fff; text-align:center !important; font-weight:bold;}

.stdor1 a, .stdor2 a, .stdcer a, .stdzel a, .stzlata a{color:#fff}
.stdor1 a:hover, .stdor2 a:hover, .stdcer a:hover, .stdzel a:hover, .stzlata a:hover{color:#fff; text-decoration:none; border-bottom:none}
.stdbil a, .stdor1 a {color:#000}
.stdbil a:hover, .stdor1 a:hover {color:#000; text-decoration:none; border-bottom:none}

address {font-style:normal}
.kontakt ul {border-collapse: collapse; border:#334A45 0px solid; width:90%; margin:0 auto; padding-left:25px}
.kontakt li {padding:5px 0 5px 10px; border:#334A45 0px solid; text-align:left}
.kontakt li a {color:#fff}
.kontakt li a:hover {color:#C65721}

.tabimg table {border-collapse: collapse; border:#334A45 0px solid; width:90%; margin:10px auto;}
.tabimg td {padding:10px 5px; border:#334A45 1px solid; text-align:center;}
.tabimg img {padding:0; float:none !important; margin: 0 !important}


/*texty*/
.big {font-size:130% !important;}
.normal {font-size:80% !important; color:#fff !important}
em {letter-spacing:-0.08em; font-weight:bold}
.comic {font-family:"Comic Sans MS"; font-size:110%; width:225px; margin:0 auto; text-align:center}
.italic {margin:0 auto; width:95%; display:block}
.italic p{color:#C64302; font-size: 70%; font-style:italic }
.it {font-style:italic}
.red {color:#C65721}
.red-strong {color:#C65721; font-weight:bold} 
.zel {color:#687D6C}
.green {color:green}
.ruzova {color:#C4055F}
.zel-strong {color:#687D6C; font-weight:bold}
.red10 {color:#C65721; font-size:10px}
.white {color:#fff}
.orange {color:#C44927}
.text-right {text-align:right; float:right}
.ram {margin:5px 25px; border:#334A45 3px double}
.ram2 p {margin:5px 25px; border:#334A45 1px solid; padding:10px 20px 20px !important}

.slogan2 {width:70%; margin:10px auto; padding-top:3px !important; padding-bottom:3px !important; font-size:120%; color:#749F98; font-weight:bold; border-top:#334A45 1px solid; border-bottom:#334A45 1px solid; text-align:center  !important} 


/*formular*/

fieldset{background:url(../img/bg-fieldset.gif) top repeat-x;border:#334A45 1px solid;margin:20px auto;padding:25px 10px; width:90%; }
legend{background:url(../img/legend.gif) center repeat-x;color:#fff;border-left:#D1E0D4 2px solid;border-top:#D1E0D4 2px solid;border-right:#748978 2px solid;border-bottom:#748978 2px solid;padding:3px 10px;margin-left:20px; margin-bottom:10px}
.but {text-align:center}
textarea {border:#99AE9D 1px solid; background:#cacaca}
textarea:hover {border:#C94906 1px solid; background:#cacaca}
input {background:#cacaca; color:#000;}
.spam {}
.but {}

/*seznamy*/
.seznam ul {text-align:left; margin:10px 30px 10px 20px}
.seznam li {list-style-image:url(../img/b.gif); list-style-position:outside; margin-left:20px; line-height:18px; padding-bottom:3px}

.seznam0 li {list-style-image:url(../img/b.gif); width:85%; margin-left:40px; line-height:18px; padding-bottom:3px}
.seznam2 ul li {list-style-image:url(../img/b.gif); list-style-position:outside; margin-left:45px; line-height:18px; padding-bottom:3px}
.seznam3 li {list-style-image:url(../img/b.gif); width:87%; list-style-position:outside; margin-left:40px;  text-align:justify}
.no-style-type li {list-style-type:none; width:87%; list-style-position:outside; margin-left:40px;  text-align:justify}


#leva em {color:#99BFB6; letter-spacing:0.05em; font-weight:normal}

/*cary*/
#leva hr {color:#334A45; background-color:#334A45; border: 0 none; height:1px; margin:15px auto; width:40%; text-align:center; clear:both; position:relative; left:12px}
#prava hr {color:#516655; background-color:#516655; margin:20px auto; border: 0 none; height:1px; text-align:center; width:90%; filter: alpha(opacity=30);-moz-opacity: 0.8; opacity: 0.5;}
.double {color:#516655; background-color:#516655; border: 0 none;  width:85% !important; position:relative; text-align:center; margin: 10px auto !important; left:0 !important;}

/*nadpisy*/
.z1 h2 {font-size:100%}
.plus {background:url(../img/plus.gif) center left no-repeat; height:30px; line-height:30px; text-indent:-10px; margin-left:35px}
.sipka {background:url(../img/bg-h2-sipka.gif) top left no-repeat;height:40px; line-height:40px; text-indent:5px; margin-left:35px}
.seo {background:url(../img/bg-h2-seo2.gif) top left no-repeat;height:60px; line-height:60px}
.grafika {background:url(../img/bg-h2-grafika2.gif) top left no-repeat;height:60px; line-height:60px}
.grafika2 {background:url(../img/bg-h2-grafika3.gif) top left no-repeat;height:60px; line-height:60px}
.postup {background:url(../img/bg-h2-postup2.gif) top left no-repeat;height:60px; line-height:60px}
.refer {background:url(../img/bg-h2-refer.gif) top left no-repeat;height:60px; line-height:60px}
.cenik {background:url(../img/bg-h2-cenik.gif) top left no-repeat;height:60px; line-height:60px}
.kont {background:url(../img/bg-h2-kontakt.gif) top left no-repeat;height:60px; line-height:60px}


/*odkazy*/
a {color:#cacaca; }
a:hover {color:#C44927; }


/*obrazky*/
.foto-right {float:right !important; margin:5px 0px 20px 25px !important;}
.foto-center {float:none !important; margin:10px 168px 0 168px !important; text-align:center}
.img-left {float:left; margin:0 10px 0 25px} 
.padb {padding-bottom:40px}
.border {border:#334A45 1px solid;}
.border2 {border:#FE9400 3px double;}
#leva a:hover img {border:#FE9400 3px solid !important}

/*box prava*/
.box { margin:15px 0}
.box-top {background:url(../img/box-top.gif) no-repeat; height:52px; width:220px}
.box-top h4  {text-indent:15px; line-height:35px}
#prava .h5-in {text-indent:15px; line-height:35px; color:#fff}
.box-top a {padding-left:15px; line-height:35px}

.box-center {background:url(../img/box-center.gif) repeat-y; width:220px}
.box-center p, .box-center ul {padding:0 15px}
.box-center img {margin:0 0 0 17px; text-align:center}
.box-center a {color:#fff}
.box-center a:hover {color:#F69667}

.box-bottom {background:url(../img/box-bottom.gif) no-repeat; height:97px; width:220px}
.box-bottom p {text-align:right; font-style:italic;  position:relative; right:15px; top:30px;}
.box-bottom a {color:#465B4A; position:relative; right:12px; top:35px; float:right; font-family:"Arial Narrow"; font-size:110%}
.box-bottom a:hover {color:#fff}