
/*
	
	Extreme - main CSS
	
*/


/* document body */
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
}

div {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	display: block;
}

input {
	border: 1px solid #e9edf5;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

p {
	margin: 0px 0px 12px 0px;
}

ul {
	margin-left: 10px;
	padding-left: 0px;
	text-indent: 0px;
	list-style-type: square;
}

a {
	color: #4faae3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img.innerpic {
	margin: 0px 12px 12px 0px;
}
img.innerpic_border {
	margin: 0px 12px 12px 0px;
	border: 1px solid #505050;
}

form#myform {
	margin: 5px 0px;
	width: 350px;
	padding: 15px;
	background-color: #f5f8fa;
	border: 2px solid rgb(159,173,186);
}
form#myform input {
	border: 1px solid rgb(159,173,186);
}
form#myform td {
	vertical-align: top;
}
form#myform input.formbuttonbold, input.formbuttonbold {
	padding: 0px 5px;
	border: 1px solid rgb(159,173,186);
	background-color: rgb(128,146,166);
	color: #ffffff;
	font-weight: bold;
}
span.redbold {
	font-weight: bold;
	color: #ee3333;	
}



	/* Page container */
	body #container {
		margin: 10px auto 0px auto;
		width: 973px;
		background-color: #ffffff;
	}
	
		/* Top links */
		body #container #top_links {
			padding: 9px 3px 0px 0px;
			width: 970px; /* total: 973px */
			height: 16px; /* total: 25px */
			background-color: #ffffff;
			/*background: #ffffff url('../_images/glava_poklopac.jpg') no-repeat bottom left;	*/
			text-align: right;
		}
			body #container #top_links a {
				font-family: Verdana, Arial, sans-serif;
				font-size: 10px;
				color: #000000;
				text-decoration: none;
			}
			body #container #top_links a:hover {
				text-decoration: underline;
			}
		
		/* Header */
		body #container #header {
			width: 973px;
			height: 135px;
			background: #ffffff url('../_images/header.jpg') no-repeat top left;
		}
		
		/* Menu strip */
		body #container #menu_strip {
			width: 973px;
			height: 25px;
			background: #ffffff url('../_images/menu_strip_bg.gif') no-repeat top left;
		}
		
			/* Horizontal menu */
			body #container #menu_strip #h_menu {
				float: left;
				margin: 0px 0px 0px 10px;
				padding: 0px;
				width: 690px; /* total: 700px */
				height: 25px; /* total: 25px */
				font-size: 11px;
			}
			
			/* Search box */
			body #container #menu_strip #search {
				clear: none;
				float: right;
				margin: 0px;
				padding: 3px 15px 0px 0px;
				width: 185px; /* total: 200px */
				height: 22px; /* total: 25px */
				text-align: right;
			}
			body #container #menu_strip #search a {
				color: #494949;
				font-weight: bold;
				font-size: 10px;
			}
			
				body #container #menu_strip #search form {
					margin: 0px;
					padding: 0px;
				}
				body #container #menu_strip #search form input {
					margin: 0px;
					padding: 1px;
					width: 110px;
					border: 1px solid #aac2db;
				}
		
		/* Main area */
		body #container #main_area {
			width: 957px; /* total: 973px; */
			padding: 0px 9px 0px 7px;
		
		}
		
			/* Left digest column */
			body #container #left_column {
				float: left;
				clear: both;
				width: 237px; /* total: 238px */
				padding-top: 8px;
				border-top: 1px solid #acacac;
				border-bottom: 1px solid #acacac;
				border-left: 1px solid #acacac;
				background-color: #e9edf5;
			}
			
				/* Selected product box */
				body #container #selected {
					padding: 0px 0px 10px 11px;
					margin-bottom: 15px;
					width: 226px; /* total: 237px */
					border-bottom: 1px solid #acacac;
					color: #231f20;
				}
					body #container #selected img {
						margin: 0px;
					}
					
					body #container #selected_text {
						margin-top: 0px;
						padding: 10px 12px;
						width: 191px; /* total: 215px */
						/* background: #8dc1ff url('../_images/Proizvod_tekst-pozadina.jpg') no-repeat top; */
						
						background: #a5dc8c url('../_images/Proizvod_tekst-pozadina.jpg') no-repeat top;
						
					}
					body #container #selected_text h2 {
						margin: 0px 0px 11px 0px;
						padding: 0px;
						font-size: 11px;
					}
					body #container #selected_text a {
						color: #ffffff;
					}	
				/* Selection links boxes */
				body #container #selection1 {
					margin: 25px 0px 0px 11px;
					padding: 15px 0px 0px 70px;
					width: 145px; /* total: 215px */
					height: 40px; /* total: 55px; */
					background: url('../_images/Izdvajamo1.jpg');
				}
				body #container #selection1 a {
					color: #ffffff;
				}
				body #container #selection2 {
					margin: 15px 0px 0px 11px;
					padding: 15px 0px 0px 70px;
					width: 145px; /* total: 215px */
					height: 40px; /* total: 55px; */
					background: url('../_images/Izdvajamo2.jpg');
				}
				body #container #selection2 a {
					color: #ffffff;
				}
				body #container #selection3 {
					margin: 15px 0px 40px 11px;
					padding: 15px 0px 0px 70px;
					width: 145px; /* total: 215px */
					height: 40px; /* total: 55px; */
					background: url('../_images/Izdvajamo3.jpg');
				}
				body #container #selection3 a {
					color: #6c767e;
				}
				
				/* Vertical menu box */
				body #container #v_menu {
					padding: 24px 0px 10px 10px;
					width: 228px; /* total: 238px */
					background: url('../_images/v_menu_bg.gif') no-repeat top left;
				}
				body #container #v_menu ul {
					margin-top: 0px;
					list-style: none;
				}
				body #container #v_menu ul li {
					margin: 0px;
					padding: 2px 0px 2px 0px;
				}
				
				body #container #v_menu ul li.menu_level_1 a {
					display: block;
					margin-bottom: 10px;
					font-size: 11px;
					font-weight: bold;
					color: #f30b18;
				}
				body #container #v_menu ul li.menu_level_1 a:hover {
					text-decoration: none;
				}
					
				body #container #v_menu ul li.menu_level_2 a {
					display: block;
					margin-bottom: 0px;
					border-bottom: 1px solid #ffffff;
					font-size: 10px;
					font-weight: normal;
					color: #657b93;
				}
				body #container #v_menu ul li.menu_level_3 a,
				body #container #v_menu ul li.menu_level_4 a,
				body #container #v_menu ul li.menu_level_5 a {
					display: block;
					margin-bottom: 0px;
					border-bottom: 0px;
					font-size: 10px;
					font-weight: normal;
					color: #657b93;
				}
				
				body #container #v_menu ul li.menu_level_2 a:hover,
				body #container #v_menu ul li.menu_level_3 a:hover,
				body #container #v_menu ul li.menu_level_4 a:hover,
				body #container #v_menu ul li.menu_level_5 a:hover {
					text-decoration: none;
					color: #8da7c5;
				}
				
				/* Subchoice box */
				body #container #subchoice {
					padding: 24px 0px 20px 0px;
					width: 237px; /* total: 237px */
					border-top: 1px solid #acacac;
					background-color: #dfe3eb;
				}
				body #container #subchoice_image {
					padding: 0px;
					width: 237px; /* total: 237px */
					text-align: center;
				}
				body #container #subchoice_text {
					margin-top: 10px;
					padding: 9px 10px 0px 18px;
					width: 209px; /* total: 237px */
					background: url('../_images/subchoice_bg.jpg') no-repeat top left;
				}
				body #container #subchoice_text h2 {
					margin: 0px 0px 14px 0px;
					padding: 0px 0px 0px 0px;
					font-size: 11px;
					color: #231f20;
				}
			
			/* Main column */
			body #container #main_column {
				clear: none;
				float: left;
				width: 517px; /* total: 541px */
				padding: 39px 12px 0px;
				border-top: 1px solid #acacac;
				background: #ffffff url('../_images/main_column_bg.gif') repeat-x top;
			}
				
				/* Bread crumbs */
				body #container #main_column #bread_crumbs {
					padding: 0px 0px 20px 0px;
					width: 517px; /* total: 517px */
					color: #bfc8d1;
				}
				body #container #main_column #bread_crumbs a {
					color: #8e9eb0;
					text-decoration: none;
				}
				body #container #main_column #bread_crumbs a:hover {
					color: #8e9eb0;
					text-decoration: none;
				}
			
				
				/* Main contents */
				body #container #main_column #contents {
					padding: 0px 0px 0px 0px;
					width: 517px; /* total: 517px */
				}
				
				body #container #main_column #contents h1 {
					margin: 0px 0px 16px 0px;
					padding: 6px 0px 0px 10px;
					width: 507px; /* total: 517px; */
					height: 16px; /* total: 22px; */
					font-family: Verdana, Arial, sans-serif;
					font-size: 11px;
					font-weight: bold;
					text-transform: uppercase;
					letter-spacing: 3px;
					color: #ffffff;
					background: url('../_images/heading_bg.gif') no-repeat top left;
				}
				body #container #main_column #contents h2, h3 {
					margin: 0px 0px 16px 10px;
					font-family: Verdana, Arial, sans-serif;
					font-size: 13px;
					font-weight: bold;
				}
				body #container #main_column #contents h4 {
					margin: 0px 0px 0px 10px;
					font-family: Verdana, Arial, sans-serif;
					font-size: 12px;
					font-weight: bold;
				}
				
				
				body #container #main_column #contents p {
					margin: 0px 10px 12px 10px;
				}
				
				body #container #main_column #contents ul {
					margin-top: 10px;
					margin-left: 35px;
					padding-left: 0px;
					text-indent: 0px;
					list-style-type: square;
				}
				

				body #container #main_column #contents h2.separated {
					margin: 0px 0px 12px 10px;
					border-bottom: 1px solid #5b5b5b;
					font-family: Verdana, Arial, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #5b5b5b;
				}
				
				
				
				/* INSERT ADDITIONAL CONTENTS STYLES HERE */
				
				
				
				
				
				
				/* Content boxes (3 boxes) */
				body #container #main_column table.box_3 {
					clear: both;
					width: 518px;
				}
					body #container #main_column table.box_3 td {
						vertical-align: top;
						text-align: left;
						color: #231f20;
					}
					body #container #main_column table.box_3 td h2 {
						margin: 0px 0px 11px 0px;
						padding: 0px;
						font-size: 11px;
						color: #ed1820;
					}
					body #container #main_column table.box_3 td h2 a {
						color: #ed1820;
					}
					
					body #container #main_column table.box_3 td.box31_pic {
						width: 165px;
						height: 110px;
						background: url('../_images/Box1.jpg') no-repeat;
					}
					body #container #main_column table.box_3 td.box32_pic {
						width: 165px;
						height: 110px;
						background: url('../_images/Box2.jpg') no-repeat;
					}
					body #container #main_column table.box_3 td.box33_pic {
						width: 165px;
						height: 110px;
						background: url('../_images/Box3.jpg') no-repeat;
					}
					body #container #main_column table.box_3 td.box31_text,
					body #container #main_column table.box_3 td.box32_text,
					body #container #main_column table.box_3 td.box33_text {
						padding: 10px 11px 10px 11px;
						width: 143px; /* total: 165px; */
					}					
					body #container #main_column table.box_3 td.box31_text {
						background: #dfe3eb url('../_images/box3_bg.gif') no-repeat top;
					}
					body #container #main_column table.box_3 td.box32_text {
						background: #dfe3eb url('../_images/box3_bg.gif') no-repeat top;
					}
					body #container #main_column table.box_3 td.box33_text {
						background: #dfe3eb url('../_images/box3_bg.gif') no-repeat top;
					}
					body #container #main_column table.box_3 td.box31_pad {
						width: 11px;
					}
					body #container #main_column table.box_3 td.box32_pad {
						width: 12px;
					}
					body #container #main_column table.box_3 tr.box3_sep {
						height: 2px;
					}

				/* Content boxes (2 boxes) */
				body #container #main_column table.box_2 {
					margin-top: 12px;
					clear: both;
					width: 518px;
				}
					body #container #main_column table.box_2 td.box21 {
						padding: 0px;
						vertical-align: top;
						text-align: left;
					}
					body #container #main_column table.box_2 td.box22 {
						padding: 0px;
						vertical-align: top;
						text-align: right;
					}
				
				/* News area */
				body #container #news_header {
					margin: 15px 0px 4px 0px;
					width: 518px;
					height: 22px;
					background: url('../_images/news_header_bg.gif') no-repeat top;
				}
				body #container #news_header h2 {
					margin: 0px 0px 0px 0px;
					padding: 6px 0px 0px 10px;
					font-size: 11px;
					color: #ffffff;
				}
				body #container div.news_box {
					margin-bottom: 4px;
					padding: 6px 10px 0px 10px;
					width: 498px; /* total: 518px; */
					background: #f1f3f5 url('../_images/news_box_bg.gif') repeat-x top;
				}
				body #container div.news_box p.news_date {
					margin: 0px 0px 5px 0px;
					color: #9eacba;
					font-size: 10px;
					font-weight: bold;
				}
				body #container div.news_box p.news_date a {
					color: #9eacba;
					font-size: 10px;
					font-weight: bold;
					text-decoration: none;
				}
				body #container div.news_box p.news_date a:hover {
					text-decoration: underline;
				}
				body #container div.news_box a {
					color: #7e8c9a;
					font-size: 11px;
					font-weight: normal;
					text-decoration: none;
				}
				body #container div.news_box a:hover {
					text-decoration: underline;
				}
				
			/* Right digest column */
			body #container #right_column {
				clear: none;
				float: left;
				width: 178px; /* total: 178px */
				border-top: 1px solid #acacac;
			}
			
				/* Promo box */
				body #container #promo_pic {
					padding: 18px 0px 0px 0px;
					margin: 0px;
					width: 177px; /* total: 178px */
					text-align: center;
					border-right: 1px solid #acacac;
					background-color: #dfe3eb;
				}
				body #container #promo_text {
					margin: 0px 0px 0px 0px;
					padding: 9px 10px 10px 18px;
					width: 149px; /* total: 178px */
					background: #dfe3eb url('../_images/promo_bg.gif') no-repeat top;
					color: #231f20;
					border-right: 1px solid #acacac;
				}
				body #container #promo_text h2 {
					margin: 0px 0px 14px 0px;
					padding: 0px 0px 0px 0px;
					font-size: 11px;
					color: #231f20;
				}
				
				/* Quick links box */
				body #container #quick_links {
					margin: 0px 0px 0px 0px;
					padding: 5px 10px 1px 9px;
					width: 159px; /* total: 178px */
					background: #8092a6 url('../_images/qlinks_bg.jpg') no-repeat top left;
				}
				body #container #quick_links h2 {
					margin: 0px 0px 14px 9px;
					padding: 0px 0px 0px 0px;
					font-size: 11px;
					color: #ffffff;
				}
				body #container #quick_links a {
					color: #ffffff;
					font-size: 11px;
				}
				body #container #quick_links_bottom {
					width: 178px; /* total: 178px */
					height: 11px;
					font-size: 1px;
					background: #8092a6 url('../_images/qlinks_kraj_bg.gif') no-repeat top;
				}
				
				/* Actions box */
				body #container #actions_top {
					width: 178px;
					height: 41px;
					background: url('../_images/actions_top_bg.gif') no-repeat top left;
				}
				body #container #actions {
					width: 142px; /* total: 178px; */
					padding: 0px 18px;
					background: url('../_images/actions_bg.gif') repeat-y;
					text-align: center;
				}
				body #container #actions_blue {
					width: 148px; /* total: 178px; */
					padding: 20px 15px 20px;
					background: url('../_images/actions_blue_bg.gif') repeat-y;
				}
					body #container #actions_blue ul {
						list-style: disc;
					}
					body #container #actions_blue ul li {
						margin-left: 7px;
					}
				
				body #container #actions_bottom {
					width: 178px;
					height: 108px;
					background: url('../_images/actions_bottom_bg.gif') no-repeat top left;
				}
				body #container #actions_blue_bottom {
					width: 178px;
					height: 25px;
					background: url('../_images/actions_blue_bottom_bg.gif') no-repeat top left;
				}
				
				/* NOD32 box */
				body #container #nodbox {
					margin-top: 20px;
					text-align: center;
				}
				
		/* Footer */
		body #container #footer {
			margin: 15px 0px 0px 1px;
			padding: 4px 10px 4px 10px;
			width: 937px; /* total: 957px */
			color: #b4b4b4;
			text-align: center;
		}
			
		
