/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro ATO
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    1.2.2010

	==[ TOC ]==
  1. Základní tagy  (tělo)
      1.1 Tags      (všeobecné prvky - h1, input, ...)
      1.2 Classes   (všobecné třídy - .clear, .float-x ..)
  2. Layout         (rozvržení celé stránky)
  3. Header         (Hlavička)
      3.1 Navigace
  4. Content        (obsah)
      4.1 Všeobecné prvky (h1, a, img)
      4.2 Hlavní stránka
      4.3 Podstránky
  5. Sidebar
      5.1 Sidebar Left
      5.2 Sidebar Right
  6. Footer         (patička)
  7. Other         (ostatní)

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

/* 1. Body -----------------------------------------------------------------*/
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('../images/bg/body.png') repeat-x left top;
    color: #686868;
    font-family: Arial, 'Arial CE', sans-serif;
    font-size: 0.8em;
    text-align: left;
}

:focus { outline:none; }

/* 1.1 Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 0px; padding: 0px 0px 15px 0px; line-height: 150%}

img { border: none; }
img.noborder { border: none; }

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

h1, .h1 { font-size: 1.9em; padding: 0px 0px 15px 0px; color: #006aaf; }
h2, .h2 { font-size: 1.6em; padding: 10px 0px 10px 0px; color: #de4130; }
h3, .h3 { font-size: 1.3em; padding: 10px 0px 10px 0px; font-weight: bold; }

a { color: #008067; }
a:hover { color: #800000; text-decoration: none; }

ul
{
    margin: 5px 0px 0px 20px;
    padding: 0px;
}

ul li
{
    margin: 0px;
}

table
{
    border-collapse: collapse;
}

form
{
    margin: 0px;
    padding: 0px;
}

textarea
{
    margin: 0px;
    padding: 2px;
    color: #686868;
    font-size: 12px;
    overflow: auto;
}

input
{
    margin: 0px;
    padding: 2px;
    color: #686868;
    font-size: 12px;
}

legend
{
    color: #0000ff;
    font-weight: normal;
}

/* 1.2 Classes -------------------------------------------------------------*/

.clear
{
    clear: both;
    height: 1px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
}

.clear-l {clear: left;}
.clear-r {clear: right;}
.clear-b {clear: both;}

.float-l {float: left;}
.float-r {float: right;}

img.left
{
    float: left;
    margin: 0px 10px 10px 0px;
}

img.right
{
    float: right;
    margin: 0px 0px 10px 10px;
}

a.img
{
    text-decoration: none;
}

a.img img
{
    border: 3px solid #999999;
}

a:hover.img img
{
    border: 3px solid #de4130;
}

.indent
{
    padding-bottom: 10px;
}

h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a { color: #008067; }
/* 2. Layout --------------------------------------------------------------*/
#header
{
    height: 248px;
    background: url('../images/bg/header.jpg') no-repeat center top;
}

#headerContent
{
    position: relative;
    width: 1002px;
    height: 199px;
    margin: 0px auto;
}

#navig
{
    width: 1002px;
    height: 49px;
    margin: 0px auto;
    background-color: #999999;
}

#wrap
{
    width: 1002px;
    margin: 0px auto;
    background: url('../images/bg/wrap.png') repeat-y left top;
}

body.main #wrap
{
    background: url('../images/bg/wrapMain.png') repeat-y left top;
}

#path
{
    height: 29px;
    padding: 0px 0px 0px 20px;
    color: #838383;
    line-height: 29px;
}

#container
{
    width: 980px;
    padding: 0px 11px 0px 11px;
    background: url('../images/bg/container.png') no-repeat left top;
}

body.main #container
{
    background: url('../images/bg/containerMain.png') no-repeat left top;
}

#content
{
    float: left;
    width: 727px;
    padding: 20px 21px 0px 232px;
}

body.main #content
{
    width: 516px;
}

#sideRight
{
    float: left;
    width: 211px;
    padding: 20px 0px 0px 0px;
}

#sideLeft
{
    float: left;
    width: 211px;
    margin: 0px 0px 0px -980px;
    padding: 20px 0px 0px 0px;
    border-bottom: 1px solid #e4e4e4;
}

.clearLayout
{
    clear: both;
    width: 980px;
    height: 10px;
    background: url('../images/bg/clearLayout.png') no-repeat left top;
    overflow: hidden;
}

body.main .clearLayout
{
    background: url('../images/bg/clearLayoutMain.png') no-repeat left top;
}

#footer
{
    width: 980px;
    margin: 0px 11px 0px 11px;
    background: url('../images/bg/footer.png') no-repeat left bottom;
    height: 133px;
}

/* 3. Header   -------------------------------------------------------------*/
#header .logo
{
    display: block;
    position: absolute;
    left: 30px;
    top: 19px;
    width: 104px;
    height: 115px;
}

#header form.search
{
    position: absolute;
    left: 635px;
    top: 147px;
}

#header form.search input.inputText
{
    margin: 0px;
    padding: 7px 0px;
    width: 120px;
    background: none;
    border: none;
}

#header form.search input.submit
{
    margin: 0px 0px 0px 42px;
    padding: 0px;
    width: 50px;
    height: 29px;
    background: none;
    border: none;
    color: #ffffff;
}

#header .langs
{
    position: absolute;
    left: 893px;
    top: 155px;
}

#header .langs a
{
    text-decoration: none;
    color: #494949;
    font-size: 10px;
}

#header .langs a:hover
{
    color: #e0e0e0;
}

#header .langs a img
{
    vertical-align: text-bottom;
}

#header .langs a.active
{
    color: #ffffff;
}

/* Členové */
#top
{
    width: 920px;
    height: 25px;
    margin: 0px auto;
    padding: 0px;
    background-color: #ebebeb;
}

#top .clenoveNadpis
{
	float: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #045EA8;
	font-weight: bold;
}

#top .clen
{
    float: left;
    height: 25px;
    padding: 0px 5px; /*old 0px 15px */
    /*background: url('../images/bg/topDiv.png') no-repeat right top;*/
}

#top .clen a
{
    display: block;
    float: left;
    height: 25px;
    cursor: pointer;
}

#top .clen a.ct { width: 32px; background: url('../images/content/ct0.png') no-repeat center center; }
#top .clen a:hover.ct { background-image: url('../images/content/ct1.png'); }

#top .clen a.nova { width: 59px; background: url('../images/content/nova0.png') no-repeat center center; }
#top .clen a:hover.nova { background-image: url('../images/content/nova1.png'); }

#top .clen a.prima { width: 50px; background: url('../images/content/prima0.png') no-repeat center center; }
#top .clen a:hover.prima { background-image: url('../images/content/prima1.png'); }

#top .clen a.aka { width: 56px; background: url('../images/content/aka0.png') no-repeat center center; }
#top .clen a:hover.aka { background-image: url('../images/content/aka1.png'); }

#top .clen a.barr { width: 37px; background: url('../images/content/barr0.png') no-repeat center center; }
#top .clen a:hover.barr { background-image: url('../images/content/barr1.png'); }

#top .clen a.atm { width: 65px; background: url('../images/content/atm0.png') no-repeat center center; }
#top .clen a:hover.atm { background-image: url('../images/content/atm1.png'); }
/* 3.1 Navigace -------------------------------------------------------------*/
#navig ul
{
    height: 49px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#navig ul li
{
    float: left;
    height: 49px;
    padding: 0px 1px 0px 0px;
    background: url('../images/bg/navigLi.png') no-repeat right top;
}

#navig ul li.last
{
    padding: 0px;
    background: none;
}

#navig ul li a
{
    display: block;
    float: left;
    height: 49px;
    padding: 0px 38px;
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
    line-height: 49px;
}

#navig ul li a:hover
{
    text-decoration: underline;
}

#navig ul li.active a
{
    background: url('../images/bg/navigLiActive.png') no-repeat center top;
}

#path a
{
    float: left;
    color: #838383;
}

#path span
{
    display: block;
    float: left;
    width: 20px;
    height: 29px;
    background: url('../images/bg/pathArrow.png') no-repeat center center;
}
/* 4. Content    (obsah) ---------------------------------------------------*/

/* 4.1 Všobecné prvky ------------------------------------------------------*/

#content ul, #content ol
{
	margin-bottom: 10px;
}

#content ul li
{
    list-style: none;
    padding: 3px 0px 3px 15px;
    background: url('../images/bg/li.gif') no-repeat 0px 7px;
    text-align: justify;
}

#content ol li
{
	padding: 3px 0px 3px 15px;
}

/* Box s uvozovkama */
#content .quote
{
    width: 516px;
    margin: 10px 0px;
}

#content .quote .top
{
    width: 516px;
    height: 25px;
    background: url('../images/bg/quoteTop.png') no-repeat left top;
    overflow: hidden;
}

#content .quote .middle
{
    width: 436px;
    padding: 0px 40px;
    background: url('../images/bg/quoteMiddle.png') repeat-y left top;
    font-weight: bold;
}

#content .quote .bottom
{
    width: 516px;
    height: 25px;
    background: url('../images/bg/quoteBottom.png') no-repeat left top;
    overflow: hidden;
}

/* Tabulka formátovaná do šeda */
#content table.grey
{
    width: 99%;
    margin: 10px 0px;
    color: #484848;
}

body.main #content table.grey
{
	width: 516px;
}

#content table.grey tr th
{
    margin: 0px;
    padding: 7px 5px;
    background: url('../images/bg/tabGreyHeading.png') repeat left top;
    color: #2e85bd;
}

#content table.grey tr td
{
    padding: 7px 5px;
}

#content table.grey tr.odd td
{
    background-color: #e2e2e2;
}

#content table.grey.greySmall tr td
{
	font-size: 0.8em
}

#content table.grey tr td p
{
	line-height: 100%;
	padding: 0px 0px 5px 0px;
}

#content table.grey tr td.stahnout
{
	font-size: 1.2em;
	text-align: right;
}

#content table.grey.bordered, #content table.grey.bordered td, #content table.grey.bordered th
{
	border: 1px solid #999999;
}
/* 4.2 Hlavní stránka ------------------------------------------------------*/

/* 4.3 Podstránky ----------------------------------------------------------*/

/* 5. Sidebar --------------------------------------------------------------*/

/* 5.1 Sidebar left --------------------------------------------------------*/
#sideLeft .h2, #sideLeft .h3
{
    padding-left: 10px;
    padding-right: 5px;
    color: #4d4d4d;
    font-size: 1.5em;
}

#sideLeft ul.sledovanost, #sideLeft ul.menu
{
    width: 181px;
    margin: 10px 20px 10px 10px;
    list-style: none;
}

#sideLeft ul.sledovanost li, #sideLeft ul.menu li
{
    width: 181px;
    background-color: #de4130;
}

#sideLeft ul.sledovanost li a, #sideLeft ul.menu li a
{
    display: block;
    width: 146px;
    padding: 10px 5px 10px 30px;
    background: url('../images/bg/sledovanostLi.png') no-repeat 10px 0px;
    border-top: 1px solid #e84b3a;
    border-bottom: 1px solid #7e0d01;
    color: #ffffff;
    text-decoration: none;
}

#sideLeft ul.sledovanost li a:hover, #sideLeft ul.menu li a:hover
{
	text-decoration: underline;
}

#sideLeft ul.menu li a
{
    background: url('../images/bg/menuLi.png') no-repeat 10px 0px;
}

#sideLeft ul.menu li.active a
{
    background: url('../images/bg/menuLiActive.png') no-repeat 10px 0px;
}

#sideLeft ul.menu li.active ul
{
    margin: 0px;
    list-style: none;

}
#sideLeft ul.menu li.active ul li a
{
    width: 140px;
    padding-left: 36px;
    background: #b92e1e url('../images/bg/menuLi2.gif') no-repeat 22px 0px;
    color: #caeaff;
    font-weight: normal;
}

#sideLeft ul.menu li.active ul li.active a
{
	background: #b92e1e url('../images/bg/menuLi2Active.gif') no-repeat 22px 0px;
	color: #ffffff;
	font-weight: bold;
}

#sideLeft ul.menu li.active ul li.active ul li a
{
	width: 121px;
	background: #b92e1e url('../images/bg/menuLi2.gif') no-repeat 40px 0px;
	padding-left: 55px;
	font-size: 0.9em;
	font-weight: normal;
	color: #CAEAFF;
}

#sideLeft ul.menu li.active ul li.active ul li a:hover
{
	text-decoration: underline;
}

#container #sideLeft ul.menu li.active ul li.active ul li.active a
{
	color: #ffffff;
	font-weight: bold;
	background: #b92e1e url('../images/bg/menuLi2Active.gif') no-repeat 40px 0px;
}

/* 5.2 Sidebar right -------------------------------------------------------*/
#sideRight .h2, #sideRight .h3
{
    padding-left: 10px;
    padding-right: 5px;
    color: #4d4d4d;
    font-size: 1.5em;
}

#sideRight .novinky .novinka
{
    padding: 10px 10px 0px 15px;
    border-bottom: 1px solid #e4e4e4;
}

#sideRight .novinky .novinka span.date
{
    display: block;
    padding: 0px 0px 5px 0px;
    color: #101010;
}

#sideRight .novinky .novinka a.heading
{
    display: block;
    padding: 0px 0px 5px 0px;
}

#sideRight .novinky a.more
{
	clear: both;
	margin: 5px 0px 5px 15px;
}

/* 6. Footer ---------------------------------------------------------------*/
#footer .foot1
{
    float: left;
    width: 370px;
    padding: 50px 0px 0px 30px;
}

#footer .foot2
{
    float: left;
    width: 280px;
    padding: 40px 0px 0px 0px;
    color: #686868;
    font-size: 0.9em;
    font-weight: bold;
}

#footer .foot2 .float-l
{
    padding-right: 15px;
}

#footer .foot2 span
{
    color: #424141;
    font-size: 1.2em;
}

#footer .foot3
{
    float: left;
    width: 280px;
    padding: 20px 20px 0px 0px;
    text-align: right;
    line-height: 150%;
}

#footer .foot3 small
{
	line-height: 1em;
}

/* 7. Ostatní --------------------------------------------------------------*/
.fotogalerie
{
	text-align: center;
}

.fotogalerie img
{
	margin: 3px;
	border: 3px solid #999999;
}

.fotoPopisek
{
	float: left;
	padding: 20px 0px 10px 30px;
	text-align: center;
}

a.adobe
{
	display: block;
	float: left;
	height: 40px;
	padding-left: 40px;
	background: url('../images/bg/adobe.png') no-repeat 0px 0px;
	line-height: 40px;
}

a.document
{
	display: block;
	float: left;
	height: 40px;
	padding-left: 40px;
	background: url('../images/bg/document.png') no-repeat 0px 0px;
	line-height: 40px;
}

#content .kestazeni .kestazeniKategorie h2 span.souboru
{
	font-size: 0.6em;
	color: #686868;
}

#content .slovnikLetters
{
	font-size: 1.4em;
	background-color: #e0e0e0;
	border: 1px solid #d0d0d0;
	padding: 10px;
	margin-bottom: 15px;
}

#content .slovnikLetters a
{
	text-decoration: none;
}

#content .slovnikLetters a.active
{
	font-weight: bold;
	color: #DE4130;
}

#content .slovnikLetters a.noterms
{
	font-weight: bold;
	color: silver;
}

#content .slovnikLetters a:hover
{
	text-decoration: underline;
}

#content .slovnikLetters form
{
	padding-top: 10px;
}

#content .slovnikLetters form input.inputText
{
	width: 200px;
	border: 1px solid #cccccc;
	padding: 4px;
	margin-right: 10px;
}

#content .slovnikLetters form input.submit
{
	background-color: #DE4130;
	border: 1px solid #7E0D01;
	color: #ffffff;
}

#content .search_result
{
	font-style: italic;
	padding-bottom: 10px; 
}

#content .graph_inactive_heading, #content .graph_active_heading
{
	padding: 5px 0px 5px 0px;
}

#content .aktuality .aktualitaBox
{
	padding: 0px 0px 10px 0px;
}

#content .aktuality .aktualitaBox .datum
{
	font-weight: bold;
}

#content .aktuality .aktualitaBox h2
{
	padding: 5px 0px 10px 0px;
}

.graph-source
{
  width:95%;
  text-align:right;
  height:20px;
  margin-bottom:50px;
}

.graph_box_heading.front{
    font-size:1.25em;
    color:#DE4130;
    font-weight:bold;
}

.xml_result th,.xml_result td{
    text-align:center !important;
}

.table_front td,.table_front th{
	font-size:0.8em;
}

.xml_result td,.xml_result th{
	font-size:0.8em;
	max-width: 38px;
	word-wrap: break-word;
	padding-left:2px !important;
	padding-right: 2px !important;
}

.kestazeni td,.kestazeni th{
	text-align:left !important;
}
.graph-additional{
	margin-top:20px;
}
.vysledek-hledani{
	margin-bottom:20px;
}
.vysledek-hledani .link{
	margin-left:10px;
}