﻿/* CSS Document */
* {margin:0;padding:0}
body {background:#fff;color:#5b5b5c;font-size:100%;font-family:Verdana, Arial, Arial CE, Lucida Grande CE, Helvetica CE, helvetica, sans-serif;text-align:center}
img {border:0}
.cleaner {clear:both}
a.skipmenu {width:300px;position:absolute;top:2px;right:150px;z-index:-10;padding:0.2em 0.5em;border-bottom:0 !important;color:#fff !important;}
a.skipmenu:focus, a.skipmenu:active {z-index:100;background:#fff;color:#1E68C9 !important;font-weight:bold}

#site {width:984px;margin:0 auto;border-collapse:collapse;text-align:left}
#TOP {background:#ececec url(../img/topBg.gif) no-repeat top;border-bottom:1px solid #000;padding-bottom:7px}
#TOP #logo {height:118px}

/* -horni menu- */
#TOP ul {list-style-type:none;float:right;margin-top:10px}
#TOP ul li {float:left;font-size:.7em;background:url(../img/topMenuLine.gif) no-repeat left;padding:0 10px}
#TOP ul li a {color:#000;text-decoration:none}
#TOP ul li a:hover {text-decoration:underline}

/* -vyhledavani- */
#searchBox {clear:both;border:0;float:left;margin:5px 0 0 10px}
#searchBox legend {visibility:hidden;height:0}
#searchBox legend label {height:0;font-size:1px}
#searchBox input#EXPS {background:#f5f5f5;color:#7d7d7e;font-size:.7em;border-top:1px solid #878788;border-left:1px solid #878788;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:1px 2px 1px 2px}

/* -menu- */
#leftPanel {width:182px;padding-top:10px;float:left}
#leftPanel ul {list-style-type:none;font-size:.7em;background:#d4eceb;padding-bottom:10px;width:182px}
#leftPanel ul li {background:#d4eceb url(../img/menuBg.gif) no-repeat;background-position:1px 0;height:26px;padding-left:23px;line-height:26px}
#leftPanel ul li#nameMenu {background:#00a9a5 url(../img/topMenuBg.gif) no-repeat;height:25px;color:#fff;font-weight:bold;line-height:25px}
#leftPanel ul li a {color:#000;text-decoration:none}
#leftPanel ul li a:hover {text-decoration:underline}

#leftPanel a#menuProducts {background:#22aba8 url(../img/icons/produktyBg.gif) no-repeat bottom;height:38px;display:block;margin-top:10px;width:182px;color:#fff;text-decoration:none;font-weight:bold;font-size:.75em}
#leftPanel a#menuProducts span {padding:5px 0 0 20px;display:block}
#leftPanel a#menuProducts:hover {background:#22aba8 url(../img/icons/produktyBg.gif) no-repeat bottom}
#leftPanel a#menuVideo {margin-bottom:10px;background:#22aba8 url(../img/icons/videoBg.gif) no-repeat;height:38px;width:182px;display:block;margin-top:10px;width:182px;color:#fff;text-decoration:none;font-weight:bold;font-size:.75em}
#leftPanel a#menuVideo span {padding:4px 0 0 20px;display:block;background:#22aba8 url(../img/icons/videoBg.gif) no-repeat}
#leftPanel a#menuVideo:hover {background:#22aba8 url(../img/icons/videoBg.gif) no-repeat}

#leftPanel #writeUs {border:0;width:182px;background:#d4eceb}
#leftPanel #writeUs legend {background:#00a9a5 url(../img/topMenuBg.gif) no-repeat;height:25px;width:182px}
#leftPanel #writeUs legend label {background:#00a9a5 url(../img/topMenuBg.gif) no-repeat;height:20px;width:162px;display:block;color:#fff;font-weight:bold;padding:5px 0 0 20px;font-size:.7em}
#leftPanel #writeUs ol {list-style-type:none;width:182px}
#leftPanel #writeUs ol li#writeTxt {background:url(../img/smallDottedLine.gif) no-repeat bottom;}
#leftPanel #writeUs ol li#writeTxt textarea {background:#f5f5f5;color:#7d7d7e;font-size:.7em;width:140px;height:71px;margin:5px 0 5px 11px;border-top:1px solid #878788;border-left:1px solid #878788;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:1px 2px 1px 2px}
#leftPanel #writeUs ol li#writeMail input {background:#f5f5f5;color:#7d7d7e;font-size:.7em;float:left;margin:5px 0 5px 11px;border-top:1px solid #878788;border-left:1px solid #878788;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:1px 2px 1px 2px;width:140px}
#leftPanel #writeUs ol li#writeMail button#writeSend {background:#d4eceb; border-style:none;border:0;cursor:pointer;margin-top:5px;margin-left:0}


/* -hlavni box- */
#pageContent {float:right;width:800px;margin-top:10px;padding-bottom:10px}
#pageContentIn {float:left;width:590px;font-size:.7em;margin:0 5px 0 10px}
#pageContentIn h2 {font-size:120%}
#pageContentIn h1 {font-size:140%;margin:10px 0}

/* -uvitaci box na titulce- */
#welBox {padding-bottom:20px}
#welBox h1 {width:589px;height:185px;background:#688da4 url(../img/titleImg.gif) no-repeat;color:#fff;font-size:200%;font-weight:normal;margin-bottom:15px}
#welBox h1 span {padding:10px 0 0 10px;display:block}

/* -breadcrumbs- */
#breadcrumbs {background:#d4eceb;width:99%;padding:7px 5px;font-size:90%;color:#000}
#breadcrumbs a {background:url(../img/icons/breadcrumbsArrow.gif) no-repeat right;color:#000;padding-right:10px}

/* -zelene nadpisy- */
.headBg {background:#00a9a5 url(../img/topMenuBg.gif) no-repeat;height:25px;line-height:25px;padding-left:22px;color:#fff;}

/* -seznam clanku- */
.articleListBox {background:#fff url(../img/dottedLine.gif) no-repeat bottom;padding:10px 0 10px 0}
.articleListBox img {float:left;margin:5px 5px 10px 0}
.articleListBox p {margin:0;list-style-type:none}
.articleListBox a {color:#00968d}
.articleListBox a:hover {text-decoration:none}
.articleListBox h4 {margin-bottom:10px}
.articleListBox h4 a {color:#00968d;text-decoration:none;font-weight:bold;font-size:100%}
.articleListBox h4 a:hover {text-decoration:underline}

/* -pagebar- */
#pagebar {background:#ececec;width:99%;padding:7px 5px;text-align:right;color:#000;font-weight:bold;margin-top:30px}
#pagebar span {visibility:hidden}
#pagebar span img {margin-bottom:-3px}
#pagebar a span {visibility:visible}
#pagebar a {color:#00968d;padding:0 5px}

/* -tisk a odelsani mailu- */
#pageContentIn #naviBox {list-style-type:none;background:#ececec;width:100%;margin-top:100px;height:34px;line-height:20px}
#pageContentIn #naviBox li {float:left;background:#ececec;padding:7px 0}
#pageContentIn #naviBox li span{visibility:hidden}
#pageContentIn #naviBox li a span {visibility:visible}
#pageContentIn #naviBox li a {background:#ececec;color:#00968d;line-height:20px;padding:2px 0} 
#pageContentIn #naviBox li#print, #pageContentIn #naviBox li#mail {text-align:center;width:190px}
#pageContentIn #naviBox li#mail a {background:url(../img/icons/mail.gif) no-repeat left;padding-left:20px}
#pageContentIn #naviBox li#prev {width:100px;padding-left:5px}
#pageContentIn #naviBox li#prev a {background:url(../img/icons/arrowLeft.gif) no-repeat left;padding-left:20px}
#pageContentIn #naviBox li#next {width:100px;text-align:right;padding-right:5px}
#pageContentIn #naviBox li#next a {background:url(../img/icons/arrowRight.gif) no-repeat right;padding-right:20px}


#sendArticle {clear:both;text-align:center;display:none;padding:30px 0;width:585px}
#sendMail {width:270px;border:1px solid #7dd3d1;margin:0 auto;text-align:left;padding:10px 20px}
#sendMail legend {color:#5b5b5c}
#sendMail legend img {text-align:right}
#sendMail input {margin-bottom:10px;width:250px;padding:3px}
#sendMail select {margin-bottom:10px;width:260px;padding:3px}
#sendMail textarea {width:250px;padding:3px}
#sendArticle #sendBtns {width:270px;margin:10px auto;list-style-type:none}
#sendArticle #sendBtns li {float:left;width:50%;text-align:right}
#sendArticle #sendBtns li input {margin-right:60px}
#sendArticle #sendBtns li a {color:#00968d;line-height:20px}
#sendArticle #sendBtns li img {cursor:pointer;margin-bottom:-3px}


/* -souvisejici boxy-*/
.relatedBoxes {float:right;border:1px solid #7dd3d1;width:180px;text-align:left;list-style-type:none;margin-bottom:10px;padding-bottom:10px}
.relatedBoxes li {padding:2px 5px;font-size:.7em;color:#5b5b5c;background:url(../img/dottedBoxLine.gif) no-repeat bottom}
.bigFont {font-size:110%}
.bigFont li.relatedNames {font-size:100%}
.relatedBoxes li.relatedNames {background:#00a9a5 url(../img/topMenuBg.gif) no-repeat;height:25px;color:#fff;font-weight:bold;line-height:25px;font-size:.7em;padding:0;margin-bottom:5px;padding-left:22px;text-align:left}
.relatedBoxes li a {color:#5b5b5c;text-decoration:none;background:url(../img/icons/boxArrow.gif) no-repeat left;padding-left:10px}
.relatedBoxes li a:hover {color:#00968d}


/* -akcni nabidka- */
#actionProd {float:right;border:1px solid #7dd3d1;width:180px;text-align:center;list-style-type:none}
#actionProdHead {background:#00a9a5 url(../img/topMenuBg.gif) no-repeat;height:25px;color:#fff;font-weight:bold;line-height:25px;font-size:.7em;padding-left:22px;text-align:left}
.actionProdName {margin:5px}
.actionProdName a {font-size:.65em;color:#000;text-decoration:none;font-weight:bold}
.actionProdName a:hover {text-decoration:underline}
.actionProdImg {margin:5px;padding:5px}
.actionProdPrice {color:#9e3204;font-weight:bold;background:url(../img/smallDottedLine.gif) no-repeat bottom;padding-bottom:5px;font-size:80%}


/* -paticka- */
#BOTTOM {border-top:1px solid #000;padding:10px 0 0 0;color:#000;font-size:.6em}
#BOTTOM ul {list-style-type:none;width:100%}
#BOTTOM ul li {width:50%;float:left;padding:2px 0}
#BOTTOM ul li.footerContact {text-align:right}
#BOTTOM a {color:#00968d}
#BOTTOM ul li#footerImg {padding:25px 0 0 0;overflow:hidden;background-image:url(../img/icons/bottomTxt.gif);background-repeat:no-repeat;height:0px !important;height /**/:25px;}

