/* Rozvrzeni - hlavni obalovaci DIV */
#main-content .content { margin-bottom: 20px; }

.special-site { margin-bottom: 20px; }

#page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 920px;						   /* sirka stranky (vcetne odsazeni) */
	min-height: 100%;
	text-align: left;
	
}

#page {
	padding: 190px 20px 50px 20px;	   /* vyska hlavicky/paticky, odsazení zprava/zleva */
}
	
#header {
	position: absolute;
	top: 0; left: 10px;                    /* Pozice hlavicky */
    width: 900px;
    height: 150px;
    overflow: hidden;

    /* zdroj obrazku je definovan v @layout.phtml */
    background-repeat: no-repeat;
    background-position: 0 0;
}

#logo {
	position: absolute;
	top: 85px; right: 20px;
	display: block;
    z-index: 1;
	width: 200px;
	height: 40px;
}


/*** Jazykove mutace ***/

#lang {
	position: absolute;
	top: 10px; right: 20px;
	z-index: 5;
}
    #lang a {
        margin-left: 5px;
    	color: #fff;
    }
    
    /* Vlajky */

    .lang-ico a {
        float: left;
        display: block;
        width: 14px;
        height: 11px;
        background-image: url('/img/default/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;}


    .lang-ico a span {
        display: none;
    }


#navigator {}

#content-wrapper {
	position: relative; 
	overflow: hidden;
	width: 100%;
	margin-top: 10px;      /* odsazeni obsahu od drobečkové navigace */
}
	#main-content,
	#left-col,
	#right-col {
		position: relative; 
		left: 100%;
		float: left; 
		overflow: hidden;
	}
	
    #left-col .general-block {
        overflow: hidden;
        margin-bottom: 15px;
    }

    /** Boxy v levem/pravem panelu **/
	#left-col .graphics-title, 
    #right-col .graphics-title {
        padding: 5px 10px;
        font-size: 1em;
        background: #E9E9E9;
    }

	#left-col .wysiwyg,
    #right-col .wysiwyg,
    #left-col .specific-block-content,
    #right-col .specific-block-content {
        padding: 10px;
        background: #F4F4F4;
    }
    
	#main-content {
		width: 440px;      					   /* sirka boxu s obsahem */
		margin-left: -660px;			       /* odsazeni od praveho okraje #content-wrapper */
	}
	
		/* nejsou zvoleny zadne postrani boxy */
		.no-boxes #main-content {
			width: 100%;
			margin-left: -100%;
		}
		
		/* zvolen pouze LEVY sloupec */
		.is-left-boxes #main-content {
			width: 660px;
		}
		
		/* jsou zvolene pouze PRAVE BOXy */
		.is-right-boxes #main-content {
			width: 660px;
			margin-left: -100%;					/* odsazeni od praveho okraje #content-wrapper */
    	}
	
	#left-col {
		width: 200px;
		margin-left: -100%;					    /* odsazeni od praveho okraje #content-wrapper */
	}
	
	#right-col {
		width: 200px; 							/* sirka boxu */
		margin-left: -200px; 					/* odsazeni od praveho okraje #content-wrapper */
	}

#search {
	position: absolute;
	top: 40px; right: 10px;
    z-index: 1;

	width: 210px;
}
    #search legend {
        display: none;
    }

    #search input {
        width: 130px;
    }

    #search .button {}


#footer {
	position: absolute;
	bottom: 0;
	width: 900px;
}



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

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

/* externí odkaz */
#main-content .link-external {
    margin-right: 5px;
    padding-right: 16px;
    background: url('/img/ext/link-external.gif') 100% 3px no-repeat;
}

/*** 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;
    }
    
    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: 22px;
        height: 22px;
        margin: 0 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 {
    clear: both;
    margin: 0 0 10px 159px;
    padding-top: 5px;
    font-size: .92em;
    font-style: italic;
}

/* Tooltip - napoveda u elementu formulare */

.tooltip {
    float: left;
    display: block;
    margin: 2px 0 0 10px;
    cursor: help;
    background: url('/img/default/ico-tooltip.png') 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
/*
    .tooltip .tooltip-content {
        display: none;
        position: absolute;
        z-index: 999999;
        margin-top: -5px;
        margin-left: -122px;   
        padding: 6px;
        font-size: .92em;
    }
*/
/*** NECISLOVANE/CISLOVANE SEZNAMY ***/

ul.list {
    margin-left: 1em;
    padding-left: 1em;
}
    ul.list li {
        padding-bottom: 3px;
        list-style-image: url('/img/default/bullet-list.gif');
    }
    
/*** MODALNI OKNA ***/

.modal-window {
    display: none;
    position: fixed;
    top: 5%; left: 50%;
    overflow: hidden;
    text-align: left;
}
    .modal-window-close {}                                                  /* Element pro zavreni okna */


/*** STRANKOVAC ***/

.pager {
	width: 100%;
	margin-bottom: 10px;
}
	.pager-filter {
		float: left;
		width: 40%;
		padding: 14px 12px 0 12px;
	}
	.pager-content {
		float: right;
		padding: 14px 12px 0 12px;
	}
	
    .pager a,
    .pager div.current {
        display: block;
        float: left;
        padding: 0px 6px 3px 6px;
        text-align: center;
    }
    
    /* tlacitka predchozi/dalsi */
    .pager a.controls {
    }

    /* aktualni stranka */
    .pager .current {
    }
    
    /* nepristupne ovladaci prvky */
	.pager span.previous {margin-right: 5px;}
	.pager span.next {margin-left: 5px;}

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



/*** PORTLET - obecna definice ***/
.portlet {
    margin-bottom: 20px;
}
    .portlet-heading {
        margin-bottom: 20px;
    }

    .portlet-content {}
        .portlet-content div.list-item {
            margin-bottom: 15px;
            min-height: 118px;
        }