/* ------------------------------
HTML Redefine Tags
------------------------------ */

body {	background: none; 

		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
}

input, form, textarea, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

h1 {font-family:Arial;font-size:26px; color:white; margin:10px 0px 0px 0px; }

h2 {font-family:Arial;font-size:18px; color:white; margin:10px 0px 0px 0px; }

h3 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	padding:2px 0;
	color:white;
	margin:0px 0px 0px 0px;
	text-decoration:underline;
}

h4 {font-size:12px; font-family:Arial ; color:white; margin:0px 0px 0px 0px;}

h5{font-size:18px; font-family:Arial; color:white; margin:5px 0px 0px 150px;}


a:link, a:visited{color:transparent;}
a:hover{text-decoration:none;}


/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (960 pixel) */
#container 

{
	
	width:100%;
    height:100%;
    left:0px;
    top: 0px;
    position:absolute;
    z-index:0; 
	margin: auto auto auto auto;
	}
	
#ulaz {
    
     left: 50%;
    margin-left: -300px;
    margin-top: -337px;
    position: fixed;
    text-align: center;
    top: 50%;
    }


#container2{width:1240px; height:730px; margin: auto auto auto auto; border:0px solid red}
#container3{width:1240px; height:630px; margin: auto auto auto auto; border:0px solid red}

/*#ulaz{width:650px; height:660px; margin: 0px 0 0 320px   ;float: left; border:0px solid red}*/

#pozadina{margin: 10px auto auto auto; background:url(images/pozadina1234.jpg); background-repeat:no-repeat; width:1200px; height:720px; }
#pozadina2{margin: 10px auto auto auto; background:url(images/pozadina12345.jpg); background-repeat:no-repeat; width:1200px; height:900px; }

#logo{margin: -670px 685px 0 0px; width:265px; height:285px; float: right; }

#gumbi_lijevo{margin: 0px 0px 0 0px; width:320px; height:140px; float: left; }
#gumbi_desno{margin: 0px -80px 0 0px; width:320px; height:140px; float: left; }

#gumb1{margin: 12px 0px 0 0px; width:320px; height:45px; float:left;  text-align:right }
#gumb2{margin: -7px 0px 0 0px; width:320px; height:45px; float:left;  text-align:right }
#gumb3{margin: -7px 0px 0 0px; width:320px; height:45px; float:left;  text-align:right }
#gumb4{margin: 12px 0px 0 0px; width:320px; height:45px; float:right;  text-align:left }
#gumb5{margin: -7px 0px 0 0px; width:320px; height:45px; float:right;  text-align:left }
#gumb6{margin: -7px 0px 0 0px; width:320px; height:45px; float:right;  text-align:left }

#center{margin: -5px 120px 0 0px; width:810px; height:520px; float:right;  text-align:left ;}
#tekst1{margin: 0px 0px 0 0px; width:800px; height:500px; float:right;  text-align:left ;font-size:16px; font-family:calibri; color:white;   }
#tekst2{margin: 0px 0px 0 0px; width:800px; height:500px; float:right;  text-align:left ;font-size:18px; font-family:calibri; color:white; border:0px solid red;   }
#tekst3{margin: 0px 0px 0 0px; width:530px; height:180px; float:right;  text-align:left ;font-size:18px; font-family:calibri; color:white; }
#tekst4{margin: 0px 0px 0 0px; width:780px; height:250px; float:left;  text-align:left ;font-size:18px; font-family:calibri; color:white; border:0px solid white}

#box2{margin: -307px 45px 0 0px; width:250px; height:250px; float:right;  text-align:center ;font-size:14px; font-family:arial; color:white; border:1px solid white }

#natrag{margin:400px 0 0 160px; width: 100px; height: 70px ; float: left ; }

#ap1{margin:-300px 20px 0 0px; width: 250px; height: 281px ; float: right ;border: 0px solid red }
#ap2{margin:-70px 20px 0 0px; width: 250px; height: 260px ; float: left ; border: 0px solid red }
#ap3{margin:10px 170px 0 0px; width: 180px; height: 400px ; float: right ;border: 0px solid red }
#ap4{margin:10px 0px 0 140px; width: 200px; height: 400px ; float: left ; border: 0px solid red }

#proizvodi{margin: 70px 0px 0px 90px;  width:390px ; height:120px;  float:left}

#kolicina{margin: 70px 0px 0px 0px;  width:110px ; height:120px;  float:left}

#mpc{margin: 70px 0px 0px 0px;  width:110px ; height:120px;  float:left}

#pdv{margin: 260px 0px 0px 0px;  width:780px ; height:30px; float:left; text-align:center ;font-size:20px; font-family:calibri; color:white;}

#mapa{margin: 20px 0px 0px 68px;  width:650px ; height:500px;  float:left}
#adr{margin: 20px 0px 0px 130px;  width:180px ; height:60px;  float:center; text-align:left ;font-size:20px; font-family:calibri; color:white;}

#ua1{margin: 10px 0px 0 0px; width:800px; height:160px; float:right;  text-align:left ;font-size:14px; font-family:calibri; color:white;   }
#ua2{margin: 0px 0px 0 0px; width:800px; height:160px; float:right;  text-align:left ;font-size:14px; font-family:calibri; color:white;   }
#ua3{margin: 4px 0px 0 0px; width:800px; height:160px; float:right;  text-align:left ;font-size:14px; font-family:calibri; color:white;  }
#ua4{margin: -4px 0px 0 0px; width:800px; height:160px; float:right;  text-align:left ;font-size:14px; font-family:calibri; color:white;  }

#ua11{margin: 0px 30px 0 0px; width:170px; height:160px; float:right;  text-align:left ;font-size:14px; font-family:calibri; color:white;  }
#ua12{margin: 0px 0px 0 0px; width:580px; height:160px; float:left;  text-align:right ;font-size:18px; font-family:calibri; color:white;  }

#ua21{margin: 0px 30px 0 0px; width:170px; height:160px; float:right;  text-align:left ;font-size:14px; font-family:calibri; color:white;   }
#ua22{margin: 0px 0px 0 0px; width:580px; height:160px; float:left;  text-align:right ;font-size:18px; font-family:calibri; color:white; }

#ua31{margin: 0px 30px 0 0px; width:170px; height:160px; float:right;  text-align:left ;font-size:14px; font-family:calibri; color:white;   }
#ua32{margin: 0px 0px 0 0px; width:580px; height:160px; float:left;  text-align:right ;font-size:18px; font-family:calibri; color:white;   }

#azv1{margin: 225px 0px 0 0px; width:800px; height:160px; float:right ;font-size:24px; font-family:arial; color:white;   }

#video{margin: 90px 0px 0px 68px;  width:650px ; height:350px;  float:left; }
#opis{margin: -10px 0px 0px 68px;  width:650px ; height:70px;  float:left; }

div.spacer{clear:both; height:1px; display:block; }


#footer{width:auto; display:block; padding:3px 0; font-size:11px; color:black; text-align:center; }

/* ------------------------------
CUSTOM CLASSES
------------------------------ */
/* Add here your custom classes ... */

a.button1 {
		height:660px;
		width:650px;
		display: block;
		background:  url(images/index_logo22.png);
		background-position: 0px -10px;
		background-repeat:no-repeat;
		overflow: hidden;
		}

a.button1:hover { background-position:  -725px -10px; }

a.button2 {
		height:285px;
		width:265px;
		display: block;
		background:  url(images/logo_inner.png);
		background-position: 7px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		}

a.button2:hover { background-position:  -350px 2px; }

a.button3 {
		height:45px;
		width:307px;
		display: block;
		background:  url(images/gumbi_desno2.png);
		background-position: -310px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button3:hover { background-position:  0px 0px;}

a.button4 {
		height:45px;
		width:307px;
		display: block;
		background:  url(images/gumbi_lijevo2.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button4:hover { background-position:  -305px 0px;}


a.button5 {
		height:70px;
		width:100px;
		display: block;
		background:  url(images/natrag.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button5:hover { background-position:  -104px 0px;}

a.button6 {
		height:290px;
		width:250px;
		display: block;
		background:  url(images/ap1.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button6:hover { background-position:  -263px 0px;}

a.button7 {
		height:275px;
		width:250px;
		display: block;
		background:  url(images/ap2.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button7:hover { background-position:  -240px 0px;}

a.button8 {
		height:160px;
		width:170px;
		display: block;
		background:  url(images/ep950_small.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button8:hover { background-position:  -166.9px 0px;}

a.button9 {
		height:160px;
		width:170px;
		display: block;
		background:  url(images/pininfarina_small.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button9:hover { background-position:  -167px 0px;}

a.button10 {
		height:160px;
		width:170px;
		display: block;
		background:  url(images/kelly.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button10:hover { background-position:  -165.7px -1px;}

a.button11 {
		height:160px;
		width:170px;
		display: block;
		background:  url(images/pr1.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button11:hover { background-position:  -167.2px -0px;}

a.button12 {
		height:400px;
		width:200px;
		display: block;
		background:  url(images/ank1.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button12:hover { background-position:  -190.9px 0px;}

a.button13 {
		height:400px;
		width:180px;
		display: block;
		background:  url(images/ank2.png);
		background-position: 5px 0px;
		background-repeat:no-repeat;
		overflow: hidden;
		font-size:14px; font-family:Arial; color:white; text-decoration:none; padding-top:10px;letter-spacing: 1px;  
		}

a.button13:hover { background-position:  -185.9px 0px;}