body {
    margin: 0;
    padding: 0;
	 font-family:  Arial, verdana,  sans-serif;
}

body *{
	font-size: 11px;		
}

marquee{
	height: 82px;
	padding: 5px 0;
}

#mainholder{
	width: 810px;
	margin:  -20px auto 20px auto;
}

#header{
	margin: 0;
	padding: 0px 0 0 0;
	width: 780px;
}

.clear{
	clear: both;
}

.spacer{
	margin: 0;
	padding: 0;
	line-height: 11px;
}

.logo{
	position: relative;
	top: 30px;
	//top: 33px;
	left: 0px;
}

/***************************/
#mainnav{
	width: 785px;
	padding: 6px 0;
	margin: 0;
	background: none;
	align: right;
	border: 1px solid #E5EFF7;
	text-align: right;
}

#mainnav ul{
	margin: 0;
	padding: 0;
}

#mainnav li{
	display: inline;
	margin: 0 29px 0 0;
	padding: 0;
	list-style: none;
}

#mainnav a{
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	padding: 0 0 0 15px;
	text-decoration: none;	
	background: url(../images/nav_a_bg.gif) no-repeat left;	
}

#mainnav a:hover{
	color: #8DCAFA;
}

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

#subnav{
	width: 180px;
	margin:  0 0 5px 0;
	padding: 5px 0px; 
	color: #296EA0;
}

#subnav ul{
	margin: 6px 0; 
	padding: 0;
}

#permanent #subnav li{
	border-bottom: 1px solid #E5EFF7;
	padding: 5px 5px 5px 10px;
	margin: 0;
	list-style: none;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#permanent #subnav li.noborder{
	border: 0;
}

#permanent #subnav a{
	font-size: 11px;	
	color: #006699;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/nav_a_bg.gif) no-repeat left;	
}

#permanent #subnav a:hover{
	color: #8DCAFA;
	/*background: url(../images/bullett.gif) no-repeat left;*/
}

/* onpagesubnav **************/
#onpagesubnav{
	width: 180px;
	margin:  0 0 10px 0;
	padding: 6px 0px; 
	color: #296EA0;
	background: #EFF3F6;
}

#onpagesubnav ul{
	margin: 6px 0; 
	padding: 0;
}

#permanent #onpagesubnav li{
	border-bottom: 1px solid #E5EFF7;
	padding: 5px 5px 5px 10px;
	margin: 0;
	list-style: none;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#permanent #onpagesubnav li.noborder{
	border: 0;
}

#permanent #onpagesubnav a{
	font-size: 11px;	
	color: #006699;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/nav_a_bg.gif) no-repeat left;	
}

#permanent #onpagesubnav a:hover{
	color: #8DCAFA;
	/*background: url(../images/bullett.gif) no-repeat left;*/
}


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

.holder{
	margin: 15px 0 0 0;
	padding: 0;
	width: 780px;
}

#permanent{
	width: 180px;
	padding: 0 15px 0 0;
	margin: 0;
	vertical-align: top;
}

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

.banner{
	display: block;
	margin: 0;
	padding: 0 0 13px 0;
	border: 0;
}

.banner img{
	border: 0;
}

#leftsidebox{
	padding: 10px 0 0 0;
	margin: 0;	
}

/************************/
#content {
	margin: 0;
	padding: 0 0 15px 0;
	vertical-align: top;
	width: 396px;
}

#content .mainfoto{
	border: 1px solid  #C1D7E8;
}


#content .fotoin{
	margin: 15px 0;
}

#content .fotoin img{
	margin: 0 10px 0 0;
	border: 1px solid  #C1D7E8;
}

#content .fotoin img.no{
	margin: 0;
}

#content p{
	color: #244367;
	padding: 0 5px 0 0;
	margin: 10px 0; 
	line-height: 16px;
	font-size: 12px;
	/*text-align: justify;*/
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

#content ul{
	margin: 0 15px;
	padding: 0;
	color: #244367;
}

#content li{
	color: #244367;
	margin: 3px 0;
	padding: 0;
	list-style: square;
	font-size: 12px;
}

#content h1{
	margin: 7px 0 0 0 ;
	padding: 6px 0;
	color: #006699;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,  sans-serif;
	border-bottom: 1px solid #EFF3F6;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/h1_arrow.gif) no-repeat right;
}

#content h2{
	margin: 15px 0 5px 0;
	color: #244367;
	font-size: 12px;
	font-weight: bold;
}

#content h3{
	margin: 15px 0 5px 0;
	color: #296EA0;
	font-size: 12px;
	font-weight: bold;
}

#content a{
	color: #006699;
	font-size: 12px;
	border-bottom: 1px dashed #C1D7E8;
	text-decoration: none;
}

#content a:hover{
	color: #8DCAFA;
}

span.highlight{
	font-size: 12px;
	color: #296EA0;
	font-weight: bold;
}

.bannerbig{
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	border: 0;
}

.bannerbig img{
	border: 0;
}

/**/
.container{
	margin: 15px 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #DDE5ED;
}	

.containerplain{
	margin: 15px 0;
	padding: 0;
}	

#content .containermenu p, .containermenu h3{
	margin: 0;
	padding: 0;	
}

.containercontact, .containermenu{
	margin: 10px 0;
	padding:  0 0 10px 5px;
	border-bottom: 1px solid #DDE5ED;
}	

.container img{
	float: left;
	margin: 0 15px 0 0;
}

#content .container h2{
	margin: 0;
}

#content .containercontact h2{
	margin: 0 0 5px 0;
}

#content .containercontact h3, #content .containercontact p{
	margin: 2px 0;
}

.containercontact a{
	color: #006699;
}

.containercontact a:hover{
	color: #00C6FF;
}

/****************************/
#rightside{
	vertical-align: top;
	padding: 0 0 0 15px;
	margin: 0;
}


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

.screembox{
	margin: 0 0 12px 0;
	padding: 9px 9px 0 9px;
	width: 160px;
	border: 1px solid #EFF3F6;
}

.screembox p{
	margin: 10px 0px 10px 0;
	color: #244367;
	padding: 0;
	text-decoration: none;
	/*font-family: "Trebuchet MS", Verdana,  sans-serif	*/
}

.screembox h1{
	padding: 0 0 5px 0;
	border-bottom: 1px solid #EFF3F6;
	margin: 0;	
	font-weight: normal;
	font-size: 14px;
	color: #006699;	
	background: url(../images/strelica_down.gif) right no-repeat;
	font-family: "Trebuchet MS", Verdana,  sans-serif	
}

.screembox a{
   font-weight: bold;
	font-size: 11px;
	margin: 0 0 0 5px; 
	padding: 0;
	color: #244367;
	text-decoration: none;
}

.screembox a:hover{
   text-decoration: underline;
}

.screembox ol{
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
}

.screembox li{
	margin: 0;
	padding: 0;
	color: #EAEFF4;
	font-size: 11px;
}

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

#promobox{
	width: 396px;
	height: 245px;
	margin: 15px 0 0 0;
	background: #e5eff7;
}

#promobox td{
	background: White;
	vertical-align: top;
}

#box {
	font-size: 11px;
	color: #333333;
	padding: 10px;
	width: 170px;
	height: 100px;
	overflow: hidden;
}

#box p{
	width: 166px;
	height: 52px;
	overflow: hidden;
	font-size: 11px;
	line-height: 13px;
}

#promobox h1{
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: 1px solid #EFF3F6;
	
}

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

#virtual{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;	
}

#virtual td{
	padding: 5px 5px 0 5px;
	background: #EFF3F6;
	text-align: center;
}

#virtual td.no{
	padding: 5px 0 0 0;
}

#virtual a{
	display: block;
	padding: 0;
	border: 1px solid #DDE5ED;
}

#virtual a:hover{
	border: 1px solid #296EA0;
}

#virtual h1{
	font-size: 12px;
	margin: 1px;
	margin: 0 0 5px 0;
	background: none;
	border: 1px solid #C1D7E8;
	border-style: none solid solid solid; 
	
}

/***********/
#pricelist{
	width: 570px;
	color: #244367;
	font-family:  "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	line-height: 14px;
	margin: 0;
	padding: 0;

}

#pricelist a{
	color: #616161;
	text-decoration: none;
	font-family:  "Trebuchet MS", Tahoma, Verdana,   Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#pricelist a:hover{
	color: #244367;
}

#pricelist thead tr td{
	background-color: #8192A8;
	padding: 17px 5px 17px 15px;
	color: White;
	font-weight: bold;
	border-bottom: 1px solid Silver;
}

#pricelist tbody tr td {
      /*background-color: #F5F5F5;*/
		padding: 6px 0 6px 15px;
}

#pricelist tbody tr.empty td {
      background-color: #EAEFF4;
}

#pricelist tbody tr td.darken{
		/*background-color: #C7D4E2;*/
		text-align: center;
		padding: 0;
		width: 55px;
}

#pricelist tbody tr td.darken2{
		/*background-color: #F5F5F5;*/
		text-align: center;
		padding: 0;
		width: 55px;
}

#pricelist tbody tr td.descr{
		width: 330px;
		/*cursor: pointer;*/
		/*font-weight: bold;*/
		color: #616161;
		font-size: 11px;
		/*text-transform: uppercase;*/
		vertical-align: bottom;
}

#pricelist tbody tr td.descr2{
		/*width: 330px;*/
		/*cursor: pointer;*/
		/*font-weight: bold;*/
		color: #8192A8;
		font-size: 11px;
		text-align: center;
		padding: 0 2px;	
		text-transform: uppercase;
		
}

#pricelist tbody tr td.brand{
	background-color: #ABE4FA;
	color: #244367;
	font-weight: bold;
	padding: 5px 15px;
	border: 1px solid #D1D1D1;
	border-style: solid none;
}

#pricelist tbody tr td.brand2{
	color: #244367;
	font-weight: bold;
	padding: 15px 15px 4px 15px;
	border: 1px solid #D1D1D1;
	border-style: none none solid none;
}

#pricelist tbody tr td.price{
		text-align: center;
		padding: 0;
		font-weight: bold;
		color: #0072BC;
}

#pricelist tbody tr td.price2{
		text-align: center;
		padding: 0;
		font-weight: bold;
		color: #616161;
}

#pricelist tbody tr td.descr:hover{
	background: #ABE4FA;
}
/****/
table.main{
	width: 100%;
	margin: 0px 0 5px 0;
}



table.main thead tr td{
	color: #003562;
	text-decoration: none;
	font-size: 12px;
}

table.main tr.margin td{
	padding-top: 20px;
}

table.main td{
	border-bottom: 1px solid #EFF3F6;
	padding: 6px 6px 6px 0;
	color: #4A8AC1;
}

table.main td.titlet{
	color: #003562;
}

table.main tr.last td{
	border: none;
}

.star{
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia;
	color: #4A8AC1;
}

.send{
	cursor: pointer;
	color: White;
	background: #003562;
	width: 70px;	
}

.send:hover, .reset:hover {
	background: Maroon;
	color: White;
}

.reset{
	cursor: pointer;
	color: White;
	background: #3C7469;
	width: 70px;	
	margin: 0 0 0 10px;
}

form{
	margin: 0;
	padding: 0;
}

input, select, textarea{
	color: #4A8AC1;
	text-decoration: none;
	width: 150px;
	padding: 2px;
	border: 1px solid #CDDAE9;
}

select{
	width: 181px;
}



input.inputfield{
	width: 64px;
}



select.inputfield{
	width: 70px;
}



textarea

{
	width: 200px;
	height: 60px;
}
/***********************/
#waitinglist{
	width: 100%;
	border: 1px solid #CDDAE9;
	
}

#waitinglist td, #waitinglist td p{
	padding: 0;
	margin: 0;
}

#waitinglist td{
	padding: 1px 10px;
	border: 1px solid #CDDAE9;
}

#waitinglist thead  td{
	font-weight: bold;
	padding: 10px;
}

/**********************/
#footer{
	width: 765px;
	margin: 15px 0 0 0;
	border: 1px solid #DDE5ED;
	padding: 30px 15px 10px 0;
	//padding: 30px 15px 0px 0;
	text-align: right;
	color: #C1D7E8;
}

#footer a{
	color: #8BB0CC;
	text-decoration: none;
	font-size: 11px;	
	margin: 0 13px;
	font-weight: normal;
}

#footer a:hover{
	color: #00C6FF;
}

#footer .hrvatska{
	display: block;
	float: left;
	position: relative;
	top: -10px;
}