@charset "utf-8";
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;
	min-height: 100%;
	text-align: left;
}
    #page {padding: 190px 10px 70px 10px;}
	
/*** HLAVIÄŒKA ***/
#header {
	position: absolute;
	top: 0; left: 10px;
    width: 900px; height: 150px;
	overflow: hidden;
}

#logo {
	position: absolute;
	top: 85px; right: 20px;
	z-index: 1;
	display: block;
}

/*** 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/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;}	/* AlternativnÃ­ text */

/*** VYHLEDÃ?VÃ?NÃ ***/
#search {
	position: absolute;
	top: 5px; right: 15px;
    z-index: 1;
	width: 210px;
}
    #search form fieldset {margin-top: 0; top:30px;}
    #search form legend {display: none;}
    #search form 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;
		padding: 0px 2px;
		box-sizing: border-box;
	}

    /** POZICE OBSAHU - rÅ¯znÃ© varianty layoutu **/
    
        /* OBSAH, LEVÃ i PRAVÃ sloupec zapnuty */
        #ar-main {
    		width: 440px;
			min-height: 400px;
    		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%;}

	#ar-left {width: 200px; margin-left: -100%;}
	#ar-right {width: 200px; margin-left: -200px;}

/*** PATIÄŒKA ***/
#footer {
	position: absolute;
	bottom: 0; left: 0;
	width: 900px;
}

/* * * DEFINICE OBECNÃCH ELEMENTÅ® * * */

/*** FORMULÃ?Å?E ***/
form fieldset {position: relative; display: block; width: 100%; border: 0;}

form .form-row {clear: both;}

form label {float: left; display: block; width: auto;}

form input,
form textarea,
form select {float: left;}

form textarea {overflow: auto; font-family: 'Arial CE', Arial, 'Verdana  CE', Verdana, 'Helvetica CE', Helvetica, sans-serif;}
form select {padding: 0;}
	
form input[type="radio"] {
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.dp-choose-date {
	float: left;
	display: block;
	outline: 0;
	background: url('/img/default/plug-in/datepicker-ico-calendar.png') 0 0 no-repeat;
	text-indent: -9999px;
}

.button {overflow: visible; cursor: pointer;}
	.button.fake {display: inline-block; text-decoration: none;}
    button.disabled {cursor: default;}

/** Povinne polozky **/
span.requiredSuffix {position: relative;}
.required-info-text {float: right;}
.required-info-text span.required-sign {padding-right: 3px;}

/** Chybova hlaseni **/
.error-msg {display: none; clear: both;}
.error .error-msg {display: block;}

/* Tooltip - napoveda u elementu formulare */
.ico-tooltip {
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
	background: url('/img/default/components/form/tooltip.png') 0 0 no-repeat;
}
    #tooltip {position: absolute;}
		#tooltip .arrow-right {float: left; background: url('/img/default/components/form/tooltip.png') 0 0 no-repeat;}
		#tooltip #content {float: left;}

/*** VÃPIS POLOÅ½EK ***/
.list {}

    .list .list-item {margin-bottom: 10px; padding-bottom: 10px;}
    
    /* PoslednÃ­ poloÅ¾ka */
    .list .last {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
        background: transparent;
    }

/*** NEÄŒÃSLOVANÃ‰/ÄŒÃSLOVANÃ‰ SEZNAMY ***/
ul.list {
    margin-left: 1em;
    padding-left: 1em;
}
    ul.list li.list-item {padding-bottom: 3px;}

	/** Seznam s obrÃ¡zkovÃ½mi odrÃ¡Å¾kami */
	ul.list.img-bullets {margin-left: 0; padding-left: 0;}
		ul.list.img-bullets .list-item {
			list-style-type: none;
			padding-left: 10px;
			background: url('/img/default/bullet-02.gif') 0 5px no-repeat;
		}

/*** STRANKOVAC ***/
.pager {
	clear: both;
    float: right;
    margin: 10px 0;
}
    .pager a,
    .pager span {
        display: block;
        float: left;
        text-align: center;
    }
    
    /* tlacitka predchozi/dalsi */
    .pager a.control {text-decoration: none;}

/*** DIV s povolenÃ½mi Scrollbars ***/
.wrapper-scrollbars {
	width: inherit;
	overflow: auto;
}

/*** PomocnÃ© obecnÃ© elementy  ***/
span.separator {padding: 0 5px;}

/* * * 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;
}
	
.cleaner{
	clear: both;
}
.roundedAll{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.shadow{ box-shadow: 1px 1px 3px #999; }

.portlet.headerbox{
	box-shadow: 1px 1px 3px #999;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	overflow: visible;
	margin-bottom: 30px;
	position: relative;
}
.portlet.headerbox .header{
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
	background-color: #B0B0B0;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
}
.portlet.headerbox .header:before {
	content:"›";
	color:black;
	padding-right: 7px;
}
.portlet.headerbox .content{
	padding: 10px;
}
.portlet.headerbox:after{
	content: url("/img/default/portlet-end-right.png");
	display: block;
	position:absolute;
	bottom: -30px;
}

.row{
	margin-left: -10px;
	margin-right: -10px;
}
