/* reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 


/* general elements */

html { 
	font-size:100.01%; 
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
} 

body {
	/* browser standard is 100% = 16px "PT Sans Webfont" */
	font-size: 87.5%;
	/* 1.714285em from 14px is 14x1.714285 = 24px line height */
	line-height: 1.714285em; 
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
	background: 50% top no-repeat;
	color: #000;
	/* background-color: #3F3F3F; */
	background-color: #575756;
	background-image: url('../img/body-bg-top_no_logo.png');
}


@media screen and (max-width: 800px) {

	body {
	background-image: none;
	}

} 

html>body {
	font-size: 14px; 
}

/* for ie 5.5 and ie 6 */
table tr td {_font: 1em/1.714285em "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", "Trebuchet MS", Tahoma, Helvetica, sans-serif;}

img, a img, a:active img, a:visited img, a:hover img, a, a:active, a:visited, a:hover {
	border: none; 
	outline: none;
}

p, ul, ol {
	margin-top: 1.714285em; 
	margin-bottom: 1.714285em; 
}

p img.left {
	margin: 1em 1em 1em 0;
}

p img.right {
	margin: 1em 0 1em 1em;
}

ul, ol {
	margin:  1.714285em 2em  1.714285em 2em; 
}

ul li, ol li {
	list-style-position: outside;
}

ul li h1, ul li h2, ul li h3, ul li h4, ul li h5, ul li h6 {
	margin-bottom: 0;
}

.print {
	display: none;
}
	
.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clear {
	clear: both; 
}

.no-border {
	border: none !important;
}

.no-bck {
	background-image: none !important;
}

.relative {
	position: relative;
}

.hidden {
	display: none;
}

.correct {
	color: green;
}

.incorrect {
	color: red;
}

.interview {
	color: #666;
}

.posun {
	padding: 0 0 0 2em;
}

@media screen and (max-width: 800px) {

	#left {
		float: left !important;
	}

	#right {
		float: left !important;
	}

} 

blockquote {
	float: right; 
	font-family: Georgia,'Times New Roman', Times, serif;
    font-size: 1.28571em;
    font-style: italic;
    font-weight: normal;
    line-height: 1.33333em;
    margin: 0 0 1.33333em 1.93333em;
    padding: 0 0 0 1em;
    width: 40%;
    border-left-width: 1px;
    border-left-style: solid;
}

ul.files  {
	list-style: none;
	margin-left: 25px;
}

ul.files li {
	list-style: none;
	padding-left: 25px;
	margin-top: 20px;
	background-position: left top;
	background-color: transparent;
	background-repeat: no-repeat;
}

ul li.excel {
	background-image: url('../img/ico-excel.png'); 
}

ul li.word {
	background-image: url('../img/ico-word.png'); 
}

ul li.powerpoint {
	background-image: url('../img/ico-powerpoint.png'); 
}

ul li.acrobat {
	background-image: url('../img/ico-acrobat.png'); 
}

ul li.text {
	background-image: url('../img/ico-text.png'); 
}

ul li.zip {
	background-image: url('../img/ico-zip.png'); 
}

ul li.flv {
	background-image: url('../img/ico-flv.png'); 
}


/* typography */
/* vertical rhytm: 1 / parent font size (px) x required pixels = em equivalent  */

h1 {
	font-size: 2.5em;
	line-height: 1.142857em;
	margin: 0.571428em 0;
	font-weight: normal;
	letter-spacing: -0.02em;
}


h2 {
	font-size: 1.714286em;
	line-height: 1em;
	margin: 1em 0;
	font-weight: normal;
}

h3 { 
	font-size: 1.285714em; 
	line-height: 1.333333em; 
	margin: 0 0 0.9em 0;
	font-weight: normal;
	color: #E74F1C;
}

h4 {
	font-size: 1.1429em; 
	line-height: 1.5em; 
	margin: 0;
}


h5, h6 {  
	font-size: 1em; 
	line-height: 1.714285em;
	margin: 1.714285em 0;
}

hr {
	display: block;
	width: 100%;
	height: 0.142em;
	min-height: 2px;
	overflow: hidden;
	margin: -0.142em 0 1.714285em 0;
	padding: 0;
	color: #FFF;
}

/* breadcrumbs - drobecky */

ul.breadcrumbs {
	padding: 0;
	font-size: 1em; 
	line-height: 1.714285em;
	margin: 1em 0 0 0.8em;
	/*border: 1px solid green;*/
}

@media screen and (max-width: 600px) {
	
	ul.breadcrumbs {
		display: none !important;;
	}

}

ul.breadcrumbs li {
	display: inline;
	list-style: none;
	background: left 50% no-repeat transparent;
	font-size: 0.857142em; 
	line-height: 2em; 
	padding: 2em 0 2em 10px;
	margin: 0;
	text-transform: uppercase;
}

ul.breadcrumbs li a {
	text-decoration: none;
}

ul.breadcrumbs li a:hover {
	text-decoration: underline;
}

/* layout */

a {
	color: #000;
}

a:hover {
	color: #000;
}

#content {
	margin: 25px;
}

#wrapper-inner h1 {
	font-size: 1.6em;
	line-height: 1.142857em;
	margin: 0.571428em 0;
	font-weight: normal;
	letter-spacing: -0.02em;
	text-align: right;
	margin: -25px 60px 0 0;
}

@media screen and (max-width: 400px) {
	
	#wrapper-inner h1 {
		display: none !important;;
	}

}
#body-container { 
	border-top: 1px solid transparent;
	margin-top: -1px;
	/*min-height: 1024px;*/
	/*border: 1px solid green;*/
}	

#wrapper-outer, #header-outer {
	text-align: center;
	margin: 0;
	padding: 0;
	/*min-width: 720px;*/
	/*border: 1px solid green;*/
}

#header-inner {
	clear: both;
	text-align: left;
	margin: 0 auto;
	max-width: 1000px;
	/*min-width: 700px;*/
	/*border: 1px solid green;*/
}

#sidebar-outer {
	float: left;
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border: 1px solid black;*/
}

#sidebar-inner {
	width: auto;
	min-width: 160px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	/*border: 1px solid white;*/
}

#sidebar-inner #navigon {
	float: left;
	text-align: left;
	text-transform: uppercase;
	width: auto;
	margin: 0;
	margin: 50px 0 0 0;
	/*padding: 160px 0 0 0;*/
	/*border: 1px solid red;*/
}


@media screen and (max-width: 800px) {
	#sidebar-inner #navigon{
		padding: 6px 0 10px 0 !important;;
	}

}

#sidebar-inner ul li {
	list-style-type: none;
	padding: 0 15px 0 30px;
	font-size: 1.08em;
	display: inline;
	text-decoration: none;
}

@media screen and (max-width: 800px) {
	#sidebar-inner ul li{
		display: block;
	}
}

#sidebar-inner ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#sidebar-inner ul li.current a {
	color: red;
}

#slider-outer {
	float: left;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border: 1px solid black;*/
}

#slider-inner {
	float: left;
	text-align: center;
	width: 100%;
	min-height: 270px;
	margin: 35px 0 0 0;
	padding: 0;
	/*border: 1px solid black;*/
}

@media screen and (max-width: 800px) {
	#slider-inner {
		min-height: 0px;
	}
}

#wrapper-outer {
	clear: both;
	text-align: left;
	margin: 0 auto;
	max-width: 980px;
	/*min-width: 720px;*/
	/*border: 1px solid green;*/
}

#wrapper-inner {
	width: 100%;
	/*border: 1px solid green;*/
}


.cenik {
	width: 60%;
}

.cenik tr, .cenik td {
	border: 0px solid #fff;
	padding-left: 10px;
	vertical-align: top;
}

.cenik .thead, .cenik .thead-01  {
	/*background: #999;*/
	font-weight: bold;
}

.cenik .thead-02  {
	background: #ccc;
	font-weight: bold;
}

#border-radius {
    padding: 0;
	*border-collapse: collapse;
    border-spacing: 0;
    width: 95.7%;    
	/*border: 1px solid #FFF;
    border-width: 0.071em;*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

@media screen and (max-width: 800px) {

	#line {
		background-image: none !important;
	}

	#line-small {
		background-image: none !important;
	}

} 

.popup-youtube, .link-youtube {
		margin-left: -3px;
		background: left 0.35em no-repeat transparent;
		background-image: url('../img/ico-youtube-positive.png');
}

.popup-youtube li, .link-youtube li {
		list-style: none;
		margin-left: 70px;	
}

#line {
	text-align: center;
	width: 100%;
	height: 22px;
	/*min-width: 350px;*/
	margin: 2px 0 0 0;
	padding: 0;
	background-image: url('../img/line.png');
	background-repeat: no-repeat;
	background-position: 50% top;
}

#line-small {
	text-align: center;
	width: 100%;
	height: 22px;
	/*min-width: 350px;*/
	margin: 2px 0 0 0;
	padding: 0;
	background-image: url('../img/line.png');
	background-repeat: no-repeat;
	background-position: 50% top;
	opacity : 0.2;
}

.left-home {
	float: left !important;
	width: 50%;
	padding: 40px 0 0 0;
}




@media screen and (max-width: 800px) {
	.left-home {
		float: left;
		width: 100%;
	}

	.right-home {
		float: left;
		width: 100%;
	}

}
.youtube {
	text-align: center !important;
	width: 100%;
	padding-top: 40px;
}

@media screen and (max-width: 853px) {

	.youtube {
		display: none !important;
	}

} 

@media screen and (max-width: 800px) {

	#footer-outer {
		background-image: none !important;
	}

} 

#footer-outer {
	text-align: center;
	width: 100%;
	/*min-width: 350px;*/
	height: 170px;
	margin: 0;
	padding: 0;
	background-image: url('../img/bg_footer.png');
	background-repeat: no-repeat;
	background-position: 50% bottom;
	/*border: 1px solid #666;*/
}

#footer-inner {
	text-align: center;
	margin: 0 auto;
	max-width: 980px;
	/*min-width: 350px;*/
	/*border: 1px solid red;*/
}

#logo {
	float: left;
	width: 539px;
	min-width: 539px;
	height: 100%;
	min-height: 102px;
	margin: 22px 0 0 -50px;
	padding: 0;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	/*border: 1px solid #666;*/
}
@media screen and (max-width: 800px) {

	#logo {
		display: none !important;
	}

} 

#copy {
	float: left;
	text-align: left;
	margin: 0;
	padding: 60px 0 0 80px;
	width: 30%;
	color: #E74F1C;
	/*border: 1px solid #E74F1C;*/
}

#copy a, #adress a {
	color: #E74F1C !important;
}

#adress {
	float: right;
	text-align: left;
	margin: 0;
	padding: 60px 0 0 0;
	width: 50%;	
	color: #E74F1C;
	/*border: 1px solid #E74F1C;*/
}

@media screen and (max-width: 800px) {

	#copy {
		float: left !important;
		width: 100% !important;
		padding: 0;
		text-align: center !important;
	}

	#adress {
		float: left !important;
		width: 100% !important;
		padding: 0;
		text-align: center !important;
	}

} 

#prelink {
	color: #666;
	font-size: 1em;
}

#autor {
	color: #E74F1C;
	font-size: 0.7em;
}

img.preview-home {
	width: 92%;
	margin: 10px 30px 0px 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

@media screen and (max-width: 800px) {

	img.preview-home {
		margin: 0;
	}

	#adress {
		float: left !important;
		width: 100% !important;
		padding: 0;
		text-align: center !important;
	}

} 

img.preview, a img.preview, a:active img.preview, a:visited img.preview, a:hover img.preview {
	height: 160px;
	margin: 10px 30px 0px 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

img.preview_action, a img.preview_action, a:active img.preview_action, a:visited img.preview_action, a:hover img.preview_action {
	height: 100px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#footer-inner a, #footer-inner a:active, #footer-inner a:visited, #footer-inner a:hover {
	text-decoration: none !important;
	color: #666;
}

.image-galery-bg {
	width: 100%;
	border: 0px dotted #000 !important;
}
.image-galery-bg img {
	border: 1px dotted #9932CC !important;
	margin: 0 1.1em 2em 0;
	padding: 0.6em;
}
.image-galery-bg img a:hover {
	border: 1px dotted #fff !important;
	margin: 0 1.1em 2em 0;
}
.image-galery-bg img.current a {
	border: 1px dotted #fff !important;
	margin: 0 1.1em 2em 0;
}

.input-text-01 {
	font-size: 14px;
	padding: 7px 7px 7px 37px;
	padding: 5px 7px 5px 37px\9;
	margin: 0;
	width: 200px;

	vertical-align: middle;
	display: inline-block;
	
	text-align: left;

	-moz-border-radius: 0.6em; 
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em; 

	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,.2);

	-webkit-focus-ring-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	-webkit-appearance: none;
	outline: 0;
}

.input-text-02 {
	font-size: 14px;
	padding: 7px 7px 7px 37px;
	padding: 5px 7px 5px 37px\9;
	margin: 0;
	width: 300px;

	vertical-align: middle;
	display: inline-block;
	
	text-align: left;

	-moz-border-radius: 0.6em; 
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em; 

	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,.2);

	-webkit-focus-ring-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	-webkit-appearance: none;
	outline: 0;
}

.label-text-02 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.button-01, .button-01:visited, .button-01:active {
	font-size: 11px; 
	padding: 7px;
	margin: 1px 0 0 30px;
	width: 115px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none !important;
	cursor: pointer;
	white-space: nowrap;

	
	-moz-border-radius: 0.6em; 
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em; 
	font-weight: normal;
	text-transform: uppercase;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	text-overflow: clip;
}

.button-02, .button-02:visited, .button-02:active {
	font-size: 11px; 
	padding: 7px;
	margin: 20px 0 0 0;
	width: 220px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none !important;
	cursor: pointer;
	white-space: nowrap;

	
	-moz-border-radius: 0.6em; 
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em; 
 	font-weight: normal;
	text-transform: uppercase;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	text-overflow: clip;
}

/* universal buttons */

.button, .button:visited, .button:active {
	display: inline-block;
	text-align: center;
	margin: 0.5em 5px;
	padding: 9px;
	min-width: 40px;
	text-decoration: none !important;
	color: #444444;
	cursor: pointer;
	white-space: nowrap;
	border: 1px solid #cccccc;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	font-weight: normal;
	line-height: 1.714285em;
	font-size: 1em;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #f6f6f6 ;
	background: #eee ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); 
	background-image: -webkit-linear-gradient(#fdfdfd,#eee); 
	background-image: -moz-linear-gradient(#fdfdfd,#eee); 
	background-image: -ms-linear-gradient(#fdfdfd,#eee); 
	background-image: -o-linear-gradient(#fdfdfd,#eee); 
	background-image: linear-gradient(#fdfdfd,#eee);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.9), 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.9), 0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.9), 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	position: relative;
	text-overflow: clip;
}

.button:hover {
	border: 1px solid #bbbbbb;
	background: #dadada;
	color: #101010;
	text-shadow: 0 1px 1px #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dadada)); 
	background-image: -webkit-linear-gradient(#ededed, #dadada); 
	background-image: -moz-linear-gradient(#ededed, #dadada);
	background-image: -ms-linear-gradient(#ededed, #dadada);
	background-image: -o-linear-gradient(#ededed, #dadada); 
	background-image: linear-gradient(#ededed, #dadada);
}

.button-selected, .button-selected:visited, .button-selected:active, .button-selected:hover {
	border: 1px solid #151515;
	background: #797979;
	color: 	#ffffff;
	text-shadow: 0 -1px 1px #145072;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#989898), to(#797979)); 
	background-image: -webkit-linear-gradient(#989898,#797979);
	background-image: -moz-linear-gradient(#989898,#797979); 
	background-image: -ms-linear-gradient(#989898,#797979);
	background-image: -o-linear-gradient(#989898,#797979); 
	background-image: linear-gradient(#989898,#797979);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.6), 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.6), 0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.6), 0px 1px 4px rgba(0,0,0,0.3);
}

fieldset {
	padding: 1.1em;
	margin: 1.1em 0;
	border-width: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}
legend, label {
	padding: 0 1.1em 0 1.1em;
}