/* ----------------------------------------------------------------------------------------------------------

    Euro RSCG 4D (www.eurorscg4d.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         04/03/2009

---------------------------------------------------------------------------------------------------------- */

/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

body		        { font: normal 62.8%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif; background: #f6f6f6 url('../images/bg-body.gif') repeat-x; color: #000; text-align: center; padding: 0px 0 50px; }
a			          { color: #9d2e34; }
a:hover	        { text-decoration: underline !important; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: 1px solid #000; color: #535353 !important; vertical-align: middle; font-size: .9em; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 97px !important; height: 20px; overflow: visible; text-align: center; color: #fff; border: none; cursor: pointer; font-size: .9em; background: #d5151a url('../images/bg-submit.gif') no-repeat; }
label           { padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.2em; }
h3	{ font-size: 1.1em; }
h4	{ font-size: 1.0em; }
h5	{ font-size: 1.0em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #3f3f3f; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { text-align: left; }
#head    { font-size: 1.3em; position: relative; z-index: 10; }
#content { font-size: 1.3em; z-index: 1; }
#foot    { font-size: 1.3em; z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.small	   { font-size: .90em; }
.big       { font-size: 1.2em; }
.biggest   { font-size: 2em; }
.light     { color: #999999 !important; }
.clearfix  { overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.yellow    { color: #FFFF00 !important; }
.red       { color: #b7092a !important; }
.test      { border: 1px black solid; }
.smile     { vertical-align: middle; margin: 0 2px; }
.noBrd     { border: none !important; }
.noBrdL    { border-left: none !important; }
.noBrdR    { border-right: none !important; }
.autoWidth { width: auto !important; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }
.relative  { position: relative; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; text-decoration: none }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* -- Forms layout -- */
.formBox .lab			      {  }
.formBox .con			      {  }
.formBox .clearfix	    {  }
.formBox .button        { padding: 2px; }
.formBox .w100          { width: 98%; }
.formBox .button:focus  { border-color: #000; }

/* -- Cols layout -- */
.cols { height: 100%; overflow: hidden; }
.cols .col1 { float: left; }
.cols .col2 { float: right; }

.cols2v1 .col1 { width: 595px; }
.cols2v1 .col2 { width: 210px; }

.cols50 .col1,
.cols50 .col2 { width: 48% !important; }

/* -- Basic content constructs -- */
.list         { margin-bottom: 0 !important; }
.offsetTop    { margin-top: 1em; }
.offsetBottom { margin-bottom: 1em; }
.info         { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; }

/* -- Item -- */
.item { position: relative; margin-bottom: 10px; }

/* -- Layout -- */
#view         { width: 813px; margin: 0 auto; }
#head         { height: 160px; padding-top: 26px; margin-bottom: 10px; background: #fff url('../images/bg-head.jpg') no-repeat; }
#content      { padding: 0 5px 0 3px; overflow: visible; float: left; background: url('../images/bg-content.png') repeat-y; }
#content-top  { height: 20px; font-size: 0; background: url('../images/bg-content-top.png') repeat-y; }
#foot         { clear: both; height: 33px; padding: 11px 25px 0 20px; color: #fff; background: url('../images/bg-foot.png') no-repeat; }

  #head #logo { width: 250px; height: 100px; margin: 2px 0 14px 24px; }
        #logo span { margin-top: 2px; background: url('../images/bg-logo.gif') no-repeat; }
        
  #head #o_1188cz { position: absolute; width: 134px; height: 115px; top: 25px; right: 25px; }
        #o_1188cz span { background: url('../images/bg-1188cz.jpg') no-repeat; }
  
  #head #mainMenu { height: 46px; background: #4e4e4e url('../images/bg-menu.png') no-repeat; }
        #mainMenu ul { overflow: hidden; height: 100%; padding: 0 4px; }
        #mainMenu ul li { height: 39px; overflow: hidden; float: left; padding-right: 2px; background: url('../images/bg-menu-seaparator.gif') 100% 0 no-repeat; }
        #mainMenu ul li a { display: block; float: left; height: 29px; padding: 10px 18px 0; color: #fff; text-decoration: none; font-family: sans-serif; }
        #mainMenu ul li a.active { height: 40px; background: #d61d24 url('../images/bg-menu-active.gif') repeat-x; }
        #mainMenu ul li a.active:hover { text-decoration: none !important; }
        #mainMenu ul li.first a.active { background: #d61d24 url('../images/bg-menu-first-active.gif') no-repeat; }
        #mainMenu ul li.fr { padding-right: 0; padding-left: 2px; background: url('../images/bg-menu-seaparator.gif') 0 0 no-repeat; }
        
  #content #contentBlock { padding: 0 25px 30px 45px; width: 525px; background-color: #fff; }
           #contentBlock .navi { padding-bottom: 15px; font-size: .9em; margin-left: -5px; }
           #contentBlock .main { margin: -10px 0 1em -5px; font-size: 1.5em; }
  
           #contentBlock .item { width: 100%; height: 100%; clear: both; float: left; margin-bottom: 2em; }
           #contentBlock .item .head { font-size: 1.7em; }
           #contentBlock .item .head a { color: #555555; }
           #contentBlock .item .info { overflow: hidden; height: 30px; margin: 5px 0 10px; padding: 7px 10px; color: #555555 !important; background: url('../images/bg-item-info.gif'); }
           #contentBlock .item .info li { float: left; margin-right: 40px; }
           #contentBlock .item .info li.category { padding-left: 15px; background: url('../images/bg-item-category.gif') 0 50% no-repeat; }
           #contentBlock .item .info li.comments { padding-left: 15px; background: url('../images/bg-item-comments.gif') 0 50% no-repeat; }
           #contentBlock .item .info li.author { padding-left: 15px; background: url('../images/bg-item-author.gif') 0 50% no-repeat; }
           #contentBlock .item .info li.fr { margin-right: 0; }
           #contentBlock .item a { font-weight: bold; text-decoration: none; }
           #contentBlock .item a:hover { color: #ee1c24; text-decoration: none !important; }
           #contentBlock .item img { padding: 3px; border: 1px #c0c0c0 solid; margin: 3px 0 10px; }
           #contentBlock .item .date { position: absolute; width: 44px; height: 53px; left: -60px; top: 10px; font-weight: bold; text-align: center; background: url('../images/bg-item-date.gif') no-repeat; }
           #contentBlock .item .date .day { display: block; color: #555555; font-size: 1.4em; padding-top: 5px; }
           #contentBlock .item .date .month { display: block; color: #fff; font-size: .9em; padding-top: 5px; }
           
           #contentBlock .item h2 { font-size: 1.5em }
           #contentBlock .item h3 { font-size: 1.3em }
           #contentBlock .item h4 { font-size: 1.2em }
           #contentBlock .item h5 { font-size: 1.1em }
           
           #contentBlock .item .self p,
           #contentBlock .item .self ul,
           #contentBlock .item .self ol,
           #contentBlock .item .self table { margin-bottom: 1.5em; }
           #contentBlock .item .self ul { padding-left: 1em; }
           #contentBlock .item .self ul li { list-style: square; }
           #contentBlock .item .self ol { padding-left: 1.6em; }
           #contentBlock .item .self ol li { list-style: decimal; }
           #contentBlock .item .self img.alignleft { float: left; margin-right: 10px; }
           #contentBlock .item .self img.alignright { float: right; margin-left: 10px; }
           #contentBlock .item .self table th { background-color: #e4dede; }
           #contentBlock .item .self table th,
           #contentBlock .item .self table td { padding: 4px 5px; }
           
           #contentBlock .boxComments { clear: both; }
           #contentBlock .boxComments .h { overflow: hidden; height: 100%; padding-bottom: 10px; }
           #contentBlock .boxComments .in { padding: 10px 15px 10px; border: 1px #d3d3d3 solid; border-width: 1px 0; background-color: #f5f5f5; }
           #contentBlock .boxComments .comment { margin-bottom: 15px; padding-bottom: 6px; color: #585858; background: url('../images/bg-comment-bottom.gif') 0 100% no-repeat; }
           #contentBlock .boxComments .comment .head { overflow: hidden; height: 100%; padding: 0 10px 0 20px; }
           #contentBlock .boxComments .comment .head .fl { color: #d44349; }
           #contentBlock .boxComments .comment .head .fr { font-size: .9em; margin-top: 5px; }
           #contentBlock .boxComments .comment .self { padding: 20px 10px 5px 20px; background: url('../images/bg-comment-top.gif') no-repeat; }
           #contentBlock .boxComments .comment .self p { margin-bottom: 10px; }
           #contentBlock .boxComments .newComment { display: block; width: 115px; height: 19px; padding: 3px 0 0 14px; color: #fff; text-align: center; text-decoration: none; font-size: .85em; background: url('../images/bg-comments-new.gif') no-repeat; }
           #contentBlock .boxComments .newComment:hover { text-decoration: none !important; }
           #contentBlock .boxComments form { padding: 2em 0 0 5px; }
           #contentBlock .boxComments form .button { border-color: #939393; }
           #contentBlock .boxComments form h3 { margin-bottom: 10px; }
           #contentBlock .boxComments form input.button { width: 200px; margin-bottom: 6px; }
           #contentBlock .boxComments form .submit { width: 129px !important; height: 22px; font-size: .8em; float: right; margin: 5px 5px 0 0; background: url('../images/bg-comments-submit.gif') no-repeat; }
           
           #contentBlock .paging { overflow: hidden; height: 100%; clear: both; padding-top: 10px; }
           #contentBlock .paging .next { float: left; }
           #contentBlock .paging .prev { float: right; }
           
           
           #contentBlock .wp-polls-archive {}
           #contentBlock .wp-polls-archive .archive { display: none; }
           #contentBlock .inquiry { width: 300px; margin-bottom: 20px; }
           #contentBlock .inquiry p { margin: 0 !important; }
           #contentBlock .inquiry .question { padding: 5px 0 10px; margin-bottom: 10px !important; font-weight: bold; border-bottom: 1px #e3e3e3 dotted; }
           #contentBlock .inquiry .clearfix { overflow: hidden; height: 100%; }
           #contentBlock .inquiry .submit { margin: 10px; }
           #contentBlock .inquiry .bar { width: 78%; float: left; height: 4px; margin-top: 5px; background-color: #e4dede; }
           #contentBlock .inquiry .bar span { display: block; height: 100%; font-size: 0; background-color: #9d2e34; }
           #contentBlock .inquiry .res { width: 21%; float: right; text-align: right; font-size: .9em; }
           
           
           #contentBlock .gallery { overflow: hidden; height: 100%; margin-bottom: 20px; }
           #contentBlock .gallery .gallery-item { width: 124px; height: 120px !important; padding: 0 7px 0 0; margin: 0 0 10px 0; float: left; text-align: center; overflow: hidden; }
           #contentBlock .gallery .gallery-item .gallery-icon { height: 90px !important; }
           #contentBlock .gallery .gallery-item .gallery-icon img { padding: 3px; border: 1px #e5e5e5 solid; float: left; margin: 0; }
           #contentBlock .gallery .gallery-item .gallery-caption { clear: both; width: 100%; margin: 0; color: #b5b5b5; font-size: .8em; }
        
 		   #sidebar { width: 210px; overflow: hidden}
  #content #sidebar { padding-bottom: 50px; }
           #sidebar .box { margin: 0 17px 16px 16px; padding-top: 5px; overflow: hidden; height: 100%; }
           #sidebar .box .h { color: #555555; padding: 0 0 5px 14px; }
           #sidebar .box .in { padding: 5px 0 5px; color: #555555; font-size: .9em; overflow: hidden; height: 100%; }
           
           #sidebar .search { margin-left: 0; margin-right: 0; padding: 0; }
           #sidebar .search .in { padding: 0 17px 16px 16px; background: #555555 url('../images/bg-search.gif') repeat-y; }
           #sidebar .search .submit { height: 22px !important; margin-top: 10px; width: 99px !important; background: url('../images/bg-search-submit.gif') no-repeat; }
           
           #sidebar .boxWhite { width:180px; overflow: hidden }
           #sidebar .boxWhite .in { margin: 0; background-color: white; }
           
           #sidebar .submenu li { width: 100%; float: left; border-bottom: 1px #e3e3e3 dotted; }
           #sidebar .submenu li a { display: block; padding: 5px 10px 5px 20px; text-decoration: none; }
           #sidebar .submenu li a:hover { color: #ee1c24; text-decoration: none !important; background-color: #e4dede; }
           
           #sidebar .categories li { font-weight: bold; background: url('../images/bg-box-cats1.gif') 12px 1em no-repeat; }
           #sidebar .categories li a {  }
           #sidebar .categories li a.active,
           #sidebar .categories li a:hover { color: #ee1c24; text-decoration: none !important; background: #e4dede url('../images/bg-box-cats2.gif') 12px 1em no-repeat; }
           
           #sidebar .inquiry { padding-left: 10px !important; padding-right: 10px !important; }
           #sidebar .inquiry .question { padding: 5px 10px 10px; margin-bottom: 10px; font-weight: bold; border-bottom: 1px #e3e3e3 dotted; }
           #sidebar .inquiry .clearfix { padding-left: 8px; padding-right: 8px; overflow: hidden; height: 100%; clear: both; margin: 0; }
           #sidebar .inquiry .radio { width: 15px; float: left; padding-top: 3px; }
           #sidebar .inquiry .radioLabel { margin-left: 17px; }
           #sidebar .inquiry .text { padding: 0 8px !important; margin: 10px 0 5px !important; }
           #sidebar .inquiry .submit { margin: 10px; }
           #sidebar .inquiry .bar { width: 78%; float: left; height: 4px; margin-top: 5px; background-color: #e4dede; }
           #sidebar .inquiry .bar span { display: block; height: 100%; font-size: 0; background-color: #9d2e34; }
           #sidebar .inquiry .res { width: 21%; float: right; text-align: right; font-size: .9em; }
           
           #sidebar .calendar { padding: 10px 5px 10px !important; }
           #sidebar .calendar table { width: 100%; }
           #sidebar .calendar table th { text-align: center; color: #9d2e34; background: url('../images/bg-item-info.gif'); }
           #sidebar .calendar table td { text-align: center; font-size: .9em; }
           #sidebar .calendar table td a { font-weight: bold; }
           #sidebar .calendar table caption { margin-bottom: 13px; font-weight: bold; }
           #sidebar .calendar table tfoot td { padding-top: 10px; }
           
           #sidebar .text { padding: 10px 15px !important; }
           #sidebar .text li { padding: 4px 0; }
           
           #sidebar .rss { }
           #sidebar .rss a { display: block; margin: 0 10px; padding: 5px; font-weight: bold; color: #555555; text-decoration: none; background: url('../images/bg-rss.gif') 100% 50% no-repeat; }
           
           #sidebar .ads { background: none !important; }
           #sidebar .ads img { float: left; }
           
  
  #foot a { font-weight: bold; color: #fff; }         
  #foot ul li { display: inline; }
  #foot ul li a { margin: 0 7px 0 5px; text-decoration: none; }
  #foot p {}
  #foot .rss { padding-right: 24px; background: url('../images/bg-rss2.gif') 100% 50% no-repeat; }