@charset "utf-8";
/* CSS Document */


body {
	background-image: url(images/basic/bg_01.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	float: left;
	width: 100%;
	height: 135px;
}
h1 {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #0065ba;
}
h2, h2 a {
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
}

h3, h3 a {
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #009900;
}
h4, h4 a {
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	color: #FF0000;
}

h5, h5 a {
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #7E8DA3;
}
.txt-navadna {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #383A47;
}
.txt-navadna-sm {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
	color: #383A47;
}
.txt-red {
	color: #FF0000;
}
.txt-padding {
	float: left;
	height: auto;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}




#wraper {
	height: auto;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#content {
	float: left;
	height: auto;
	width: 1000px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #383A47;
}
#header_001 {
	background-image: url(images/basic/basic_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 142px;
	width: 150px;
}
#header_001 a {
	background-image: url(images/basic/basic_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 142px;
	width: 150px;
}
#header_002 {
	background-image: url(images/basic/basic_02.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 142px;
	width: 850px;
}

#header_003 {
	background-image: url(images/basic/basic_03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 1000px;
}
#header_003 {
	background-image: url(images/basic/basic_03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 1000px;
}
#header_004 {
	background-image: url(images/basic/basic_04.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 153px;
	width: 1000px;
}
#header_005 {
	background-image: url(images/basic/arr_blue.png);
	background-repeat: no-repeat;
	float: left;
	height: 152px;
	width: 150px;
}
#header_005 a {
	background-image: url(images/basic/arr_blue.png);
	background-repeat: no-repeat;
	float: left;
	height: 152px;
	width: 150px;
}
#header_006 {
	float: left;
	height: 152px;
	width: 600px;
}
#header_006_line {
	float: left;
	height: auto;
	width: 600px;
}
#header_006_napis {
	float: left;
	height: auto;
	width: 250px;
	margin-top: 40px;
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", "Times New Roman";
	font-size: 30px;
	font-weight: bold;
}
#header_006_text {
	float: left;
	width: 350px;
	height: auto;
}
#header_006_inline {
	background-image: url(images/basic/check_001.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 17px;
	width: 300px;
	padding-left: 24px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #0065ba;
	padding-top: 1px;
}
#header_007 {
	float: left;
	height: 115px;
	width: 150px;
	margin-top: 30px;
}

#header_007 a {
	float: left;
	height: 115px;
	width: 150px;
}

#header_btn a {
	background-image: url(images/basic/header_menu_vert.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff0e1;
	text-decoration: none;
	height: 21px;
}
#header_btn a:hover {
	text-decoration: underline;

}

#header_btn_01_on a {
	background-image: url(images/basic/header_btn_on_001_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1661b4;
	text-decoration: none;
	height: 21px;
}

#header_btn_on a {
	background-image: url(images/basic/header_btn_on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1661b4;
	text-decoration: none;
	height: 21px;
}


#content_menu_bg {
	float: left;
	height: 32px;
	width: 1000px;
	background-image: url(images/basic/basic_05.jpg);
	background-repeat: no-repeat;
}
#content_menu_cont {
	float: left;
	height: auto;
	width: 250px;
	margin-right: 10px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #455885;
}
#content_text_cont {
	float: left;
	width: 690px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #B4B9C5;
	padding-left: 15px;
}
.content_text_cont {
	float: left;
	height: auto;
	width: 690px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #B4B9C5;
	padding-left: 15px;
}
#content_text_line {
	float: left;
	height: auto;
	width: 690px;
	margin-bottom: 5px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 13px;
	color: #383A47;
}

#content_content_bg {
	background-image: url(images/basic/basic_06.jpg);
	background-repeat: repeat-y;
	float: left;
	height: auto;
	width: 1000px;
}
#content_bottom_bg {
	background-image: url(images/basic/basic_07.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 21px;
	width: 1000px;
}

a:link {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #383A47;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #383A47;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #E80000;
}
a:active {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #383A47;
	text-decoration: none;
}

a.one:link {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #0065ba;
	text-decoration: none;
}
a.one:visited {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #0065ba;
	text-decoration: none;
}
a.one:hover {
	text-decoration: none;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #0065ba;
}
a.one:active {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #0065ba;
	text-decoration: none;
}

a.white:link {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.white:visited {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	text-decoration: underline;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
a.white:active {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.naslov:link {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 20px;
	color: #FF3300;
	text-decoration: none;
}
a.naslov:visited {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 20px;
	color: #FF3300;
	text-decoration: none;
}
a.naslov:hover {
	text-decoration: underline;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 20px;
	color: #FF3300;
}
a.naslov:active {
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 20px;
	color: #FF3300;
	text-decoration: none;
}


a.content_menu_level_1 {
	float: left;
	height: auto;
	width: auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 11px;
	color: #FFFFFF;
}
a.content_menu_level_1:hover {
	float: left;
	height: auto;
	width: auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	text-decoration: underline;
	padding-top: 11px;
}

a.content_menu_level_1_red {
	float: left;
	height: auto;
	width: auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	padding-top: 11px;
	color: #0065ba;
	font-weight: bold;
}
a.content_menu_level_1_red:hover {
	float: left;
	height: auto;
	width: auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	padding-top: 11px;
	color: #0065ba;
	font-weight: bold;
}



a.content_menu_level_2 {
	float: left;
	height: auto;
	width: auto;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

a.content_menu_level_3 {
	float: left;
	height: auto;
	width: 170px;
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
	padding-left: 11px;
}

a.content_menu_level_4 {
	height: auto;
	width: 160px;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
	padding-left: 15px;
	margin-bottom: 1px;
	float: left;
	background-image: url(images/basic/ar_level_4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
a.content_menu_level_5 {

	float: left;
	height: auto;
	width: 150px;
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
}


#content_menu_level_up {
	text-align: left;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	text-decoration: none;
	background-repeat: repeat-x;
	float: left;
	height: auto;
	width: auto;
	padding-bottom: 7px;
	background-image: url(images/basic/submenu_btn_on.jpg);
}
#news_left_cont {
	float: left;
	height: auto;
	width: 440px;
	margin-right: 15px;
}
#news_left_line {
	float: left;
	height: auto;
	width: 430px;
	margin-bottom: 5px;
}
#news_right_cont {
	float: left;
	width: 470px;
	height: auto;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	padding-left: 15px;
	margin-bottom: 7px;
}
#news_right_line {
	float: left;
	height: auto;
	width: 450px;
	margin-bottom: 5px;
}

#contact_cont {
	float: left;
	height: auto;
	width: 350px;
	background-image: url(images/basic/contact_box_02.jpg);
	background-repeat: repeat-y;
}
#contact_cont_head {
	background-image: url(images/basic/contact_box_head.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 350px;
}
#contact_cont_top {
	background-image: url(images/basic/contact_box_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 10px;
	width: 350px;
}
#contact_cont_bottom {
	background-image: url(images/basic/contact_box_04.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 16px;
	width: 350px;
}

#contact_line {
	float: left;
	height: auto;
	width: 310px;
	margin-bottom: 8px;
}
#contact_cont_right {
	float: left;
	height: auto;
	width: 170px;
	padding-left: 5px;
}

.contactinput {
	font: 11px Arial, Verdana, "Times New Roman", Sans-serif;
	background-color: #F8F9FA;
	color: #455885;
	border: 1px solid #ABB0C5;
	padding: 2px;
}
#user_cont {
	float: left;
	height: auto;
	width: 430px;
}
#user_line {
	float: left;
	height: auto;
	width: 430px;
	margin-bottom: 4px;
}
#user_links {
	float: left;
	height: auto;
	width: 400px;
	margin-bottom: 5px;
}

#registracija_cont {
	float: left;
	height: auto;
	width: 400px;
	background-color: #FFFFFF;
	background-image: url(images/basic/registracija_cont_02.jpg);
	background-repeat: repeat-y;
}
#registracija_cont_head {
	background-image: url(images/basic/registracija_cont_head.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 49px;
	width: 400px;
}
#registracija_uspesno {
	background-image: url(images/basic/registracija_uspesno.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 49px;
	width: 400px;
}
#registracija_cont_top {
	background-image: url(images/basic/registracija_cont_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 10px;
	width: 400px;
}
#registracija_cont_bottom {
	background-image: url(images/basic/registracija_cont_04.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 17px;
	width: 400px;
}

#registracija_line {
	float: left;
	height: auto;
	width: 370px;
	margin-bottom: 5px;
}
#login_cont {
	width: 430px;
	float: left;
	min-height: 80px;
	padding: 10px 5px 10px 15px;
	background-image: url(images/basic/login_bg.png);
	background-repeat: no-repeat;
}
#login_cont_small {
	width: 430px;
	float: left;
	min-height: 40px;
	padding: 10px 5px 10px 15px;
	background-image: url(images/basic/bg_login_small.png);
	background-repeat: no-repeat;
}
#login_line {
	float: left;
	height: auto;
	width: 390px;
	margin-bottom: 7px;
}
#msg_cont {
	background-color: #FFFFFF;
	padding: 10px;
	float: left;
	height: auto;
	width: auto;
	border: 1px solid #CCCCCC;
}

/* ICO COMPUTERS */

#ico_kaj_je_smailer {
	background-image: url(images/icons/ico_smailer.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 25px;
}
#ico_kaj_je_smailer a {
	background-image: url(images/icons/ico_smailer.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}
#ico_kaj_je_smailer a:hover {
	background-image: url(images/icons/ico_smailer_up.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}

#ico_blue_smailer {
	background-image: url(images/icons/ico_blue.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 25px;
}
#ico_blue_smailer a {
	background-image: url(images/icons/ico_blue.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}
#ico_blue_smailer a:hover {
	background-image: url(images/icons/ico_blue_up.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}

#ico_orange_smailer {
	background-image: url(images/icons/ico_orange.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 25px;
}
#ico_orange_smailer a {
	background-image: url(images/icons/ico_orange.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}
#ico_orange_smailer a:hover {
	background-image: url(images/icons/ico_orange_up.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}

#ico_green_smailer {
	background-image: url(images/icons/ico_green.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 25px;
}
#ico_green_smailer a {
	background-image: url(images/icons/ico_green.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}
#ico_green_smailer a:hover {
	background-image: url(images/icons/ico_green_up.png);
	background-repeat: no-repeat;
	float: left;
	height: 120px;
	width: 120px;
}


#ico_napis {
	float: left;
	width: 98px;
	margin-top: 39px;
	text-align: right;
	font-family: Arial, Verdana, "Times New Roman", Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333A55;
	text-decoration: none;
}





#left_menu_bg {
	float: left;
	height: auto;
	width: 225px;
	margin-bottom: 2px;
}
#left_menu_bg a {
	float: left;
	height: auto;
	width: 225px;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	color: #383A47;
	font-size: 15px;
	font-family: "Arial Narrow", Arial, Verdana, "Trebuchet MS";
}

#left_menu_bg a:hover{
	float: left;
	height: auto;
	width: 225px;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	text-decoration: underline;
}

#left_menu_bg_up{
	float: left;
	height: auto;
	width: 225px;
	color: #1661b4;
}
#smailer_content_txt {
	float: left;
	height: 34px;
	width: 410px;
	font-family: "Trebuchet MS", Frutiger, Verdana, Arial;
	font-size: 15px;
	font-weight: bold;
	color: #FF6304;
	margin-top: 49px;
	background-image: url(images/mix/bg_content_line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#sep_line_box {
	background-image: url(images/mix/bg_content_line.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 30px;
	width: auto;
}

#btn_kako_deluje {
	background-image: url(images/mix/btn_kako_deluje.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 124px;
	width: 177px;
}


#btn_kako_deluje a {
	background-image: url(images/mix/btn_kako_deluje.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 124px;
	width: 177px;
}
#btn_kako_deluje a:hover {
	background-image: url(images/mix/btn_kako_deluje_up.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 124px;
	width: 177px;
}

#btn_preizkus {
	background-image: url(images/mix/btn_preizkus.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 124px;
	width: 177px;
}


#btn_preizkus a {
	background-image: url(images/mix/btn_preizkus.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 124px;
	width: 177px;
}
#btn_preizkus a:hover {
	background-image: url(images/mix/btn_preizkus_up.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 124px;
	width: 177px;
}



.coda-slider, .coda-slider .panel { width: 970px; } 
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow:hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
