body{
   margin: 0;
	padding: 0;
	behavior:url("css/csshover.htc");
}

body.userbox{
	background: #D4D5DF;
}

body * {
   font-family:  Verdana, Arial, sans-serif;
	font-size: 11px;
}

.clear {
  clear: both; 
  height: 10px;
  *line-height: 10px;
}

input, textarea{
 border-top: 1px solid #E9E9E9; 
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 background-color: #f8f8f8;
}

input.buttono{
 background: #FAFAFA;
 border: 1px solid #E9E9E9;
 width: 60px;
 color: #296EA0;
 font-size: 10px;
 font-weight: bold;
 font-family: "Trebuchet MS";
}

input.button{
	border: 0;
}

#main {
    width: 950px;
    background:  White url(../images/main_bg.gif) repeat-y;
    padding: 0;
	vertical-align: middle;
	margin: 0 auto;
}

#mainuserbox {
    width: 780px;
	background:  White url(../images/main_bg.gif) repeat-y;
    padding: 0 0 40px 20px;
	vertical-align: middle;
	margin: 0 auto;
}
/***************/
.logo{
	text-align: center;
	width: 177px;
	padding: 10px 0;
}

.logo img{
	border: 0;
}

.lap{
	text-align: right;
	width: 720px;
}

.lap2{
	text-align: right;
	width: 565px;
	background: url(../images/user_head.jpg) top right no-repeat;
}

#navup{
	color: #296EA0;
	margin: 0 140px 0 0;
}

#navup a{
	color: #707070;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	margin: 0 3px;
	outline:none;
}

#navup a img
	{ border:none;}

#navup a:hover{
	text-decoration: underline;
}

#mainnavup{
	border: 1px solid #E9E9E9;
	margin: 0 0 10px 0;
	/*width: 550px;*/
}

#mainnavup ul{
	margin: 0;
	padding: 8px 0;
}

#mainnavup li{
	display: inline;
	padding: 9px 9px;
	border-right: 1px solid #E9E9E9; 	
}

#mainnavup a{
	background: url(../images/strelic.gif) no-repeat left ;	
	font-size: 10px;	
	font-weight: bold;
	color: #707070;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 16px;
}

#mainnavup a:hover{
	color: #BFBFBF;
}

#mainnavup .noborder, {
	border: none;
	margin: 0 0 7px 0;
	padding: 0;
}

#mainnav .noborder{
	border: none;
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;
}

/***************/
#left h1{
	color: #1C1E45;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 10px;
	color: #7A7A7A;
}

#left{
    width: 180px;    
}

#left p{
	margin: 0 0 5px 0;
	padding: 0;
	color: #92928F;
	font-size: 10px;	
}


.box{
	width: 157px;
	background: #FAFAFA;
	border: 1px solid #E9E9E9;
	padding: 10px;
	margin: 0 0 10px 0;	
	height: 80px;
    background: url(../images/newsletter.jpg);
}

a.banner, a.flashBanner { 
	display:block;
	color:#fff;
}

.banner, .flashBanner, .flashBannerWrap {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

.banner img {
	border:none;
}
 
.banner_big{
	margin: 0;
	padding: 0;
	border: 0;
}

/***************/

#mainnav{
	width: 165px;
	margin:  0 0 10px 0;
	padding: 6px 5px; 
	border: 1px solid #E9E9E9;
	color: #296EA0;
}

#mainnav ul{
	margin: 0; 
	padding: 5px 5px 0 3px;
}

#mainnav li{
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid white;
    padding: 0 0 7px 10px;
	margin: 0 0 6px 0;
	color: #296EA0;
	/*list-style-position: inside;
	list-style-image: url(../images/bullett.gif);*/
}

#mainnav a{
	font-size: 10px;	
	font-weight: bold;
	color: #898989;
	text-decoration: none;
	margin: 0 0 0 0px;
	padding: 0;    	
	/*background: url(../images/bullett.gif) no-repeat left;*/
}

#mainnav a:hover{
	color: #BFBFBF;
	/*background: url(../images/bullett.gif) no-repeat left;*/
}

ul#menu, ul#menu2 {
		left:5px;
		top:2em;		
	}

/*#menu  ul li {
   background: #fff;
}*/
	ul, li {
		margin:0;
		padding:0;
		display:block;
		}		

	ul {
		list-style:none;
		width: 159px;
		margin: 0;
		padding: 0;
		background-color: White;
		
	}	

li {
	text-decoration: none;
	/*text-transform: uppercase;	*/
	color: #898989;
	position:relative;
	margin: 0;
	/*z-index:9;*/
	border-bottom:1px solid #D7D7D7;
	padding: 0;
}

span.no{
	font-size: 10px;	
	font-weight: bold;
	color: #898989;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 0;
	/*background: url(../images/bullett.gif) no-repeat left;*/
}
	
		
ul ul {
		text-align: left;
		position:absolute;
		display:none;
		right: -164px;
		top: -2px;
		border: 1px solid #E9E9E9;
		border-style: solid;		
		margin: 0;
		padding: 0;
		background: White;
        z-index: 10;		
}

#menu  ul li {
   background: #fff;
   *background: transparent;   
}
	
ul ul ul {  
    z-index: 15;
}

li:hover ul ul {
		display:none;
	}
		
li:hover ul, li:hover li:hover ul {
		display:block;
	}		

/**********************/

#center{
	padding: 0 10px;	
	width: 530px;	
}

#center h1{
	color: #71A4CA;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 10px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	background: url(../images/bg_round.gif) repeat-x bottom;		
}

#center a{
	color: #296EA0;
	font-size: 10px;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#center a img
	{border:none;}

#center a:hover{
	color: #999999;
}

/**************************new *********/

#homearticles{
	padding: 0;
	margin: 0 0 15px 0;	
	width: 550px;	
	background: #FAFAFA url(../images/bg_round.gif) repeat-x bottom;	
}

#homearticles td{
	padding: 15px 15px 0 15px;
	margin: 0;		
	width: 550px;
}

.img_left{
    float: left;
    margin: 0 10px 0 0;
    /*width: 100px;
    height: 100px;*/
    border: 1px solid #E9E9E9;    	
}

.img_left2{
    float: left;
    margin: 0 10px 0 0;
    /*width:  127px;
    height: 83px;*/
    border: 1px solid #E9E9E9;    	
}

.div_left{
    float: left;
    margin: 0 10px 0 0;
    width: 150px;
    height: 100px;    	
}


.img_right{
    float: right;
    margin: 0 0 0 10px;
    /*width: 100px;
    height: 100px;*/
    border: 1px solid #E9E9E9;    	
}

#homearticles h1{
	color: #71A4CA;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	background: url(../images/bg_round.gif) repeat-x bottom;		
}

#homearticles h2{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #296EA0;	
	margin: 0 0 5px 0;
	padding: 0;
}

#homearticles span{
	font-size:11px;
	color: #B4B4B4;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0;
}

#homearticles p {
	margin: 0;
	padding: 0;
}

#homearticles div.newswrapper {
	margin: 0;
	padding: 0;	
	height: 91px;
	overflow: hidden;
	text-align: justify;
	color:#000;
}

#homearticles div.newswrapper table { display: none; }

#homearticles a{
	color: #296EA0;
	font-size: 10px;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	/*text-transform: uppercase;*/
}

#homearticles a:hover{
	color: #999999;
}

.article{
	margin: 0 0 30px 0; 
}


.article33{
	margin: 0 0 15px 0; 
}
/********/

#selected{
	width: 550px;
}

#selected h1{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	color: Black;
	text-transform: none;
	background: none;
}

.selleft{
	float: left;
	margin: 0 7px 0 0;
	padding: 5px;
	border: 1px solid #E9E9E9;
	width: 270px;
	height: 140px;
}

.selleft2{
	float: left;
	margin: 0 7px 10px 0;
	padding: 5px;
	border: 1px solid #E9E9E9;
	width: 270px;
	height: 140px;
}

.selright{
	margin: 0px;
	padding: 5px;
	width: 270px;
	height: 140px;
	border: 1px solid #E9E9E9;	
}


#selected .imidj{
	width: 126px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: #296EA0;
	text-align: right;
	vertical-align: bottom;
}



#selected .imidj a{
	font-size: 10px;
	color: White;
	text-decoration: none;
	text-transform: uppercase;
	margin: 5px 10px 0 0;
	padding: 0;
	display: block;
}

.img_link {
    border: 0px;
}

#selected .imidj a:hover{
	color: #71A4CA;
}

#selected .imidj img{
	border-bottom: 1px solid White;
}

#selected .txtflow{
	width: 150px;
	padding: 0 5px 0 10px;	
	vertical-align: top;
}

#selected .txtflow h1{
	margin: 5px 0;
	padding: 0;
}

#selected .txtflow p{
	margin: 0;
	padding: 0;
	height: 93px;
	overflow: hidden;
}


/********/

#groupview{
	width: 550px;
	margin: 10px 0 0 0;	
}

#brandview{
	margin: 0;
	padding: 0;	
}

.articlez{
	padding: 0 10px;
	margin: 0 0 20px 0;
}


.articlez .social_icons
	{ float:left; clear:left; margin:5px 0 0px 0; }
	
	
.articlez .thumb_iframe_icons
	{ float:left; display:inline-block; }


.articlez55{
	padding: 0 10px;
	margin: 0 0 20px 0;
	/*height: 110px;*/
	height: auto;
}

.articlez55 h3 {
    margin: 0 0 3px 0;  
}
 
.div_sales_left {
    float: left;
    margin: 0 10px 0 0;
    width: 150px;
    height: auto;     
}

.articlezz{
	padding: 0 10px;
	margin: 0 0 20px 0;
}

#groupview .articlezz p{
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 7px;
}

#groupview p.data {
    margin: 0;
    padding: 0;
    line-height: 13px;
}

.articlez span, .articlezz span{
	font-size:11px;
	color: #B4B4B4;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0;
}

#brandview h2{
	font-size: 11px;
	color: #296EA0;
	margin: 0 0 7px 0;
	padding: 0;
}

.articlez h3, .articlezz h3{
	font-size: 11px;
	color: #296EA0;
	margin: 0 0 3px 0;
	padding: 0;
}

#brandview p{
	font-size: 11px;
	margin: 0 0 5px 0px;
	padding: 0;
	display:inline;
}

.archive{
	padding: 5px 5px 10px 10px;
	margin: 0 0 10px 0;
	background: #FAFAFA;
	/*border-bottom: 1px solid #E9E9E9;*/
}

.archive2{
	padding: 10px 5px 10px 10px;
	margin: 10px 0;
	background: #FAFAFA;
	/*border-bottom: 1px solid #E9E9E9;*/
}

.archive p{
	margin: 5px 0;
	padding: 0;
}

#center a.biga{
	font-size: 11px;
	color: #00B8FF;
	margin: 0;
	font-weight: bold;
}

#center a.biga2{
	font-size: 10px;
	color: #71A4CA;
	padding: 2px 10px;
	font-weight: bold;
	display: block;
}

#center a.biga2 span{
	color: #B4B4B4;
	font-weight: normal;
	margin: 0 5px;
	font-size: 10px;	
}

#center h2.adds{
	color: #296EA0;	
	padding: 0 0 10px 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #E9E9E9;
}


/*****/
#bannerhome{
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;				
	width: 550px;
}

#bannerhome a{
	margin: 0;
	padding: 0;
	border: 0;
}

.banner2{
	margin: 0;
	border: 0;
	padding: 0;
}

.banner_r{
	margin: 0px 0 6px 0;
	padding: 0;
	border: 0;
}

.banner1{
	margin: 4px 0 10px 0;
	padding: 0;
	border: 0;
}

.flash-left
{
	margin:6px 0 0 0;
}
/*********************************************************/

#footer{
	width: 740px;
	padding: 0;
	background: #FAFAFA;
	margin: 5px 0;
	padding: 10px 0;
	vertical-align: top;
}

.sign a{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	display: block;
	padding: 0px 0 0 25px;
	text-decoration: none;
	color: Black;
}

.sign a:hover,
.sign a:hover span.grey,
.sign span.red {
	color: Red;
}

.sign a span.grey { color:#999; }


/* ///// AUKCIJA ///// */

/* grupni prikaz */
#aukcija {
	width: 550px;
	margin-top: 10px;
}

#aukcija h1 {
	color: #71A4CA;
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px 5px 10px;
	margin: 0 0 0 0;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	background: url(../images/bg_round.gif) repeat-x bottom;
}

#aukcija h2 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #296EA0;	
	margin: 15px 0 10px 0;
	padding: 0;
}

#aukcija a {
	color: #296EA0;
	font-size: 10px;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	/*text-transform: uppercase;*/
}

#aukcija a:hover {
	color: #999999;
}

#aukcija .dottedline {
	background: url(../images/bg_round.gif);
	height: 2px;
	margin: 0 10px;
}



#aukcija .auction {
	margin: 20px 15px 40px 15px;
}

#aukcija .auction span {
	font-size: 11px;
	color: #B4B4B4;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0;
}

#aukcija .auction h2 {
	margin: 20px 0 12px 0;
}

#aukcija .auction img {
	margin-right: 30px;
}

#aukcija .auction p {
	margin: 0;
	padding: 0;	
	height: 91px;
	overflow: hidden;
	text-align: justify;
}

#aukcija .auction .podaci td {
	padding-bottom: 4px;
}

#aukcija .auction .podaci .left {
	color: #888;
	padding-right: 15px;
}






/* detaljni prikaz */
#pagenav {
	margin: 0 0 20px 380px;
}

#pagenav td.prev {
	background: url(../images/arrow_back.gif) 0 4px no-repeat;
	width: 80px;
}

#pagenav td.next {
	background: url(../images/arrow.gif) right 4px no-repeat;
}

#pagenav a {
	margin: 0 10px;
	padding: 0;
	font-size: 11px;
}

#pagenav .nolink {
	color: #92928F;
}

.auction_right {
	width: 370px;
	margin-left: 142px;
	//margin-left: 0;
}

.img_left_auction {
	 float: left;
    margin: 0 10px 0 0;
}

.img_left_auction img {
     width: 100px;
     /*height: 100px;*/ 
     border: 1px solid #E9E9E9;
	 margin-bottom: 7px;
}

.ponuda_text {
	margin: 25px 0 5px 0;
}

input.ponuda {
	border: 1px solid #E9E9E9;
}

.objasnjenje {
	margin-top: 10px;
	color: #999;
}

.objasnjenje p {
	height: auto !important;
}

.subtitle_auction {
	margin: 17px 15px 5px 15px;
}

.description_auction {
	margin: 7px 15px 0 15px;
	color: #999;
}

.description_auction  p {
	margin: 7px 0;
}

.uvijeti {
	background: url(../images/arrow.gif) 102px 4px no-repeat;
	margin: 25px 15px 5px 15px;
}

#aukcija .uvijeti a {
	font-size: 11px;
	text-decoration: underline;
}







/* potvrda ponude */
.usere {
	color: #999;
	padding-right: 10px;
}

input.potvrdi {
	margin-top: 7px;
	padding: 0 3px 2px 3px;
	//padding: 0 0 1px 0;
	border: 1px solid #666;
	height: auto;
	background: #666;
	color: White;
}

#aukcija .zaboravili {
	margin: 25px 0 5px 0;
	background: url(../images/arrow.gif) 135px 4px no-repeat;
}

#aukcija .zaboravili a {
	font-size: 11px;
	text-decoration: underline;
}

#aukcija .reg {
	margin: 5px 0 5px 0;
	background: url(../images/arrow.gif) 169px 4px no-repeat;
}

#aukcija .reg a {
	font-size: 11px;
	text-decoration: underline;
}

#aukcija .vratise {
	margin: 25px 0 5px 0;
	background: url(../images/arrow.gif) right 4px no-repeat;
	text-align: right;
	padding-right: 10px;
}

#aukcija .vratise a {
	font-size: 11px;
	text-decoration: underline;
}

input.check {
	border: 0;
	background: none;
	margin: 2px 0;
	padding: 0;
}

#aukcija .uvijeti2 {
	background: url(../images/arrow.gif) 102px 4px no-repeat;
	margin: 25px 0 5px 0;
}

#aukcija .uvijeti2 a {
	font-size: 11px;
	text-decoration: underline;
}







/* desni banner za registraciju */
#box_auction {
	width: 157px;
	background: #FAFAFA;
	border: 1px solid #E9E9E9;
	padding: 10px;
	margin: 0 0 10px 0;	
	height: 158px;
   background: #cccccc url(../images/prijavaKorisnika_back.jpg) no-repeat;
}

#box_auction img {
	border: none;
}

#box_auction .field_auction {
	margin: 0 0 5px 0;
	//margin: 0 0 4px 0;
}

#box_auction .button_auction {
	margin-top: 50px;
	//margin-top: 52px;
}

#box_auction .link {
	margin-top: 8px;
}

#box_auction .link a {
	color: #999;
	font-weight: bold;
	font-size: 10px;
}

#box_auction .link a:hover {
	color: #5588BB;
}



#box_auction2 {
	width: 157px;
	background: #FAFAFA;
	border: 1px solid #E9E9E9;
	padding: 10px;
	margin: 0 0 10px 0;	
	height: 105px;
   background: #cccccc url(../images/korisnik_back.jpg) no-repeat;
}

#box_auction2 .korisnik_name {
	font-size: 15px;
	font-weight: bold;
	color: #5588BB;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0 0 10px 0;
}

#box_auction2 .link {
	margin-top: 8px;
}

#box_auction2 .link a {
	color: #999;
	font-weight: bold;
	font-size: 10px;
}

#box_auction2 .link a:hover {
	color: #5588BB;
}

#box_auction2 .odjava {
	margin-top: 25px;
	text-align: right;
	background: url(../images/arrow.gif) 95px 3px no-repeat;
}

#box_auction2 .odjava a {
	color: #666;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

#box_auction2 .odjava a:hover {
	color: #5588BB;
}

.px30 {
	height: 30px;
}

form.sonusartnewsplus { padding:20px; }
#homearticles p.error { color:#cb2027; }
#homearticles p.error,
#homearticles p.success { padding-bottom:15px; font-weight:bold; }
form.sonusartnewsplus .row { padding:6px 0; }
form.sonusartnewsplus .row label { display:inline-block; width:100px; }
form.sonusartnewsplus .row input { display:inline-block; width:180px; background:#fff; border:1px solid #ccc; }
form.sonusartnewsplus button { margin-top:15px; margin-left:232px; }