/*********** MASTER PAGE ******************/

body {
	background-color: #003145;
	margin: 0 0;
}

#MainDiv {
	margin-left: auto ;
    margin-right: auto ;
	width: 760px;
	border:none;
	font-family:Tahoma;
	height:0px;
}

#HeaderTop{
	background-color: #ecedee;
	background-image: url(Images/logo-header.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:auto;	
	height: 62px;
	margin-bottom: 10px;

}


#HeaderTop ul {	

	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:9px;
	margin-left:0;
	margin-top:0;
	padding-left:270px;
	padding-top:7px;
	font-weight:bold;
	
	}
	
#HeaderTop ul li{
 	display:inline;
	margin-right:8px; 
}

#HeaderTop ul li a{
text-decoration:none;
color:#373636;
}

#HeaderTop ul li a:hover{
color:#ffa100;
}



#HeaderBottom{
height: 22px;
color:#e1dede;
}

#menuHeaderBottom {
background:url(images/menu.png) no-repeat;
width:720px;
height:12px;
margin: 0px;
padding:0px;
}

#menuHeaderBottom span {
display: none;
}

#menuHeaderBottom li, #menuHeaderBottom a {
height:12px;
display:block;
}

#menuHeaderBottom li {
float:left;
list-style:none;
display:inline;
}

#Eurosumar {width: 164px; }
#Auto {width: 115px;}
#Moto {width: 95px;}

#Eurosumar a:hover {margin-left:0px ; background:url(images/menu.png) 0px -12px no-repeat; }
#Auto a:hover {background:url(images/menu.png) -164px -12px no-repeat; }
#Moto a:hover {background:url(images/menu.png) -279px -12px no-repeat; }


#Sredina 
{
width:100%;
height:auto;
margin:0px;
margin-top: 0px;
padding:0px;
}

#Footer {
background-color:#d8d8d8;
height:25px;
line-height:25px;  /* sa ovim dobijam verticla center - isti line heigt kao i visina DIV-a*/
font-family:Verdana;
font-size:10px;
color:#838181;
float:left;
width:750px; /* oVde sam stavio 10px manje tacno onoliko koliko mi je padding tj 10px*/
padding-left:10px;

}

.sredina-siva
{
	background-color:#c0c0c1;
	background-image:url(images/back-01.gif);
	background-position:top;
	background-repeat:repeat-x;
	float:left;
	width:100%;
	
}


/********************* DEFAULT PAGE ************************/

#default_FlashPos{
	border: none;
	height: 280px;
	text-align:center;
	margin:0px;
	background-image: url(images/flashback)
	
}

#default_mainbox
{
	background-color:#FFFFFF;
	border: none;
	height:280px;
	width:100%;
}


#default_levi-box
{
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	
	background-color:#ced5db;
	/*height:255px;*/
	width:430px;
	float:left;
	overflow:hidden;
}
#default_levi-box-heder
{	background-color:#5e90a4;
	color:White;	
	height: 25px;
	line-height:25px; /* sa ovim dobijam verticla center - isti line heigt kao i visina DIV-a*/
	width:auto;	
	font-weight:bold;
	font-size: 11pt;	
	padding-left:7px;	
	
} 

#default_levi-box-text
{	padding: 10px;
	max-height:125px;
	height:auto ;	
	text-align:justify ;
	font-size: 10pt;

} 



#default_desni-box
{
	margin-top:0px;
	margin-left:30px;
	margin-bottom:0px;
	background-color:#aaaaaa;
	background-image:url(images/Vesti-Heder-Naslovna.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border:0px;
	height:100%;
	width:280px;
	float:left;
}

#default_desni-box-heder
{
	border:0px;
	height:12px;
	width:23px;
	margin-top:30px;
	margin-bottom:5px;
	text-align:left;
	float:right;
	vertical-align:middle;
	padding-top:7px;

}

.malavest
{
width:100%;
height:70px;
border:0px;
margin-top:5px;	
float:right;
}

.malavest-datum
{
width:100px;
height:15px;
line-height:15px;
background-image:url(images/arr01.gif);
background-position:left;
background-repeat:no-repeat;
border:0px;
margin-left:7px;
font-size:10pt;
font-weight:bold;
padding-left:20px;

}

.malavest-text
{
width:245px;
height:55px;
margin-left: 28px;
font-size:10pt;
}


.malavest-text a:link
{
	text-decoration:none;	
	color:Black ;
}
.malavest-text a:visited
{
	text-decoration:none;	
	color:Black ;
}
.malavest-text a:hover
{
	text-decoration:none;	
	color: #FF5800;
	
}



/********************* MODELLIST.ASPX ************************/

#modellist_heder{
	border: none;
	width:auto;
	height: 30px;
	line-height:30px;
	text-align:right;
	margin:0px;
	background-color:#d17b31;
	padding-right:10px;
	color:#EEEEEE;
	font-weight:bold;
	
}




#modellist_teloreda
{
	margin-left: 130px;		
	height: 100px;	
	width: 500px;
	background-color:#e4e3e3;	
	margin-bottom:10px;
	
}

#modellist_teloreda #modellist_slika
{
	height: 100px;	
	width: 100px;
	float:left;
}

#modellist_teloreda #modellist_nazivmodela
{
	height: 20px;	
	line-height:20px;
	margin-top:5px;
	width: 390px;
	background-color:#87a7b7;
	float:left;
	color:White;
	font-weight:bold;
	padding-left:5px;
	
}

#modellist_strelica
{
	
	float:right;
	height: 20px;
	border:0px;
	margin-top:4px;
	margin-right:5px;
	
}


#modellist_teloreda #modellist_krataktekstlista
{
	margin-left:5px;
	margin-top:5px;
	height: 65px;	
	width: 395px;
	float:left;
	font-size:10pt;
	font-weight:bold;
	overflow:hidden;
}

/********************** MODEL.ASPX ***************/

#model_name{
	border: none;
	width:355px;
	height: 25px;
	line-height:25px;
	text-align:left;
	margin:0px;
	background-color:#006189;
	padding-left:10px;
	color:#EEEEEE;
	font-weight:bold;	
	float:left;
	
}

#model_menubox{
	border: none;
	width:395px;
	height: 25px;
	text-align:left;
	margin:0px;
	background-color:#0098db;
	float:left;
		
}
/*
#HeaderBottom{
height: 22px;
color:#e1dede;
}
*/

#model_menu {
background:url(images/menumodel.png) no-repeat;
width:700px;
height:14px;
margin-left: 20px;
margin-top: 5px;
padding:0px;
}

#model_menu span {
display: none;
}

#model_menu li, #model_menu a {
height:17px;
display:block;
}

#model_menu li {
float:left;
list-style:none;
display:inline;
}

#Karakteristike {width: 180px; }
#Slike {width: 60px;}
#Boje {width: 60px;}
#Cene {width: 60px;}

#Karakteristike a:hover {margin-left:0px ; background:url(images/menumodel.png) 0px -14px no-repeat; }
#Slike a:hover {background:url(images/menumodel.png) -180px -14px no-repeat; }
#Boje a:hover {background:url(images/menumodel.png) -240px -14px no-repeat; }
#Cene a:hover {background:url(images/menumodel.png) -300px -14px no-repeat; }

#model_left-box
{
	margin-top:50px;
	width:415px;	
	padding-left:20px;
	padding-bottom:20px;
	text-align:justify;
	font-size:10pt;
	float:left;
}

#model_right-box

{
	margin-top:50px;
	margin-left:40px;
	width:285px;
	float:left;

}


/******************* VOZILOTEH.ASPX ******************/

#tehkar_right-box

{
	margin-top:32px;
	margin-left:40px;
	width:285px;
	height:400px;
	float:left;
}


#VoziloTeh_Combo
{	
	margin-left:140px;
	width:200px;
	height:30px ;
	float:left;
	font-size :9pt;
	font-weight:bold;
	color:#666666;

}

#VoziloTeh_tabla
{	
	margin-left:0px;
	margin-top: 5px;
	width:400px;
	
	float:left;
	font-size :8pt;
	font-weight:bold;
	font-weight:normal;

}


.NaslovTabelaTehKar1 
{
	width:200px;
	height:15px;
	line-height:15px;
	background-image:url(images/line-blue.jpg);
	background-position:top;
	background-repeat:no-repeat;	
	color:White;	
	float:left;
	padding-left:10px;
	font-weight:bold ;
	margin-top:4px;
	
}
.NaslovTabelaTehKar2
{
	width:150px;
	height:15px;
	line-height:15px;
	background-color:#db9c24 ;	
	color:White;	
	float:left;		
	font-weight:bold ;
}


.TabelaRed11
{
	width:240px;
	height:13px;
	line-height:13px;
	background-color:#f6e5cf;	
	color:Black;
	float:left;	
	padding-left:10px;
}

.TabelaRed12
{
	width:150px;
	height:13px;
	line-height:13px;
	background-color:#f6e5cf;	
	color:Black;
	float:left;		
}

.TabelaRed21
{
	width:240px;
	height:13px;
	line-height:13px;
	background-color:#f8ebd0;	
	color:Black;
	padding-left:10px;
	float:left;		
}
.TabelaRed22
{
	width:150px;
	height:13px;
	line-height:13px;
	background-color:#f8ebd0;	
	color:Black;
	float:left;		
}

.TabelaColOprema
{
	width:170px;
	height:18px;
	line-height:18px;
	background-color:#f8ebd0;	
	color:Black;
	padding-left:5px;
	float:left;		
	font-size:7pt;
	border:0px;
	border-bottom:1px;
	border-style:solid;
	border-bottom-color:Gray;
	
}
/* ovo mi obezbedjuje vertikalno centriranje img u okviru div-a*/
.TabelaColOprema * {
    vertical-align: middle;
}

.TabelaColOprema a:link
{
	text-decoration:none;	
	color:#0098db ;
	font-weight:bold;
}
.TabelaColOprema a:visited
{
	text-decoration:none;	
	color:#0098db ;
	font-weight:bold;
}
.TabelaColOprema a:hover
{
	text-decoration:none;	
	color: #FF5800;
}


.TabelaColCena
{
	width:80px;
	height:18px;
	line-height:18px;
	background-color:#0098db;	
	color:White;
	float:left;	
	font-size:9pt;	
	text-align:right;
	padding-right:5px;
	
}


/*********************  BOJEVOZILA.ASPX  *****************************************/

.boje_teloreda
{
	margin-left: 130px;		
	width: 500px;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
}


/*********************  VESTI.ASPX  *****************************************/

.vesti_teloreda
{
	margin-left: 180px;		
	height:60px;
	width: 400px;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	background-color:White;	
	margin-bottom:5px;
	font-size:9pt;
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	
}

.vesti_naslov
{
	height:10px;
	line-height:10px;
	width: auto;
	text-align:left;
	font-size:8pt;
	font-weight:bold;
	background-color:#dddddd;	
	padding:5px;
}

.vesti_naslov a:link
{
	text-decoration:none;	
	color:#0098db ;
}
.vesti_naslov a:visited
{
	text-decoration:none;	
	color:#0098db ;
}
.vesti_naslov a:hover
{
	text-decoration:none;	
	color: #FF5800;
}

.vesti_skracenitekst
{
	width: auto;
	text-align:left;
	font-size:8pt;
	font-weight:bold;
	padding:5px;
	float:left;
	font-weight:normal;
}

/*********************  VEST.ASPX  *****************************************/


#vest-telo
{
	background-color:White;
	width:500px;
	height:auto;
	margin-left:130px;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	margin-top:20px;
	}

#vest-naslov-datum
{
	margin-left:10px;
	margin-top:10px;
	width:480px;
	height:17px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	color:#0098db;
	font-size:9pt;
	font-weight:bold;
}

#vest-tekst
{
	margin-top:10px;
	width:480px;
	height:auto;
	font-size:9pt;
	text-align:left;
	padding-bottom:10px;
	padding-left:10px;
	min-height:200px;
}



/*********************  CenovnikVozila.ASPX  *****************************************/


#cenovnik-telo
{
	width:500px;
	height:auto;
	margin-left:130px;
	margin-top:10px;
	font-size:12pt;
}
#cenovnik-model
{
	width:495px;
	height:auto;
	margin-left:130px;
	margin-top:20px;
	font-size:13pt;
	background-color:#0098db;
	color:White;
	font-weight:bold;
	padding-left:5px;
}

#cenovnik-cena
{
	width:495px;
	height:auto;
	margin-left:130px;
	margin-top:20px;	
	margin-bottom:20px;
	font-size:11pt;
	background-color:orange;
	color:Black;
	font-weight:bold;
	padding-left:5px;
}


/************************* TEH KAR MOTORA **********************/

#motoTeh_Combo
{	
	width:100%;
	float:left;
	font-size :9pt;
	font-weight:bold;
	color:#666666;
	margin-top:30px;
	margin-left:20px;
}

#MotoTeh_tabla
{	
	margin-left:20px;
	margin-top: 5px;
	width:400px;

	float:left;
	font-size :8pt;
	font-weight:bold;
	font-weight:normal;
}


#cena-moto
{

	width:395px;
	height:20px;
	line-height:20px;
	margin-left:20px;
	font-size:9pt;
	color:Black;
	font-weight:bold;
	padding-left:5px;
	float:left;
	background-color:Orange;
}

#mototehkar_right-box

{
	margin-left:40px;
	padding-top:17px;	
	width:285px;
	height:240px;
	float:left;
}


/************* KONTAKTI ************/

#kontakti-telo
{
	background-image:url(images/back-01.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#c0c0c1;
	width:500px;
	height:400px;
	margin-left:130px;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	margin-top:20px;
	margin-bottom:20px;
	
	}
	
	#kontakti-adresa1
	{
	padding-left:10px;
	padding-top:10px;	
	font-size:10pt;
	width:230px;
	float:left;
	}
	
	#kontakti-adresa2
	{
	padding-left:10px;
	padding-top:10px;	
	font-size:10pt;
	width:250px;
	float:left;
	}
	.mailref
	{ margin-bottom:10px;
	}
	
.mailref a:link
{
	text-decoration:none;	
	color:#0098db ;
}
.mailref a:visited
{
	text-decoration:none;	
	color:#0098db  ;
}
.mailref a:hover
{
	text-decoration:none;	
	color: #FF5800;
	
}


/*************** LINKOVI ********************/

#linkovi-telo
{
	background-image:url(images/back-01.gif);
	background-position:top;
	background-repeat:repeat-x;	
	width:490px;
	height:350px;
	margin-left:130px;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	margin-top:20px;
	margin-bottom:20px;
	
	}
	
	
	/*******  back link **************/
	
.backbutton 
{
	
	margin-top:10px;
	text-align:center ;
	font-size:8pt;
	font-weight:bold;
	height:20px;
	
}
.backbutton  a:link
{
	text-decoration:none;	
	color:#0098db ;
}
.backbutton  a:visited
{
	text-decoration:none;	
	color:#0098db  ;
}
.backbutton  a:hover
{
	text-decoration:none;	
	color: #FF5800;
	
}

/*************** onama *********/

/*************** LINKOVI ********************/

#onama-telo
{
	background-image:url(images/back-01.gif);
	background-position:top;
	background-repeat:repeat-x;	
	width:600px;
	height:320px;
	margin-left:100px;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	margin-top:20px;
	margin-bottom:20px;
	
	}
	
	#onama-tekst
	{
	padding-left:30px;
	padding-top:10px;	
	font-size:10pt;
	width:550px;
	float:left;	
	color:#222222  ;
	}
	
	
.prodmrez-grad
{
	margin-left:10px;
	margin-top:10px;
	width:480px;
	height:17px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	color:#0098db;
	font-size:9pt;
	font-weight:bold;
}