body
{
    background: #fff url(graphics/bodyBckgnd.png) repeat-x;
    color: #3b3b3b;
    font-family: Verdana;
    font-size: 12px;
    margin: 0px auto;
}

.normalni
{
    color: #000;
	font-size: 12px;
	font-family: Verdana;
	margin: 0px;
	padding: 0px;
}

.nadpis
{
	color: #13618E;
	font-size: 19px;
	font-weight: normal;
	font-family: Verdana;
	margin: 0px;
    margin-bottom: 10px;
}

.popis
{
    color: #3b3b3b;
	font-weight: bold;  
	font-size: 11px;
	font-family: Verdana; 
}

#staticBanner {
	position: fixed;
	top: 210px;
	left: 50%;
	margin-left: 505px;
	background: transparent url('graphics/staticBanner.png') no-repeat left top;
	width: 170px;
	height: 210px;
	padding: 50px 15px 0 20px; 
}
#staticBanner strong {    
  color: #2d88b8;
  display: block; 
  font-size: 14px;
}
#staticBanner ul {    
      margin: 0px;
      padding: 10px 0 0 10px;
      list-style: none;
}    
 #staticBanner ul li {    
       background: url('graphics/ul-li-sep.png') no-repeat left 4px;
      margin: 0px;
      padding: 0px 0 3px 10px;

      
}
/***************************/      


.content a {
   color: #13618E;
   text-decoration: underline;
}
.content a:hover {
   color: #13618E;
   text-decoration: none;
}                            
.content a.external {
   padding-right: 13px ;
   background: transparent url('graphics/external-link2.png') no-repeat right center;
  
}  

/*****************************/

#imagePanel img
{    
    border: 0px;
}

#mainPanel
{
    margin: 0px auto;
    width: 1008px;
}

#pageHeader
{
    height: 136px;
    width: 1000px;
    padding: 0px 4px;
}

#pageHeader img
{
    border: 0px;
}

#pageHeaderLeft
{
    float:left; 
    width: 630px; 
    display:table-cell;
}

#pageHeaderLeft a
{
    display:block;
}

#pageHeaderRight
{
    width: 370px; 
    display:table-cell;
    float:right;
    margin: 0px;
}

#menuPanel
{
    width: 1000px;
    /*height: 365px;*/
    padding: 0px 4px;
    background: url(graphics/contentBckgnd1.png) no-repeat;
}

#guidepostPanel
{
    height: 300px;
    background: #115b86;
}

#guidepostPanelNonSL
{
    width: 993px;
    height: 294px;
    background: url(graphics/banners/bannerBckgnd.png) repeat-x;
    padding: 6px 0px 0px 7px;
}

.banner
{
    margin-right: 2px;
    float: left;
    display: table-cell;
}

.banner a
{
    text-decoration: none;
}

.banner img
{
    border: 0px;
}

#pagePanel
{
    width: 1008px;
}

#pagePanelOuter
{
    width: 1008px;
    padding: 0px 0px 7px 0px;
    background: url(graphics/shadowBottom.png) no-repeat left bottom;
}

#pagePanelInner
{
    width: 1000px;
    padding: 0px 4px;
    background:  url(graphics/shadowBckgnd.png) repeat-y;
}

div#pageContent
{
    min-height: 379px;
    background: #fefefe url(graphics/contentTransBckgnd.png) repeat-x;
    width: 974px;
    padding: 13px;
}

div#pageContent a
{
    text-decoration: underline;
    color: #13618e ;
}

#navigacePopis
{
    font-weight: bold;
    font-size: 11pt;
}

#aktualitaArea
{
    background: url(./graphics/menuBottom.png) no-repeat left bottom;
    padding-bottom: 10px;
}

#aktualitaPopisArea
{
    padding: 6px 20px 9px 20px;
    height: 12px;
    background: url('./graphics/aktualityHeader.png') no-repeat top left;
}

#aktualityPanel
{
    padding: 15px;
    background: #000 url('./graphics/aktualityPanelTop.png') repeat-x top left;
}

#aktualitaPopis
{
    color: #868686;
    font-size: 12px;
}

.aktualitaItem
{
    background-color: #090909;
    width: 192px;
    padding: 5px;
    margin-bottom: 3px;
}

.aktualitaItem p
{
    margin: 0px;
}

.moreAnchor a
{
    color: #da4811;
    font-size: 10px;
    padding-right: 14px;
    background: url('./graphics/aktualitaSipka.png') no-repeat center right;
}

.aktualitaItem h3
{
    color: #fff;
    font-size: 12px;
    margin: 0px;
    margin-bottom: 5px;
}

.aktualitaItemPopis
{
    color: #868686;
    font-size: 10px;
}

#Searching
{
    margin: 50px 0px 0px 120px;
    *position: relative;
    *right: 130px;    
}

div.SearchBox
{
    margin-top: 6px;
    margin-left: 12px;
    height: 22px;
    display: table-cell;
    float: left;
    width: 209px;
    padding: 0px;
}

div.SearchBtn
{
    *position: relative;
    *left: 10px;   
    padding: 8px 0px 0px 6px;
    height: 16px;
    display: table-cell;
    width: 16px;
    margin: 0px;
}

#SearchBox
{
    height: 14px;
    width: 198px;
    border:1px #3c7c9b solid;
    padding: 2px;
    font-size: 12px;
    color: #888;
}

#SearchBtn
{
    height: 16px;
    width: 16px;
    border: 0px;
}

#headerMenuPanel
{
    margin: 35px 0px 0px 130px;
}

ul#headerMenu
{
	height: 14px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#headerMenu li
{
	float: left;
	padding: 0px 10px;
	border-left: 1px #13618e solid;
}

ul#headerMenu li.first
{
	border: 0;
}

ul#headerMenu li a
{
    text-decoration: none;
	color: #13618e;
}

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

#menuArea
{
    background: url('./graphics/mainMenuLeft.png') no-repeat top left;
    padding-left: 23px;
    /*margin-bottom: 5px;*/
}

#menuAreaInner
{
    background: url('./graphics/mainMenuRight.png') no-repeat top right;
    padding-right: 23px;
    /*margin-bottom: 5px;*/
}

ul#menu
{
	height: 37px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: url('graphics/mainMenuBckgnd.png') repeat-x;   
}

ul#menu li
{
	height: 29px;
	position: relative;
	float: left;
	_display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	padding-left: 3px;
	cursor: pointer;
	border-right: 1px #20749a solid;
	border-left: 1px #142154 solid;
}

ul#menu li span
{
	height: 29px;
	display: block;
	padding-right: 3px;
}

ul#menu li span span
{
	height: 29px;
	display: block;
}

ul#menu li span span a
{
	display: block;
	height: 14px;
	margin: 0px;
	padding: 5px 7px 10px 7px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

ul#menu li.selectedFirst,
ul#menu li.selectedLast,
ul#menu li.selected,
ul#menu li:hover
{
	margin: 0px 1px;
    height: 37px;
    border: 0;
	background: url('graphics/selectedMenuItemLeft.png') no-repeat top left;
}

ul#menu li.selectedFirst,
ul#menu li.first:hover
{
	margin: 0px 1px 0px 0px;
}

ul#menu li.selectedLast,
ul#menu li.last:hover
{
	margin: 0px 0px 0px 1px;
}

ul#menu li.selectedFirst span,
ul#menu li.selectedLast span,
ul#menu li.selected span,
ul#menu li:hover span
{
	height: 37px;
	background: url('graphics/selectedMenuItemRight.png') no-repeat top right;
}

ul#menu li.selectedFirst span span,
ul#menu li.selectedLast span span,
ul#menu li.selected span span,
ul#menu li:hover span span
{
	height: 37px;
	background: url('graphics/selectedMenuItemBckgnd.png') repeat-x;
}

ul#menu li.selectedFirst span span a,
ul#menu li.selectedLast span span a,
ul#menu li.selected span span a,
ul#menu li:hover span span a
{
	padding-top: 10px;
	background: url('graphics/selectedMenuItemCenter.png') no-repeat;
}

ul#menu li:hover a
{
	padding-top: 10px;
}

ul#menu li a
{
	margin: 0px;
	padding: 5px 7px 6px 7px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	display: block;
}

#submenuArea
{
    background: #a80a1b url('./graphics/subMenuBckgnd.png') repeat-x top left;
    padding-left: 23px;
    height: 28px;
    /*margin-bottom: 5px;*/
}

ul#menu ul
{
	height: 28px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0;
	top: 37px;
	display: block;
	visibility: hidden;
	/*z-index: 100;*/
	width: 400px;
}

ul#menu ul li
{
	height: 12px;
	float: left;
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
	padding-left: 11px;
	padding-right: 11px;
	border: 0;
	border-left: 1px #fff solid;
}

ul#menu li.selectedFirst ul li.first,
ul#menu li.selectedLast ul li.first,
ul#menu li.selected ul li.first,
ul#menu li:hover ul li.first,
ul#menu li.first
{
	border-left: 0;
}

ul#menu li.selectedFirst ul li.first,
ul#menu li.selectedLast ul li.first,
ul#menu li.selected ul li.first,
ul#menu li:hover ul li.first
{
	/*padding-left: 11px;*/
}

ul#menu li.selectedFirst ul li.last,
ul#menu li.selectedLast ul li.last,
ul#menu li.selected ul li.last,
ul#menu li:hover ul li.last,
ul#menu li.last
{
	border-right: 0;
}

ul#menu ul li.first:hover,
ul#menu ul li.last:hover
{
	margin: 8px 0px 0px 0px;
}

ul#menu ul li a
{
	margin: 0px;
	padding: 0px;
    font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
}

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

ul#menu li:hover ul li a
{
	padding-top: 0px;
}

ul#menu li.selectedFirst ul li,
ul#menu li.selectedLast ul li,
ul#menu li.selected ul li,
ul#menu li:hover ul li,
ul#menu ul li:hover
{
	margin: 0px;
    height: 12px;
    border: 0;
	margin-top: 8px;
	border-left: 1px #fff solid;
	background: none;
}

.contentNadpis
{
    margin: 0px;
    color: #13618e;
    font-size: 18px;
    font-weight: normal;
    display: block;
}

.loggedNadpis
{   
    padding-left: 36px;   
    height: 24px;
    padding-top: 1px;
    margin-left: 2px;
}

.odkazyNadpis
{
    background: url('./graphics/loga/odkazyLogo.png') no-repeat center left; 
}

.partneriNadpis
{
    background: url('./graphics/loga/partneriLogo.png') no-repeat center left;
}

.aktualityNadpis
{
    background: url('./graphics/loga/aktualityLogo.png') no-repeat center left;  
}

.projektyNadpis
{
    background: url('./graphics/loga/projektyLogo.png') no-repeat center left;  
}

.contentPanel
{
    border: 1px #9aacc1 solid;
      background: url('./graphics/ content-bg-blue.jpg') repeat-x top left;   
}



#contentFooter
{
    margin-top: 5px;
    height: 14px;
    padding: 3px 0px 3px 20px;
}

#contentFooter span
{
    font-size: 10px;
}

#contentFooter span#poweredBy
{
    margin-left: 503px;
}

#contentFooter span#poweredBy a
{
    color: #13618e;
}

div.contentDetails
{
	width: 100%;
	height: 15px;
	font-size: 11px;
	margin-top: 5px;
	color: #3b3b3b;
}

div.contentDetails a
{
	color: #3b3b3b;
	font-weight: bold;
	text-decoration: none;
}

div.contentDetails a:hover
{
	text-decoration: underline;
}

div.contentDetails div#details
{
    float: left;
    display: table-cell;
}

div.contentDetails div#autorDetail
{
    text-align: right;
    display: table-cell;
}

div.content
{
	margin-top: 10px;
	color: #3b3b3b;
}

ul#quickLinks
{
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
	list-style: square;
	display: block;

}

ul#quickLinks li
{
    margin-bottom: 3px;
}

ul#quickLinks li a
{
	font-size: 13px;
	color: #13618e;
	text-decoration: underline;
}

#allNews
{
    text-align: right;   
}

#pageContent a:hover
{
	text-decoration: none;
}

#pageContent #allNews a
{
	font-size: 10px;
	color: #13618e;
	text-decoration: underline;
}

#pageContent #allNews a:hover
{
	text-decoration: none;
}

#partnersList td
{
    vertical-align: middle;
    text-align: center;
}

#partnersList img
{
    border: 0;
}

#projectsList td
{
    vertical-align: middle;
    text-align: center;
}

#projectsList img
{
    border: 1px #777 solid;
}

#projectsList td p
{
    margin: 2px 0px 0px 0px;
}

#projectsList td h4
{
    margin-top: 5px;
}

#projectsList td p a
{
	color: #3b3b3b;
    text-decoration: none;
}

.zdrojAnchor
{
    padding: 10px 0px;
    text-align: left;
}

.zdrojAnchor a
{
    color: #da4811;
}

#imgPanel
{
    float: left;
    margin: 0px 10px 10px 0px;
}

#imgPanel img
{
    border: none;
}

div.seznamClankuItem
{
	margin: 10px 0px;
	color: #000;
}

div.seznamAktualitItem
{
    margin-left: 4px;
}

.obrazekClanekItem
{
    width: 80px;
    text-align: center;  
    float: left; 
    margin-right: 10px;
}

span#imageDescription
{
    width: 340px;
    display: table-cell;
    float: left;
}

span#fullImage
{
    width: 164px;
    text-align: right;
    display: table-cell;
}

span#fullImage a
{
    background: url('graphics/fullImageIcon.png') no-repeat center left;
    padding-left: 12px;
    color: #858787;
}

#sortingAnchors
{
    margin: 0px 0px 20px 0px;
}

#sortingAnchors span
{
    margin: 0px 5px;
	color: #bbb;
}

#sortingAnchors span a
{
    text-decoration: none;
	color: #bbb;
}

#sortingAnchors span a:hover
{
    text-decoration: underline;
}

.obrazekClanekItem img
{
    border: 0px;   
}

div.seznamClankuItem hr
{
	border: 0;
	background-color: #CFCD80;
	color: #CFCD80;
	height: 1px;
}

div.seznamClankuItem p
{
	margin: 0px;
	font-size: 12px;
	color: #3b3b3b;
}

div.seznamClankuItem p.seznamClankuDatum
{
	font-size: 10px;
}

#pageContent a.seznamClankuOdkaz
{
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	color: #13618e;
	width: 100%;
	text-decoration: underline;
}

#pageContent a.seznamClankuOdkaz:hover
{
	text-decoration: none;
}

#searchControls
{
    width: 400px;
}

.posledniClanek
{
    float: left;
    width: 226px;
    display: table-cell;
}

.posledniClanek a
{
    color: #fff;
}

.posledniClanek p
{
    margin: 5px 0px;
}

.posledniClanek img
{
    border: 0px;
}

.obrazekPoslednihoClanku
{
    width: 226px;
    height: 170px;
    margin-bottom: 5px;
    text-align: center;
}

.nadpisPoslednihoClanku
{
    font-weight: bold;
}

.popisPoslednihoClanku
{
    font-size: 10px;
}

#vsechnyClankyArea
{
    text-align: right;
}

#bannerPanel hr
{
    color: #272727;
    height: 0px;
    border: 1px #272727 solid;
    margin: 5px 0px 2px 0px;
    padding: 0px;
}

.banner
{
    margin-top: 3px;
}

.banner a
{
    text-decoration: none;
}

.banner a img
{
    border: 0px;
}

#rozcestnikLabel
{
    margin: 0px 0px 5px 0px;
    font-size: 12px;
}

#searchControls
{
    width: 400px;
}

#searchBox
{
    float: left;
    width: 280px;
    margin-right: 10px;
	background-color: #f5f5f5;
}

#searchButton
{
    width: 100px;
}

#UPSearchOptions
{
    margin: 2px 0px;
    padding: 0px 2px;
}

#showSearchOptions
{
    font-size: 12px;
    color: #000;
    margin: 0px;
}

#searchOptionsPanel
{
    margin-top: 5px; 
}

#UPContactForm table td span {
   width: 190px !important;
   padding-right: 5px;
   white-space: nowrap;
} 

#UPContactForm table input#NameBox,
#UPContactForm table input#FirmBox,
#UPContactForm table input#EmailBox,
#UPContactForm table input#PhoneBox,
#UPContactForm table input#verifyingBox {
   width: 400px !important;
}   
   
#UPContactForm table select#SubjectAreaDDL {
   width: 406px !important;
}  
#UPContactForm table textarea#MessageBox  {
   width: 400px !important;
}
#UPContactForm table input#verifierRefresh {
   margin-left: 5px;
}