@charset "UTF-8";
/* Milos Redic */

* {
	margin: 0 auto; 
	padding: 0; 
}

body {
	font-family: Verdana, Geneva, sans-serif;
	margin:0;
   padding:0;
	}
.page-padding {height:-660px; width:100%;}

#header {
	position:fixed;
	top:0px;
	left:0px;
	background:#666; 
	height:70px; 
	width:100%;
	}
	
#nav {
	width: 900px;
	height: 70px;
	word-spacing: 20px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

.dugmedole {
	width: 300px;
	height: 50px;
	display: block;
	background-color: #333;
	background-image: url(../images/more.png);
	repeat: no-repeat;
	border-radius: 35px 35px 0px 0px;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
	margin-top: 650px;
	margin-bottom: 0px;
	box-shadow: -2px -2px 5px #888888;

}
.dugmedole:hover{
	background-color:#464648;
	cursor:pointer;
}

.dugmedole2 {
	width: 150px;
	height: 140px;
	display: block;
	background-image: url(../images/more2.png);
	repeat: no-repeat;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
	margin-top: 550px;
	margin-bottom: 0px;


}
.dugmedole2:hover{
	background-image: url(../images/more2hover.png);
	cursor:pointer;
}


.dugmegore {
	width: 300px;
	height: 50px;
	display: block;
	background-color: #333;
	background-image: url(../images/less.png);
	repeat: no-repeat;
	border-radius: 35px 35px 0px 0px;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
	padding-top:-100px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
	box-shadow: -2px -2px 5px #888888;
}
.dugmegore:hover{
	background-color:#464648;
	cursor:pointer;
}



.dugmedole3 {
	width: 240px;
	height: 100px;
	display: block;
	background-image: url(../images/more3.png);
	repeat: no-repeat;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
	margin-top: 550px;
	margin-bottom: 0px;


}
.dugmedole3:hover{
	background-image: url(../images/more3hover.png);
	cursor:pointer;
}


.dugmegore3 {
	width: 240px;
	height: 100px;
	display: block;
	background-image: url(../images/less3.png);
	repeat: no-repeat;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
	padding-top:-100px;
}
.dugmegore3:hover{
	background-image: url(../images/less3hover.png);
	cursor:pointer;
}

#footer {
	width:1000px;
	height:70px;
	text-align:center;
	}

#main {
	margin-top:0px
	height: 10620;
	width: 1000px;
	}
#welcome {
	height: 1080px;
	width: 1000px;
	}
#page1 {
	height: 1080px;
	width: 1000px;
	/* background-color: #fff; */
	background-image: url(../car/image10.png);
	background-repeat: no-repeat;
	}
	
#page2 {
	height:1080px;
	width:1000px;
	/* background-color: #fff; */
    background-image: url(../car/image9.png);	
	background-repeat: no-repeat;
	}
	
#page3 {
	height:1080px;
	width:1000px;
	/* background-color: #fff; */
	background-image: url(../car/image8.png);
	background-repeat: no-repeat;	
	}
	
#page4 {
	height: 1080px;
	width: 1000px;
	/* background-color: #fff; */;
	background-image: url(../car/image7.png);
	background-repeat: no-repeat;	
	}
	
#page5 {
	height: 1080px;
	width: 1000px;
	/* background-color: #fff; */;
	background-image: url(../car/image6.png);
	background-repeat: no-repeat;	
	}
	
#page6 {
	height: 1080px;
	width: 1000px;
	/* background-color: #fff; */;
	background-image: url(../car/image5.png);
	background-repeat: no-repeat;	
	}
	
#page7 {
	height: 1080px;
	width: 1000px;
	/* background-color: #fff; */
	background-image: url(../car/image4.png);
	background-repeat: no-repeat;	
	}

#page8 {
	height: 1080px;
	width: 1000px;
	/* background-color: #fff; */
	background-image: url(../car/image3.png);
	background-repeat: no-repeat;	
	}
	
#page9 {
	height: 1080px;
	width: 1000px;
	/* background-color: #fff; */
	background-image: url(../car/image2.png);
	background-repeat: no-repeat;	
	}
	
#page10 {
	height: 900px;
	width: 1000px;
	/* background-color: #fff; */
	background-image: url(../car/image1.png);
	background-repeat: no-repeat;	
	}

/*///////////*/
[data-title] 
{ 
 position: relative; 
 padding: 0; 
} 
 
[data-title]::before, 
[data-title]::after 
{
	position: absolute;
	z-index: 5;
	margin-left:500px
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, .8);
	-moz-transition: opacity 200ms 50ms linear;
	-webkit-transition: opacity 200ms 50ms linear;
	-ms-transition: opacity 200ms 50ms linear;
	-o-transition: opacity 200ms 50ms linear;
	transition: opacity 200ms 50ms linear;
	background-color: #88a41b;
} 
 
[data-title]:hover::before, 
[data-title]:hover::after 
{ 
 opacity: 1; 
 visibility: visible; 
} 
 
/* the tooltip */ 
[data-title]::before 
{
	content: attr(data-title);
	width: 120px;
	padding: 4px;
	font: normal 11px/16px Arial, Sans-serif;
	color: #fff;
	cursor: default;
	border-radius: 4px;
	text-align: center;
	margin-top: 100px;
	margin-left: 450px;
} 
 /* the pointer */ 
[data-title]::after 
{
	content: "";
	width: 8px;
	height: 8px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 430px;
} 

.center {
	width: 300px;
	height: 50px;
	margin-top: 50;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}