@charset "utf-8";
/* CSS Document */




	/* reset   */
	
article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { 	display: block;}

mark {	background: none;}





body { font-family: calibri, arial, sans-serif; font-size: 90%; color: #464646; background-color: #fff; background:url(images/glavna_pozadina.jpg) 50% -388px repeat-x; margin: 0; padding: 0;}

a, a:visited { text-decoration: none; color: #0079bd; }
a:hover { text-decoration: none; color: #d9251c; }

form {margin: 0;}
a:focus, input:focus { outline: none;}

textarea {font-family: calibri, arial, sans-serif; font-size: 90%; color: #464646;}

	/*   header   */

.PlavaSlajfna {height: 30px; width: 100%; background: url(images/pozadina_plava_90.png);}
.PlavaSlajfnaSadrzaj {width: 630px; margin: 0 auto; padding: 5px 0 0 270px; color: #fff; font-size: 80%;}
.PlavaSlajfnaSadrzaj .Kontakt1 {float: right; width: 350px; text-align: right;}
.PlavaSlajfnaSadrzaj .Kontakt1 img {margin: 0px 5px -2px 0;}
.PlavaSlajfnaSadrzaj .Kontakt2 {float: left; width: 200px; padding: 2px 0 0 0;}
.PlavaSlajfnaSadrzaj .Kontakt2 a, .PlavaSlajfnaSadrzaj .Kontakt2 a:visited {color: white; text-decoration: none;}
.PlavaSlajfnaSadrzaj .Kontakt2 a:hover {color: white; text-decoration: underline;}
.PlavaSlajfnaSadrzaj .Kontakt2 img {margin: 0px 5px -1px 0;}

.HeaderLogo {height: 95px; width: 900px; margin: 0 auto;}
.Logo {height: 120px; width: 241px; position:absolute; top: 5px; left: 50%; margin: 0 0 0 -460px; display:block; background:url(images/logo_elektrosistemi.png) top left no-repeat;}



	/*   navigacija    */
	
.Navigacija {width: 900px; margin: 0 auto; height: 40px;}	
	
	
	


	/*   velika slika - slide - naslovna strana    */

.VelikaSlikaKontejner { width: 900px; height: 360px; margin: 0 auto; padding: 5px 10px 20px 10px; background:url(images/velika_slika_pozadina.png) top left no-repeat;}
.VelikaSlika {}





	/*   sredina   */
	
	
.Sredina, .SredinaStranica  {width: 900px; margin: 30px auto 0 auto; overflow: auto; min-height: 400px; }	
.Sredina .Dobrodosli { width: 280px; margin: 0 30px 0 0; float: left; padding: 10px 0 0 0; font-size: 110%; line-height: 130%;}
.Sredina .ProjektiKontejner {width: 280px; float: left; background-color: #f6f6f6;}
.Sredina .Projekti {margin: 20px;}
.Sredina .Novosti {width: 280px; float: right; padding: 20px 0 0 0;}
.SredinaStranica .Novosti {width: 220px; float: right; margin: 20px 0 0 0; padding: 0px 0 0 20px; border-left: 1px dotted #CCC;}
.SredinaStranica .Sadrzaj { width: 630px; margin: 0 0px 0 0; float: left; padding: 10px 0 0 0; font-size: 95%; line-height: 130%;}
.SredinaStranica .SadrzajProjekti { width: 900px; margin: 0 0px 0 0; padding: 10px 0 0 0; font-size: 95%; line-height: 130%; overflow: auto;}
.Podnaslov { font-size: 120%; line-height: 130%;}

h1 {font-size: 180%; font-weight: normal; margin-top: 0; text-transform:uppercase; color: #0079bd; line-height: 100%;}
h2 {font-size: 130%; font-weight: normal; margin-top: 0; text-transform:uppercase; color: #0079bd; line-height: 100%;}

.Sredina .Projekti a, .Sredina .Projekti a:visited, .ProjektiStranica .ProjekatDva .Link a, .ProjektiStranica .ProjekatDva .Link a:visited, .Sredina .Novosti .Link a, .Sredina .Novosti .Link a:visited, .SredinaStranica .Novosti .Link a, .SredinaStranica .Novosti .Link a:visited, .NovostiStranica .Link a, .NovostiStranica .Link a:visited, .LinkSaStrelicom a, .LinkSaStrelicom a:visited, .Projekat .Link a, .Projekat .Link a:visited  {display: block; margin: 5px 0 0 0; padding: 0 0 0 15px; background: url(images/ikona_strelica_crvena.png) 0px 4px no-repeat;}

.Novosti .Datum, .NovostiStranica .Datum {font-size: 80%; font-style:italic; color: #868686;}
.Novosti .Novost, .NovostiStranica .Novost {margin: 0 0 20px 0;}
.Novosti .Novost p, .NovostiStranica .Novost p {margin: 0;}

.NovostiStranica {font-size: 100% !important;}
.Font100 {font-size: 100% !important;}

.NovostiNaslov, #Projekti .Projekat article h3 {margin: 0 0 0px 0; font-size: 100%;}

.MapaSrbije {float: right; width: 400px; height: 599px;}
.MapaSrbije img {border: none;}
.ProjektiLista {float: left; width: 450px;}
#Projekti {margin: 20px 0 0 0;}
.Projekat, .Novost, .ProjekatDva {margin: 10px 0; padding: 0 0 10px 0px; border-bottom: 1px dotted #CCCCCC;}
.Projekat p, .ProjekatDva p {margin: 0px;}
.lokacijaGodina {color: #666; font-size: 85%;}
.Projekat article a {font-weight: bold;}

.ProjektiVelikaSlika { margin: 0 0 20px 0;}
.SlikaDesno300 { float: right; margin: 0 0 10px 20px; padding: 0; width: 300px; background-color: #f5f8f8;}
.SlikaDesno250 { float: right; margin: 0 0 10px 20px; padding: 0; width: 250px; background-color: #f5f8f8;}
.SlikaSredina630 {  margin: 20px 0; padding: 0; width: 630px; background-color: #f5f8f8;}
.SlikaDesno300 img, .SlikaSredina630 img, .SlikaDesno250 img { border: none !important}
.SlikaDesno300 p, .SlikaSredina630 p, .SlikaDesno250 p { margin: 5px; text-align: center;}


.SredinaStranica .Projekti {width: 220px; float: right; margin: 20px 0 0 0; padding: 0px 0 0 20px; border-left: 1px dotted #CCC;}
.SredinaStranica .ProjektiStranica {width: 220px; float: right; margin: 20px 0 0 0; padding: 0px 0 0 20px; border-left: 1px dotted #CCC;}
.Projekti .ProjekatDva, .ProjektiStranica .ProjekatDva {margin: 0 0 20px 0;}
.ProjekatDva .Tekst {display: block; padding: 0 0 0 0px;}



.TehnickiPodaci {border-spacing: 2px; border-collapse: separate;}
.TehnickiPodaci td {padding: 2px ; }
.TehnickiPodaci tr:nth-child(even) {  background: #f9f9f9;}
.TehnickiPodaci tr:nth-child(odd) {  background: #f6f4ee;}
.TehnickiPodaci td.Prazno {  background: #fff !important; height: 10px !important; padding: 0 !important;}


.DownloadButton a, .DownloadButton a:visited { display: block; padding: 10px; background-color: #0079bd; color: #fff; text-align: center; border-top: 1px solid #2d9ddc; border-left: 1px solid #2d9ddc; border-bottom: 1px solid #0b5f8f; border-right: 1px solid #0b5f8f;}
.DownloadButton a:hover { padding: 11px 9px 9px 11px; background-color: #3a8dba; color: #fff; text-align: center; border-top: 1px solid #1a6a96; border-left: 1px solid #1a6a96; border-bottom: 1px solid #61aed8; border-right: 1px solid #61aed8;}


.ReferenceDownload { float: right; width: 200px; border: 1px solid #CCC; padding: 10px; }






	/*   konatkt formular    */
	
.KontaktFormular {width: 600px; float: left; border: 0px solid #0F6;}
.KontaktInfo {width: 230px; float: right; padding: 0px 0 0 40px; border-left: 1px dotted #CCC;}
.KontaktTabela {border-spacing: 2px; border-collapse: separate;}
.KontaktTabela td {padding: 3px 5px ; }
.KontaktTabela tr:nth-child(even) {  background: #f9f9f9;}
.KontaktTabela tr:nth-child(odd) {  background: #f6f4ee;}
.KontaktLokacija {margin: 0 0 20px 0}

.KontaktTabela input, .KontaktTabela textarea { width: 300px; padding: 3px 5px; border: 1px solid #999;}
.KontaktTabela .Kratki, .KontaktTabela #securityCode { width: 55px !important;}
.KontaktTabela .Kraci { width: 230px !important;}
.KontaktFormular .crvena { color:#F00;}
.KontaktFormular .DugmePosalji { display: block; padding: 10px; background-color: #0079bd; color: #fff; text-align: center; border-top: 1px solid #2d9ddc; border-left: 1px solid #2d9ddc; border-bottom: 1px solid #0b5f8f; border-right: 1px solid #0b5f8f; cursor:pointer; }
.KontaktFormular .DugmePosalji:hover { padding: 11px 9px 9px 11px; background-color: #3a8dba; color: #fff; text-align: center; border-top: 1px solid #1a6a96; border-left: 1px solid #1a6a96; border-bottom: 1px solid #61aed8; border-right: 1px solid #61aed8;}

	/*   podrška   */
	
.SadrzajPodrska {width: 600px; float: left; border: 0px solid #0F6;}
.PodrskaStranica  {width: 230px; float: right; padding: 0px 0 0 40px; border-left: 1px dotted #CCC;}



	/*   footer   */
	
	
.FooterKontejner { width: 880px; margin: 30px auto 0 auto; background-color: #8a8a8a; padding: 10px; color: #fff;}
.FooterLevo { width: 170px; float: left; background:url(images/logo_elektro_footer.png) top left no-repeat; padding: 19px 0 0 130px; font-size: 80%; height: 40px; color: #ccc; }
.FooterDesno { width: 530px; float: right; padding: 10px; 0 0 0; }
.FooterDesno div { width: 150px; float: right; margin: 0 0 0 0px; }
.FooterDesno div a, .FooterDesno div a:visited { display: block; margin: 5px 0 0 0; padding: 0 0 0 15px; background: url(images/ikona_strelica_bela.png) 0px 4px no-repeat; color: #fff; zoom: 1; filter: alpha(opacity=70); opacity: 0.7; }
.FooterDesno div a:hover { color: #fff; zoom: 1; filter: alpha(opacity=100); opacity: 1; }
.FooterDole { margin: 10px 10px; font-size: 85%; color: #ccc; }