a { color: #9C0; text-decoration: none; }
#col-l ul, #col-r ul { list-style: square url('list.png');  }
#bodywrap {position:relative;}

h1, h2, h3, h4 {clear:both;}

.printheader {font-size: 36px; color: #334853; font-weight: bold; display:none;}
.printheader span {font-size: 24px; color: #788;}

#page-footer { width: 960px; margin: 3px auto;color: #899; font-size: 14px; font-style: italic; padding: 20px 20px 10px 10px; text-align: right;}
#page-footer a {color: #99A;border-bottom: solid 1px #899;} #page-footer a:hover { color: #FFF; border-bottom: dotted 1px #9C0; }
#homepagefoot { color: #FFF; font-style: italic; font-size: 24px; text-align: right; padding: 410px 250px 5px 10px;}
:focus, :active { border-style: none; outline: none;}
#wraper { margin: 0px auto; padding: 0px; width: 960px; overflow: visible; position: relative; border-top: none; border-right: none; border-left: none; min-height: 480px; }
#col-r .slogan { font-size: 24px; color: #EEE; float: right; width: 230px; z-index: 4; line-height: 125%; font-style: italic; height: auto; margin-top: 30px; }
.clr { clear: both; height: 0px; width: 100%; }
body { margin: 0px; padding: 0px; font: 12px Georgia, "Times New Roman", Times, serif;
  color: #FFF; background-attachment: fixed; background-color: #485A63;
  background-image: url(back.jpg); background-repeat: repeat-x; background-position: left top; }


#accordion p, .accordion p { padding: 1px 0 4px 0; margin: 0;}
.desc-prvyriadok {font-size: 28px; font-style: italic; }
.desc-cena {color: #9C3;}

h3 { color: #9C0; font-size: 20px; font-style: italic;}


#col-r, #col-l { font-size: 16px; }
#col-r { clear: none; float: right; height: auto; width: 450px; top: 0px; right: 0px; }
#col-r #logow { background: #FFF url(logo.jpg) no-repeat center 75%; height: 230px; width: 185px; position: absolute; z-index: 3; top: 0px; color: #069; text-align: center; font-size: 24px; line-height: 140%; right: 265px; display: block; text-decoration: none; }
#logow span { margin: 50px 2px 5px; padding-top: 50px; display: none; }
#col-r #logos { background: #000; float: left; height: 240px; width: 185px; position: absolute; z-index: 2; top: 0px; border-style: none; opacity:0.6; filter:alpha(opacity=60); right: 255px; }
a.color { color: #EEE; text-decoration: none; }
a.color:hover { color: #FFF; }
#content { padding-top: 250px;  }
#col-l {
  float: left;
  width: 500px;
  overflow: hidden;
height: auto; font-style: italic;
}
.desc-active {
  background-color: #666;
}

#content h1, #col-l h2, #col-r h2 { 
     font-size: 35px; font-weight: normal; color: #FFF; 
     font-style: italic; padding: 5px 0; margin: 5px 0; }
.gray { color: #788; }
.hornyindex {
  vertical-align: super;
  font-size: 50%;
  display: inline-block;
}

/* TOPNAV */

ul#topnav { font-style: normal !important;font-size: 20px; padding: 0; float: right; width: 100%; list-style: none; position: relative; /*--Set relposi on the ul - not li--*/ margin-top: 20px; margin-right: 10px; margin-bottom: 50px; margin-left: 0; }
ul#topnav li { float: right; margin: 0; padding: 0; /*--Divider for each parent level links--*/ }
ul#topnav li a { padding: 6px 15px; display: block; color: #f0f0f0; text-decoration: none; }
ul#topnav li:hover , ul#topnav li a:hover{  color: #9C0;}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span { float: left; padding: 4px 0; position: absolute; left: 0; top:27px; display: none; /*--Hide by default--*/ width: 530px; color: #9C3; text-align: center; font-size: 14px; font-style: italic; }


#logow a:hover img{ border-bottom: solid 6px #CDD; }

ul#topnav li:hover span { display: block;} /*--Show subnav on hover--*/
ul#topnav li span a {
  display: inline;
  padding: 0 10px;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

/* ACCORDION */
h3.ui-accordion-header {margin: 20px 0 0 0;}
#col-l .accordion { margin-right: 10px; }
.accordion .ui-accordion-header, #accordion .ui-accordion-header a{ font-size: 32px; color: #788; text-decoration: none; text-align: center; margin: 0; padding: 5px; font-weight: normal; }
#accordion h3.ui-state-hover , #accordion .white{ }
#accordion .ui-accordion-content{ text-align: center; padding: 5px; border-top: 1px solid #FFF; border-right: none #FFF; border-bottom: 1px solid #FFF; border-left: none #FFF; background: url(bg-prechod.png) repeat-y center center; }
#accordion h3.ui-state-active , #accordion h3.ui-state-active a{ color: #FFF; }
#accordion  .ui-state-active ,.ui-accordion-content-active{ }
.white { color: #FFF !important; }
.mini { font-size: 70%; font-style: italic; }
#col-r h3.ui-state-hover a { color: #FFF !important; }
/* ACC COL-L*/
#col-l h3 a { color: #FFF; font-weight: bold;}
#col-l h3.ui-state-active a{color: #9C0;}
#col-r h3.ui-accordion-header {text-align: center !important;}
#col-l h3.ui-accordion-header {font-size: 20px; text-align: left;}
#col-l .accordion div, #col-l .accordion h3 { padding: 5px 10px;border-bottom: solid 1px #FFF; }
#col-l h3.ui-state-default { color: #FFF; }
#col-l .accordion h3.ui-state-hover {background: url(bg-prechod.png) repeat-y center center;}
#col-l .ui-accordion-content { padding: 10px; }

/* formulare */
#col-l #captcha { background: #1D2E38 !important; border: solid 1px #CCC; color: #FFF; }
#col-l .fulline, #col-l textarea, .btn { background-color:#1D2E38 !important; padding: 5px; font: 14px Georgia, "Times New Roman", Times, serif; 
 border: solid 1px #CCC; color: #BCC; width: 80%; }
.btn { padding: 5px 10px; margin: 15px; font-size: 16px; }
.btn:hover, textarea:hover, textarea:focus {border: solid 1px #FFF !important; color: #FFF;}
.focused { background-color: #677;color:#FFF !important; border:solid 1px #EEE;}
.messagebox {font-size: 110%; font-weight: bold; padding: 5px 10px; margin: 10px 0; text-align: center;}
input.fulline {margin-bottom: 10px;}
.warning { color: #C90;}
.passed { color: #9C0; }

/* galerka */
a.mediabox { display: inline-block; float:left; margin: 0 6px 6px 0; background: none; }
a.mediabox span { display: inline-block; padding: 5px; background: #344; }
a.mediabox:hover span {background: #788;}
#col-r .mediabox img { width: 80px; height: 80px;}
#col-l .mediabox img { width: 80px; height: 80px;}

a.scroll, #scrbut { float: right; display: block; text-decoration:none; 
  font-weight:bold; font-size: 24px; padding: 5px; margin: 0; text-align:center;
  background: #9C3;  position:absolute; right: 5px; bottom: 20px; height: 25px; width: 25px;
  border:none; color: #FFF;}


::selection, ::-moz-selection, ::-webkit-selection{
  background-color:#EF4; color:#122;}

.fgalactroom {display:none !important; }

/* CAPTIONS */
div.caption { margin: 0; padding:0; position: relative; }
div.caption p { position: absolute; margin: 0; padding: 2px 0; font-size: 11px; width:80px;
bottom: 0; left: 0; background:#344; color: white; opacity: 0.7; text-align:center; }
div.caption img { margin: 0; padding: 0; }

/* Danke Edits  */
h3.undrlw { border-bottom: solid 1px #FFF; padding: 5px; margin: 1em 0 0.5em 0; }
#relevantlinks {padding-top: 20px; font-size: 80%; }
#relevantlinks a {margin-left: 1.5em; text-decoration: underline}
.orange { color: #FFB71A;font-size: 150%; font-style: italic;} /* prev:#FFCE35 */ 

span.lenprint { display:none; visibility:hidden;}


/* 1501 + pemi 4 mobile test */

img {max-width: 100% !important; }