@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-color: #e0e0e0;
	font-size: 0.9em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.3;
	color: #474A5C;
}
.wraper_top {
	height: 263px;
	width: 100%;
	background-image: url(images/basic/bg_top_01.jpg);
	background-repeat: repeat-x;
}
.wraper_center {
	background-color: #FFF;
	height: auto;
	width: 100%;
	float: left;
	padding-top: 22px;
}
.wraper_bottom {
	background-image: url(images/basic/bg_bottom_04.jpg);
	background-repeat: repeat-x;
	min-height: 254px;
	width: 100%;
	float: left;
}




.wraper {
	height: auto;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.header_bg {
	background-image: url(images/basic/basic_01.jpg);
	background-repeat: no-repeat;
	height: 263px;
	width: 1000px;
}

a:link {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.position_links {
	font-size:0.8em;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #9B8C75;
	text-decoration: none;
}

a:hover.position_links {
	color: #7A693D;
}


h1, h1 a {
	font-size: 18px;
	line-height: 1.2;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #474A5C;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
}

h3 {
	font-size:26px;
	font-weight:normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.txt-red {
	color: #D20005;
}


.transparent80 {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.transparent95 {

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

.shadow {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.shadow_img {
	padding:10px;
	background-color:#ffffff;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.content {
	float: left;
	height: auto;
	width: 1000px;
}
.content_mainmenu {
	float: left;
	width: 1000px;
	margin-top: 210px;
}
.content_left {
	float: left;
	height: auto;
	width: 220px;
	background-color: #F8F8F8;
	padding: 20px;
	margin-right: 30px;
	border: 1px solid #F2F2F2;
}
.content_right {
	float: left;
	height: auto;
	width: 550px;
}

.content_right p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.content ul {
	padding-left:30px;
}
.content li {
	list-style-type: circle !important;
}

.header_001 {
	background-color: #CCC;
	float: left;
	height: 30px;
	width: 1000px;
}
.first_news_box {
	float: left;
	width: 400px;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #CCC;
	padding-right: 20px;
	margin-right: 50px;
}
.first_news_box h1, h1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #474A5C;
	width: 95%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	height: auto;
	text-decoration:none;
	font-weight: normal;
	margin-bottom: 8px;
}
.first_news_box  h1 a:hover {
	text-decoration:underline;
}


.first_news_line {
	width: 380px;
}
.first_news_line p {
	margin-bottom: 5px;
	padding-bottom: 5px;
}


.first_news_cont {
	float: left;
	width: 30%;
	margin-right: 2%;
	font-size: 1em;
	color: #474A5C;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	margin-bottom: 25px;
	padding-right: 15px;
}

.first_news_cont h1, h1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #474A5C;
	width: 90%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	height: auto;
	text-decoration:none;
}

.first_news_cont h1 a:hover {
	text-decoration:underline;
}

.first_news_cont a {
	font-size:0.9em;
	text-decoration:none;

	color:#ff4e00;
}

.first_news_cont a:hover {
	text-decoration:underline;
}
.first_page_pic a {
	background-image: url(images/basic/moj_poklic_bo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 319px;
	width: 400px;
}
.first_page_left {
	float: left;
	height: auto;
	width: 600px;
	margin-right: 20px;
}
.first_page_left_line {
	float: left;
	width: 600px;
	margin-bottom: 10px;
}
.first_page_right {
	float: left;
	width: 260px;
}

.first_page_right_cont {
	float: left;
	width: 260px;
	border: 1px solid #ffffff;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.first_page_right_cont h1, h1 a {
	font-size:18px;
	color: #ff4e00;
}

/* BOTTOM */

.bottom_bg {
	float: left;
	min-height: 254px;
	width: 1000px;
	background-image: url(images/basic/basic_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bottom_bg h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 18px;
	padding-top: 30px;
	text-align: right;
	padding-right: 20px;
	font-style: italic;
	line-height: 1.5;
}
.bottom_info_right {
	float: right;
	width: 250px;
	margin-right: 70px;
	margin-top: 22px;
	color: #FFF;
	font-size:1em;
	line-height: 1;
}

.bottom_info_right a {
	color: #FFF;
	font-size:.9em;
	text-decoration:underline;
}

.bottom_info_right a:hover {
	color: #FFEBD9;
	text-decoration:underline;
}
.bottom_info_left {
	float: left;
	width: 575px;
	margin-top: 120px;
	font-size: 0.8em;
	padding-left: 30px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding-top: 10px;
	margin-bottom: 35px;
}
.bottom_info_left a {
	color:#5F5F5F;
	text-decoration:underline;
}
.bottom_info_left a:hover {
	color:#000;
	text-decoration:underline;
}
.bottom_info_left_line  {
	float: left;
	width: 540px;
	margin-bottom: 10px;
}


/* MENU VSEBIN */

.content_menu_level_1 {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 10px;
	padding-left: 5px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size:17px;
	font-weight:bold;
	color: #474A5C;
	margin: 0px;
	padding-top: 10px;
}
.content_menu_level_1 a:hover {
	text-decoration:underline;
}
.content_menu_level_1_active {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color:#FFF;
	font-size:17px;
	color:#F30;
	margin: 0px;
	padding-top: 10px;
}


.content_menu_level_2 {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size:13px;
	color: #474A5C;
	margin: 0px;
	padding-top: 10px;
}

.content_menu_level_2_active {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color:#FFF;
	font-size:13px;
	color:#F30;
	margin: 0px;
	padding-top: 10px;
}

/* KONEC VIDEO */

/* FOTO */

.album_pic {
	float: left;
	height: auto;
	width: auto;
	margin-right: 10px;
	margin-bottom: 12px;
	border: 1px dotted #DDD;
	background-color: #F9F9F9;
	-moz-box-shadow: 2px 2px 2px  #C8CBCC;
	box-shadow: 2px 2px 2px #B3B8B9;
	-webkit-box-shadow:  2px 2px 2px  #C8CBCC;
	padding:5px;
}

/* KONEC FOTO */

/* FORMS */

.contact_cont {
	width:auto;
	padding-left:50px;
}

.contact_cont label {
	float:left;
	width:170px;
}

.form_input_small {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C3E46;
	border: 1px solid #DED9D1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	padding: 3px;
	width:100px;
}


.form_input {
	background-color: #FFF;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3C3E46;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.form_input_error {
	background-color: #FFD7D7;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3C3E46;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}




.news_line {
	float: left;
	width: 900px;
	margin-bottom: 15px;
}
.error_cont {
	background-color: #FFF2F2;
	padding: 20px;
	height: auto;
	width: 90%;
	border: 1px solid #FCC;
	margin-bottom: 20px;
}
.files_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 5px;
	padding-bottom: 4px;
	width: 600px;
	float: left;
}
.button a {
	font-size: 12px;
	color: #FF5900;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 1px solid #CCC;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	
	float: right;
	margin-right: 10px;
	
	background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

}

.button a:hover {
	font-size: 12px;
	color: #FF5900;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: 1px solid #CCC;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	
	float: right;
	margin-right: 10px;
	
background: rgb(229,229,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}


/* PROJEKTI */

#project_pic {
	position:absolute;
	background-color:#ffffff;
	right: 40px;
	margin-top:0px;
	width:auto;
	height:auto;
	padding:15px;
	z-index:10000;
}

.projects_list_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #798697;
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 11px;
}
.projects_list_line a {
	color:#335299;
}
.projects_list_code {
	float: left;
	width: 100px;
	margin-right: 10px;
}
.projects_list_code_wide {
	float: left;
	width: 130px;
	margin-right: 15px;
}

.projects_list_name {
	float: left;
	width: 350px;
	margin-right: 10px;
}
.projects_list_date {
	float: left;
	width: 90px;
	margin-right: 20px;
	text-align: center;
}
.projects_list_date_finished {
	float: left;
	width: 120px;
}
