html 
{
    background-image: url(pozadi-html.png);
    background-repeat: repeat-x;
    background-color: #DDEAF0;
}

h1 
{
    font-size: 180%;
    font-weight: 700;
    color: #263D58;
}

h2 
{
    font-size: 140%;
    font-weight: 500;
    color: #F09612;
    margin: 2em 0 1em;
}    

h3
{
	margin: 0px;
}

p 
{
    line-height: 160%;
}

ul, ol 
{
    line-height: 180%;
}


body 
{
    font-family: "Arial CE", Sans-Serif;
    font-size: 0.8em;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	color: #575B5E;
}

body.body
{
   	background-image: url(mraky.jpg);
}

body.bodyMaster
{
   	background-image: url(index-mraky.jpg);
}


div.ContentPanel a
{
  color: #5BABCB;  
}

div.ContentPanel a:hover
{
  color: #F2A215;    
}

div.PagePanel
{
	position: relative;
	width: 960px;
	margin: 0 auto;
}


div.ContentPanel
{
	overflow: hidden;
	padding-top: 145px;
	padding-bottom: 20px;
}

div.CenterContentPanel
{
	width: 676px;
    float: left;
	background-color: #EEF5F8;
	padding: 0px 20px 20px;
}

div.MasterCenterContentPanel
{
	width: 683px;
    float: left;
	padding: 520px 20px 0 13px;
}

div.CenterContentPanelSitePosition
{
	width: 100%;
	height: 30px;
	padding-top: 20px;
	background-image: url(tecky-podstranka.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 85%;
}

div.HorizontalContentPanel
{
	position: absolute;
	left: 0;
	top: 487px;
	height: 162px;
	width: 955px;
	padding-left: 5px;
	background-image: url(pozadi-aktuality-okno.png);
	background-repeat: no-repeat;
	background-position: center top;
}

div.HorizontalContentPanel a
{
  color: #CC9E40;  
  font-style:normal;
}

div.HorizontalContentPanel a:hover
{
  color: #5BABCB;    
  font-style:normal;
}

div.HorizontalBoxLeft
{
	position: relative;
	width : 5px;
	height: 150px;
	float:left;
}

div.HorizontalBox
{
	width: 238px;
	float:left;
}

div.HorizontalBoxTop
{
	width : 236px;
	height:34px;
    padding: 6px 2px 0px 1px;
}

div.HorizontalBoxTopOut
{
	width : 231px;
	height:32px;
	padding: 1px;
	background-image: url(aktualita-nadpis-pozadi.png);
	background-repeat:  repeat-x;
}

div.HorizontalBoxTopOut h2
{
    margin: 0;
    padding: 5px 5px 0;
	width: 220px;
	height: 26px;
    color: #292E31;
    font-size: 11pt;
    font-weight: 700;
	
	border-top-color: #F1D288;
    border-top-width: 1px;
    border-top-style:solid;
	
    border-right-color: #F1D288;
    border-right-width: 1px;
    border-right-style: solid;
}

div.HorizontalBoxBottom
{
	width : 216px;
	height: 106px;
	padding: 5px 10px;

	border-right-color: #D7E1E6;
    border-right-width: 1px;
    border-right-style: solid;

    font-size: 85%;
    line-height: 170%;
}

img.ImageBoxBottom 
{
    display: block;
    float: right;
}

img.MainImage 
{
    position: absolute;
    display: block;
    left: 15px;
    top: 230px;
}

div.SideContentPanel
{
	width: 240px;
	margin: 0px;
	float: right;
}

div.SideContentPanelMenu
{
	height: 339px;
    border-bottom-color: #1E3146;
    border-bottom-width : 1px;
    border-bottom-style:solid;
    background-color: #263D58;
}


img.SideContentPanelMenuImage
{
    display: block;
	width: 240px;
	height: 49px;
}

div.SideContentPanelMenuIn
{
    padding-left: 17px;
}

div.SideContentPanelMenuIn div.MenuInItem 
{
    width: 208px;
    height: 25px;
    padding-top: 5px;
    background-image: url(submenu-tecky.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.SideContentPanelMenuIn a 
{
    padding-left: 15px;
    background-image: url(odrazka-submenu.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: White;    
    text-decoration: none;
}

div.SideContentPanelMenuIn a:hover 
{
  color: #F2A215;    
  text-decoration: underline;
}


div.SideContentPanelBanner
{
	margin: 0px;
	padding-top: 3px;	
}

div.MasterSideContentPanelBanner
{
	margin: 0px;
	padding-top: 168px;
}

img.SideBanner
{
	width:100%;
	height: 196px;
	margin: 0px;
}

img.ImageFooterLogo
{
	
	margin: 0px;
	padding-top: 18px;
	float: left;
	
}

div.FooterPanelText
{
		float: right;
		width: 826px;
		padding-top: 15px;
}

div.HeaderPanel 
{
    position: absolute;
    left: 0;
    top: 0;
    height: 95px;
    width: 100%;
}

img.HeaderLogoImage 
{
    display: block;
    border-style: none;
    position: absolute;
    left: 28px;
    top: 30px;
}

img.HeaderCisloImage 
{
    display: block;
    border-style: none;
    position: absolute;
    left: 550px;
    top: 25px;
}
    

img.HeaderEmailImage 
{
    display: block;
    border-style: none;
    position: absolute;
    left: 780px;
    top: 35px;
}


div.HorizontalMenuPanel
{
	position: absolute;
	left: 0px;
	top: 94px;
	height: 49px;
	width: 100%;
	background-repeat:  no-repeat;
}

div.MenuWin 
{
   	background-image: url(menu-normal-nosep.png);
}

div.MenuNoWin 
{
   	background-image: url(menu-normal-nowin.png);
}

div.FooterPanel
{
	position: relative;
	width: 100%;
   	background-image: url(paticka-linka.png);
	background-repeat:  no-repeat;
	overflow: hidden;
	font-size: 85%;
	
	line-height: 160%;
	color:#878787;
	padding-bottom:18px;
}

div.FooterPanel a
{
  color :#878787;

  font-style:normal;
  text-decoration: none;

}

div.xxx
{
	border-color: Black;
    border-width : 1px;
    border-style:solid;
    
    border-bottom-color: #F19288;
    border-bottom-width : 1px;
    border-bottom-style:solid;

}

DIV.BorderBottom 
{
    padding-bottom: 1em;
    border-bottom: dotted 1px #cccccc;
}

.ImageInPage
{
	border: 2px Solid #CED2D4;
	padding:1px;
	margin-left:8px;vertical-align:top;
}


.ImageInPage IMG
{
	vertical-align:top;
}