/*	Tento dokument popisuje layout webu 
	
	Author:	Dobreweby.com Tomáš Půža
		http://www.dobre-weby.cz
	Copyright:	
		Tento dokument je chranen podle Autorskeho zakona 121/2000 Sb.
		This document is protected by Author law 121/2000 Sb. Czech Republic
 */
  
  
html, body {
	margin:0px auto;
	padding:0px;
	text-align:center;
	
	background:url('/app_themes/web/img/layout/web-bgr.png') -4px;
	
	font-family:Arial
}

fieldset {
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:15px;
}

.main-header {
    position:absolute;
    left:0px;
    background:url('/App_Themes/web/img/Layout/main-header.jpg') no-repeat center;
    width:100%;
    height:390px;
}

.main-header-bgr {
    position:absolute;
    left:0px;
    background:url('/App_Themes/web/img/Layout/main-header-bgr.jpg') repeat-x;
    width:100%;
    height:390px;    
}

.page-bgr {
    position:absolute;
    top:390px;
    left:0px;
    background:url('/App_Themes/web/img/Layout/page-bgr.png') repeat-x;
    width:100%;
    height:808px; 
}

.mobox h1,
.mobox h2 {
    position:absolute;
    top:-35px;
    left:0px;

    width:310px;
    height:35px;
    line-height:35px;
    
    margin-top:0px;
    
    font-size:1.05em;
    font-weight:bold;
    color:#fff;
    padding-left:20px;
    background:url('/App_Themes/web/img/Layout/panelHeader.png') no-repeat;
}

.mobox h2 { cursor:move; }

.mobox {
    position:relative;
    background:#fff;
    margin-top:35px;
    margin-bottom:75px;
    margin-left:0px !important;
    width:290px;    
    padding:5px 10px;
}

.nopadding 
{
    padding:0px 1px;    
    width:308px;    
}

.moboxHead {
    width:290px;
    height:34px;
    line-height:34px;
    
    font-weight:bold;
    font-size:1.2em;
    padding-left:20px;
}

.moboxFooter {
    position:absolute;
    bottom:-18px;
    left:0px;
    width:310px;
    height:18px;

    background:url('/app_themes/web/img/layout/panelFooter.png') no-repeat;
}

.wideCenter { float:left; margin-top:-20px; }

.wideCenter h1 {
    position:absolute;
    top:5px;
    left:0px;

    background:url('/App_Themes/web/img/layout/h1.png') no-repeat;
    width:669px;
    height:64px;
    line-height:64px;
    
    font-size:1.1em;
    font-weight:bold;
    color:#fff;
    padding-left:15px;
}

.wideCenter h2 {
    font-size:1.1em;
}

.wideCenter > .panel 
{
    position:relative;
    width:613px;    
    margin-top:35px;
    margin-bottom:75px;
    margin-right:4px;
    padding:20px;
    padding-top:70px;
    background:#fff;
}

.wideCenter .panelFooter 
{    
    position:absolute;
    bottom:-18px;
    left:0px;
 
    width:653px;
    height:18px;

    background:url('/app_themes/web/img/layout/wide-center-bottom.png') no-repeat !important;
}

.wideCenter .panelHeader {
    position:absolute;
    top:-12px;
    left:0px;
    
    width:653px;
    height:18px;

    background:url('/app_themes/web/img/layout/wide-center-top.png') no-repeat !important;
}

#main {
	position:relative;    
	margin:0 auto;
}

.topPanel {
    position:relative;
    margin:0px auto;
    
    background:url('/App_Themes/web/img/Layout/top-panel-bgr.png') repeat-x; 
    height:40px;
    line-height:40px;   
}

.insideTop {
    position:relative;
	margin:0px auto;
    width:990px;
    text-align:center;
    color:#fff;
}

.search {
    position:absolute;
    top:0px;
    left:0px;
}

/* ----------------
     LOGIN INFO
------------------*/

.login {
    position:absolute;
    top:0px;
    right:0px;
}

.login a, .login:visited { color:#fff; }

.panelLogedUser { text-align:right; }

#main-frame {
	position:relative;
	margin:0px auto;
	text-align:left;
	border:none;
	width:990px;
	text-align:center !important;
}

#header {
    position:relative;
    width:990px;
    height:392px; 
}

#header .logoHome {
    position:absolute;
    width:180px;
    height:190px;
    top:80px;
    left:20px;
}

#header .slogan {
    position:absolute;
    top:90px;
    left:550px;
    width:380px;
    height:250px;
    text-align:left;
    
    color:#fff !important;
    /* #002600 */
}

#header .slogan .velky { font-size:1.8em;  font-weight:bold; font-family:Arial; margin-bottom:20px; }
#header .slogan .maly { font-size:1.1em;  font-weight:bold; font-family:Arial }


#navigation1 {
    position:relative;
    margin-bottom:78px !important;
    background:white;
    margin-top:30px;
    padding:0px !important;
}

#navigation1 h2 {
    position:absolute;
    top:-30px;
    left:0px;
    background:url('/app_themes/web/img/layout/menu-header.png') no-repeat;
    cursor:default;
}

#navigation1 .moboxFooter {
    position:absolute;
    bottom:-18px;
    left:0px;
    height:21px;
    background:url('/app_themes/web/img/layout/menu-footer.png') no-repeat !important;
    border-top:1px solid #fff;
    width:310px;
}

.SiteMapPath {
    position:absolute;
    
    top:40px;
    left:0px;
    padding-right:30px;    
    width:605px;
    
    text-align:right;
    font-size:0.9em;
    font-style:italic;
}

.content {
    position:relative;    
    text-align:left;    
    margin-top:-60px;
    margin-bottom:-30px;
}

.spacer {  }

.content-header {
    position:absolute;
    
    top:0px;
    left:0px;
    z-index:0;
}

.left {
    position:relative;
    float:left;    
    width:327px;
    margin-left:0px !important;
    margin:0px auto;
}

.center {
    position:relative;
    float:left;    
    width:320px;
    padding-left:10px;
    margin:0px auto;
}

.right {
    position:relative;
    float:left; 
    width:310px;
    margin:0px auto;
    padding-left:20px;    
}

.column {}

/* ----------------
        FOOTER
------------------*/

#footer {
    position:relative;
    margin:0px auto;
    width:990px;
    height:60px;
    background:url('/app_themes/web/img/layout/footer.png') no-repeat;
    margin-top:0px;
    margin-bottom:30px; 
}

.footer-inside {
	position:absolute;
    top:14px;
    padding:0px 13px;
    width:960px;
    
	margin:0px auto;
    text-align:left;
	
	color:#fff;
    font-weight:bold;
    font-size:0.85em; 
}

#footer .floated { float:left; width:470px; overflow:hidden;  }
#footer .right { text-align:right; }

#footer a, 
#footer a:visited { color:#fff !important; }
#footer a:hover { color:#000 !important; }

/* ----------------
    CONTROLS STYLE
------------------*/

.textbox,
input[type=password],
input[type=text] {
    background:#FBFBFB url('/app_themes/web/img/layout/textbox-bgr.png') repeat-x top;
    border:1px solid #012F01;
    height:20px;
    padding:0px 4px;
    padding-top:2px;
}

.commonButton,
input[type=submit] {
    background:#01A601 url('/app_themes/web/img/layout/button-bgr.png') repeat-x;
    border-top:2px solid #002D00;
    color:#fff;
    border:none;   
    height:23px;
    line-height:23px;
    
    font-size:0.75em;    
    font-family:Arial;
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
    hand:pointer;
}

.loginInput {
    width:140px;
}

/* ----------------
  SEARCH RESUTLS
------------------*/

.PageRecord { margin-bottom:20px; }
.PageFullUrl { margin-top:5px; font-size:0.85em; color:#009900 }

/* ---------------
  SCROLLABLE
------------------*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 380px;
	height:150px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .item {
	float:left;	
	width:380px;
	height:150px;
}

.moveButtons { margin-top:15px; }
.moveButtons a, .moveButtons a:visited
{
    background:#B0C6DB;
    border:1px solid black;
    padding:3px;
    margin:0px 3px;
    text-decoration:none;
    display:block;
    float: left;
    width:13px;
    height:13px;
    line-height:13px;
    text-align:center;
    font-weight:bold;
    
    filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

.moveButtons a:hover { color:#fff; }

.moveButtons a.active
{
    background:#FF7E14;
}

.CollabsibleContent { display:none; }