@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; border:0;}
html, body {width:100%; height:100%;}
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background:#04535d;
  color:#717578;
  margin:0;padding:0;border:0;
  font-size:69%;
  line-height:1.5em;
  position:relative;
  }
textarea, input, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1em;} 
option {padding-left:4px;}
 
a {color:#717578; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}

#container {width:990px; margin: 0 auto; text-align: left;}
#header {background:#fff; border-top:5px solid #04535d;}
#content {background:#fff; text-align:left; padding-top:2px;}

/* HEADER
*********************************************************************************************************/
#header {height:70px;}
#header #logo {float:left; font-size:2em; line-height:1em; text-align:center; border-top:5px solid #000; margin-top:-5px; margin-left:30px;}
#header #logo a {display:block; width:200px; height:70px; position:relative;}
#header #logo a span {display:block; width:200px; height:70px; position:absolute; left:0; top:0; background:url(../img/logo.png) no-repeat scroll left top; cursor:pointer;}
#header #logo a:hover span {}

.ban_coll {display: none;}

/* SEARCH
*********************************************************************************************************/

fieldset.search {float: right; height: 20px; line-height: 20px; margin: 0; padding: 38px 20px 0 0; }
fieldset.search label {display: block; float: left; line-height: 20px; padding-right: 8px; color: #717578;}
fieldset.search .input_text {float: left; border: none; background: url(../img/bg_inputtext_search.gif) no-repeat 0 0; padding: 3px; height: 14px; _height: 20px; width: 109px; _width: 115px; }
fieldset.search .input_submit {float: left; width: 16px; height: 20px; background: url(../img/btn_search.gif) no-repeat 0 0; cursor: pointer;}

/* TOPMENU
*********************************************************************************************************/
#topmenu {float:right; margin-right:20px; list-style:none;}
#topmenu li {float:left; padding:0 10px;}
#topmenu a {text-decoration:none; display:block; padding:40px 0 10px;}
#topmenu .active a {border-top:5px solid #04535d; padding:35px 0 10px;}
#topmenu a:hover {border-top:5px solid #04535d; padding:35px 0 10px;}
#topmenu a.selected {border-top:5px solid #04535d; padding:35px 0 10px;}

/* LANGUAGE
*********************************************************************************************************/
#language {float:right; margin-right:20px; list-style:none;}
#language li {float:left; padding:0 10px;}
#language a {text-decoration:none; display:block; padding:40px 0 10px;}
#language .active a {color:#292a2b;}
#language a:hover {color:#292a2b; text-decoration:underline;}
#language a.selected {color:#292a2b; text-decoration:underline;}

/* TOP and MENU
*********************************************************************************************************/
#top {background:#9bbabe url(../img/top.gif) repeat-x scroll left top; border-bottom:1px solid #6d9ba1; text-align:left;}
#top.sub {background-image:url(../img/top-sub.gif);}
#menu {background:#04535d; margin-left:30px; list-style:none; width:960px;}
#menu li {float:left;}
#menu a {display:block; position:relative; font-size:1.28em; background:#04535d url(../img/menu.gif) no-repeat scroll right center; padding:10px 40px 11px 10px; text-decoration:none; color:#fff;}
html>/**/body #menu a {padding:10px 40px 10px 10px;}
#menu li.select {float:none; padding:8px 10px; text-align:center;}
html>/**/body #menu li.select {padding:10px;}
#menu select {padding:1px; width:180px; height:1.4em;}
*>#menu select {height:2.2em; margin-bottom:-0.4em;}
html>/**/body #menu select {height:1.4em; margin-bottom:0;padding-left:4px;}
html>/**/body #menu select option{height:1.4em; margin-bottom:0;padding-left:4px;}
#menu .active a {background:#03373e url(../img/menu-hover.gif) no-repeat scroll right center; margin-left:-1px; padding-left:11px; color:#9c3;}
#menu a:hover {background:#03373e url(../img/menu-hover.gif) no-repeat scroll right center; margin-left:-1px; padding-left:11px;}
#menu a.selected {background:#03373e url(../img/menu-hover.gif) no-repeat scroll right center;color:#99CC33; margin-left:-1px; padding-left:11px;}



#top div {clear:both; margin-left:30px; border-top:1px solid #c8d1d2; margin-top:5px; padding-bottom:3px; padding-top:10px; color:#292a2b;}
#top .main {float:left; margin-top:-10px;display:inline;border:0px;margin-left:0px;}
#top h2 {margin-left:655px; margin-right:15px; background:url(../img/top-dot.gif) repeat-x scroll left top; padding:7px 5px 5px; color:#04535d; font-size:1.28em; font-weight:normal;}
#top h2 a.more {float:right; display:block; width:50px; height:20px; line-height:20px; background:url(../img/top-more.gif) no-repeat scroll left top; font-size:0.78em; padding-left:8px; text-decoration:none; margin-right:15px;}
*>#top h2 a.more {width:42px;}
#top h2 a.title{color:#04535D;font-size:1em;text-decoration:none;}
#top div ul {margin-left:660px; list-style:none; line-height:1.3em; padding:0 5px 11px 57px;}
#top h2.cms {background:none; padding-top:0;}
#top ul.cms {background:url(../img/top01.jpg) no-repeat scroll left top;}
#top ul.ecom {background:url(../img/top02.jpg) no-repeat scroll left top;}
#top ul.vyvoj {background:url(../img/top03.jpg) no-repeat scroll left top;}
.ecom li a{color:#292A2B;text-decoration:none;}
.vyvoj li a{color:#292A2B;text-decoration:none;}
.cms li a{color:#292A2B;text-decoration:none;}

#breadcrumbs {background:url(../img/breadcrumbs.jpg) no-repeat scroll right bottom; margin-left:30px; border-top:1px solid #b2c2c5; margin-top:5px; padding:20px; padding-top:30px; color:#292a2b;}
#breadcrumbs span {background:url(../img/bradcrumbs-arrow.gif) no-repeat scroll center center; width:20px; height:1.4em; display:block; float:left; }
#breadcrumbs a {float:left; color:#292a2b; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}
.web #breadcrumbs {background:url(../img/breadcrumbs-web.gif) no-repeat scroll right bottom;}


/* home NEWS
*********************************************************************************************************/
#news {float:left; width:320px; padding:0 15px; margin-left:7.5px;}
*>#news {width:290px; margin-left:15px;}
#news h2 {margin:0 -15px 0 -30px; height:50px; padding-left:30px; text-align:left; line-height:36px; font-size:1.45em; font-weight:normal; position:relative; background:url(../img/home-a.gif);}
#news h2 a {color:#333333; text-decoration:none; display:block; height:50px; }
#news h2 a:hover {color:#999999;}
#news h2 a span { display:inline; float:left; height:50px; padding:0 20px 0 0; background:url("../img/home-b.gif") 100% 2px no-repeat;}
#news h2 a:hover span { display:block; height:50px; padding:0 20px 0 0; background:url("../img/home-b.gif") 100% 100% no-repeat;}
#news h3 {font-weight:bold; font-size:1.09em; color:#04535d; margin:0.7em 0 0.1em;}
#news h3 a {color:#04535d; text-decoration:none;}
#news h3 a:hover {text-decoration:underline;}
#news .date {color:#292a2b; margin:0.1em 0;}
#news p {padding-right:30px;}
#news p a {color:#000; text-decoration:none;}
#news p.more {background:url(../img/dot.gif) repeat-x scroll left bottom; padding-bottom:7px; text-align:right; padding-right:0;}
#news p.more a {color:#fff; background:url(../img/more.gif) no-repeat scroll right center; padding-right:20px; display:block;}
#news .archiv {background:#fff; margin-top:-1px; padding:5px 0; margin-bottom:2em;}
#news .archiv a {background:url(../img/archiv.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:60px; display:block; padding-left:6px; text-decoration:none;}
/* *>#news .archiv a {width:54px;} */
#news .archiv a:hover {text-decoration:underline;}


/* home BLOG
*********************************************************************************************************/
#blog {float:left; width:340px; padding:0 15px; margin-left:-20px;}
*>#blog {width:310px; margin-left:0;}
#blog h2 {margin:0 -15px 0; height:50px; padding-left:15px; text-align:left; line-height:36px; font-size:1.45em; font-weight:normal; position:relative; background:url(../img/home-a.gif);}
#blog h2 a {color:#333333; text-decoration:none; display:block; height:50px; }
#blog h2 a:hover {color:#999999;}
#blog h2 a span { display:inline; float:left; height:50px; padding:0 20px 0 0; background:url("../img/home-b.gif") 100% 2px no-repeat;}
#blog h2 a:hover span { display:block; height:50px; padding:0 20px 0 0; background:url("../img/home-b.gif") 100% 100% no-repeat;}
#blog h3 {font-weight:bold; font-size:1.09em; color:#04535d; margin:0.7em 0 0.1em;}
#blog h3 a {color:#04535d; text-decoration:none;}
#blog h3 a:hover {text-decoration:underline;}
#blog p {padding-right:30px;}
#blog p.more {background:url(../img/dot.gif) repeat-x scroll left bottom; padding-bottom:7px; text-align:right; padding-right:0;}
#blog p.more a {color:#fff; background:url(../img/more.gif) no-repeat scroll right center; padding-right:20px; display:block;}
#blog p img {float:left; margin-right:10px; margin-bottom:5px; margin-top:5px;}
#blog .vsetky {background:#fff; margin-top:-1px; padding:5px 0; margin-bottom:2em;}
#blog .vsetky a {background:url(../img/vsetky.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:92px; display:block; padding-left:6px; text-decoration:none;}
*>#blog .vsetky a {width:86px;}
#blog p.vsetky a:hover {text-decoration:underline;}


#blog #contact {background:#f5f8f9 url(../img/contact.gif) no-repeat scroll left top; width:340px; margin-top:3em; border-bottom:5px solid #c6d8da; padding:15px 15px 10px; margin-left:-15px;}
*>#blog #contact {width:310px;}
#blog #contact address {font-style:normal; font-size:1.09em;}
#blog #contact strong {color:#292a2b;}
#blog #contact a {color:#04535d;}
#blog #contact em {color:#292a2b; font-style:normal;}
#blog #contact em.star {color: #717578; font-style:normal; font-size: 80%;}
#blog #contact p {margin:2em 0 1em;}
#blog #contact p a {background:url(../img/contact-online.gif) no-repeat scroll left center; line-height:20px; height:20px; width:150px; display:block; padding-left:6px; text-decoration:none;color:#292a2b;}
*>#blog #contact p a {width:144px;}
#blog #contact p a:hover {text-decoration:underline;}
#blog #contact .nadpis { letter-spacing:1px; font-size:1.45em; color:#333333; padding-bottom:15px; }

/* home REFERENCIE
*********************************************************************************************************/
#refer {float:left; width:315px; padding:0 15px 0 20px; margin-left:-15px;}
*>#refer {width:280px; margin-left:0;}
#refer h2 {margin:0 -15px 0 -20px; height:50px; text-align:center; line-height:50px; font-size:2em; font-weight:normal; position:relative;}
#refer h2 span {position:absolute; left:0; top:0; display:block; width:315px; height:50px; background:url(../img/home-referencie.gif);}
#refer div {border:1px solid #c6c8c9; margin-top:10px; height:117px; overflow:hidden;}
#refer div img {float:left; margin-right:15px;}
#refer div h3 {margin:10px 15px 5px 0; font-size:1.09em; font-weight:bold;}
#refer div a {color:#292a2b; text-decoration:none;}
#refer div a:hover {text-decoration:underline;}
#refer div p {margin-right:15px; line-height:1.3em;}
#refer p.more {text-align:right; margin-right:9px; margin-top:5px;}
#refer p.more a {color:#fff; background:url(../img/more.gif) no-repeat scroll right center; padding-right:20px; display:block;}
#refer .vsetky {background:#fff; padding:5px 0; margin-bottom:5em;}
#refer .vsetky a {background:url(../img/vsetky-ref.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:115px; display:block; padding-left:6px; text-decoration:none; margin:1.5em 0 2em;}
*>#refer .vsetky a {width:111px;}
#refer .vsetky a:hover {text-decoration:underline;}
#refer p {margin-bottom:10px;}
#refer .monodesign {width:280px; height:90px; display:block; position:relative;}
#refer .monodesign span {width:280px; height:90px; display:block; position:absolute; left:0; top:0; background:url(../img/monogram-design.gif) no-repeat scroll left top;}
#refer .monodesign:hover span {background-position:left bottom;}
#refer .monomulti {width:280px; height:90px; display:block; position:relative;}
#refer .monomulti span {width:280px; height:90px; display:block; position:absolute; left:0; top:0; background:url(../img/monogram-multimedia.gif) no-repeat scroll left top;}
#refer .monomulti:hover span {background-position:left bottom;}



/* sub SLUZBY
*********************************************************************************************************/
#sub {float:left; width:315px; padding:0 15px 0 20px;}
*>#sub {width:280px;}
#sub h1, #sub h2, #refer h2 {margin:0 -15px 0 -20px; padding-left:22px; height:50px; text-align:left; line-height:40px; font-size:1.45em; font-weight:normal; position:relative; letter-spacing:1px; color:#333333; background:transparent url("../img/sub-a.gif") no-repeat scroll 0 0; }
#sub h2 span, #refer h2 span {position:absolute; left:0; top:0; display:block; width:315px; height:50px;}
h2.referencie-skok {margin-top:120px;}
#refer h2.referencie, #sub h2.referencie {background-image:url(../img/sub-b.gif);}
#sub div {border:1px solid #c6c8c9; margin-top:10px; height:108px; overflow:hidden;}
#sub div img {float:left; margin-right:15px;}
#sub div h3 {margin:10px 15px 5px 0; font-size:1.09em; font-weight:bold;}
#sub div a {color:#292a2b; text-decoration:none;}
#sub div a:hover {text-decoration:underline;}
#sub div p {margin-right:15px; line-height:1.3em;}
#sub p.more {text-align:right; margin-right:9px; margin-top:5px;}
#sub p.more a {color:#fff; background:url(../img/more.gif) no-repeat scroll right center; padding-right:20px; display:block;}
#sub .vsetky {background:#fff; padding:5px 0; margin-bottom:5em;}
#sub .vsetky a {background:url(../img/vsetky-ref.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:115px; display:block; padding-left:6px; text-decoration:none; margin:1.5em 0 2em;}
*>#sub .vsetky a {width:111px;}

#sub #contact {border:0; margin:40px -15px 10px 0; padding-top:0; height:auto; overflow:visible; background:url(../img/kontaktujte-nas.gif) no-repeat scroll left top; border-right:5px solid #c6d8da;}
#sub #contact address {margin:0 23px; font-size:1.09em; font-style:normal;}
#sub #contact address strong {color:#292a2b;}
#sub #contact address a {color:#04535d;}
#sub #contact address em {color:#292a2b; font-style:normal;}
#sub #contact p {margin:1.5em 23px 1em;}
#sub #contact p a {background:url(../img/contact-online.gif) no-repeat scroll left center; line-height:20px; height:20px; width:150px; display:block; padding-left:6px; text-decoration:none;color:#292a2b;}
*>#sub #contact p a {width:144px;}
#sub #contact form {background:url(../img/contact-form.gif) no-repeat scroll left top; margin-top:0; padding-top:1px;}
#sub #contact form fieldset {background:url(../img/contact-form-bottom.gif) no-repeat scroll left bottom; padding:10px 0 20px 5px;}
#sub #contact form label {color:#292a2b; display:block; width:70px; float:left;}
#sub #contact form label em.star {color: #717578; font-style:normal; font-size: 80%;}
#sub #contact input {border:1px solid #999a9a; padding:1px 5px 2px; width:148px;}
#sub #contact select {border:1px solid #999a9a; padding:1px; width:150px;}
*>#sub #contact select {width:160px;}
#sub #contact textarea {border:1px solid #999a9a; padding:1px 5px 2px; width:148px; height:80px; overflow:auto;}
#sub #contact form p {margin:0 23px 5px;}
#sub #contact .button {margin-left:90px; width:70px; height:20px; padding-right:20px; background:#fff url(../img/odoslat.gif) no-repeat scroll left top; border:0; cursor:pointer;}
#sub #contact .nadpis { border:none; letter-spacing:1px; font-size:1.45em; color:#333333; padding:21px 22px 15px 22px; height:auto; }

/* SUBMENU
*********************************************************************************************************/
#submenu {padding:7px 10px 7px 0; margin-top:20px; margin-bottom:20px; list-style:none; margin-left:-15px; border-left:1px solid #9c3;}
#submenu li {font-size:1.09em; line-height:1.25em; padding:3px 0;}
#submenu a {display:block; padding:4px 40px 5px 15px; text-decoration:none; color:#292a2b;}
*>#submenu a {margin-bottom:0;}
#submenu a:hover {color:#04535d; text-decoration:underline;}
#submenu li.active a {color:#04535d; background:url(../img/arrow-back.gif) no-repeat scroll right 10px; border-left:1px solid #fff; margin-left:-1px;}

/* COPYRIGHT
*********************************************************************************************************/
#copyright {clear:both;}
#copyright p {background:#04535d url(../img/copy-bgr.gif) no-repeat scroll right top; padding:5px 30px 10px; color:#c6c8c9;}
html>/**/body #copyright p {padding-top:10px;}
#copyright a {color:#c6c8c9; text-decoration:none;}
#copyright a:hover {text-decoration:underline;}

/* MAIN
*********************************************************************************************************/
#main {width:675px; float:left; padding:0 15px 0 50px; background:url(../img/content-top.gif) repeat-x scroll left top;}
*>#main {width:610px;}
#main p {margin:1.3em 0; text-align:justify; font-size:1.09em; color:#292a2b;}
#main p.lead {font-size:1.27em;}
#main ul {list-style:none; margin:1.3em 0; font-size:1.09em;}
#main ul ul {font-size:1em;}
#main ul li {padding-left:38px; background:url(../img/li.gif) no-repeat scroll 20px 3px;}
#main ul li ul li {padding-left:38px; background:url(../img/li2.gif) no-repeat scroll 20px 3px;}
#main h3 {color:#04535d; font-size:1.27em; font-weight:normal; margin:1.3em 0;}
#main h2 {font-size:2.73em; line-height:1em; font-weight:normal; color:#04535d; margin:0.1em 0em 0.8em}
#main h1 {font-size:2.73em; line-height:1em; font-weight:normal; color:#04535d; margin:0.1em 0em 0.8em}
#main p.info {line-height:3em; margin:0.3em 0 2em; height:1.7em; font-size:1em;}
#main p.info a {color:#000; padding:0 25px; line-height:3em; height:3em; display:block; float:left; margin-right:25px;}
#main p.info a.print {background:url(../img/print.gif) no-repeat scroll left center;}
#main p.info a.mail {background:url(../img/msg.gif) no-repeat scroll left center;}
#main ol {margin-left: 25px;}

#main .firemna2 {padding-top:1px; clear:both; padding-bottom:30px;}
#main .left {background:url(../img/firemna.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:256px; display:block; padding-left:6px; text-decoration:none; margin:1.5em 0 0; font-size:0.91em;}
#main .right {background:url(../img/firemna2.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:200px; display:block; padding-left:6px; text-decoration:none; margin:1.5em 0 0; font-size:0.91em;}


#main p.top {text-align:right; margin:0 0 1em;width:577px;}
#main p.top a {color:#fff; background:url(../img/arrow-top.gif) no-repeat scroll right center; padding-right:20px; display:block;}
#main address {color:#292a2b; font-style:normal; font-size:1.09em; margin:1.3em 0;}
#main a {color:#04535d; text-decoration:none;}
#main a:hover {color:#04535d; text-decoration:underline;}

#main .najdete {font-size:1em; margin-bottom:3em;}
#main .najdete a {background:url(../img/vsetky-ref.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:115px; display:block; padding-left:6px; text-decoration:none; margin:1.5em 0 2em;}
*>#main .najdete a {width:111px;}
#main .najdete a:hover {text-decoration:underline;}


.align-left{text-align:left !important;margin: 0 !important;}
#main b, #main p strong {color:#000;/*font-size:1.2em; */}
#main a b, #main p a strong {color:#04535D;/*font-size:1.2em;*/ } 

#referform {background:#f7fafa url(../img/referform-top.gif) no-repeat scroll left top; margin-right:20px; padding:2px 20px 0; border-bottom:5px solid #c8d9db;}
#referform p {font-size:1em;}
#referform select {border:1px solid #292a2b; width:110px; padding:1px; margin-left:3px;}
*>#referform select {height:auto;}
#referform .button {width:45px; height:20px; background:url(../img/ok-btn.gif) no-repeat scroll center center; padding-right:12px; margin-bottom:0;}
html>/**/body #referform .button {padding-bottom:3px;}
#referform input {margin-bottom:-2px;}
html>/**/body #referform input {margin-bottom:-1px; margin-left:5px;}

#main .referencia {border:1px solid #c6c8c9; margin-top:15px; height:135px; padding-bottom:25px; overflow:hidden; width:280px; float:left; margin-right:20px; position:relative;}
*>#main .referencia {width:278px; height:108px;}
#main .referencia img {float:left; margin-right:15px;}

#main .referencia h3  {margin:10px 15px 5px 0; font-size:1em;margin-bottom:-1em;}
#main .referencia h3 .new_window{ color:#717578; }
#main .referencia h3 .url{color:#04535d; text-decoration:none; font-size:1.09em; font-weight:bold; display:block;}

#main .referencia a:hover {text-decoration:underline;}
#main .referencia p {margin-right:15px; line-height:1.3em; font-size:1em; text-align:left;}
#main .referencia p a {color:#000;}
#main .referencia p.more {text-align:left; margin-right:9px; margin-top:5px; position:absolute; bottom:-13px; width:145px; right:0; line-height:20px; color:#717578;}
#main .referencia p.more a {color:#fff; background:url(../img/more.gif) no-repeat scroll right center; padding-right:20px; display:block; float:right; position:relative; top:3px;}
#main .referencia p.more a:hover {text-decoration:underline;}
#main .referencia p.icons {text-align:left; position:absolute; left:10px; bottom:-8px;}
#main .referencia p.icons img {margin-right:6px;}

/* MAIN BLOG
*********************************************************************************************************/
#mainblog {background:url(../img/content-top.gif) repeat-x scroll left top; padding:7px 0 10px 30px; !important}
#mainblog h2 {font-size:1.54em; font-weight:normal; margin:-17px 0px 0px 20px; border-left:1px solid #c6c8c9; padding:3px 0 25px 15px;}
#mainblog .article {background:#fff url(../img/blog-article2.gif) no-repeat scroll left bottom; padding:10px 30px 10px 25px; margin-bottom:2px;}
#mainblog .article:hover {background:#f4f8f8 url(../img/blog-article.gif) no-repeat scroll left bottom;}
#mainblog .article p {font-size:1.09em; color:#292a2b; margin:2px 0;}
#mainblog .article h3 {font-size:1.27em; margin:2px 0;}
#mainblog .article em {color:#292a2b;}
#mainblog .article .keywrd {font-size:1em; color:#727578;}
#mainblog .article .date {font-size:1em; color:#727578;}
#mainblog .article a {text-decoration:none; color:#04535d;}
#mainblog .article a:hover {text-decoration:underline;}
#mainblog .vsetky {margin:2em 0 1em 25px;}
#mainblog .vsetky a {background:url(../img/vsetky-ref.gif) no-repeat scroll left center; color:#292a2b; line-height:18px; height:20px; width:115px; display:block; padding-left:6px; text-decoration:none;}
*>#mainblog .vsetky a {width:109px;}
#mainblog .vsetky a:hover {text-decoration:underline;}
#mainblog p.top {text-align:center; margin:0;}
#mainblog p.top a {color:#fff; background:url(../img/arrow-top.gif) no-repeat scroll center bottom; padding-bottom:20px; display:block;}



/* FOOTER
*********************************************************************************************************/
#footer {margin-left:5px; background:url(../img/footer-top.gif) no-repeat scroll left top; float:left;}
*>#footer {margin-left:10px;}
#footer div {padding:20px; background:url(../img/footer-bottom.gif) no-repeat scroll left bottom; padding-bottom:0;}
html>/**/body #footer div {padding:20px;}
#footer div span {clear:both; display:block; height:1px; overflow:hidden;}
#footer ul {width:145px; margin-right:10px; float:left; color:#fff; list-style:none;}
#footer h3 {font-size:1em; font-weight:normal;}
#footer a {color:#b1b2b3; text-decoration:none;}
#footer a strong {color:#fff; font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer a.selected {text-decoration:underline;}

#footer p {clear:both; padding-top:15px; padding-left:20px; background:#04535d;}
#footer p a {display:block; width:200px; height:40px; text-align:center; position:relative;}
#footer p a span {display:block; width:200px; height:34px; position:absolute; left:0; top:0; background:url(../img/logo_paticka.png) no-repeat scroll left top;}
#footer p a:hover span {}



/* FAQ
*********************************************************************************************************/
#faq .minus h3{background:transparent url(../img/minus.gif) no-repeat scroll left top;cursor:pointer;font-size:12px;padding-bottom:5px;padding-left:20px;width:450px;}
#faq .plus p{display:none;}
#faq .plus h3{background:transparent url(../img/plus.gif) no-repeat scroll left top;cursor:pointer;font-size:12px;padding-bottom:5px;padding-left:20px;width:450px;}
#faq .minus p{display:block;}



/* OTHERS
*********************************************************************************************************/
#obsah input {border:1px solid #999a9a; padding:2px 5px; width:250px;}
#obsah select {border:1px solid #999a9a; width:252px; padding:1px;}
*>#obsah select {width:262px;}
#obsah label {display:block; float:left; width:100px;}
#obsah textarea {border:1px solid #999a9a; width:250px; overflow:auto; padding:2px 5px;}
#obsah fieldset p {margin:3px 0;}
#obsah .button {margin-left:100px; width:70px; height:20px; padding-right:20px; background:#fff url(../img/odoslat.gif) no-repeat scroll left top; border:0; cursor:pointer; font-size:11px; padding-bottom:3px;}
html>/**/body #obsah .button {padding-bottom:5px;}
#obsah address em {font-style:normal; color:#999;}

#studie {background:#f4f8f8 url(../img/studie-form.gif) no-repeat scroll center top; border-bottom:5px solid #c4d7d9; width:400px; font-size:0.91em; padding:15px 0;}
#studie label {margin-left:11px; display:block; width:115px; margin-right:5px; float:left;}
*>#studie label {margin: 0px 10px 5px 20px;}
#studie p {margin:5px 0; clear: left;}
#studie input {width:167px; background:#f4f7f7; border:1px solid #969898; padding:1px 5px;}
#studie select {width:178px; background:#f4f7f7; border:1px solid #969898; height:18px;padding-top:1px;}
*>#studie input {padding:3px 5px;}
#studie textarea {width:167px; background:#f4f7f7; border:1px solid #969898; padding:3px 5px; overflow:auto;}
#studie .submit input {margin-left:210px; width:115px; height:20px; padding-right:20px; background:#fff url(../img/vsetky-ref.gif) no-repeat scroll left top; border:0; cursor:pointer; padding-top:2px;}
#studie label em.star {color: #717578; font-style:normal; font-size: 80%;}

#main .ref01 {float:left; width:280px;}
#main .ref02 {float:left;}
#main .ref01 h3 {margin-top:5px;}
#main .ref02 h3 {margin-top:5px;}

#main .nextprev {background:url(../img/nextprev.gif) no-repeat scroll center top; width:580px; height:40px; clear:both;margin-bottom:0px;}
#main .nextprev .next {float:right; background:url(../img/next.gif) no-repeat scroll left center; padding-right:20px;}
#next_ref_main .next {float:right; display:block; color:#000000; margin-right:25px; font-size:0.91em; }
#top_title  {width:50%;float:left;}
#main .nextprev .prev {float:left; background:url(../img/prev.gif) no-repeat scroll left center; padding-left:20px;}
#main .nextprev a {padding:5px 10px; display:block; margin:6px 5px 0; font-size:0.91em; color:#000;}
*>#main .nextprev a {margin:8px 11px 0;}

#refinfo {font-size:0.91em; background:#f7fafa url(../img/detailinfo.gif) no-repeat scroll center bottom; width:580px; border-top:6px solid #c7d9db; margin-top:-2px; padding-top:10px;}
html>/**/body #refinfo {margin-top:-4px;}
#refinfo ul {margin:0; width:280px; float:left;}
*>#refinfo ul {margin-bottom:10px;}
#refinfo li {margin:0 !important; background:none !important; width:auto; padding:0 15px !important; clear:both; position:relative;}
#refinfo span {height:0; overflow:hidden;}
#refinfo strong {font-weight:normal; width:75px; color:#000; float:left;}
#refinfo .rating strong {width:115px;}
#refinfo img {margin-left:2px;}

.full_rating {background: url(../img/star1.gif)  no-repeat scroll center top; width:10px;height:10px;display:block;float:left; }
.empty_rating {background: url(../img/star3.gif)  no-repeat scroll center top; width:10px;height:10px;display:block;float:left; }
.full_rating span {display:none;}
.empty_rating span {display:none;}

#refinfo #ratingstars {position:absolute; left:40px; top:1px;}
#refinfo #ratingstars2 {position:absolute; left:40px; top:1px;}
*>#refinfo #ratingstars {left:170px; top:3px}
*>#refinfo #ratingstars2 {left:170px; top:0px}

/* ERRRORS
*********************************************************************************************************/
#form_note {color:red;border:0 !important;height:auto !important;}
#form_note li {background:none;padding-left:20px;}
#submit_form {margin-left:100px;}

#email_send {color:red;}
#email_send li {background:none;padding-left:20px;}

/* CONTACT TITLE
*********************************************************************************************************/

#contact_title label {margin-left:11px; display:block; width:75px; margin-right:5px; float:left;}
*>#contact_title label {margin-left:5px; margin-right:10px;}
#contact_title p {margin:1em 0 !important;}
#contact_title input {width:167px; background:#f4f7f7; border:1px solid #969898; padding:0px 5px;}
#contact_title select {width:180px; background:#f4f7f7; border:1px solid #969898; padding:0px 0px;}
*>#contact_title input {padding:1px 5px;}
#contact_title textarea {width:167px; background:#f4f7f7; border:1px solid #969898; padding:3px 5px; overflow:auto;}
#contact_title .submit input {margin-left:110px; width:70px; height:20px; padding-right:20px; background:#fff url(../img/odoslat.gif) no-repeat scroll left top; border:0; cursor:pointer; padding-top:2px;}


#form_note_title {color:red;border:0 !important;height:auto !important;padding-top:10px;}
#form_note_title li {background:none;padding-left:5px;list-style-type:none;}
.detail {text-align:justify;}

#main .firemna {padding-top:1px; clear:both; padding-bottom:30px;}
#main .firemna a {background:url(../img/firemna2.gif) no-repeat scroll left center; color:#292a2b; line-height:20px; height:20px; width:200px; display:block; padding-left:6px; text-decoration:none; margin:1.5em 0 0; font-size:0.91em;}
*>#main .firemna a {width:194px;}

.tottal_num {float: left; width: 358px; *width: 365px;}
.arrow {display: block; float: left; margin: 3px 0 0 0;} 

.clear {clear: both; width: 1px; line-height: 1px; font-size: 1px;}

.pager {background:#f7fafa url(../img/referform-top.gif) no-repeat 0 0; margin-right:20px; padding:15px 20px 10px 20px; border-bottom:5px solid #c8d9db; margin-top: 35px; height: 20px; _height: 45px; width: 540px; _width: 580px; }
.pager a {display: block; line-height: 20px;}
.pager .prev {float: left; width: 140px;}
.pager .next {float: right; width: 140px; text-align: right;}
.pager .prev a {color: #000; background: url(../img/arrow-prev.gif) no-repeat 0 0; padding-left: 25px; float: left; text-decoration: none;}
.pager .prev a span {display: block; color: #292a2b; padding-right: 10px; line-height: 20px; background: url(../img/arrow-prev.gif) no-repeat 100% 0; text-decoration: none;}
.pager .next a {color: #000; background: url(../img/arrow-next.gif) no-repeat 100% 0; padding-right: 25px; float: right; text-decoration: none;}
.pager .next a span {display: block; color: #292a2b; padding-left: 10px; line-height: 20px; background: url(../img/arrow-next.gif) no-repeat 0 0; text-decoration: none;}
#main .pager .prev a:hover, #main .pager .next a:hover {text-decoration: none;}
.pager .num {width: 260px; text-align: center; float: left;}
.pager .num table {margin: 0 auto;}
.pager .num a {float: left; width: 21px; text-align: center; display: block; _font-size: 11px;}
.pager .num a.sel {width: auto; padding-left: 7px; background: url(../img/arrow-next.gif) no-repeat 0 0; line-height: 20px; display: block; float: left;}
.pager .num a.sel strong {font-weight: normal; font-size: 125%; color: #292a2b; padding-right: 7px; background: url(../img/arrow-prev.gif) no-repeat 100% 0; line-height: 20px; display: block;}


.pager2 { margin-right:20px; padding:10px 0px;height: 20px; _height: 45px; width: 540px; _width: 580px; }
.pager2 a {display: block; line-height: 20px;}
.pager2 .prev {float: left; width: 140px;}
.pager2 .next {float: right; width: 140px; text-align: right;}
.pager2 .prev a {color: #000; background: url(../img/arrow-prev.gif) no-repeat 0 0; padding-left: 25px; float: left; text-decoration: none;}
.pager2 .prev a span {display: block; color: #292a2b; padding-right: 10px; line-height: 20px; background: url(../img/arrow-prev.gif) no-repeat 100% 0; text-decoration: none;}
.pager2 .next a {color: #000; background: url(../img/arrow-next.gif) no-repeat 100% 0; padding-right: 25px; float: right; text-decoration: none;}
.pager2 .next a span {display: block; color: #292a2b; padding-left: 10px; line-height: 20px; background: url(../img/arrow-next.gif) no-repeat 0 0; text-decoration: none;}
#main .pager2 .prev a:hover, #main .pager2 .next a:hover {text-decoration: none;}
.pager2 .num {width: 260px; text-align: center; float: left;}
.pager2 .num table {margin: 0 auto;}
.pager2 .num a {float: left; width: 21px; text-align: center; display: block; _font-size: 11px;}
.pager2 .num a.sel {width: auto; padding-left: 7px; background: url(../img/arrow-next.gif) no-repeat 0 0; line-height: 20px; display: block; float: left;}
.pager2 .num a.sel strong {font-weight: normal; font-size: 125%; color: #292a2b; padding-right: 7px; background: url(../img/arrow-prev.gif) no-repeat 100% 0; line-height: 20px; display: block;}

#main div.refer {width: 580px;}

#main .vysledky h3 {color: #04535d; font-size: 125%; margin: 0; font-weight: bold;}
#main .vysledky h3 a {color: #04535d; text-decoration: none;}
#main .vysledky h3 a:hover {text-decoration: underline;}
#main .vysledky h2 {color:#04535D; font-weight:normal; line-height:1em; margin:0.1em 0 0.8em; font-size:2em;}
#main .vysledky p {color: #292a2b; font-size: 110%; text-align: justify; margin: 0;}
#main .vysledky p strong {font-weight: normal; border: 1px solid #b8ced1; background-color: #e5edee; padding: 0 2px;}
#main .vysledky .more {float: right; color: #fff; background: url(../img/more.gif) no-repeat 100% 0; padding-right: 15px;}

#main .vysledky .clear25 {clear: both; width: 1px; line-height: 1px; font-size: 1px; height: 25px;}

.mr-morelink, .mr-more-pager-right { display:inline; float:left; width:auto !important; padding:0 !important; text-decoration:none !important; color:color:#292a2b; !important; background:url("../img/mr-morelink.gif") 0 0 no-repeat !important; }
.mr-morelink:hover, .mr-more-pager-right:hover { text-decoration:underline !important; cursor:pointer; }
.mr-morelink span, .mr-more-pager-right span { display:inline; float:left; height:20px; padding:0 20px 0 6px; line-height:20px; background:url("../img/mr-morelink.gif") 100% 100% no-repeat !important; }
.mr-morelink-left { display:inline; float:left; width:auto !important; padding:0 !important; text-decoration:none !important; color:color:#292a2b; !important; background:url("../img/mr-morelink-left.gif") 0 100% no-repeat !important; }
.mr-morelink-left:hover { text-decoration:underline !important; cursor:pointer;}
.mr-morelink-left span { display:inline; float:left; height:20px; padding:0 6px 0 0; margin-left: 20px; line-height:20px; background:url("../img/mr-morelink-left.gif") 100% 0 no-repeat !important; }

#main .nextprev .mr-more-pager-left, #main .nextprev .mr-more-pager-right { display:inline; width:auto !important; padding:0 !important; text-decoration:none !important; color:color:#292a2b !important; }
#main .nextprev .mr-more-pager-left:hover, #main .nextprev .mr-more-pager-right:hover  { text-decoration:underline !important; cursor:pointer;}
#main .nextprev .mr-more-pager-left span, #main .nextprev .mr-more-pager-right span { display:block; height:20px;  line-height:20px; }

#main .nextprev .mr-more-pager-left { float:right; background:url("../img/mr-morelink-blue.gif") 0 0 no-repeat !important; }
#main .nextprev .mr-more-pager-left span { padding:0 20px 0 6px; background:url("../img/mr-morelink-blue.gif") 100% -100px !important; }
#main .nextprev .mr-more-pager-right { float:left; background:url("../img/mr-morelink-blue.gif") 0 -40px no-repeat !important; }
#main .nextprev .mr-more-pager-right span { padding:0 6px 0 0; margin-left: 20px; background:url("../img/mr-morelink-blue.gif") 100% -60px !important; }

/* Archiv */

#main .list_archiv h2 {float: left; font-size: 12px; padding-right: 5px; line-height: 1.5em; margin: 0; font-weight: bold;}  
#main .list_archiv .date {display: block; float: left; border-left: 1px solid #c6c8c9;  color: #717578; font-size: 11px; padding-left: 5px; line-height: 1.5em;}
#main .list_archiv p {clear: both; padding: 5px 0 7px 0; color: #717578; font-size: 11px; margin: 0;}
#main .list_archiv .more {display: block; background: url(../img/btn_more.gif) no-repeat 0 0; line-height: 20px; height: 20px; width: 43px; padding-left: 7px; color: #292a2b; font-size: 11px;}
#main .list_archiv .sep {height: 21px; background: url(../img/archiv_sep.gif) repeat-x 0 0;}
#main .pager .num span {float: left; display: block; line-height: 20px; color:#04535d; width: 21px;}

/* Tabulky */
#main .contenttable {border-collapse: collapse; margin-bottom: 15px;border-spacing: 0px;}
#main .contenttable p {margin: 0; text-align: left;}
#main .contenttable td, #main .contenttable th {padding: 3px 5px; vertical-align: top;}
#main table.styl01 td {border: 1px solid #aaa;}
#main table.styl01 th {background-color: #04535D; color: #fff; border: 1px solid #aaa;}
#main table.styl01 th p {color: #fff;}

#main table.styl02 td {border: 1px solid #aaa;}
#main table.styl02 th {background-color: #000; color: #fff; border: 1px solid #aaa;}
#main table.styl02 th p {color: #fff;}

/* Socialne siete */
#refer .soc-box {border: none; background: url(../img/bg-soc-box.gif) no-repeat 0 0; width: 260px; height: 100px; _width: 280px; _height: 110px; padding: 5px 10px; overflow: hidden; margin-bottom: 10px;  }