﻿/****************** INFO ***
	Trinet racunalne usluge (http://www.trinet.hr)
*/



/****************** 01/ DOKUMENT - GENERALNO ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; background: transparent; }
strong { font-weight: bold; }
:focus { outline: 0; }
body { line-height: 1; color: #eee; font: 62.5% Arial, Tahoma, Helvetica, sans-serif; background: #000 url(../images/pozadinaV.gif) 50% 0 repeat-y; text-align: center; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
form, input, textarea { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; }



/****************** 02/ STRUKTURA - GENERALNO ***/
#divLayout { margin: 0 auto; width: 980px; text-align: left; background: url(../images/pozadina.gif) repeat-y; }
	#divZaglavlje { height: 462px; position: relative; background: url(../images/zaglavlje/pozadina.jpg) no-repeat; }
	#divSredina { background: url(../images/sredina/pozadina.jpg) no-repeat; }
		#divSredinaPrimarni { width: 668px; margin-left: 43px; display: inline; float: left; }
		#divSredinaSekundarni { width: 218px; margin-right: 43px; display: inline; float: right; }
		#divPodnozje { clear: both; padding: 10px 66px; font-size: 1.1em; color: #777; }


/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #fffd5d; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }

/*** divPodnozje ***/
#divPodnozje a:link, #divPodnozje a:visited { color: #777; text-decoration: none; }
#divPodnozje a:hover, #divPodnozje a:active { color: #fffd5d; text-decoration: underline; }


/****************** 04/ NAVIGACIJA ***/
/** divZaglavlje **/
#ulNavGlavna { position: absolute; bottom: 304px; left: 87px; font-size: 1.4em; font-style: italic; z-index: 2; font-family: Georgia, "Times New Roman", sans-serif; }
	 #ulNavGlavna li { display: inline; float: left; list-style-type: none; height: 44px; line-height: 35px; margin-right: 5px; }
		  #ulNavGlavna li a { text-align: center; background: url(../images/zaglavlje/liNavPoz.gif) 0 -44px repeat-x; width: 130px; height: 44px; display: block; color: #c3c3c3; text-decoration: none; }
				#ulNavGlavna li a:hover, #ulNavGlavna li a:active, #ulNavGlavna li a.aSelektiran:link, #ulNavGlavna li a.aSelektiran:visited, #ulNavGlavna li a.aSelektiran:hover, #ulNavGlavna li a.aSelektiran:active  { background-position: 0 0; color: #424242; }

/** divSredinaSekundarni **/
#divSredinaSekundarni ul#ulNavSporedna { font-size: 1.2em; margin: 10px 0; width: 218px; border-top: 1px solid #686868; }
	#divSredinaSekundarni ul#ulNavSporedna li { margin-left: 0; padding: 0; background: none; border-bottom: 1px solid #686868;  }
	#divSredinaSekundarni ul#ulNavSporedna li a { display: block; padding: 5px 5px 5px 20px; background: url(../images/sredina/ik-li.gif) 10px 50% no-repeat; }
		#divSredinaSekundarni ul#ulNavSporedna li a:hover, #divSredinaSekundarni ul#ulNavSporedna li a:active { background: #535353 url(../images/sredina/ik-li.gif) 10px 50% no-repeat; text-decoration: none; color: #fff; }
		#divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:link, #divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:visited, #divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:hover, #divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:active { font-weight: bold; background: #535353 url(../images/sredina/ik-li.gif) 10px 50% no-repeat; color: #fff; }


/****************** 05/ NASLOVI ***/
h1, h2, h3, h4, h5, h6 { color: #ff171f; font-weight: normal; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; padding: 20px 20px 15px; }

/*** divZaglavlje ***/
#divZaglavljeNovost h2 { font-size: 2.4em; margin: 30px 20px 0; padding: 0; color: #f8f7a2; }

/*** divSredinaPrimarni ***/
#divSredinaPrimarni h1 { font-size: 2.4em; }
#divSredinaPrimarni h2 { font-size: 2.2em; }
#divSredinaPrimarni h3 { font-size: 2em; }
#divSredinaPrimarni h4 { font-size: 1.8em; }
#divSredinaPrimarni h5 { font-size: 1.5em; }
#divSredinaPrimarni h6 { font-size: 1.2em; }

#divSredinaPrimarni h2, #divSredinaPrimarni h3, #divSredinaPrimarni h4, #divSredinaPrimarni h5, #divSredinaPrimarni h6 { background: url(../images/sredina/naslovPoz.jpg) 0 10px no-repeat; }

/*** divSredinaSekundarni ***/
#divSredinaSekundarni h2 { font-size: 2em; padding: 20px 10px 0; }


/****************** 06/ STRUKTURA - UNUTARNJA ***/
/*** divZaglavlje ***/
#imgLogo { position: absolute; top: 13px; left: 261px; }
#divZaglavljeNovost { width: 386px; height: 273px; position: absolute; top: 158px; left: 65px; overflow: auto; }
	#divZaglavljeNovost p { font-size: 1.2em; line-height: 1.5em; color: #fff; margin: 20px; }
		#divZaglavljeNovost a.aOpsirnije { display: block; font-size: 1.2em; color: #b8b8b8; font-family: Georgia, "Times New Roman", sans-serif; font-style: italic; text-align: right; }
		
	/* slike automobila u zaglavlju */
	.divZaglavlje-slika { height: 462px; }
		.divZaglavlje-slika1 { background: url(../images/zaglavlje/autoelektronika-slika1.jpg) 504px 167px no-repeat; }
		.divZaglavlje-slika2 { background: url(../images/zaglavlje/autoelektronika-slika2.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika3 { background: url(../images/zaglavlje/autoelektronika-slika3.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika4 { background: url(../images/zaglavlje/autoelektronika-slika4.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika5 { background: url(../images/zaglavlje/autoelektronika-slika5.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika6 { background: url(../images/zaglavlje/autoelektronika-slika6.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika7 { background: url(../images/zaglavlje/autoelektronika-slika7.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika8 { background: url(../images/zaglavlje/autoelektronika-slika8.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika9 { background: url(../images/zaglavlje/autoelektronika-slika9.jpg) 504px 167px no-repeat; }		
		.divZaglavlje-slika10 { background: url(../images/zaglavlje/autoelektronika-slika10.jpg) 504px 167px no-repeat; }
		
		
/*** divSredina ***/
/** divSrePrimarni **/
#divSredinaPrimarni p, #divSredinaPrimarni ul, #divSredinaPrimarni ol, #divSredinaPrimarni dl { font-size: 1.2em; line-height: 1.5em; letter-spacing: 110%; margin: 15px 20px; }
	 #divSredinaPrimarni p { text-align: justify; }
	 #divSredinaPrimarni ol li, #divSredinaPrimarni ul li { list-style-type: none; margin-left: 10px; padding-left: 10px; background: url(../images/sredina/ik-li.gif) 0 6px no-repeat; }
	 #divSredinaPrimarni dl dt { font-weight: bold; color: #666; margin: 10px 0 2px 10px; }
	 #divSredinaPrimarni dl dd { margin-left: 10px; }
#divSredinaPrimarni table { border: 1px solid #666; width: 628px; margin: 15px 20px; }
	 #divSredinaPrimarni th { vertical-align: middle; font-size: 1.2em; font-weight: bold; color: #fff; background: url(../images/sredina/thPoz.jpg) repeat-x; text-align: center; padding: 8px 5px 4px; border: 1px solid #666; }
	 #divSredinaPrimarni td { vertical-align: middle; font-size: 1.1em; padding: 5px; background-color: #333; border: 1px solid #666; text-align: left; }
		  #divSredinaPrimarni tr.trTamni td { background-color: #4c4c4c; }
		  #divSredinaPrimarni td.tdCentar { text-align: center; }
		  #divSredinaPrimarni td.tdDesno { text-align: right; }
#divSredinaPrimarni .imgSlikaLijevo { border: 1px solid #807c7a; margin: 15px 15px 15px 20px; float: left; }
#divSredinaPrimarni .imgSlikaDesno { border: 1px solid #807c7a; margin: 15px 20px 15px 15px; float: right; }
#divSredinaPrimarni .imgSlikaSredina { border: 1px solid #807c7a; margin: 15px auto; }

/** divSredinaSekundarni **/
#divSredinaSekundarni p, #divSredinaSekundarni ul, #divSredinaSekundarni ol, #divSredinaSekundarni dl { font-size: 1.1em; line-height: 1.5em; letter-spacing: 110%; margin: 10px; }
	 #divSredinaSekundarni ol li, #divSredinaSekundarni ul li { list-style-type: none; margin-left: 10px; padding-left: 10px; background: url(../images/sredina/ik-li.gif) 0 6px no-repeat; }
	 #divSredinaSekundarni dl dt { font-weight: bold; color: #666; margin: 10px 0 2px 10px; }
	 #divSredinaSekundarni dl dd { margin-left: 10px; }
#divSredinaSekundarni .imgSlikaSredina { border: 3px solid #fff; margin: 10px 10px 0; }



.aOpsirnijeTXT { display: block; font-size: 1.2em; color: #b8b8b8; font-family: Georgia, "Times New Roman", sans-serif; font-style: italic; text-align: right; }

