/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#E8EBF3 url(../img/bg.gif); color:#444;  font-size:80%;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;}
#top-linka {background:#740000; position:relative; height:35px}

#top {background:#CCD0DB url(../img/top.gif) repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:480px;}
#akce {position:absolute; top:220px; right:20px; z-index:10000;}
#akce a {color:#fff;font-size: 120%;font-weight:bold; text-decoration: none; display:inline-block;width:208px;height:50px;line-height:50px;}
#akce a:hover {background:#E8EBF3;color:#000;}

/*slide-pozicovani*/
#slide {position:absolute; top:105px; left:18px;  height:40px; width:505px; z-index:1000;   }
#slide1 {position:absolute; top:10px; left:10px;  height:35px; width:505px; z-index:1000;   }
/*slide*/
#slider{width:505px; height:40px; position:absolute; overflow:hidden; top:10px; left:13px}
#slider1{width:505px; height:35px; position:absolute; overflow:hidden; top:0px; left:20px;}
#slidercontent, #slider1content{width:505px;  position:absolute;top:0;margin-left:0;}
.sliderImage, .slider1Image{float:left;position:relative;display:none;}
.sliderImage span, .slider1Image span{position:absolute;text-align:left; letter-spacing:0; font:100% Arial,Helvetica,sans-serif;;width:600px;color:#fff;display:none;}
.clear{clear:both;}
.sliderImage span strong, .slider1Image span strong{font-size:14px;}
.bottom{bottom:0;left:0;}
.top{top:0;left:0;}
ul{list-style-type:none;}
#prava #pocet, #prava #priceInput {width:84px;}

/*head*/
#head {background:#CCD0DB; width:960px; height:220px; margin:0 auto; text-align:center; position:relative; z-index:10}
#head-in  {background:url("../img/head.jpg")  no-repeat; width:960px; height:220px; display:block; z-index:100; position:relative;}
#logoclick {position:relative; top:0px; left:0px; z-index:5; display:inline; width:560px; height:165px; float:left; 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:20px;font-size:300%;z-index:0;width:900px;text-align:left; clear:both}
#h1 h1 span {font-size:65%!important}
#head p {color:#fff; line-height:35px; font-size:110%; text-align:left; text-indent:20px;}

/*menu*/
#menu {background:#032854 url(../img/bg-menu.gif) no-repeat; position:relative; top:0px; left:0; font-size:100%; margin:0 auto; text-align:center; height:50px; width:960px}
#menu ul {margin-left:20px}
#menu li {display:inline;  line-height:50px; letter-spacing:0px; font-weight:bold;  }
#menu li a {color:#fff; display:block; float:left; text-decoration: none; padding:0 32px; border-right:#083468 1px solid}
#menu li a:hover {background:#E8EBF3; color:#000;  }
.aktiv {color:#C5CAD8;  float:left; padding:0 32px; border-right:#083468 1px solid}

/*hlavni-layout-obsahova-cast+prava*/
#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;}
#obsah-in {background: url(../img/obsah.gif) top center repeat-y;min-width: 960px; z-index:10; float:left}
#full-obsah {background: url(../img/full-obsah-top.jpg) top center no-repeat;min-width: 960px; z-index:10; min-height:400px;}
#full-obsah-in {background: url(../img/full-obsah.gif) top center repeat-y;min-width: 960px; z-index:10;}


/*stred-obsahova-cast*/
#stred, #fullStred  {width:615px; float:left; position:relative; padding:30px 0px 0px 35px; text-align:left;  ; letter-spacing:0.1px; }
#stred b, #fullStred b {color:#062F5F;}
#stred p, #fullStred p { padding:6px 10px; text-align:left;  }
#stred h1, #fullStred h1 {color:#062F5F;  font-size:190%; letter-spacing:0px;  }
#stred h1 span, #fullStred h1 span {color:#820000!important; font-size:85%}
#stred h2, #fullStred h2 {color:#000; font-size:140%;  }
#stred h3, #fullStred h3 {color:#820000; font-size:140%;   }
#stred h4, #fullStred h4 {color:#677F97; font-size:160%;  }
#stred ul, #fullStred ul {margin:15px 0; text-align:left}
#stred li, #fullStred li {list-style-type:disc; margin-left:25px}
#stred ol {list-style-type:decimal; list-style-position:outside; margin:15px 0; line-height:20px;}
#stred ol li {list-style-type:decimal;}
#stred  hr, #prava hr, #fullStred hr {color:#C6CAD8; background-color:#C6CAD8; border: 0 none; height:1px; margin:10px auto; text-align:center; width:100%; position:relative;  clear:both; }
#stred em, #fullStred em {font-size:80%; color:#0A3307}

#stred .label {font-weight:bold; display:inline-block; width:150px;}
#stred .label.long {width:350px;}
#stred .leftPart {float:left; width:49%;}
#stred div.red {background:#7D1A16; border: 5px solid #C41111; color:white; font-weight:bold; padding:5px 0; margin: 0 5px; text-align:center; cursor:pointer; display:block;}
#stred div.green {background:#1A7D16; border: 5px solid #24AE1F; color:white; font-weight:bold; padding:5px 0; margin: 0 5px; text-align:center;cursor:pointer; display:block;}
#stred a.submitButton {float:none; margin:5px auto 0 auto;}

#stred .objednavky {width:100%;margin-top:10px;}
#stred .objednavky thead {text-align:left;}
#stred .noItem {font-weight:bold; margin-top:10px; text-align:center;}
#stred .buttons {text-align:center;}
#stred .buttons .submitButton {display:inline-block; margin:10px 5px 5px 5px;}
#stred .buttons .submitButton.long {background-image:url(../img/tlacitko-long.png); width:200px; display:inline-block; margin:10px 5px 5px 5px;}
#stred .buttons .submitButton.middle {background-image:url(../img/tlacitko-middle.png); width:130px; display:inline-block; margin:10px 5px 5px 5px;}
#stred .paging {text-align:center;}
#stred .paging a {color: #032854;}
#stred .paging .rightBlueArrow {text-decoration:none; display:inline-block; width:12px; height:12px;position:relative; top:3px; background: #032854 url(../img/right.png) no-repeat; }
#stred .paging .leftBlueArrow {text-decoration:none; display:inline-block; width:12px; height:12px;position:relative; top:3px; background: #032854 url(../img/left.png) no-repeat; }
#stred .paging .lastBlueArrow {text-decoration:none; display:inline-block; width:17px; height:12px;position:relative; top:3px; background: #032854 url(../img/last.png) no-repeat; }
#stred .paging .firstBlueArrow {text-decoration:none; display:inline-block; width:17px; height:12px;position:relative; top:3px; background: #032854 url(../img/first.png) no-repeat; }

.error {color:red; font-size:120%; padding-top:10px; text-align:center;}
#fullStred {width:895px;}
#fullStred h2 {text-align:center;}
#fullStred .form {padding:10px; margin:0 auto; width:600px;}
#fullStred .form label {width:150px; display:inline-block; text-align:left; font-weight:bold;}
#fullStred .form input {width:200px; margin:2px 0;}
#fullStred .form .submitButton, #certificateTest .submitButton {float:none; background-image:url(../img/tlacitko-long.png); width:200px; margin:10px auto;}
#fullStred .form .VOP, #colorBoxContent .VOP {width:579px; text-align:left; background:white; height:100px; padding:10px;overflow:auto;border:1px solid #AAAAAA;margin:4px 0 10px 0;}
#fullStred .form .longest {width:575px;}
#fullStred .form input.checkbox, #colorBoxContent input.checkbox {margin:0; width:auto;}
#fullStred .form sup, #colorBoxContent sup {color:red;}
#fullStred .form .redItalic {color:red; font-style:italic; display:block; text-align:center;}
#fullStred .form .short {width:100px;}

#certificateTest .questionText  {margin:15px 20px 10px 20px; font-weight:bold;}
#certificateTest input  {margin:5px 5px 5px 25px; float:left;}
#certificateTest label  {margin:1px 0px}
#certificateTest .image  {text-align:center;margin-bottom:5px;}
#certificateTest .image img {border:1px solid #aaa;}
#certificateTest .red {background:red;padding:1px 4px; color:white;}
#certificateTest .green {background:#11aa11;padding:1px 4px; color:white;}
#certificateTest .answer {display:block; padding:3px 10px 3px 50px;}

.big {font-size:180%!important}
.bold {font-weight:bold;}
#prava {width:260px; float:right; text-align:left; padding:15px 20px 20px 0}
#prava h5, #prava h6 {color:#000; font-size:130%; margin-bottom:10px}

/*ruzne*/
.ramecek {text-align:center!important; padding:10px; background:#fff; border:#C6CAD8 1px solid}
.odr-modra li, .odr-oranzova li, .odr-seda li {list-style-type:none!important;  padding:0 0 0 18px; line-height:20px; height:auto;_height:20px; display:block; margin-left:10px!important  }
.odr-modra li {background:url(../img/odr-modra.png) top left no-repeat;}
.odr-oranzova li {background:url(../img/odr-oranzova.png) top left no-repeat;}
.odr-seda li {background:url(../img/odr-seda.png) top left no-repeat;}
.disabledInput {color:#000;}
.clear {clear:both; font-height:0; line-height:0; height:1px;}

/*submenu*/
.objednavka-s-vypoctem:hover p, .test:hover p, .firemni-vykaz:hover p  {color:#000}
/*.objednavka-s-vypoctem:hover h4,*/ .test:hover h4, .firemni-vykaz:hover h4  {color:#000}
.in {padding:10px 15px; }
.in h4 {font-size:130%; color:#fff; }
.mensi {font-size:110%!important}
.in p {padding:5px 0; color:#cacaca; width:160px; float:right; font-size:85%!important; text-align:right}
.in td {padding:0 10px 3px 5px; color:#fff; text-align:left;}
.in table{margin:0 0 5px 0}
.in a, #contactForm a, a.submitButton {cursor:pointer; background:url(../img/tlacitko.png) no-repeat; float:right; text-decoration:none; font-weight:bold; width:102px; height:28px; display:block; text-align:center; line-height:28px; color:#fff}
.in a.normal {background:none; float:none;text-decoration:underline;font-weight:normal; width:auto; height:auto; text-align:right; clear:both;}
.objednavka-s-vypoctem {background:url(../img/objednavka-s-vypoctem.png) center left no-repeat; height:130px; width:260px; display:block;margin-bottom:10px}
/*.objednavka-s-vypoctem:hover {background:url(../img/objednavka-s-vypoctem.png) center right no-repeat; }*/
.test {background:url(../img/test.png) center left no-repeat; height:130px; width:260px; display:block;margin-bottom:10px}
.test:hover {background:url(../img/test.png) center right no-repeat; }
.firemni-vykaz {background:url(../img/firemni-vykaz.png) center left no-repeat; height:130px; width:260px; display:block;margin-bottom:10px}
.firemni-vykaz:hover {background:url(../img/firemni-vykaz.png) center right no-repeat; }

.button {background:url(../img/button.png) center left no-repeat; height:60px; cursor:pointer; width:260px; display:block;margin-bottom:10px; line-height:60px; text-align:center; font-size:140%; color:#fff; text-decoration:none}
.button:hover {background:url(../img/button.png) center right no-repeat; color:#000 }
#contactForm .formText {height:80px;margin:4px 0;width:255px;font-family:Arial;font-size:100%;}
#contactForm input {font-family:Arial;font-size:100%;}
#contactForm a:hover {color:#000;}

/*obrazky*/
#stred img {border:#E5E8F1 3px solid; border-right:#B8BFD0 3px solid; border-bottom:#B8BFD0 3px solid;}
.no-border {border:none!important}
.fleft {float:left; margin:0 10px 0 0}
.fright {float:right; margin:0 0 0 15px}

/*paticka*/
#foot {background:#032752 url(../img/foot.gif) repeat-x; width:100%; float:left; margin:0 auto;}
#foot-in, #full-foot-in {background: url(../img/foot-in.gif) no-repeat; width:960px; height:90px;  margin:0 auto; position:relative; text-align:center; }
#foot-in p, #full-foot-in p {width:940px;padding:25px 0; text-align:left; margin:0 auto; color:#fff; letter-spacing:0px; float:left}
#foot-in a, #full-foot-in a {color:#fff}
#foot-in a:hover, #full-foot-in a:hover {color:#B4CAD4}
#full-foot-in {background-image:url(../img/full-foot-in.gif)}

/*odkazy*/
a {color:#860101; }
a:hover {color:#000}