@charset "utf-8";

/* ############## General Styles ###############*/
body {
	margin: 0 auto;
	font-family: Arial, Helvetica;
	font-size: 12px;
	color:#333333;
}

/* Additional restrictions, because of  differences between browsers. */
div{padding:0; margin:0;}
p {margin: 0px; padding: 0px;}
a img {border:none;}
ul li{margin:0px; padding:5px 0; color:#333;}
ul li ul li {margin:0; padding:5px 0; list-style-type:disc;}
/* Headers */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	color: #000000;
}
 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	display:inline;
}
h3 {
	font-size:12px;
	color:#000000;
	padding:0;
	margin:0;
	font-weight: normal;
}
h4 {
	color:#F9B607;
	font-size: 12px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	display:inline;
}

h5 {
	margin: 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
}
h6 {
	font-size:12px;
	color:#9EB107;
	font-size:16px;
	font-weight:normal;
	display:inline;
}
h7 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
.header_underline {border-bottom:6px solid #e7e7e7; margin: 0px; padding:0;}

/* Links */
a {color: #333; font-weight:bold;}
a:hover {color:#000;}

/* Main Container */
#body_container{margin:0 auto; width: 900px;}

/* Additional Container */
#container {float:left; width:900px; padding-bottom:20px;}

/* ########### Top Header - Logo, Languages, Main Menu ############ */
#top_box{float:left; width:900px; margin:10px 0 40px 0;}

/* Space for language links */
#language_button {float: right; padding-top:4px; width: 900px; text-align:right;}

/* Language links style */
a.language{
	color:#FF615E;
	text-decoration:none;
	padding:0 5px;
	font-weight:normal;
	font-size:11px;
}
a.language:hover{color:#FFFFFF;}

/* Space for main menu */
#main_menu {float: left; height: 21px; width: 900px;}

.logo_down{
	width:168px; 
	height:21px; 
	float:left; 
	background-image:url(../images/nbgcreator_logo.jpg);
	background-repeat:no-repeat;
	background-position:12px;
}

/* Main Menu + text top padding */
.main_menu_gradient {float: right; height: 21px; width:auto;}

/* Main Menu Link */
a.mainmanu{	
	background-image:url(../images/css_images/button70.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:17px;
	padding-top:4px;
	width:70px;
	margin:0px 1px 0px 1px;
	color:#333333;
	text-align:center;
	text-decoration:none;
}
a.mainmanu:hover{
	background-position: left -21px;
	color:#FFFFFF;
	text-decoration:none;
}

/* Style for Drop Down Menu */
.dropmenudiv{
visibility: hidden;
position:absolute;
line-height:18px;
z-index:1000;
}
.dropmenudiv a{
width: auto;
display: block;
padding:2px 15px 2px 25px;
text-decoration: none;
border-bottom:1px solid #FFFFFF;
background-image:url(../images/css_images/arrow_red.png);
background-repeat:no-repeat;
background-position:10px;
}

* html .dropmenudiv a{ /*IE only hack*/width:100%;}
.dropmenudiv a:hover{text-decoration:none;}

/* ########### Space for header - Photo, Random Photo of Flash  ############# */
#header {
	float: left;
	z-index:-1;
	width: 900px;
	background-color:#FFFFFF;
	margin-bottom:2px;
}

/* #############  Main Page Content ##############*/

#content {
	width:870px;
	padding:30px 15px 20px 15px;
	float:left;
	background-color:#FFF;
}
/* ######### Left Column Content ############# */
#left_column_all{
	float:left;
	width:234px;
	padding-right:15px;
	border-right:1px solid #e7e7e7;	
}

#left_column {	
    float:left;
	width:234px;
}

/* Left Menu Links */
#left_menu {padding:0; margin:0;}
#left_menu a.menuitem{
	width:220px;
	height:20px;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	text-align:left;
	display:inline-block;
	padding: 4px 0 0 14px;
	font-weight:bold;
	text-decoration:none;
	background-repeat:no-repeat;
}

#left_menu a.menuitem:visited{ text-decoration:none;}

/*CSS for icon image that gets dynamically added to headers*/
#left_menu a.menuitem .statusicon{ 
	position: absolute;
	top: 4px;
	left: 206px;
	border: none;
}
#left_menu a.menuitem:hover{background-position:0 -24px;}
#left_menu a.menuitem:active{ text-decoration:none;}
#left_menu div.submenu{ background-color: #FFFFFF;}
#left_menu div.submenu ul{margin: 0; padding:0; list-style:none;}
#left_menu div.submenu ul li{margin: 0; padding:0;}
#left_menu div.submenu ul li a{
	display:inline-block;
	font: bold 12px Arial;
	text-decoration:none;
	padding:4px 6px 0 14px;
	border-bottom:1px dotted #d2d2d2;
	width:214px;
	height:20px;
}
#left_menu div.submenu ul li a:hover{ text-decoration:none;	}


/* ############ Newsletter Box ##############*/
#newsletter {
	float: left;
	width:234px;
	margin-top:20px;
	padding-top:10px;
	border-top: 1px dotted #CCCCCC ;
	border-bottom: 1px dotted #CCCCCC ;
	padding-bottom: 5px;
}
#newsletter_header {
	float: left;
	width: 234px;
}
#newsletter_form{
	float: left;
	width: 214px;
	padding:10px;
}
.textinput{
	font-size:12px;
	color:#333333;
	width:205px;
	height:22px;
	padding-left:2px;
	border:none;
	background-image: url(../images/text_input_newsleter.gif);
	background-repeat: no-repeat;
}

/* Left Boxes for banner space*/
.left_banner{
	width:234px;
	float:left;
}

/* ############## Right Text Box - For front page, middle and right content are included. ##################*/

#right_column {
	float: left;
	width: 620px;
}

/* Front Page Middle Content*/
.frontpage_textbox{
	float: left; 
	width: 600px; 
	padding:10px 10px 20px 10px;
}

/* Space for right banners*/
.right_column_front_page{
	width:234px;
	float:left;
}
/* Space for right banners*/
.right_banner{
	width:234px;
}

/* Space for front page news*/
.news_box{
	width: 234px;
	padding-top:10px;
	margin:5px 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}
.news_box_title{width:234px;}
.news_box_content{width:224px; padding:5px;}

.blue_news{padding:0 0 5px 0;}

.news_front_page_short{padding:0 20px;}
.news_box_content div a{text-decoration:none;}
.news_box_content div a:hover{color:#000;}

/* Space for poll*/
.poll_box{
	width:234px;
	border-bottom-width:1px dotted #CCCCCC;
	margin-top: 0 0 10px 0;
	padding-top:5px 0 10px 0;}

/* Footer of all pages*/
#footerpre{
	background-image:url(../images/css_images/papir_fora.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFF;
	width:900px;
	height:37px;
	float:left;
}
#footer {
	margin-top:5px;
	font-size:9px;
	text-align:center;
	width:900px;
	height:37px;
	float:left;	
}

/* General Gallery Style - full gallery style find in css/prettyPhoto.css */
.back_thumb_gallery{
		background-image:url(../images/css_images/back_thumb_gallery.gif);
		background-repeat:no-repeat;
		background-position:top left ;
		width:160px;
		padding:8px;
		margin:10px;
		float:left;
}
.back_thumb_gallery:hover{
	background-position:-176px 0;
}
/* ################## News Page ################## */
#news_page_content{float: left; width: 580px; padding:20px;}
.short_news_box{width:580px; padding:10px 0; margin-top:10px; border-bottom:#666 1px dotted;}
.news_read_more{width:580px; text-align:right; padding:5px 0 10px 0;}

/* News Read More Link */
.news_read_more a{font-weight:bold; text-decoration:underline;}
.news_read_more a:hover{text-decoration:underline;}

/* News Read More Link Blue */
.news_read_more_blue{text-align:right; padding:5px 0 10px 0;}

a.link_blue{
	 text-decoration:underline;
	 color:#2088ae;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-style:italic;
	 font-weight:bold;
}
a.link_blue:hover{
	color:#006699;
	text-decoration:underline;
}
/* Space for link on page news full article */
.news_back{padding:20px 0 0 0; text-align:right; }


/* ##################### OTHER ######################## */
/* Buttons */
.buttons_black {
	border:none;
	background:none;
	background-repeat:repeat-x;
	height:23px;
	width:70px;
	cursor:pointer;
	color: #ffffff;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	padding:0 10px;
}
.buttons_black:hover{
	color:#CCCCCC;
}


/* Classic Page*/
#template_page_content{
	float: left;
	width: 600px;
	padding:0 0 13px 20px;	
}
#template_page_content_inside{
	width: 600px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#template_page_footer{float: left;}

/* Contact Form*/
.text_field_contact {
	height: 20px;
	width: 285px;
	background-color: #f6f4f4;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.text_field {
	background-color: #F6F4F4;
	width: 100%;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;

}

.textbox_field_contact {
	height: 175px;
	width: 480px;
	background-color: #f6f4f4;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}


/* Specific Page*/
#content_cat{
	background-image:url(../images/css_images/cat_back.gif);
	background-repeat: repeat-y;
	width: 613px;
	height: auto;
}
#cat_title{
	height:21px;
	color: #e1cba6;
	background-image: url(../images/css_images/cat_title.gif);
	background-repeat: no-repeat;
	width: 590px;
	padding-left:23px;
	padding-top:14px;
}
.cat_box{
	width: 573px;
	padding:20px;
}
#cat_line {
	margin: 0px;
	padding: 0px;
}
.down_arrow {
	margin-top: 2px;
}


/* Other Links */
a.red{
	color:#bd1a18;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;

}
a.red:hover{color:#999;}

a.black{
	color:#999999;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a.black:hover{color:#000000;}
a.gold{
	color:#96873b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;

}
a.gold:hover{color:#84762e;}
a.black11{
	font-size: 11px;
}
a.black11:hover{color:#000000;}

.page_btn{
	text-align:center;
	background:none;
	border:none;
	background-image:url(../images/css_images/page_btn.gif);
	background-repeat:no-repeat;
	color:#e6e6e6;
	width:140px;
	height:26px;
	cursor:pointer;
}
.page_btn:hover{color:#fff; background-position:0 -26px;}

a.online_demo{
	width:234px;
	height:59px;
	float:left;
	background-image:url(http://www.nbgcreator.com/images/button_online_demo1.gif);
	background-repeat:no-repeat;
}
a.online_demo:hover{background-position:0 -59px;}

a.online_video{
	width:234px;
	height:59px;
	float:left;
	background-image:url(http://www.nbgcreator.com/images/button_online_video1.gif);
	background-repeat:no-repeat;
}
a.online_video:hover{background-position:0 -59px;}

a.online_video_eng{
	width:234px;
	height:59px;
	float:left;
	background-image:url(http://www.nbgcreator.com/images/online_video_eng.jpg);
	background-repeat:no-repeat;
}
a.online_video_eng:hover{background-position:0 -59px;}

a.butPPeng{
	width:234px;
	height:59px;
	float:left;
	background-image:url(http://www.nbgcreator.com/images/butPPeng.jpg);
	background-repeat:no-repeat;
}
a.butPPeng:hover{
	background-position:0 -59px;
}

a.butPP{
	width:234px;
	height:59px;
	float:left;
	background-image:url(http://www.nbgcreator.com/images/butPP.jpg);
	background-repeat:no-repeat;
}
a.butPP:hover{background-position:0 -59px;}


/*FRONT PAGE STRANA SADRZAJ*/
.novisadrzaj{float:right; width:600px;}

.novisadrzajBox{
	float:right;
	width:600px;
	padding-bottom:20px;
	border-bottom:1px dotted #888;
	margin-bottom: 20px;
}
.novisadrzajBox1 {float:right; width:600px;}

.novisadrzajBoxSlika{width:160px; float:left;}
.novisadrzajBoxText{width:440px; float:left;}

/*BUTTONS TRI BOJE*/

a.button_orange{
	float:right;
	height:24px;
	width:110px;
	padding-top:8px;
	padding-left:2px;
	background-image:url(../images/button_orange.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333333;
	font-weight: bold;
	text-align:center;
}
a.button_orange:hover{
	color:#000000;
	background-position:0 -32px;
	text-decoration:none;
}
a.button_blue{
	float:right;
	height:24px;
	width:110px;
	padding-top:8px;
	padding-left:2px;
	background-image:url(../images/button_blue.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333333;
	font-weight: bold;
	text-align:center;
}
a.button_blue:hover{
	color:#000000;
	background-position:0 -32px;
	text-decoration:none;
}
a.button_green{
	float:right;
	height:24px;
	width:110px;
	padding-top:8px;
	padding-left:2px;
	background-image:url(../images/button_green.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333333;
	font-weight: bold;
	text-align:center;
}
a.button_green:hover{
	color:#000000;
	background-position:0 -32px;
	text-decoration:none;
}
a.title_blue{
	color:#00B0FF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.title_blue:hover{
	color: #333;
}

a.title_yellow{
	color:#F9B607;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.title_yellow:hover{color: #333;}

a.title_green{
	color:#9EB107;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.title_green:hover{color: #333;}

a.nbgteam_banner_srpski{
	background-image:url(http://www.nbgcreator.com/images/nbgteam_banner_srpski.gif);
	background-repeat:no-repeat;
	float:left;
	width:234px;
	height:60px;
}
a.nbgteam_banner_srpski:hover{background-position:0 -60px;}

a.nbgteam_banner_english{
	background-image:url(http://www.nbgcreator.com/images/nbgteam_banner_english.gif);
	background-repeat:no-repeat;
	float:left;
	width:234px;
	height:60px;
}
a.nbgteam_banner_english:hover{background-position:0 -60px;}

a.button_buy_blue{
	background-image:url(http://www.nbgcreator.com/uploads/button_buy_blue.gif);
	background-repeat:no-repeat;
	float:right;
	width:93px;
	height:25px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
}
a.button_buy_blue:hover{background-position:0 -33px;}
a.button_buy_orange{
	background-image:url(http://www.nbgcreator.com/uploads/button_buy_orange.gif);
	background-repeat:no-repeat;
	float:right;
	width:93px;
	height:25px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
}
a.button_buy_orange:hover{background-position:0 -33px; color: #333333;}

#provera_domena {
	float:left;
	width: 565px;
	padding-top: 30px;
	padding-left: 35px;
	background-color: #ececec;
	padding-bottom: 30px;
}

/* PAGE DOMAIN AND HOSTING*/

.text_field_domain {
	height: 21px;
	width: 284px;
	background-color: #f6f4f4;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image: url(../images/text_input_domain.gif);
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.button_chech_domain{
	background-image:url(http://www.nbgcreator.com/uploads/button_check_domain.gif);
	background-repeat:no-repeat;
	float:left;
	width:120px;
	height:24px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
}
a.button_chech_domain:hover{background-position:0 -32px;}
a.button_domain_bronze{
	background-image:url(http://www.nbgcreator.com/uploads/button_bronze.gif);
	background-repeat:no-repeat;
	float:left;
	width:85px;
	height:24px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
	margin-left: 19px;
}
a.button_domain_bronze:hover{background-position:0 -32px;}
a.button_domain_silver{
	background-image:url(http://www.nbgcreator.com/uploads/button_silver.gif);
	background-repeat:no-repeat;
	float:left;
	width:85px;
	height:24px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
	margin-left: 19px;
}
a.button_domain_silver:hover{background-position:0 -32px;}

a.button_domain_gold{
	background-image:url(http://www.nbgcreator.com/uploads/button_gold.gif);
	background-repeat:no-repeat;
	float:left;
	width:85px;
	height:24px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
	margin-left: 19px;
}
a.button_domain_gold:hover{background-position:0 -32px;}

.detaljno {float: left; width: 440px;}

/* DEMO PAGE*/
a.demo_start_fw {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/startup_sablon.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_start_fw:hover { background-position:0 -241px;}

a.demo_start_aw {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/startup_admin.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_start_aw:hover { background-position:0 -241px;}

a.demo_portal_fw {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/portal_sablon.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_portal_fw:hover { background-position:0 -241px;}

a.demo_portal_aw {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/portal_admin.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_portal_aw:hover { background-position:0 -241px;}
a.demo_start_fw_eng {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/startup_sablon_eng.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_start_fw_eng:hover { background-position:0 -241px;}

a.demo_start_aw_eng {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/startup_admin_eng.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_start_aw_eng:hover { background-position:0 -241px;}

a.demo_portal_fw_eng {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/portal_sablon_eng.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_portal_fw_eng:hover { background-position:0 -241px;}

a.demo_portal_aw_eng {
	float:left;
	width:285px;
	height:241px;
	background-image:url(http://www.nbgcreator.com/images/online_demo/portal_admin_eng.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
a.demo_portal_aw_eng:hover { background-position:0 -241px;}

/* Contact form */
.textinput_contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #e4e2e2;
	width:250px;
	height:15px;
	margin-bottom:9px;
	padding-left:2px;
	background-color: #f7f7f7;
	background-image: none;
}
.textarea_contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:solid 1px #e4e2e2;
	width:400px;
	height:200px;
	margin-bottom:8px;
	padding-left:2px;
	background-color: #f7f7f7;
					
}
.kontaktdugme{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	margin-right:2px;
	height:22px;
	width:51px;
	background-color: #FFFFFF;
	background-image: url(../images/button_contact.gif);
	border-style: none;
	cursor:pointer;
}
.kontaktdugme:hover{
	background-position:0 -22px;
	color:#000000;
}

.balloonstyle{
position:absolute;
left: 0;
padding:10px;
visibility: hidden;
color:#fff;
border:1px solid #d2d2d2;
font:normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 100;
background-color: rgb(0, 176, 255);
font-weight:bold;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

a.frontPageBigButtonSr{
	float:left;
	width:600px;
	height:246px;
	background-image:url(../images/FrontPageBigButton.jpg);
	background-repeat:no-repeat;
}
a.frontPageBigButtonSr:hover{ background-position:0 -246px;}

a.frontPageBigButtonEng{
	float:left;
	width:600px;
	height:246px;
	background-image:url(../images/FrontPageBigButtonEng.jpg);
	background-repeat:no-repeat;
}
a.frontPageBigButtonEng:hover{ background-position:0 -246px;}

a.packWindows{
	width:299px;
	height:73px;
	float:left;
	background-image:url(http://www.nbgcreator.com/images/btnPack_Windows.gif);
	background-repeat:no-repeat;
}
a.packWindows:hover{
	background-position:0 bottom;
}
a.packMac{
	width:299px;
	height:73px;
	float:right;
	background-image:url(http://www.nbgcreator.com/images/btnPack_Mac.gif);
	background-repeat:no-repeat;
}
a.packMac:hover{
	background-position:0 bottom;
}.packBtn {
	float: left;
	width: 600px;
	padding-top: 15px;
	padding-bottom: 15px;
}