* {
	margin:0;
    padding:0;
	font-family:Georgia;
text-align:center;
}

/* unvisited #A6BB53 link  */
a {
  color: #718C63;
}

/* visited link */
a:visited {
  color: #998B45;
}

/* mouse over link */
a:hover {
  color: #2A3425;
}

/* selected link */
a:active {
  color: green;
}


#AllMainCont{
	margin:0 1px;
}

h1{
	font-size:50px;
	color:white;
	margin:20px auto;
	line-height:60px;
}
h2{
	margin:20px auto;
	font-size:35px;
	color:#998b45;
	line-height:60px;
}
h3{	
margin: auto;
	font-size:25px;
	color:#998b45;
	line-height:60px;
}
h4{	
margin: auto;
	color:black;
	line-height:40px;
}
h5{
	margin: auto;
    color:#963;
	line-height:40px;
}
h6{	
margin: auto;
	  color:#C5B358;
	  line-height:40px;
}
p{
	margin: auto ;
	font-size:25px;
	color:#5B5C5B;
	line-height:40px;
}
span{
	margin: auto;
	  font-style: italic;
	font-size:16px;
    color:#222;
}

ol  {
	margin: auto;
	color:#5B5C5B;
	font-size:25px;
	clear:both;
	list-style:none;
	 padding: 10px ;
}

.flex-box{
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.flex-box > div{
  background-color: #F9F3F8;
  border-radius:10%;
  max-width: 500px;
  margin: 10px;
  padding:10px;
  text-align: center;
}

ol li {
	display:block;
	border:1px solid #996633;
	border-radius:35px;
  padding: 10px ;
  margin: 10px auto;
}
table{
	margin: auto;
	color:#5B5C5B;
font-size:25px;
}

table tr td{
line-height:40px;
	border:2px solid #d1d1d1;
	text-align:left;
box-shadow:10px 10px 5px grey;
	padding:9px;
}
.OneColon{
    margin: auto ;
	display:inline-block;
	margin-top:160px;
	margin-bottom:25px;
	border:1px solid grey;
	border-radius:25px;
}
#footer8
{	clear:both;
margin-top:30px;
}

table {
border:15px solid grey;
}
.FirstRow {
	background-color:#BECED2;
	text-decoration:underline;
}
.GroupRow {
	background-color:#DBEEF3;
	
}
.OneRow {
	background-color:#B6DDE8;
}

	#StartButton{
	position:fixed;
	bottom:20px;
	left:20px;
	height:40px;
	width:40px;
	opacity:.8;
    border-radius:50%;
	background-color:green;
	padding:8px;
	z-index:1;
	border:2px solid rgb(34, 177, 76);
}

#StartButton:hover{
	transition:0.65s;
	height:60px;
	width:60px;
	box-shadow: 4px 4px 20px black;
	opacity:1;
	background-color:gold;
	padding:20px;
	border:2px solid orange;
	line-height:30px;

}
	#StartButton span{
		color:white;
        display:block;
	}
	
	#StartButton span:hover{
		color:blue;
		font-size:28px;
		margin:5px;
		z-index:1;
	}

#DodatniInfo{
	display:inline-block;
	width:170px;
	height:25px;
  padding: 5px;
  text-decoration: none;
  transition-duration: 0.4s;
  cursor: pointer;
   background-color:orange; 
  border: 2px solid #04AA6D;
  border-radius:20px;

}
#DodatniInfo span{
color:white;
	border-radius:20px;
	font-size:23px;
	font-family:impact;
	text-align:center;
}
#Price{
	background-color:white;
	display:inline-block;
	width:80px;
	height:60px;
	border:1px solid rgb(255,166,25,0);
	border-radius:10%;
	margin:5px 0 15px 0;
}

#OldPrice{
font-size:20px;
margin-right:20%;
margin-top:5%;
margin-bottom:-15%;
	
}

#NewPrice{
	margin-left:15%;
}

/**.OnlineRow {
	background-color:#EBF6F9;
}
*/

/*	
Mobile version first list-style: square; */


@media (max-width:1650px){
	body {
	margin:auto;
	background-color:white;
}
#boxMapa{
	display:none;
}
h1{
font-size:30px;
	color:#963;
	margin-top:50px;
	margin-bottom:-20px;
}
h2{
	margin:20px auto;
	font-size:29px;
	color:#998b45;
	line-height:60px;
}
/*  naknadno dodato start */
h3{	font-size:23px;}
p{ font-size:23px;}
span{ font-size:15px;}
ol  { font-size:22px;}
#StartButton span:hover{ font-size:24px;}
/*  naknadno dodato  kraj */
.OneColon{
    margin: auto ;
	display:inline-block;
	margin-top:30px;
	border:1px solid grey;
	border-radius:25px;
}
#header{
	margin-top:-50px;
}	
#BigCompsPhotos{
	display:none;
}
	#scrolup{
	position:fixed;
	bottom:20px;
	right:20px;
	height:40px;
	width:40px;
	opacity:.5;
    border-radius:50%;
	background-color:white;
	padding:8px;
}
#scrolup:hover{
    opacity:1;
}		

#tel{
	display:none;
}


#socmreze{
	font-size:32px;
	float:right;
	opacity:.7;
}
#socmreze:hover{
	opacity:1;
}
#socmreze img{
    border-radius:35%;
	padding-left:10px;
	padding-right:10px;
}


#logo{
	float:left;
	padding-left:20px;
}
#logo2{
	display:none;
}

/* 	BIVSI linear-gradient(45deg, rgb(255,0,0,0.5),rgb(255,166,0,0),blue);  */
#banerSlika{
	background: linear-gradient(45deg, rgb(55,0,0,0.5),rgb(255,166,0,0),green);
	width:100%;
	height:100%;
}		
	
#banerText{
	text-align:center;
	margin:20px 0 -20px 0;
	padding-top:5px;

}
/* 	BIVSI color: #0C293C;  */
#banerText span{
	text-align:center;
	font-size: 25px;
	color: #0C293C;
	font-family:Lucida Sans Unicode;

}

#topwrapper6{
	padding:40px;
	font-family:Tahoma;
	text-align:center;
	
}
.topwrapp6p{
	display:flex;
	margin:auto 2px;
	padding:auto;

}
.topwrapp6ch{	
	margin:auto;
	height:auto;
	width:auto;
	display:table-cell;
    vertical-align:middle;	
}
.topwrapp6ch img{	
	width:100%;
	height:100%;
}
#bottom-wrapper7{
	padding:40px;
	font-family:Tahoma;
	text-align:center;	
}
.top-wrapp{
	margin:auto;
	width:100%;
	height:100%;
    margin-bottom:100px;
}
.top-wrapp img{
	width:100%;
}
/*	za .bottom-wrapp BILO:
margin:auto; AKO JE OK, OBRISATI OVU PORUKU*/
.bottom-wrapp{
	width:100%;
	height:100%;
    margin-bottom:20px;
}
.bottom-wrapp img{
	margin-top:10px;
    border-radius:50%;
	max-width:100%;
    max-height:100%;
}	
/**Start Šta su ljudi rekli o nama**/
#ljudi{
	 clear: left;
	margin: 25px auto;
	padding-top:35px;
}
#ljudi h2{
  color: #998b45;
  text-align:center;
}
/**Testemonial Fine tining Start**/

#bottom-wrapp9text p{
	color:blue;
}

#footer8 {
	background-color:#555;
	color:#963;
	height:auto;
	text-align:center;
	padding:10px;
}
video{
	display:none;
}
#baner4Kompjuteri{
	margin:1% 5%;
	width:90%;
	height:100%;
}
#baner4KompSlika img{
    margin: 0;
	width:100%;
	height:100%;
}

.PlusButoon{	
	margin:5% 50% 5% 50%;
	padding:4px 4px 60px 1px;
float:left;
height:1px;
width:63px;
border-radius:50%;
box-sizing:border-box;
transition:0.5s;
}
.PlusButoon:hover{	
	background-color:white;
box-shadow: 4px 4px 20px black;
border:2px solid rgb(200,200,200);
opacity:1;	
}
a:link {
  text-decoration: none;
}

table {
border:5px solid grey;
}
}
@media (min-width: 1650px){


#scrolup{
	position:fixed;
	bottom:20px;
	right:20px;
	height:40px;
	width:40px;
	opacity:.5;
    border-radius:50%;
	background-color:white;
	padding:8px;	
}
#scrolup:hover{
    opacity:1;
}
#header{
	height:auto;
	background-image: linear-gradient(to right, white, #1C2328);
	text-align:center;
}


#tel{
	padding-left:30px;
	font-family:Tahoma;
    color:white;
    font-size:20px;
	float:left;
}

#socmreze{
	font-size:40px;
	float:right;
	opacity:.7;
}
#socmreze:hover{
	opacity:1;
}
#socmreze img{
    border-radius:35%;
	padding-left:10px;
	padding-right:10px;
}

#logo{
	float:left;
	padding-left:20px;
}
#logo2{

	height:auto;
	width:200px;
	float:left;
	padding-top:3px;
	margin-left:-150px;
	opacity:0;
	transition:1s;
	padding-left:45px;
}
#logo2:hover{
	margin-left:-45px;
	padding-left:-25px;
	opacity:1;	
}

ul{
    list-style:none;
}
ul li{	
    font-family: Impact;
	font-size:25px;
	margin:20px;
	float:left;	
}
ul li a{
	text-decoration:none;
	color:black;
	font-family:Impact;
}
ul li ul li{	
	font-size:20px;
	display:none;		
}
ul li a:hover{
	color:red;	
}
ul li:hover ul li{
	text-decoration:none;
	display:inline-block;
	margin-top:5px;
    margin-left:-100px;
	padding-left:20px;
	padding-right:80px;
}
#baner4{

    clear:both;
	background-color:black;
	opacity:.95;
    height:750px;


}
#banerSlika{
	background: url("SvetRacunaraPhotos/KurseviServiseraRacunaraPhotos/KursServiseraRacunaraBaner.webp") no-repeat;
	background-size:cover;
	width:100%;
	height:750px;
	opacity: .9;	
}

#banerText{
  float:left;
  clear:both;


		margin-top:10%;
		margin-left:25%;
	padding-top:20px;
    text-align:center;
	max-width:100%;
	height:auto;
    opacity: .99;

}

#banerText span{
	text-align:center;
	font-size: 46px;
	color: white;
}
#wrapper5{
	margin:  auto;
	text-align:center;
	max-width:1650px	
}
#topwrapper6{
	max-width:1650px;	
	margin: 24px auto;
}
.topwrapp6p{	
	margin-bottom: -150px auto;
	padding: auto;
	float:left;
    height:800px;
	width:800px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.topwrapp6ch{	
	margin:auto;
	height:800px;
	width:800px;
	display:table-cell;
    vertical-align:middle;	
}
.topwrapp6ch img{
   object-fit:contain;
	width:90%;
	height:90%;
}

#bottom-wrapper7{
	clear:both;
	max-width:1650px;	
	margin: 50px auto;		
}
.bottom-wrapp{
	width:510px;
	max-height:920px;
	float:left;
	margin:15px;
}
.bottom-wrappSlika{
	width:500px;
	max-height:500px;
	float:left;
	margin:2px;
}
.bottom-wrappSlika img{
	margin:20px auto;
    border-radius:50%;
    max-width:100%;
    max-height:100%;
}		
.bottom-wrappText{
	width:500px;
	max-height:500px;
	float:left;
	margin:2px;
}
#footer8 {	
	background-color:#555;
	color:#963;
	height:auto;
	text-align:center;
	padding:10px;
 }
video{
    margin:-20px 0 -20px 0;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
}
#baner4Kompjuteri{
	margin:1% 5%;
	width:90%;
	height:100%;
}
#baner4KompSlika img{
    margin: 0;
	width:100%;
	height:100%;
}
.hr {
    width: 90%;
    border-bottom: 1px solid tomato;
    box-shadow: 5px 5px 5px grey;
    float: left;
}
/* ZBOG JAJETA Agg KOJE PRELAZI NA BACKGROUND PREKO HERO SLOVA 
UBACENE SU MARGINE ZA #top-wrapppIMG img I #top-wrapppTEXT h2 SAMO JE PRAVLJENO ZA POCETNU STR */	
#top-wrapppIMG img{
	margin-top:20%;
}
#top-wrapppTEXT h2{
	margin-top:30%;
}
.Agg{
    border:1px solid gray;
    border-radius:40%;
    background: #EFEFEF;
    margin-left: auto;
	margin-right: auto;
	margin-top:-160px;
	margin-bottom:15px;
    width:1650px; 
}

.PlusButoon{
	margin:5% 50% 5% 50%;
	padding:4px 4px 60px 1px;
float:left;
height:1px;
width:63px;
border-radius:50%;
box-sizing:border-box;
transition:0.5s;
}
.PlusButoon:hover{
	background-color:white;
box-shadow: 4px 4px 20px black;
border:2px solid rgb(200,200,200);
opacity:1;	
}
a:link {
  text-decoration: none;
}
#Price{
	width:100px;
	height:65px;
	margin-top:70px;	
}

}