body {
    background: #fff;
}

#canvas {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: 100%;
}
    body > #canvas {height: auto;}

/*** Hlavní obalovací elementy ***/
#page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 920px;						   /* sirka stranky (vcetne odsazeni) */
	min-height: 100%;
	text-align: left;
}
    #page {
    	padding: 195px 10px 70px 10px;	   /* vyska hlavicky/paticky, odsazení zprava/zleva */
    }
	
/*** HLAVIČKA ***/
#header {
	position: absolute;
	top: 0; left: 10px;
    width: 900px;
    height: 150px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
}
    #logo {
    	position: absolute;
    	top: 85px; right: 20px;
    	display: block;
        z-index: 1;
    	width: 200px;
    	height: 40px;
    }

/*** JAZYKOVÉ MUTACE ***/
#lang {
	position: absolute;
	top: 10px; right: 20px;
	z-index: 5;
}
    #lang a {}
    
    /** Vlajky **/
    .lang-ico a {
        float: left;
        display: block;
        width: 14px;
        height: 11px;
        background-image: url('/img/ico-language-flags.gif');
    }
        .lang-ico .cs {background-position: 0 0;}
        .lang-ico .sk {background-position: -14px 0;}
        .lang-ico .en {background-position: -28px 0;}
        .lang-ico .de {background-position: -42px 0;}
        .lang-ico .es {background-position: -56px 0;}
        .lang-ico .fr {background-position: -70px 0;}
        .lang-ico .pl {background-position: -84px 0;}
        .lang-ico .ru {background-position: -98px 0;}

        /* Alternativní text */
        .lang-ico a span {display: none;}

/*** NAVIGÁTOR ***/
#navigator {
    font-size: .92em;
}
    #navigator a {}
    
    /* Separátor */
    #navigator span {}
    /* Poslední položka - aktuální stránka */    
    #navigator strong {}

/*** VYHLEDÁVÁNÍ ***/
#search {
	position: absolute;
	top: 35px; right: 10px;
    z-index: 1;
	width: 210px;
}
    #search legend {display: none;}
    #search input {width: 130px;}
    #search .button {}


/*** ROZVRŽENÍ ***/
#arrangement {
	position: relative; 
	overflow: hidden;
	width: 100%;
}
	#ar-main,
	#ar-left,
	#ar-right {
		position: relative; 
		left: 100%;
		float: left; 
		overflow: hidden;
	}

    /** POZICE OBSAHU - různé varianty layoutu **/
    
        /* OBSAH, LEVÝ i PRAVÝ sloupec zapnuty */
        #ar-main {
    		width: 440px;
    		margin-left: -660px;			       /* šířka #ar-main + šířka #ar-left + odsazení */
    	}
    	
    	/* Pouze OBSAH - postranní sloupce vypnuty */
    	.no-col #ar-main {
    		width: 100%;
    		margin-left: -100%;
    	}
    	
    	/* OBSAH a LEVÝ sloupec */
    	.is-left-col #ar-main {width: 660px;}
    	
    	/* OBSAH a PRAVÝ sloupec */
    	.is-right-col #ar-main {
    		width: 660px;
    		margin-left: -100%;					/* odsazeni od praveho okraje #arrangement */
    	}
	
	/** LEVÝ SLOUPEC **/
	#ar-left {
		width: 200px;
		margin-left: -100%;					    /* odsazeni od praveho okraje #arrangement */
	}

	/** PRAVÝ SLOUPEC **/	
	#ar-right {
		width: 200px;
		margin-left: -200px; 					/* odsazeni od praveho okraje #arrangement */
	}

/*** PATIČKA ***/
#footer {
	position: absolute;
	bottom: 0; left: 0;
	width: 900px;
}

/* * * DEFINICE OBECNÝCH ELEMENTŮ * * */

/*** FORMULARE ***/
form {}

    form fieldset {
    	position: relative;
    	display: block;
        width: 100%;
        margin-top: 10px;
        border: 0;
    }
    
    form legend {
        padding: 0 0 10px 0;
        font-weight: bold;
    }
    
    form .form-row {
        clear: both;
        padding-top: 8px;
    }
        form .no-label-row {
            margin-left: 158px;
        }
    
    form label {
        float: left;
        display: block;
        width: auto;
        padding: 3px 3px 0 0;
    }
    	form label.label-outer {
            width: 155px;
    	}
        
        form-two-cols fieldset label {
            width: 152px;
        }
    
    form input,
    form textarea,
    form select {
        float: left;
        padding: 2px;
        font-size: 1.1em;
    }
        form input.fi-text,
        form textarea,
        form select {
            width: 230px;
        }

    form textarea {
        width: 275px;
        overflow: auto;
    	font-family: 'Arial CE', Arial, 'Verdana  CE', Verdana, 'Helvetica CE', Helvetica, sans-serif;
    }
    
    form select {
        width: 236px;
        padding: 0;
    }
    
    form .checkbox-row {}
    
        form .checkbox-row label {
            width: auto;
            padding: 0 15px 6px 6px;    
        }
    
        form .checkbox-row .fi-checkbox {
            float: left;
        }
    
    form .radio-row {}
    
        form .radio-row label {
            width: auto;
            padding-right: 15px;
            padding-bottom: 8px;
        }
        
        form input[type="radio"] {
            position: relative;
            top: 4px;
            margin-right: 5px;
        }


/* vyber data */
form .date-select {
    margin-left: 158px;
}

    form .date-select .fi-date {
        float: left;
        width: 77px; 
        margin-right: 10px;
    }

    form .date-select label.label-outer {
        float: left;
        width: auto;
    }
    
    .dp-choose-date {
        float: left;
        display: block;
        width: 16px;
        height: 15px;
        margin: 3px 0 0 6px;
        background: url('/img/plug-in/datepicker-ico-calendar.png') 0 0 no-repeat;
        text-indent: -9999px;
    }

.button {
    overflow: visible;
    font-size: 1em;
    cursor: pointer;
}
    button.disabled {
        cursor: default;
    }


/* Povinne polozky */
.required-info-text {
    float: right;
    font-size: 0.82em;
}

.required-info-text span.required-sign {
    padding-right: 3px;
    font-size: 1.3em;
}

span.required-sign {
    padding-left: 3px;
}

/** Chybova hlaseni **/

.error-msg {
    display: none;
    clear: both;
    margin: 0 0 10px 159px;
    padding-top: 5px;
    font-size: .92em;
    font-style: italic;
}
    .error .error-msg {
        display: block;
    }
    
    /* Hlášení u submit tlačítka */
    .error-submit {
        margin: 5px 0 0 10px;
        font-style: italic;
        font-size: .92em;
        color: red;
    }

/* Tooltip - napoveda u elementu formulare */

.ico-tooltip {
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

/*** NEČÍSLOVANÉ/ČÍSLOVANÉ SEZNAMY ***/
ul.list {
    margin-left: 1em;
    padding-left: 1em;
}
    ul.list li {
        padding-bottom: 3px;
    }

/*** VÝPIS POLOŽEK ***/
.list {}

    .list .list-item {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
    }
    
    /* Poslední položka */
    .list .last {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
        background: none;
    }

/*** DATUM ***/
.date {
    font-style: italic;
    font-size: .92em;
    color: #4F4F4F;
}

/*** STRANKOVAC ***/
.pager {
    float: right;
    margin: 10px 0;
}
    .pager a,
    .pager span {
        display: block;
        float: left;
        padding: 0px 4px 3px 4px;
        text-align: center;
        line-height: 1.5em;
        font-weight: bold;
        font-size: 1.1em; 
    }
    
    /* tlacitka predchozi/dalsi */
    .pager a.controls {
        margin: 2px 5px 0 5px;
        padding: 6px 4px;
        line-height: 2px;
        font-size: 1.2em; 
        text-decoration: none;
    }

    /* aktualni stranka */
    .pager span.current {
        margin-top: -2px;
        font-size: 1.3em;
    }
    
    /* nepristupne ovladaci prvky */
    .pager span.previous,
    .pager span.next {
        margin-top: 2px;
        padding-right: 5px;
        line-height: 0.8em;
    }
        .pager span.previous {margin-right: 5px;}
        .pager span.next {margin-left: 5px;}

    /* cislo stranky - odkaz*/
    .page-number {}

/*** MODÁLNí OKNA ***/
.modal-window {
    display: none;
    position: fixed;
    top: 5%; left: 50%;
    overflow: hidden;
    text-align: left;
}
    .modal-window-close {}


/* * * TEXTOVÉ ELEMENTY * * */

/*** Odkazy ***/
a,
a:visited {
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

    /** externí odkaz **/
    #ar-main .link-external {
        margin-right: 5px;
        padding-right: 16px;
        background: url('/img/ext/link-external.gif') 100% 3px no-repeat;
    }
#facebook {
	/*background: url ('/img/facebookHeading.jpg') 0 0 no-repeat;*/
	position: absolute;
	top: 660px;
	left: 0;
	width: 295px;
	
}