* {
	margin:0;
    padding:0;
	font-family:Georgia;
text-align:center;
}
#AllMainCont{
	margin:0 5px;
}
h1{
	font-size:40px;
	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;
}
/*BILO JE ZA ol 
   margin-left: 25px;
   AKO JE OK OBRISATI*/
ol li {
	display:block;
	border:1px solid #996633;
	border-radius:35px;
  padding: 10px ;
  margin: 10px auto;
}
table{
	margin: auto;
	color:#5B5C5B;
font-size:25px;
}
/*BILO JE ZA table
margin-bottom:40px;
	margin-left:10px;
margin-top:-25px;
AKO JE OK OBRISATI*/
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:10px;
	border:1px solid grey;
	border-radius:25px;
}
#footer8
{	clear:both;
margin-top:30px;
}

#Price{
	max-width:1600px;
	height:auto;
	margin:auto;
	text-align:center;
	cursor:url(SvetRacunaraGumbs/logoPointer.webp),auto;
	user-select:none;
}

#Price tr th{
	font-family:Adobe Devanagari;
	color:#E5F6FF;
	background-color:#596452;
	font-size:35px;
	padding:5px;
	text-align:center;
}

#Price h1{
	color:#5B5C5B;
	margin:120px auto;
	font-size:60px;
	}
#Price tr td{
	font-family: Bahnschrift;
	line-height:35px;
	font-size:25px;
	text-align:center;
	padding:5px;
}
table {
border:15px solid grey;
}
.FirstRow {
	background-color:#BECED2;
	text-decoration:underline;
}
.GroupRow {
	background-color:#DBEEF3;
	
}
.OneRow {
	background-color:#B6DDE8;
}

.EndRow{
	background-color:#444d3f;
	color:white;
}

/**.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;
}	
#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;
}		
#top-header1 {
	overflow:hidden;
	padding:10px;
	background-color:#2B3A42;
	height:30px;
}
#tel{
	/**BILO JE: display:none;**/
	
	padding-left:30px;
	font-family:Tahoma;
    color:white;
    font-size:20px;
	float:left;
}
#radvr{
	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;
}
#top-header2 {
	background-color:tomato;
	height:5px;
}
#top-header3 {
	background-color:#EFEFEF;
	height:80px;
    box-shadow: 2px 2px 5px tomato;
}
#logo{
	float:left;
	padding-left:20px;
}
#logo2{
	display:none;
}
#navbar{
	width:100%;
    max-height:70px;
	margin-bottom:35px;
	text-align:center;
    position:absolute;
    top:55px;
    right:0;
}
#navbar ul li{
	width:100%;
	min-height:70px;
	line-height:70px;
    background-color:#efefef;
    list-style:none;
    border-bottom:1px solid tomato;
	font-family:Cooper;
    color:black;
    font-size:20px;
    text-align:center;
}
#navbar ul li:hover{
    background-color:#57A0D2;
}
#navbar ul li a{
	display:block;
	width:100%;
	text-decoration:none;
	color:black;
	font-family:Impact;
}
#navbar ul li a:hover{
	color:red;
}
	label{	
	margin:0 40px 0 0;
	font-size:30px;
    line-height:80px;
    cursor:pointer;
    float:right;
	}	
#toggle{
	display:none;
	}
	
#toggle:checked + .menu{
	display:block;
	}	
.menu{
	clear:left;
	margin-top:81px;
	text-align:center;
	width:100%;
	display:none;
	}	
#banerText{
	text-align:center;
	margin:20px 0 -20px 0;
}

#razmak{
	display:none;
}

#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;
}
/**Testemonial Fine tining Finish**/
/**Finish Šta su ljudi rekli o nama**/
/* NEŠTO ZA KASNIJE
#box7plus{
	margin:auto;
	margin-top:-20%;
	margin-bottom:30%;
	width:20%;
	height:100%;
}
#box9plus{
	margin:auto;
	margin-top:30px;
	width:20%;
	height:100%;
}
*/
#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%;
}
/* bilo je izbrisati ako valja
.PlusButoon{
	clear:both;	
	margin:auto;
	padding:100px 0 100px 0;
	width:100%;
	height:100%;
	text-align:center;
}	*/
.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{
	cursor:url(SvetRacunaraGumbs/logoPointerSmall.webp),auto;
	user-select:none;
}

#Price tr th{

	padding:1px;
}
#Price h1{
	
	margin:60px auto;
	font-size:50px;
	}
#Price tr td{
	
	line-height:25px;
	font-size:15px;

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

	
label{
	display:none;
}
#toggle{
	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;
}
#header{
	height:auto;
}
#top-header{
	height:135px;

	

}
#top-header1{
	background-color:#2B3A42;
	height:30px;
	padding:10px;
}
#tel{
	padding-left:30px;
	font-family:Tahoma;
    color:white;
    font-size:20px;
	float:left;
}
#radvr{
	padding-left:25%;
	font-family:Tahoma;
    color:white;
    font-size:20px;
    text-align:center;
	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;
}
#top-header2{
	background-color:tomato;
	height:5px;		
}
#top-header3{
	background-color:#EFEFEF;
	height:80px;
	


}
#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;	
}
#navbar {	
	background-color:#EFEFEF;
	height:auto;
}
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:#3785bb;
    height:750px;
}
#banerSlika{
	background: url("KurseviRacunaraPhotos/HomePhotos/Baner.webp") no-repeat;
	background-size:cover;
	width:100%;
	height:750px;
	opacity: .7;	
}

#banerSlika2{
	background: url("KurseviRacunaraPhotos/KursServiseraRacunara.webp") no-repeat;
	background-size:cover;
	width:100%;
	height:750px;
	opacity: 0.9;
}

#banerText{
	margin:-160px auto;
    text-align:center;
	max-width:1200px;
	height:160px;
    opacity: 0.99;
}
#banerText2{
	margin:-160px auto;
	padding-bottom:10px;
	
    text-align:center;
	max-width:50%;
	height:140px;
    opacity: 0.599;
background:#232637;
	border-radius:40% 40% 1% 1%;
	border: 2px solid #577CC5;
}

#banerText span{
	text-align:center;
	font-size: 50px;
	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%;
}
/**Testemonial Fine tuning Start**/
#bottom-wrapp6{
	margin-bottom:55px;
}
#bottom-wrapp9{
	margin-bottom:55px;
}
#bottom-wrapp9text p{	
	color:blue;
}
#bottom-wrapp11{
	margin-bottom:35px;
}
#bottom-wrapp12{
	margin-top:-95px;
}
#bottom-wrapp15{
	margin:-210px 0 0 560px;
}
/**Testemonial Fine tuning Finish**/
#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;
}

}