/*
  * Base Style Sheet for www.elvin.cz
  * version: screen.css, 2007/02
  * (c) 2007, Ales Skotnica
  * Frenstat pod Rahostem, Czech Republic
  * tel.: +420 775 565 850, http://www.skotnica.eu
*/



/***************** Telo */

    body {margin:0;padding:0px;background:#D9E3F0 url(img/bg/body.png) repeat-x;font-family:sans-serif;font-size:75%;font-style:normal;font-weight:normal;line-height:1.7em;text-align:center;color:#333333;}

/***************** zakladni HTML */
    q           {font-style:italic;quotes:"„" "“" "‚" "‘";}
    q:before    {content:open-quote;}
    q:after     {content:close-quote;}
    form        {margin:0;}
    img         {border:0;}
    * html td { font-size: 75%;}
    * html th { font-size: 75%;}


/***************** odkazy */
	a, a:link, a:visited      {color:#E22B35;text-decoration:underline;background-color:transparent;}
	a:hover, a:focus                    {color:#024799;text-decoration:underline;background-color:transparent;}
	a:active                            {color:#024799;text-decoration:underline;background-color:transparent;}
    a img, a:link img, a:visited img    {border-style:none;background-color:transparent;}

    .a-xls {padding: 5px 20px 5px 0;background:url(img/ic/icon_xls.gif) no-repeat center right;}
    .a-zip, .a-rar, .a-gzip, .a-bzip, .a-ace
        {padding: 5px 20px 5px 0;background: url(img/ic/icon_archive.gif) no-repeat center right;}
    .a-doc, .a-rtf {padding: 5px 20px 5px 0;background:url(img/ic/icon_doc.gif) no-repeat center right;}
    .a-txt {padding: 5px 20px 5px 0;background:url(img/ic/icon_txt.gif) no-repeat center right;}
    .a-xls {padding: 5px 20px 5px 0;background:url(img/ic/icon_xls.gif) no-repeat center right;}
    .a-pps {padding: 5px 20px 5px 0;background:url(img/ic/icon_pps.gif) no-repeat center right;}
    .a-pdf {padding: 5px 20px 5px 0;background:url(img/ic/icon_pdf.gif) no-repeat center right;}


/***************** ruzne obecne tagy */
    hr  {clear:both;display:none;}
    h1, h2, h3 {margin:0;padding:0;}
    .nscr {display:none;}
    .clr  {clear:both;}
    .clrfl {width:100%;overflow:hidden;}


    big {font-size:130%;font-weight:bold;font-variant:small-caps;}
    big strong {color:#f00;}
    small {font-size:90%;}
    .center {text-align:center;}
    .top40 {margin-top:40px;} .top10 {margin-top:10px;} .top20 {margin-top:20px;}
    .fl-right {float:right;margin:0 0 5px 15px;}
    .fl-left {float:left;margin:0 15px 5px 0;}

    .fl-r, a.fl-r {display:block;float:left;margin:0 0 5px 15px;width:auto;height:auto;}

/***************** layout */
    #page {margin:25px auto;padding:66px 0 0 0;width:750px;text-align:left;position:relative;}
    .section1 {background:#fff url(img/bg/header-1.jpg) no-repeat top left;}
    .section2 {background:#fff url(img/bg/header-2.jpg) no-repeat top left;}
    .section3 {background:#fff url(img/bg/header-3.jpg) no-repeat top left;}
    .section4 {background:#fff url(img/bg/header-4.jpg) no-repeat top left;}
    h1 {display:block;width:181px;height:50px;position:absolute;top:12px;left:12px;}
    h1 a {display:block;width:181px;height:50px;float:left;background:url(img/bg/h1-logo.jpg) no-repeat;}
    h1 span {display:none;}

/***************** topmenu */
    #topmenu {margin:0;padding:5px 0 0 0;height:30px;background:#054087;overflow:hidden;}
    * html #topmenu {height:35px;}
    #topmenu ul {list-style:none;margin:0 0 0 60px;padding:0;}
    #topmenu ul li {margin:0 5px 0 0;float:left;font-weight:bold;}
    #topmenu ul li a {display:block;margin:0;position:relative;padding:0 15px;line-height:30px;height:30px;width:auto;float:left;text-decoration:none;cursor:pointer;background:url(img/bg/topmenu-li.jpg) 0 0 repeat-x;color:#fff;}

    /*rohy */
    #topmenu ul li a span.tl {display:block;position:absolute;top:0;left:0;width:10px;height:10px;background: url(img/bg/topmenu-li-l.jpg) 0 0 no-repeat;}
    #topmenu ul li a span.tr {display:block;position:absolute;top:0;right:0;width:10px;height:10px;background: url(img/bg/topmenu-li-r.jpg) 0 0 no-repeat;}
    * html #topmenu ul li a span.tr {right:-1px;}

    #topmenu ul li a:hover {background-position:0 -30px;}
    #topmenu ul li a:hover span.tl {background-position:-10px 0;}
    #topmenu ul li a:hover span.tr {background-position:-10px 0;}

    #topmenu ul li.active a, #topmenu ul li.active a:hover {background:#fff;color:#0A4FA4;}
    #topmenu ul li.active a span.tl, #topmenu ul li.active a:hover span.tl {background:url(img/bg/topmenu-li-l-active.jpg) 0 0 no-repeat;}
    #topmenu ul li.active a span.tr, #topmenu ul li.active a:hover span.tr {background:url(img/bg/topmenu-li-r-active.jpg) 0 0 no-repeat;}

/***************** pata stranky */
    #foother {clear:both;padding:0 20px 13px 20px; background: url(img/bg/foother.gif) no-repeat bottom;}
    #foother p {padding:10px 0 0 0;margin:0;border-top:solid 1px #BFD1E6;width:100%;line-height:1em;font-size:80%;color:#666;}
    #foother a, #foother a:link, #foother a:active, #foother a:visited
        {color:#666;text-decoration:underline;}
    #foother a:hover
        {color:#f00;text-decoration:underline;}
    #counters {float:right;display:block;width:auto;}

/***************** layout obsahu */
    #content {padding:10px 20px;min-height:300px;height:auto;}
    * html #content {height:300px;}

    #content-main {float:right;width:500px;overflow:hidden;}
    #content-main-box {width:100%;}
    #content-left {width:170px;}
    #content-left-box {width:100%;}

/***************** pathnavigator */
    #path {line-height:1.4em;margin:0;padding:15px 0 25px 0;font-size:90%;color:#666;}
    #path strong {color:#666;}
    #path a, #path a:link, #path a:visited, #path a:active
        {color:#666;text-decoration:underline;}
    #path a:hover
        {color:#f00;text-decoration:underline;}
    #path .pthome a {padding-left:17px;background:url(img/bg/path-home.gif) no-repeat 0 50%;}
    #path .ptarr {padding:0 12px; background: url(img/bg/path-arr.gif) no-repeat 50% 50%;}
    #path .ptarr span {display:none;}

/***************** leve menu */
    #leftmenu {margin:0 0 20px 0;padding:0;border-top:solid 3px #BFD1E6;list-style:none;}
    #leftmenu li a, #leftmenu li a:link, #leftmenu li a:visited, #leftmenu li a:active
        {display:block;padding:3px 7px 3px 30px;text-decoration:none;background:transparent url(img/bg/leftmenu.png) no-repeat 0px 50%;color:#06499B;border-bottom:solid 1px #BFD1E6;}
    #leftmenu li a:hover
        {color:#06499B;background-position: -300px 50%;}
    * html #leftmenu li a
        {height:1px;}
    #leftmenu .active {font-weight:bold;}

/***************** nadpisy v obsahu stranky */
    #content-main-box h2, #content-main-box h3, #content-main-box h4
        {color:#4371A9;}
    #content-main-box h2 {color:#E22B35;font-size:160%;font-weight:normal;padding:10px 0 10px 0;margin:0 0 15px 0;/*background: url(img/bg/h2.png) no-repeat 0 50%;*/}
    #content-main-box h3 {font-size:140%;margin:10px 0 15px 0;padding:0 0 5px 0;font-weight:bold;background: url(img/bg/dot-h.gif) bottom repeat-x;}
    #content-main-box h4 {font-size:120%;margin:10px 0 10px 0;font-weight:bold;}
    #content-main-box h5 {font-size:110%;margin:10px 0 10px 0;font-weight:bold;}
    #content-main-box h6 {font-size:100%;margin:5px 0 5px 0;font-weight:bold;}

/***************** top ucha */
    #topTools {position:absolute;top:0;left:646px;margin:0;padding:0;width:auto;}
    #topTools a span {display:none;}
    .tool-h, .tool-c {display:block;width:33px;height:22px;float:left;margin:0 3px 0;padding:0;background:url(img/bg/topTools.gif) no-repeat 0px 0px;}
    .tool-h {margin:0 3px 0;}
    .tool-c {background-position:0px -22px;}
    .tool-h:hover {background-position:-33px 0px;}
    .tool-c:hover {background-position:-33px -22px;}

/***************** tabulka - kontakty */
    .tbl-c {margin:0 0 20px 5px;padding:0;width:100%;}
    .tbl-c th {text-align:left;font-weight:bold;padding-right:20px;}
    .tbl-c .th {text-align:left;padding-right:20px;}
    .tbl-c th, .tbl-c td {vertical-align:top;}

    .tbl-t {margin:0;padding:0;float:right;}
    .tbl-t td {margin:0;padding:0;}

/***************** tabulka  */
     .tbl {width:100%;padding:0;margin:0 0 25px 0;}
     .tbl thead th {text-align:center;vertical-align:top;line-height:1em; border-bottom:double #BFD1E6;border-top:solid 1px #BFD1E6;color:#06499B;}
     .tbl tbody th {text-align:left;vertical-align:top;line-height:1em;border-bottom:solid 1px #ccc;}
     .tbl tbody td {vertical-align:top;border-bottom:solid 1px #ccc;line-height:1em;}
     .tbl tbody td.title {border:none;padding:15px 0 5px 0;color:#4371A9;text-align:left;font-size:120%;font-weight:normal;background: url(img/bg/td-tidle.png) bottom repeat-x;}
     * html .tbl tbody td.title {font-size:100%;}
     .tbl tbody td.img  {padding-left:15px;}
     .tbl tbody td.img img {border:solid 1px #ccc;}

     .tbl-small th, .tbl-small td { font-size: 85%; }
     * html .tbl-small th, * html .tbl-small td { font-size: 60%; }

/***************** ruzne formatovani */
    .donwload { background: url(img/bg/download.jpg) no-repeat top right;padding-right:120px; }
    * html .donwload .tbl {width:380px;}
    .pht-list {list-style:none;margin:0;padding:0;}
    .pht-list .fl-right {margin:0 0 20px 35px;}
    .pht-list li { clear:both;background: url(img/bg/dot-h.gif) bottom repeat-x;width:100%;padding-bottom:10px;margin:0 0 20px 0;}