/************  CSS Document by R - stick | www.rstick.com     *****************/

* {margin: 0; padding: 0;}
a:link    {color: #6633FF; font-weight:bold; text-decoration: underline;}
a:visited {color: #3067FF; font-weight:bold; text-decoration: underline;}
a:active  {color: gray; font-weight:bold;  text-decoration: underline;}
a:hover   {color: #001F7A; font-weight:bold; text-decoration: none; background-color: #eff7fc;}
a img, a:visited img, a:active img, a:hover img {border:1px solid; color: #969696;}

/**************************************** Main structure ****************************/
body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: justify; background-color: #05082b;}
#container {width: 1024px; margin: auto; font-size: 1.2em;} /*šířka hlavní stránky !!!*/

/***************************     vrchní navigační lišta    *****************************/
#top_nav {background-image: url(images/nav_top.jpg); height: 27px; padding-top: 10px; text-align: right; padding-right: 20px; color: #7E0200;}

/******************************  vlajky - jazykové verze    ****************************/
.nav0 {width:250px; margin-left:10px; float:left;}
.nav0 a {padding:0 0 0 4px; float:left;}
.nav0 a:hover {text-decoration:none; border-top: 2px transparent solid; background-color: transparent;}
.nav0 a img, .nav0 a:hover img, .nav0 a:visited img {height:20px; border:none;}
.nav0 img {height:20px; border:none; margin:0 0 0 0;}

/**************************    jednoduché obrázkové navigační menu  ******************************/
.nav1 {width:390px; height:35px; margin:-4px 260px 0px 1px; float: right;}
a.nav1_home, a.nav1_mail, a.nav1_article, a.nav1_browser, a.nav1_cart, a.nav1_forum, a.nav1_link, a.nav1_phone, a.nav1_sitemap { width:32px; height:32px; float:right; margin:0px 10px 0 0px;}
a.nav1_home {background-image: url(images/house-grey.png);}
a.nav1_home:hover {background-image: url(images/house.png); background-color: transparent;}
a.nav1_mail {background-image: url(images/mail-grey.png);}
a.nav1_mail:hover {background-image: url(images/mail.png); background-color: transparent;}
a.nav1_article {background-image: url(images/article-grey.png);}
a.nav1_article:hover {background-image: url(images/article.png); background-color: transparent;}
a.nav1_browser {background-image: url(images/browser-grey.png);}
a.nav1_browser:hover {background-image: url(images/browser.png); background-color: transparent;}
a.nav1_cart {background-image: url(images/cart-grey.png);}
a.nav1_cart:hover {background-image: url(images/cart-put.png); background-color: transparent;}
a.nav1_forum {background-image: url(images/forum-grey.png);}
a.nav1_forum:hover {background-image: url(images/forum.png); background-color: transparent;}
a.nav1_link {background-image: url(images/link-grey.png);}
a.nav1_link:hover {background-image: url(images/link.png); background-color: transparent;}
a.nav1_phone {background-image: url(images/phone-grey.png);}
a.nav1_phone:hover {background-image: url(images/phone.png); background-color: transparent;}
a.nav1_sitemap {background-image: url(images/sitemap-grey.png);}
a.nav1_sitemap:hover {background-image: url(images/sitemap_color.png); background-color: transparent;}
a.katalog_basket {width:16px; height:16px; float:right; margin:0px 10px 0 0px; background-image: url(images/basket.png);}
a.katalog_basket:hover {background-image: url(images/basket_put.png); background-color: transparent;}


/**********************   hlavní obrázek, logo, název dokumentu, popisy    *******************/
#header {background-image: url(images/header.jpg); height: 125px;}
#header a:hover {background-color: transparent;}
.sitelogo {width:220px; height:101px; float: left; margin:-1px 0 0 10px; background: url(images/rstick_logo.gif);}
.sitename {width:500px; height:22px; float: left; margin: 75px 0 0 18px; font-size:90%;}
.sitename h1 {font-size:170%;}
.logodescription {margin:97px 0 0 -192px; color:#000; font-size:90%; float:left;} 


/***** lišta s hlavním rozbalovacím menu. CSS pro oboje menu je v souboru menustyle.css ******/
#main_nav {height: 25px; padding-left: 0px; position:relative; z-index: 100;}

/*************************************     levý box     ************************************/
#left {float: left; width: 200px; padding-top: 15px; margin-left: 10px; font-size: 0.9em; clear: right;}

/****************************      levé navigační menu      ***************************/
.listmenu {position: relative; z-index: 0; margin-left: -4px; margin-right: -4px;} 
.listmenu li {list-style-type: none;}

/**********************************     obsah stránky      **************************/
#contentwrapper {background-image: url(images/contentwrapper.jpg); background-repeat: no-repeat; background-color: #ffffff;}
#content {margin-right: 1px; margin-left: 225px; /*padding: 15px 0;*/padding-left: 12px; padding-right: 18px; padding-top: 12px; border-left: 1px #eaeaea solid; /*border-right: 1px #97251d solid;*/}
#content li {line-height: 14px; margin-left: 14px; padding-left: 0px; font-size: 11px; list-style-image: url(images/list2.gif);}

/*****************************   patička stránky      **********************/
#footer {background-image: url(images/footer.jpg); height: 50px; clear: both; text-align: center; color:#3C3E45; font-size:11px; padding-top: 6px;}
#footer a img, #footer a, #footer a:hover {border:none; text-decoration:none; background-color: transparent; vertical-align: middle; font-weight: normal;}
#footer img {border:none; float:none; margin:0 0 0 0;}


/********************************       text, images, lists, gallery       ****************************/
.gallery_block {float:none; }

img {clear:none; /*float:left;*/ margin:1px 4px 4px 0; border:1px solid; color: #969696;}
img.left {clear:right; float:left;}
img.center {clear:right; float:none; display:block; margin:0 auto;}
img.right {clear:right; float:right; margin:1px 0 5px 15px;}

img.gif {clear:none; margin:1px 15px 5px 0; border:none;}
img.gifleft {clear:right; float:left; border:none;}
img.gifcenter {clear:right; float:none; display:block; margin:0 auto; border:none;}
img.gifright {clear:right; float:right; border:none; margin:1px 0 5px 15px;}

p {margin-top: 20px; margin-bottom: 20px; clear:none;}
p.topnav, .copyright {margin: 0;}

h1 {font-size: 18px; color: #9A0500;}
h2 {font-size: 15px; color: #4c5c67;}
h3 {font-size: 13px; color: #6d828a;}
h4 {font-size: 12px; color: #6d828a;}
h5 {font-size: 11px; color: #6d828a;}
h6 {font-size: 10px; color: #6d828a;}
dl { margin-top: 10px; margin-bottom: 10px;}
dt {border-bottom: 1px solid white; padding: 9px 3px; margin-bottom: 3px; background-image: url(images/left_sidebar.jpg);}
dd {margin-bottom: 12px;}
ol {margin-left: 1px;}
small {font-size:11px;}

.news {line-height: 5px; clear: both;}
.news:first-letter {font-family: "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold;}

.highlight {color:#776105;}
.subdued {color:#52555F;}
.error {color:#c00;font-weight:bolder;}
.errorbig {color:#c00; font-size: 13px; font-weight:bold;}
.errorbigcenter {color:#c00; font-size: 16px; font-weight:bold; text-align: center;}
.success {color:#1A4700; font-weight:bolder;}
.caption {color:#3C3E45;font-size:11px; }
.rightcaption {color:#3C3E45;font-size:11px; text-align: right;}
.centercaption {color:#3C3E45;font-size:11px; text-align: center;}
.date {font: 90% arial; color:#52555F; padding-left: 20px; padding-right: 25px; display:block; letter-spacing: 1px;}
.dateblock {font: 95% arial; color:#36383F; margin-left: 20px; margin-right: 25px; line-height: 12px; display:block; border: solid white 1px;}
.cancel {text-indent: 2%;}
.cancel:first-letter {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: bold;}
.ask {color:#5F5C01; font-style: oblique; display:block;}
.rightask {color:#5F5C01; font-style: oblique; display:block;}
.centerask {color:#5F5C01; font-style: oblique; display:block; text-align: center;}
.answer {color:#000; display:block;}
.biography {color:#55666C;font-size:105%; display:block; }
.centerbiography {color:#55666C;font-size:105%; font-weight:bolder; display:block; text-align: center;}
.mini {font-size:10px; line-height: 10px;}
.mininew {color:#c00; font-size:10px; line-height: 10px; text-align: left;}
.code {font-family: Courier New, Courier, monotype; background-color: #ffffff;}

.mouseover a:hover {text-decoration: none; background-color: #f3f8c2; border-bottom: 1px #d72929 solid;}
.highslidegal a:hover {text-decoration: none; background-color: #f1dbcf; border-bottom: 1px #05af2d solid;}

/************* Menu setup in the menustyle.css file ********************/

/************** Contact form - tato verze deaktivovaná  ****************************/
/*label {font-style: italic;}
form.contact_us {width: 155px; margin-top: 0px; padding: 0px;}
input.fields_contact_us {display: block; width: 155px; background: #FFFFFF; border-top: 1px solid #E5E3E4; border-left: 1px solid #E5E3E4; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; margin-top: 3px; margin-bottom: 3px;}
textarea {width: 155px; background: #FFFFFF; border-top: 1px solid #E5E3E4; border-left: 1px solid #E5E3E4; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; display: block; margin-top: 3px;}
.submit_button_contact {margin-top: 15px; margin-left: 88px; padding: 2px; background-color: #910603; cursor: pointer; color: #FFFFFF;}*/

/*************     FORMS - general classes from Molio templates   ******************/
input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
/************* FORMS - f-wrap-1 - simple form, headings on left, form elements on right *********/
form.f-wrap-1 {width:100%; padding: .5em 0; background: #f6f6f6 url(images/featurebox_bg.gif) no-repeat 100% 100%; border-top: 1px solid #d7d7d7; position:relative;}
form.f-wrap-1 fieldset {width:auto; margin: 0 1em;}
form.f-wrap-1 h3 {margin:0 0 .6em; font: bold 155% arial; color:#c00;}
form.f-wrap-1 label {clear:left; float:left; width:100%; border-top: 1px solid #fff;}
		
/* hide from IE mac \*/
/*form.f-wrap-1 label {float:none;}*/
/* end hiding from IE5 mac */
	
form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em; float:left; margin-left:10px;}
		
form.f-wrap-1 label b {float:left; width:8em; line-height: 1.7; display:block; position:relative;}
form.f-wrap-1 label b .req {color:#c00; font-size:150%; font-weight:normal; position:absolute; top:-.1em; line-height:1; left:-.4em; width:.3em; height:.3em;}
form.f-wrap-1 div.req {color:#666; font-size:96%; font-weight:normal; position:absolute; top:.4em; right:.4em; left:auto; width:13em; text-align:right;}
form.f-wrap-1 div.req b {color:#c00; font-size:140%;}
form.f-wrap-1 label select {width: 15.5em;}
form.f-wrap-1 label textarea.f-comments {width: 20em;}
form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em;}
form.f-wrap-1 input.f-submit {margin: 0 0 0 10px;}
		
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left; float:left; width:32em; border:none; margin:0; padding-bottom:.7em;}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left; width:8em; line-height: 1.7; display:block; position:relative; padding-top:.3em;}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left; width:13em; margin: 3px 0 0 10px;}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left; width:13em; border:none; margin:0; padding:2px 0; margin-right:-3px;}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto; float:none; margin:0; padding:0;}
		
form.f-wrap-1 label span.errormsg {position:absolute; top:0; right:-10em; left:auto; display:block; width:16em; background: transparent url(images/errormsg_bg.gif) no-repeat 0 0;}
form.f-wrap-1 label span.errormsg b {padding: 10px 0; margin: 0 10px 0 30px; color:#B30800; font-weight:bold; display:block; width:auto; float:none; line-height:1.3;}

/***************************  tabulka  ****************************/
.table1 {border: 1px solid #969696; border-collapse:collapse; width:100%;}
.table1 td {background: transparent; padding:1px; border: 1px solid #fff;}
.table1 th {text-align:left; border: 1px solid #fff;}
.table1 thead th {color:#4c5c67; font-size:120%; background: #900 url(images/table_head.jpg) repeat-x; padding: 4px 4px;}
.table1 tbody th {color:#918A5E; font-size:100%; background: #88b8db url(images/table_col.jpg) repeat-x; padding: 2px 6px;}
.table1 tbody th.sub {font-size:90%; color:#000; background: transparent; padding: 2px;}

/*****************************    tabulka - kalendář    *******************************/
.calendar {width:200px; font-size:92%;}
.calendar td {text-align:center; border: 1px solid #ddd;}
.calendar th {text-align:center;}
.calendar thead th {padding: 3px 2px;}
.calendar tbody th {padding: 2px;}
.calendar tbody th.sub {padding: 2px;}

/*****************************    tabulka - katalog paličky   *******************************/
.katalog {font-size:92%; width: 762px; height: 90px; border: 1px #adadad solid; border-collapse:collapse;}
.katalog img, katalog a img, katalog a:hover img, katalog a:visited img { margin:0;}
.katalog td {text-align:center; border: 1px solid #ddd; border-collapse:collapse; /*padding:1px;*/}
.katalog th {text-align:center;}
.katalog thead th {color:#22292E; font-size:120%; background: #900 url(images/table_head.jpg) repeat-x; padding: 4px 4px;/*padding: 1px 1px;*/}
.katalog tbody {border: 1px #dd8c1b solid;}
.katalog tbody th {color:#505F26; font-size:110%; background: #88b8db url(images/table_col.jpg) repeat-x; /*padding: 2px 6px;*/}
.katalog tbody th.sub {padding: 1px;}

/******************   dynamic effect HTML Tooltip      ***********************/
div.htmltooltip{position: absolute; z-index: 1000; left: -1000px; top: -1000px; background: #272727; border: 8px solid black; font-size:14px; color: white; padding: 10px; width: 350px; /*width of tooltip*/}

/********************   Facebook Gallery    ***********************/
#facebox .b {background:url(facefiles/b.png);}
#facebox .tl {background:url(facefiles/tl.png);}
#facebox .tr {background:url(facefiles/tr.png);}
#facebox .bl {background:url(facefiles/bl.png);}
#facebox .br {background:url(facefiles/br.png);}
#facebox {position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: justify;}
#facebox .popup {position: relative;}
#facebox table {margin: auto; border-collapse: collapse;}
#facebox .body {padding: 3px; background: #fff; width: 470px; font-size: 14px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center; }
#facebox img {border: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 3px; margin-top: 0px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}

/*********     Search Styles - vyhledávácí box   *****************/
#searcharea {width:190px; height:26px; float: right; margin: 90px 40px 0 0px;}
.searchbox {margin: 0px 0px; padding: 0px 3px; background: transparent; color: inherit;}
.searchbox p {margin: 0; padding: 0;}
.searchbox_text {margin:2px 0px 0 0px; padding: 0; float: left;}
.searchbox_find { width:25px; height:20px; margin:3px 0px 0 0px; float: right;}

/***********    ListSiteMap Styles     *****************/
ul.LSM_0, ul.LSM_1, ul.LSM_2, ul.LSM_3, ul.LSM_4, ul.LSM_5 {padding-left: 1em; margin:0;}
.LSM_0 li, .LSM_1 li, .LSM_2 li, .LSM_3 li, .LSM_4 li, .LSM_5 li {padding-top: .2em;}
ul.LSM_0 {margin: 0em;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/