body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0px;
	padding: 0px;
}
.wrapper
{
	width: 100%;
}
.container
{
	width: 960px;
	margin: 0px auto;
}
a:link,
a:active,
a:visited
{
	color: #4d86bb;
	text-decoration: none;
}
a:hover
{
	color: #1f527f;
}
.header
{
	width: 960px;
	height: 95px;
	background: #fff url(img/header-bg.jpg) bottom no-repeat;
	margin-bottom: 10px;
}
.header .link-container a:link,
.header .link-container a:visited,
.header .link-container a:active
{
	background-color: #e5ecf6;
	border: solid 1px #d6e0ef;
	padding: 5px 10px;
	margin: 1px 0px 0px 1px;
	font-size: 10px;
	text-align: center;
	float: right;
	color: #2d618f;
	text-transform: uppercase;
}
.header .link-container a:hover
{
	
	background-color: #d6e0ef;
	color: #2d618f;
}
.header a IMG
{
	border: 0px;
	float: left;
	margin-right: 3px;
	margin-top: -2px;
}
.header .search
{
	width: 230px;
	height: 22px;
	float: right;
	margin-top: 15px;
	padding: 10px;
	clear: right;	
}
.header .search INPUT[type="text"]
{
	width: 200px;
	height: 14px;
	float: left;
	border-top: solid 1px #d1d0d0;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #d1d0d0;
	font-size: 11px;
	color: #666;
	padding-top: 2px;
}
.header .search .button
{
	width: 19px;
	height: 19px;
	background: url(img/search-button.png) no-repeat;
	float: left;	
	margin: 0px 0px 0px 1px;
	padding: 0px;
	border: none;
	color: #fff;	
	cursor: pointer;
}
.main
{
	width: 960px;
}
.main TD
{
	vertical-align: top;
}
.main .left-column
{
	width: 200px;
}
.main .left-column a:link,
.main .left-column a:visited,
.main .left-column a:active
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.main .left-column a:hover
{
	text-decoration: underline;
}
.main .left-column IMG
{
	border: solid 1px #e0e0e0;
	margin-bottom: 2px;
}
.main .left-column IMG:hover
{
	border: solid 1px #4d86bb;
}
ul#menu, ul#menu ul
{
	list-style-type:none;
	margin: 0px;
	padding: 0px;	
}
ul#menu a
{
	display: block;
	text-decoration: none;	
}
ul#menu li
{
	float: left;
	width: 100%;
}
ul#menu li a
{
	margin-bottom: 1px !important;
	display: block;
}
ul#menu li ul li a
{
	padding: 7px 14px 7px 7px;
	color: #2d618f;
	font-size: 11px;
	font-weight: bold;
	background-color: #e5ecf6 !important;
	font-size: bold;			
}
ul#menu li ul li a.arrow-down
{
	padding: 7px 14px 7px 7px;
	color: #2d618f;
	font-size: 11px;
	font-weight: bold;
	background: url(img/arrow-down.png) 185px no-repeat;
	font-size: bold;
}
ul#menu li ul li a:hover
{
	background-color: #d6e0ef !important;
}
ul#menu li ul li .sub-selected
{
	background-color: #d6e0ef !important;
}
ul#menu li ul li ul li a
{
	background: #e5ecf6 url(img/bullet-blue.gif) 12px 11px no-repeat;
	padding-left: 22px;
	padding-right: 7px;
	position: relative;
}
.main .left-column .middle-nav,
.main .left-column .middle-nav-selected
{
	width: 190px;
	height: 23px;
	padding: 7px 0px 0px 10px;
	margin-bottom: 1px !important;
	display: block;
}
.main .left-column .top-nav
{
	background: url(img/nav-top.jpg) no-repeat;
}
.main .left-column .top-nav:hover
{
	background: url(img/nav-top-hover.jpg) no-repeat;
}
.main .left-column .top-nav-selected
{
	background: url(img/nav-top-selected.jpg) no-repeat;
}
.main .left-column .middle-nav
{
	background: url(img/nav-middle.jpg) no-repeat;
}
.main .left-column .middle-nav:hover
{
	background: url(img/nav-middle-hover.jpg) no-repeat;
}
.main .left-column .middle-nav-selected
{
	background: url(img/nav-middle-selected.jpg) no-repeat;
}
.main .left-column .bottom-nav
{
	background: url(img/nav-bottom.jpg) no-repeat;
}
.main .left-column .bottom-nav:hover
{
	background: url(img/nav-bottom-hover.jpg) no-repeat;
}
.main .left-column .bottom-nav-selected
{
	background: url(img/nav-bottom-selected.jpg) no-repeat;
}
.main .middle-column
{
	width: 540px;
	padding: 0px 10px;
	text-align: justify;
}

.main .right-wide-column
{
	width: 740px;
	padding: 0px 10px;
	text-align: left;
}

.main .middle-column .header-title
{
	width: 526px;
	height: 78px;
	background: url(img/header-empty.jpg) no-repeat;
	padding: 7px;
	text-align: left;
	font-size: 11px;
	color: #4d86bb;
	position: relative;
}

.main .right-wide-column .header-title
{
	width: 726px;
	height: 78px;
	background: url(img/header-wide-empty.jpg) no-repeat;
	padding: 7px;
	text-align: left;
	font-size: 11px;
	color: #4d86bb;
	position: relative;
}

.main .middle-column .header-title H1,
.main .right-wide-column .header-title H1
{
	font-size: 20px;
	font-weight: normal;
	color: #6da931;
	margin: 0px 0px 5px 0px;
	position: absolute;
	bottom: 0px;
}
.main .middle-column .content,
.main .right-wide-column .content
{
	padding: 10px 5px;
}
.main .middle-column .content H1,
.main .right-wide-column .content H1
{
	font-size: 20px;
	font-weight: normal;
	color: #6da931;
	margin: 0px;
	padding: 0px;
}
.main .middle-column .content H2,
.main .right-wide-column .content H2
{
	font-size: 12px;
	color: #1f527f;
	margin: 0px;
	padding: 0px;
}
.main .middle-column .content P,
.main .right-wide-column .content P
{
	margin: 15px 0px;
	padding: 0px;
}
.main .middle-column .content UL,
.main .right-wide-column .content UL
{
	margin: 0px;
	padding: 0px;
}

.main .middle-column .content OL,
.main .right-wide-column .content OL
{
	margin: 20px;
	padding: 0px;
}

.main .middle-column .content UL LI,
.main .right-wide-column .content UL LI
{
	background: url(img/bullet-gray.gif) left 5px no-repeat;
	margin: 5px 0px 5px 20px;
	padding: 0px 0px 0px 12px;
	list-style-type: none;
}
.main .middle-column .content OL LI,
.main .right-wide-column .content OL LI
{
	margin: 5px 0px 5px 20px;
	padding: 0px 0px 0px 0px;

}
.main .middle-column .main-box,
.main .right-wide-column .main-box
{
	width: 540px;
}
.main .middle-column .main-box .top,
.main .right-wide-column .main-box .top
{
	width: 540px;
	height: 4px;
	background: url(img/main-box-top.jpg) no-repeat;
}
.main .middle-column .main-box .middle,
.main .right-wide-column .main-box .middle
{	
	width: 530px;
	/*background: url(img/main-box-middle.jpg) repeat-y;
	padding: 1px 5px;*/
}
.main .middle-column .main-box .bottom,
.main .right-wide-column .main-box .bottom
{
	width: 540px;
	height: 4px;
	background: url(img/main-box-bottom.jpg) no-repeat;
}
.main .middle-column .main-box .middle .links,
.main .right-wide-column .main-box .middle .links
{
	width: 328px;
	float: left;
	padding: 0px 10px;
	text-align: left;
}
.main .middle-column .main-box .middle .links H2,
.main .right-wide-column .main-box .middle .links H2
{
	color: #6da931;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
}
.main .middle-column .main-box .middle .links UL,
.main .right-wide-column .main-box .middle .links UL
{
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.main .middle-column .main-box .middle .links UL LI,
.main .right-wide-column .main-box .middle .links UL LI
{
	background: url(img/bullet-blue.gif) left 5px no-repeat;
	margin: 7px 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
.main .middle-column .main-box .middle .question,
.main .right-wide-column .main-box .middle .question
{
	width: 182px;
	float: left;
}
.main .middle-column .main-box .middle .question .top-quotes,
.main .right-wide-column .main-box .middle .question .top-quotes
{
	width: 182px;
	height: 20px;
	float: left;
	background: url(img/top-quotes.jpg) no-repeat;
}
.main .middle-column .main-box .middle .question .middle-content,
.main .right-wide-column .main-box .middle .question .middle-content
{
	width: 162px;
	padding: 0px 10px;
	float: left;
	background-color: #c5d2e6;
	color: #1f527f;
	text-align: left;
}
.main .middle-column .main-box .middle .question .middle-content H2,
.main .right-wide-column .main-box .middle .question .middle-content H2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}
.main .middle-column .main-box .middle .question .bottom-quotes,
.main .right-wide-column .main-box .middle .question .bottom-quotes
{
	width: 182px;
	height: 20px;
	float: left;
	background: url(img/bottom-quotes.jpg) no-repeat;
}
.qwer
{
	/*border: solid 1px #d3ddec;*/
}
.main .middle-column .main-box .middle .column-one
{
	min-width: 480px;
	width: 480px;
	max-width: 480px;
	background: #fff;
	padding: 10px;
}

.main .middle-column .main-box .middle .column-one H2,
.main .middle-column .main-box .middle .column-two H2
{
	color: #6da931;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
}
.main .middle-column .main-box .middle .column-one UL,
.main .middle-column .main-box .middle .column-two UL
{
	width: 100%;	
	margin: 0px;
	padding: 0px;
}
.main .middle-column .main-box .middle .column-one UL LI,
.main .middle-column .main-box .middle .column-two UL LI
{
	background: url(img/bullet-blue.gif) left 5px no-repeat;
	margin: 7px 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	text-align: left;
}
.main .middle-column .main-box .middle .column-two
{
	min-width: 480px;
	width: 480px;
	max-width: 480px;
	background: #EDF2F9;
	padding: 10px;
	text-align: left;
}
/*.main .middle-column .main-box .middle .column-three
{
	min-width: 240px;
	width: 240px;
	max-width: 240px;
	background: #c5d2e3;
	padding: 10px;
	text-align: left;
	position: relative;
}
.main .middle-column .main-box .middle .column-three H2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #1F527F;
}
.main .middle-column .main-box .middle .column-three .top-quote
{
	margin: -10px 0px 0px -10px;
}
.main .middle-column .main-box .middle .column-three .bottom-quote
{	
	margin: 0px 0px -10px 135px;	
}*/
.main .right-column
{
	width: 200px;
}
.main .right-column-color
{
	background-color: #edf2f9;
}
.main .right-column IMG
{
	border: solid 1px #e0e0e0;
	margin-bottom: 2px;
}
.main .right-column IMG:hover
{
	border: solid 1px #4d86bb;
}
.main .right-column .right-editor
{
	
}
.main .right-column .right-editor DIV
{
	margin: 10px;
	padding: 0px;
}
.main .box-header
{
	width: 200px;
	height: 34px;
	background: url(img/box-header.jpg) no-repeat;
	float: left;
	font-weight: bold;
	color: #1f527f;
}
.main .box-header .title
{
	margin: 10px 0px 0px 10px;
	padding-left: 10px;
	background: url(img/bullet-blue.gif) left 5px no-repeat;
	float: left;
}
.main .box-content
{
	width: 180px;
	background: #edf2f9 url(img/box-content.jpg) bottom no-repeat;
	float: left;
	padding: 0px 10px 10px 10px;
	margin-bottom: 5px;
	color: #1f527f;
}
.main .news-tab
{
	background: none;
	width: auto;
	padding: 10px;
}
.main .box-content UL
{
	padding: 0px;
	margin: 0px;
}
.main .box-content UL LI
{
	padding: 0px 0px 0px 17px;
	margin: 7px 0px;
	list-style-type: none;
	background: url(img/pdf-icon.png) left top no-repeat;
}
.main .box-content .date
{	
	color: #1f527f;	
	font-size: 10px;
	margin-bottom: 5px;
}
.date
{	
	color: #1f527f;	
	font-size: 10px;
}
.main UL.right-nav
{
	padding: 0px;
	margin: 10px;
}
.main UL.right-nav LI
{
	padding: 5px;
	margin: 0px;
	list-style-type: none;
	border-bottom: solid 1px #c5d2e6;
	border-bottom-color: #D5DEEC;	
}
.main UL.faq-categories
{
	padding: 0px;
	margin: 10px;
}
.main UL.faq-categories LI
{
	padding: 5px 5px 5px 20px;
	margin: 0px;
	list-style-type: none;
	border-bottom: solid 1px #c5d2e6;
	border-bottom-color: #D5DEEC;
	background: url(img/faq.png) left 5px no-repeat;
}

.main UL.opasniProizvodi-categories
{
	padding: 0px;
	margin: 10px;
}
.main UL.opasniProizvodi-categories LI
{
	padding: 5px 5px 5px 20px;
	margin: 0px;
	list-style-type: none;
	border-bottom: solid 1px #c5d2e6;
	border-bottom-color: #D5DEEC;
	background: url(img/opasni-proizvodi-red.png) left 5px no-repeat;
}

.footer
{
	width: 960px;	
	height: 30px;
	background: #fff url(img/footer-bg.jpg) top no-repeat;
	margin-top: 10px;
	font-size: 11px;
	padding-top: 10px;
}

/* Login / Membership Module Container Start */
a.member-link:link,
a.member-link:active,
a.member-link:visited
{
	font-size: 11px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	color: #4878bc;
	text-decoration: none;
}
a.member-link:hover
{
	color: #479d2e;
}
.login
{	
	margin: 40px auto 10px auto;
    width: 373px;	
}
.membership-module-container
{
	width: 400px;
	margin: 40px auto 10px auto;
}
.login .title,
.membership-module-container .title
{
	width: 400px;
	height: 24px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding-top: 7px;	
}
.login .form,
.membership-module-container .password-recovery
{
	width: 400px;
	margin: 0px auto;
	height: 255px;
	background: url(img/login-box.png) no-repeat;	
}
.membership-module-container .email-recovery
{
	width: 400px;
	margin: 0px auto;
	height: 255px;
	background: url(img/email-recovery-box.png) no-repeat;	
}
.login .form .content,
.login .open-id .content,
.membership-module-container .password-recovery .content,
.membership-module-container .email-recovery .content
{
	padding: 30px 0px 0px 100px;
}
.membership-module-container .content
{
	padding: 10px 0px 0px 100px;
}
.login .form .content DIV,
.membership-module-container DIV
{
	margin-bottom: 5px;
	clear: both;
}
.login LABEL,
.login .form LABEL,
.login .open-id LABEL,
.membership-module-container LABEL
{
	width: 35%;		
	float: left;		
}
.login .form DL, .login DL
{
	margin: 0px;
	padding: 0px;
}
.login .form DL DD, .login DL DD
{
	margin: 5px 0px;
	padding: 0px;
}
.styled-button 
{
	background: #f0f0f0;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	border-right: solid 2px #333;
	border-bottom: solid 2px #333;
	padding: 2px 5px;
	color: #333;
	margin: 16px 30px 0px 0px;
}
.styled-button A
{
	color: #333;
}
.styled-button UL
{
	margin: 0px;
	padding: 0px;
}
.styled-button UL LI
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.login .form INPUT[type="text"],
.login .form INPUT[type="password"],
.login INPUT[type="text"],
.login INPUT[type="password"],
.membership-module-container INPUT[type="text"],
.membership-module-container INPUT[type="password"]
{
	width: 55% !important;
	border: solid 1px #dedede !important;
}
.login .open-id
{
	width: 400px;
	height: 255px;
	background: url(img/openid-box.png) no-repeat;	
}
.login .form .content INPUT[type="checkbox"],
.login .open-id .content INPUT[type="checkbox"]
{
	float: left;
	clear: right;
}
.membership-module-container .register
{
	width: 400px;
	height: 275px;
	background: url(img/register-box.png) no-repeat;
	margin: 0px auto;
}
.login .open-id .content .openid-container SPAN
{
	float: left !important;
	width: 60% !important;		
}
.login .open-id .content .example
{
	font-size: 10px;
	color: #919191;			
}
.login .open-id .content .openid-textbox
{
	width: 90% !important;
	border: solid 1px #dedede !important;
	float: left !important;
}
/* Login / Membership Module Container End */
.NewsModule,
.NewsModule TABLE,
.NewsModule TD
{
	padding: 0px;
	margin: 0px;
}
/***** Obrasci Start ****/
.obrasci
{
	
}
.obrasci H1
{
	margin-top: 20px !important;
}
.obrasci TR.gray-header
{
	background-color: #EDF2F9;
}
.obrasci TD
{
	padding: 8px 4px;
	border-bottom: solid 1px #EDF2F9;
	text-align: center;		
}
.obrasci .align-left
{
	text-align: left;	
}
/***** Obrasci End ****/
/***** Input Form Start ****/
.InputFormPrijave
{
	text-align: left !important;
}
.InputFormPrijave P
{
	margin: 2px 0px !important;
	padding: 0px !important;
}
.InputFormPrijave H2
{
	margin: 10px 0px !important;
}
.InputFormPrijave LABEL
{	
	width: 100%;	
}
.InputFormPrijave INPUT[type="text"],
.InputFormPrijave TEXTAREA
{
	border: solid 1px #ababab;
	width: 100%;
}
/***** Input Form End *****/
/***** Seaarch Result Start *****/
.search-results
{
	border-bottom: solid 1px #EDF2F9;
	margin-bottom: 10px;
}
.search-results H2
{
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.search-results .search-results-date
{	
	color: #1f527f;
	font-size: 10px;		
}
.search-results .description-text
{
	margin: 15px 0px;
}
.search-results B
{	
	background-color: #EDF2F9;
	font-weight: normal;
	padding: 0px 2px;
}
/***** Seaarch Result End *****/
/* Seo Pager - Start */
.pager
{
	font-size: 11px;
	clear: both;	
	margin-top: 15px;
	float: right;	
}
.pager .page-text
{
	font-size: 12px;
	margin-right: 4px;
}
.pager A:link,
.pager A:active,
.pager A:visited
{	
	padding: 4px 8px;
	color: #999;
	margin: 0px 0px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 2px #eee;
	display: inline-block;
}
.pager A:hover
{
	color: #666;
	border-bottom: solid 2px #326FA5;
}
.pager .selected
{		
	padding: 4px 8px;
	color: #373F42;
	margin: 0px 1px;
	font-weight: bold;
	text-decoration: none;	
	display: inline-block;
	border-bottom: solid 2px #326FA5;
}
/* Seo Pager - End */


.tabs
{	
	overflow: hidden;
	position: relative;
}
.tabs .gray-line,
.gray-line
{
	border-bottom: solid 1px #ccc;	
	position: relative;		
	float: left;
	width: 100%;
	margin-top: -1px;
	z-index: 1;
	height: 0px;
}
.tabs ul {
	padding: 0px;
	margin: 10px 10px 0px 10px;
	list-style: none;
	float: left;
	z-index: 2;
	position: relative;
}
.tabs ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0px 10px;
}
.tabs ul li a {
	text-decoration: none;
	float:left;
	color: #555;
	cursor: pointer;
	font: 11px "Arial", Helvetica, sans-serif;
	background: url(img/tab.png) no-repeat top right;
	text-transform: uppercase;	
}
.tabs ul li a span {
	margin: 0 10px 0 -10px;
	padding: 6px 8px 5px 18px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(img/tab.png) no-repeat top left;
}
.tabs ul.tab li a.selected
{
	background: url(img/tab-selected.png) no-repeat top right;
	color: #2d618f;
}
.tabs ul.tab li a.selected span
{
	background: url(img/tab-selected.png) no-repeat top left;
}
/***** Print Preview Start *****/
.print-previw
{
	padding: 20px;	
}
.print-previw H1
{
	font-size: 20px;
	font-weight: normal;
	color: #6da931;
}
.print-previw .pp-logo
{
	overflow: hidden;
	border-bottom: solid 1px silver;
	padding-bottom: 10px;
}
.print-previw UL LI
{
	list-style-type: circle;
	padding: 3px 0px;
}
/***** Print Preview End *****/

/***** Opasni proizvodi Start *****/
.opasniProizvodi
{
	
}

.opasniProizvodi table
{
	width:100%;
}

.opasniProizvodi td
{
	
}

.opasniProizvodi .labelOP
{
	width:130px;
	text-align:left;
	padding-top:5px;
	border-bottom: dashed 1px #e1e1e1;
}

.opasniProizvodi .contentOP
{
	font-weight:bold;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	border-bottom: dashed 1px #e1e1e1;
}

.opasniProizvodiList
{
	font-weight:bold;
}

.opasniProizvodiList a
{
	font-weight:bold;
}

.opasniProizvodiList td
{
	padding:2 5 2 5;
}
/***** Opasni proizvodi End *****/
/**** Captcha Start ****/
.captcha
{
	
}
.captcha .holder
{
	position: relative;
}
.captcha .holder .image-captcha
{
	border:1px solid #CBD3D9;
}
.captcha .holder .refresh
{
	position: absolute;
	top: 5px;
	right: 5px;
}
.captcha-description H3
{
	margin-bottom: 5px;
}
.captcha-description
{
	font-size: 12px;
	padding-left: 25px;	
}
/**** Captcha End ****/
