@font-face {
  font-family: PaMac;
  src: url("../images/LUZRO.TTF") format('truetype');
}  

.divClear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/**{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
    outline: none;
    user-select: none;
}*/

/* ------------------------------
HTML Redefine Tags
------------------------------ */
html 
{  margin: 0;padding: 0;height:100%;width: 100%; }/*-ms-overflow-y: scroll;overflow-y: scroll; overflow: -moz-scrollbars-vertical;*/

body 
{	background: #fff; margin:0;padding:0;font-family: PaMac, Arial, Helvetica, sans-serif;font-size: 11px;height:100%;width: 100%;}

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

h1 {font-family: PaMac; font-size:36px; color:#333333; font-weight: normal;} 
h2 {font-family: PaMac; font-size:16px; color:#333; }
h3 {font-family: arial; font-size:18px; color: #555; font-weight: normal }
h4 {font-family: PaMac; font-size:24px; color: #111;}
h5 {font-family: PaMac, arial; font-size:18px; color: #00aeff; font-weight: normal !important; padding-bottom: 7px}
h6 {font-family: PaMac, arial; font-size:16px; color: #00aeff;}

a:link{ color: #333333; text-decoration: none;} a:visited{color:transparent; text-decoration:none;}                                                  
a{cursor: pointer}
a:hover{ text-decoration:none;}

.Link{
	color: #333333;
	--font-weight: bold;
	font-size: 16px;
}

p{
	margin: -10px 0 0 0;
	font-family: PaMac;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
}



header, section, article, nav, footer{display:block;}

.caroufredsel_wrapper{margin: 0 auto !important;}

nav
{ 
    margin: 20px 0px 0px 0px;
    float: right; 
    border-right: 1px solid #444444; 
}

.Logo
{ 
    background: url(../images/logo.png) no-repeat 0px 12px; 
    width:200px; 
    height: 50px; 
    float: left; 
}

a.HeaderGroups
{
    border-left: 1px solid #444444; 
    color: #777777;
    float: right;
    font-size: 14px;
    padding: 7px 24px 7px 24px;
    text-align: center; 
    transition: 0.5s;
    font-family: arial;
    -moz-transition:  0.5s; /* Firefox 4 */
    -webkit-transition:  0.5s; /* Safari and Chrome */
    -o-transition:  0.5s; /* Opera */ 
}

a.HeaderGroups:hover 
{ 
    color: #fff; 
}

.Master
{
    width: 100%;
    height: 100%;
}

.Page
{
    width: 1010px;
    height: 100%;
    margin: auto;  
}

.HeaderHolder
{ 
    background: #222222 !important; 
    width: 100%;
    height: 66px;
    min-width: 1000px;
}

.HeaderHolder nav a:nth-child(3){
	display: none;
}

header
{ 
    width: 1010px;
    height: 66px;
    margin: 0 auto;
    background: #222;
}

.Main
{
    width: 100%;
    margin: 0 auto;
    background:#FFF;
    overflow: hidden;
}

.Row
{
    padding: 20px 0px 0px 0px;
    width: 100%;  
    float: left; 
	font-family: PaMac;
}

.Row .Title{margin: 0px 0px 20px 0px;border-bottom: 1px solid #999;}
.Row .Title p{margin: 0px 0px 5px 0px;font-size: 17px;}
.Row .HorizontSolutions .Content{float: left;width: 510px;}
.Row .HorizontSolutions .list_carousel{width: 480px;float: right;}
.Row .HorizontSolutions .list_carousel li{width: 442px;}

.Row1 .Col1{
	margin: 0px 20px 0px 0px;
	background: url("../images/AllPlatforms.png") no-repeat scroll 0 0 transparent;
	height:120px;
	width: 432px;
	font-size: 14px;
	backface-visibility: visible;
}

.HorizontPackets{width: 1000px; overflow: hidden}

.Row1 .Col2{ width:348px;}
.Row1 .Col3{float: right;width:200px;}

.Col{
	float: left;
	font-size: 12px;
}

.QwickInfo
{
	font-family: PaMac;	
	width: 348px;
	color: #444;
}

.TitleSmall
{
	font-family: PaMac;
	font-size: 20px;
	padding-bottom: 5px;
	color: #222;
	
}

.BlueText
{
    font-family: calibri;
    font-size: 16px;
    float:left;
    width: 100%;
    color: #0087ff;
    transition: 0.5s;
    -moz-transition:  0.5s; /* Firefox 4 */
    -webkit-transition:  0.5s; /* Safari and Chrome */
    -o-transition:  0.5s; /* Opera */ 
}

.BlueText:hover{color: #333; }

.First {padding-top: 10px !important; }
.Single {height: 58px !important;}
.Multiple {height:83px !important;}


.Box
{
    border-bottom: 1px solid #999999;
    margin-top: 5px;
    width: 100%;
}

.ImageBox
{
   background: url("../images/AllPlatforms.png") no-repeat scroll 0 0 transparent;
   height:100px;
   width: 380px;
   float:left;
   backface-visibility: visible;
}

.TextAreaBox
{
    color: #333;
    font-size: 12px; 
    float: left;
    width:348px;
}   

.Demo
{
	border: 0px none;
	margin-top: 10px; 
    color: #fff;
    font-size: 12px; 
    text-align: center;
	display: block;
	padding: 7px;
    background: #0087FF;
    border-radius: 5px;
    transition: 0.5s;
    box-shadow: 0px 1px 2px #000;
}   

.Demo:hover
{
  transition: 0.5s;
    background: #444
}   

.Box1
{
    width: 100%;
    margin-top: 0px;
    float: left  ;
    border-bottom: 1px solid #555;
}

.ImageBox1
{
   background: none repeat scroll 0 0 #FFFFFF;
   height: 30px;
   margin: 133px 0 0 4px;
   position: absolute;
}

.ImageBoxSmall1, .ImageBoxSmall2, .ImageBoxSmall3, .ImageBoxSmall4, .ImageBoxSmall5
{
   background: url("../images/operativni_sustavi.png ");
   height:30px;
   width: 30px;
   float:left;
   background-color:#777;
   margin: 7px 29px; 
   float: left;    
}

.ImageBoxSmall1{ background-position: 0px 0px}
.ImageBoxSmall2{ background-position: 0px -26px}
.ImageBoxSmall3{ background-position: 0px -54px}
.ImageBoxSmall4{ background-position: 0px 28px}

.TextAreaBox1
{
    color: #333;
    font-size: 14px; 
    float: left;
    width:200px;
    padding-top:30px;
}        

.RightDivBox1
{
    height: 290px;
    width: 250px;
    border:1px solid #333;
    float: right; 
}

.Box2
{
    height: 292px;
    width: 100%;
    background: #fff;
    margin-top: 40px;
    float: left;
}

.ImageBox2
{
   background: url("../images/tablet.png") no-repeat scroll 0 0 transparent;
   height:250px;
   width: 380px;
   margin:10px;
   float:left;
}
    
.TextAreaBox2
{
    color: #333;
    font-size: 14px; 
    float: left;
    width:348px;
}        


.RightDivBox2
{
    height: 290px;
    width: 250px;
    border:1px solid #333;
    float: right; 
}


.SliderControls{
	width: 100%;
	float: left;
}

.h1 {background: url("../images/Photo.png") no-repeat center center transparent;}			
.h2 {background: url("../images/Photo2.png") no-repeat center center transparent;}			
.h3 {background: url("../images/Photo3.png") no-repeat center center transparent;}			
.h4 {background: url("../images/P.png") no-repeat center center transparent;}			
.h5 {background: url("../images/P3.png") no-repeat center center transparent;}			
.h6 {background: url("../images/P4.png") no-repeat center center transparent;}		   
.h7 {background: url("../images/Photo12.png") no-repeat center center transparent;}			   
.h8 {background: url("../images/Photo221.png") no-repeat center center transparent;}		    
.h9 {background: url("../images/Photo321.png") no-repeat center center transparent;}
.h10 {background: url("../images/Photo10.png") no-repeat center center transparent;}			   
.h11 {background: url("../images/Photo8.png") no-repeat center center transparent;}		    
.h12 {background: url("../images/Photo9.png") no-repeat center center transparent;}
	
	
#Paket1 {display:none;top: 0;height: 600px; width: 600px;} 
#Paket2 {display:none;top: 0;height: 600px; width: 600px;}
#Paket3 {display:none;top: 0;height: 600px; width: 600px;} 
#Paket4 {display:none;top: 0;height: 600px; width: 600px;} 
#Paket5 {display:none;top: 0;height: 600px; width: 600px;} 
#Paket6 {display:none;top: 0;height: 600px; width: 600px;} 
#Paket7 {display:none;top: 0;height: 600px; width: 600px;} 
#Paket8 {display:none;top: 0;height: 600px; width: 600px;} 
#Paket9 {display:none;top: 0;height: 600px; width: 600px;} 

 
.PaketShown1 {
   
    display: block !important; 
    background: #fff;
    box-shadow: 0px 1px 1px #000;
    position:fixed !important;
    z-index: 999;
    overflow: hidden;
}

.Purple{background: #A524A2}
.Blue{background: #0E71BD}
.Orange{background: #F85600}
.Gray{background: #777777}

.PacketName
{
    color: #fff;
    font-size: 18px;
    padding: 15px;
    box-shadow: 0px 2px 5px #000;
    font-family: Arial, Helvetica, sans-serif;
 }

.PacketPicture
{
    height: 250px;
    width: 558px;
    float: left;  
    margin: 20px;
}

.PaketPrice
{
    font-size: 42px;
    padding-top: 26px;
    text-align:right   
}

.PaketPrice span{
	font-size: 24px;
}    

.PDV
{
    font-size: 12px;
    font-family: PaMac;
    text-align: right;
    color: #777;
}    

.RecPrin
{
    font-family: PaMac;
    font-size: 15px;
    color: #fff !important;
    background: #0087FF;
    margin-top: 8px;
    padding: 7px;
    width: 230px;
    display: block;
    text-align: center;
    transition: 0.5s;
    box-shadow: 0px 1px 3px #fff;
}

.RecPrin:hover{box-shadow: 0px 1px 3px #000;
               
-moz-transition:  0.5s; /* Firefox 4 */
-webkit-transition:  0.5s; /* Safari and Chrome */
-o-transition:  0.5s; /* Opera */ }

.CompName
{ 
    font-size: 24px;
    height: 35px;
    padding-bottom: 8px;
    width: 100%  ;
    color: #0087FF  ;   
}

.CompName span
{ 
    font-size: 16px;
    color: #777
        
}


.CompInfo
{
    height: 233px;
    width: 270px;
    float: left;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.CompInfoTxt
{
    font-family: Arial, Helvetica, sans-serif;
    color: #222;     
    font-size: 11px;
    line-height:15px
}

.CompInfoTxt span{line-height: 28px;}

.Jamstvo
{
    font-family: Arial, Helvetica, sans-serif;
    color: #444;     
    font-size: 16px;
    line-height:20px;
    font-weight: bold;
    padding-top: 9px;
}

.AppInfo
{
    height: 233px;
    width: 240px;
    float: left;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.AppName
{
    font-size: 24px;
    height: 28px;
    width: 100%  
}

.H1A{background: url(../images/H1A.png)}
.H5Paket{background: url(../images/Asus.png)}
.H5-APaket{background: url(../images/Asus2.png)}
.H9Paket{background: url(../images/Acer.png)}


.UpperMenu
{
    height: 15px;
    width: 13px;
    padding: 0px 10px 10px 10px;
    float: right;
    margin: 4px 4px 0px 0px;
    transition: 1s;
    box-shadow: 0px 1px 2px #333;
    overflow: hidden;
    background-color: #777;
}


.CloseButton {background: url(../images/Close.png) no-repeat 6px 2px; }
.NewWindow {background: url(../images/NewWindow.png) no-repeat 6px 2px;}
.Minimise {background: url(../images/Minimise.png) no-repeat 6px 2px;}
.Maxsimise {background: url(../images/BigWindow.png) no-repeat 6px 2px;}

.UpperMenu:hover
{ 
    transition: 0.2s;
    box-shadow: 0px 1px 3px #000;
    -moz-transition:  0.2s; /* Firefox 4 */
    -webkit-transition:  0.2s; /* Safari and Chrome */
    -o-transition:  0.2s; /* Opera */ 
      
}

#BottomFixed
{
    position: fixed;
    bottom: 0;
    height: 32px;
    width: 100%;
    overflow: hidden;
}

#MinimisedWindow1 { display: none; background: #A524A2}
#MinimisedWindow2 { display: none; background: #0E71BD}
#MinimisedWindow3 { display: none; background: #777777}
#MinimisedWindow4 { display: none; background: #F85600}
#MinimisedWindow5 { display: none;}
#MinimisedWindow6 { display: none;}
#MinimisedWindow7 { display: none;}
#MinimisedWindow8 { display: none;}
#MinimisedWindow9 { display: none;}


.MinimiseWindow 
{
    background: #777;
    display: block !important;
    height: 32px;
    width: 241px;
    z-index: 9999999; 
    box-shadow: 0px 0px 3px #000; 
    float: left; 
    font: arial;
    color: #fff;
    margin-left: 10px;
    font-weight: bold; 
}

.MinimisedText
{
    font-size: 12px;
    padding: 10px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

a.MoreBoxLink
 {
     margin-top: 7px;
     color: #FFF !important; 
     font-size: 14px;
     float: left;
     overflow: hidden;
 }
 

 
 a.CloseMoreBoxLink
 {
     color: #FFF !important; 
     font-size: 14px;
     float: right;     
 }
			   
.Preview1 
{ 
    height: 250px !important;
    width: 435px !important; 
    margin: 0px !important;     
 } 
 
 .Slide1{background: url("../images/SlideShow1.png") no-repeat center center transparent;}
 .Slide2{background: url("../images/SlideShow2.png") no-repeat center center transparent;}
 .Slide3{background: url("../images/SlideShow3.png") no-repeat center center transparent;}
 .Slide4{background: url("../images/SlideShow4.png") no-repeat center center transparent;}
 .Slide42{background: url("../images/SlideShow42.png") no-repeat center center transparent;}
 .Slide5{background: url("../images/SlideShow5.png") no-repeat center center transparent;}
 .Slide6{background: url("../images/SlideShow6.png") no-repeat center center transparent;}
 .Slide7{background: url("../images/SlideShow7.png") no-repeat center center transparent;}
 .Slide8{background: url("../images/SlideShow8.png") no-repeat center center transparent;}
 
 
 .Slide1b{background: url("../images/SlideShow1b.png") no-repeat center center transparent;}
 .Slide2b{background: url("../images/SlideShow2b.png") no-repeat center center transparent;}
 

  
 .PaddingFix
 {
     padding-top: 50px
 }  
 
 
 .FontFix12 
 {
     font-size: 14px;
     color: #777;
     line-height: 25px;
 }    
 
.More
 {
     margin-top: 10px;
     float: left; 
     font-family: PaMac;
     font-size:18px;
     color: #0087FF !important; 
 } 
 
 #Answer
 {
     width: 100%;
     float: left;  
     margin-top: 15px;
 }
 
  #Answer2
 {
     width: 100%;
     float: left
 }
 
 #Answer3
 {
     width: 100%;
     float: left
 }
 
 .MailImp
 {
     font-size: 18px; 
     font-family: calibri;
     color: #fff !important;
     background: #0087FF;
     margin-top: 9px;
     padding: 7px;
     width: 200px;
     display: block;
     text-align: center;
     transition: 0.5s;
     -moz-transition:  0.5s; /* Firefox 4 */
     -webkit-transition:  0.5s; /* Safari and Chrome */
     -o-transition:  0.5s; /* Opera */   
       
 } 
 
.MailImp:hover{transition: 0.5s; box-shadow: 0px 1px 3px #000}
      
.AnswerHidden 
{
    height: 1px; 
    transition: 0.3s; 
    -moz-transition:  0.5s; /* Firefox 4 */
    -webkit-transition:  0.5s; /* Safari and Chrome */
    -o-transition:  0.5s; /* Opera */ 
    overflow: hidden; color: #FFF}

.AnswerShown1 
{
    transition: 0.3s; height: 89px;
    overflow: hidden;      
    -moz-transition:  0.5s; /* Firefox 4 */
    -webkit-transition:  0.5s; /* Safari and Chrome */
    -o-transition:  0.5s; /* Opera */ 
}
    
.AnswerShown2 
{
    transition: 0.3s; 
    height: 130px; 
    overflow: hidden;     
    -moz-transition:  0.5s; /* Firefox 4 */
    -webkit-transition:  0.5s; /* Safari and Chrome */
    -o-transition:  0.5s; /* Opera */  
}
.AnswerShown3 
{
    transition: 0.3s; 
    height:150px;  
    overflow: hidden;      
    -moz-transition:  0.5s; /* Firefox 4 */
    -webkit-transition:  0.5s; /* Safari and Chrome */
    -o-transition:  0.5s; /* Opera */ 
}

.AnswerTextStyle {font-size: 14px; padding: 7px; font-family: PaMac; color: #555 }
.QuestionTextStyle {color: #d0d0d0 !important}
 
  /*---Small Icons----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/
 
 .SmallIcon 
 { 
     display: block; 
     float: right;
     height: 35px; 
     background: url(../images/InfoIcons.png) no-repeat; 
     margin-top: 23px; 
     cursor:help;     
 }
  
 .SmallIcon11{width: 39px; background-position: -274px -8px; border-left: 1px  solid #999  }
 .SmallIcon12{width: 85px; background-position: -197px -7px; border-left: 1px  solid #999; }
 .SmallIcon13{width: 50px; background-position: -148px 2px; height: 43px !important; margin-top: 14px   }
 .SmallIcon14{width: 91px; background-position: -8px -7px; border-right: 1px  solid #999; margin-top: 23px; opacity: 1;transition: 1s }
 .SmallIcon15{width: 50px; background-position: -99px -7px; border-right: 1px  solid #999; margin-top: 23px }
 
 .Margin1{margin-top:48px }
 .Margin2{margin-top:40px !important }
 
 #CloudInfo{bottom: 0; color: #FFF; }
 #MouseInfo{bottom: 0; color: #FFF;}
 #KeyInfo{bottom: 0; color: #FFF;}
 #TouchInfo{bottom: 0; color: #FFF;}
 #GroundInfo{bottom: 0; color: #FFF;}
 #KeyboardInfo{bottom: 0; color: #FFF;}
 
 .CloudInfoHidden
 { 
     height: 0px;
     width: 100%;
     position: fixed;
     left: 0;
     background: #222;  
     cursor: default;
     z-index: 999999;
     transition: 0.5s;
     -moz-transition:  0.5s; /* Firefox 4 */
     -webkit-transition:  0.5s; /* Safari and Chrome */
     -o-transition:  0.5s; /* Opera */  
 }
 
  .CloudInfoShown
 {
     height: 65px; 
     opacity: 0.8;
     z-index: 999999;
     transition: 0.8s; 
     -moz-transition:  0.8s; /* Firefox 4 */
     -webkit-transition:  0.8s; /* Safari and Chrome */
     -o-transition:  0.8s; /* Opera */   
 }
 
 .IconsOpacity
 {
     opacity: 0.5; 
     transition: 1s;
     -moz-transition:  1s; /* Firefox 4 */
     -webkit-transition:  1s; /* Safari and Chrome */
     -o-transition:  1s; /* Opera */ 
 }

.InfoText{ font-size: 16px; padding: 10px; width: 900px; text-align:center; margin:auto;  }
 
 /*---FOOTER---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/
 
 footer{height: 80px; background: #222 !important; margin-top: 50px; width: 100%; position: absolute}
 
 .Contact
 { 
    color:#888;
    font-size: 11px;
    text-align: center;  
    padding-top: 13px; 
    width: 1010px;
    background: #222;
    height: 63px;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
 }
 
  /*---TEST-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/ 
.PaMac, .PaMac1{overflow: hidden;    }
.PaMac{opacity: 0;}

.PaMac1{
-moz-transition:  0.8s; /* Firefox 4 */
-webkit-transition:  0.8s; /* Safari and Chrome */
-o-transition:  0.8s; /* Opera */ 

 opacity: 1;}
 
 /*---NEWS-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/ 

.Opatija
{
    position: absolute; 
    display: block;
    margin-top:130px;
    width:430px;
    font-size: 14px;
    text-align: center;
    color: #333!important;
    transition: 0.2s;
    -moz-transition:  0.2s; /* Firefox 4 */
    -webkit-transition:  0.2s; /* Safari and Chrome */
    -o-transition:  0.2s; /* Opera */ 

} 

.Opatija span{font-size: 16px;color: #B32CAC!important}
.Opatija span:hover{color: #0087FF!important; -moz-transition:  0.2s; /* Firefox 4 */
-webkit-transition:  0.2s; /* Safari and Chrome */
-o-transition:  0.2s; /* Opera */ }


  /*---Printer Tab----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/
 
#PaketMainContainer{height:100%; display:block; width: 1010px;margin: 0 auto; overflow: hidden;min-height: 1000px;}
.BigRecomendedPicture{height:345px; width: 1000px;  background: url(../images/TabletBr1.png) 0px 13px no-repeat; border-bottom:  1px solid #d0d0d0; padding-bottom: 30px;}
.BigRecomendedPicture2{height:345px; width: 1000px;  background: url(../images/NotebookBr1.png) 0px 13px no-repeat; border-bottom:  1px solid #d0d0d0; padding-bottom: 30px;}
.BigRecomendedPicture2a{height:345px; width: 1000px;  background: url(../images/NotebookBr2.png) 0px 13px no-repeat; border-bottom:  1px solid #d0d0d0; padding-bottom: 30px;}
.BigRecomendedPicture3{height:345px; width: 1000px;  background: url(../images/KompBr1.png) 0px 13px no-repeat; border-bottom:  1px solid #d0d0d0; padding-bottom: 30px;}
.BigRecomendedPicture4{height:345px; width: 1000px;  background: url(../images/TabletBr2.png) 0px 13px no-repeat; border-bottom:  1px solid #d0d0d0; padding-bottom: 30px;}
.BigRecomendedPicture5{height:345px; width: 1000px;  background: url(../images/LaptopBr1.png) 0px 13px no-repeat; border-bottom:  1px solid #d0d0d0; padding-bottom: 30px;}
.BigRecomendedPicture6{height:345px; width: 1000px;  background: url(../images/KompBr2.png) 0px 13px no-repeat; border-bottom:  1px solid #d0d0d0; padding-bottom: 30px;}



.RecomendedPrinters{height: 100%;}
.BottomRecomendedTitle {padding-top: 30px; }
.BottomRecomendedTitle p{font-size: 24px; color: #333; }

.RecomendedPrinterNo1{margin-top: 15px; width: 1000px; height:  380px; }
.PrinterName p{font-size: 18px; color: #333; padding-bottom: 10px; }
.PrinterPicture{background: url(../images/SamsungML.png) no-repeat; height: 350px; width: 470px; float:left;}
.PrinterPicture2{background: url(../images/MicroPOS.png) no-repeat; height: 350px; width: 470px; float:left;}
.PrinterPicture3{background: url(../images/SamsungSPP.png) no-repeat; height: 350px; width: 470px; float:left;}
.PrinterInfo{ width: 500px; float: left ; border-bottom: 1px solid #d0d0d0; height: 224px;}
.PrinterPrice{font-size: 36px ; margin-top: 15px; color: #777; float: right; }
.DosNedos{ height: 40px; font-size: 16px; color: #0087FF;}

/*---Racunalna oprema----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/
 
.RacunalnaOprema{width: 1000px; height: 350px;  margin-top: 20px; border-bottom: 1px solid #d0d0d0;}
.PictureTablet1{background: url(../images/H1A.png) 0px 30px no-repeat; width: 558px; height: 350px;float: left;}
.PictureTablet2{background: url(../images/H1B.png) 0px 30px no-repeat; width: 558px; height: 350px;float: left;}
.PictureNotebook1{background: url(../images/Asus.png) 0px 30px no-repeat; width: 558px; height: 350px;float: left;}
.PictureNotebook2{background: url(../images/Asus2.png) 0px 30px no-repeat; width: 558px; height: 350px;float: left;}
.PictureLaptop1{background: url(../images/H5.png) 0px 30px no-repeat; width: 558px; height: 350px;float: left;}
.PictureDesktop1{background: url(../images/Acer.png) 0px 30px no-repeat; width: 558px; height: 350px;float: left;}
.PictureDesktop2{background: url(../images/H9.png) 0px 30px no-repeat; width: 558px; height: 350px;float: left;}

.ProductPrice p
{
    font-size: 42px;
    padding-top: 6px;
    text-align:right;
    font-family: PaMac;
    color: #777777;
}

.ProductPrice span{font-size: 24px;}   
.CompInfoFix{height: 350px; width: 420px; padding: 10px 0px 0px 20px;}
.RecPrinFix{float: right; }
.NedosDos{height: 25px; font-size:18px; width: 500px; float: left;}

/*---Programska rješenja----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/

.ProgramSolutionFix{height:1500px !important}

#HorizontLogo{margin-top: 25px;
height: 115px;
width: 115px;
float: right;
background: url(../images/HLogo.png) no-repeat;
background-size: 100%;}
#HorizontPlatformaText{width: 100%; height: 500px; /*border-bottom: 1px solid #d0d0d0;*/ margin-bottom: 15px;}
.HPlatforma h1{ margin-top: 25px; margin-bottom: 10px;}
.HPlatforma h5{ margin-top: 20px; }
.HPlatforma p{line-height: 18px; margin-top: 0px;}

.ProgramSolutions{border:1px solid red; height: 450px; width: 1000px; display: block;}
.ProgramLogo{ height: 100px; width:500px; background: url(../images/LogoFiskal.png) 5px 0px no-repeat; float: left;}
.TextBoxProgram{width: 470px; float: right; height: 600px; padding-top:  20px;}
.TextBoxProgram p{line-height: 18px; padding-top: 10px;}

/*---Usluge-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/

.UslugeList{width:100%; float:left; border-bottom: 1px solid #d0d0d0}
.UslugeList p{color: #333}
.UslugeList span{color: #4798D3; margin-top: 10px; margin-bottom:10px; font-size: 12px}

#Podrska{float: left; height:200px;  width: 200px; background: url(../images/podrska.png) no-repeat 20px 20px; background-size: 80%}
#Obuka{float: left; height:200px;  width: 200px; background: url(../images/obuka.png) no-repeat 20px 20px; background-size: 80%}

.Mapa{overflow:hidden; border-radius: 10px ;height: 400px; width:100%;  float: left;  margin-top: 35px; /*box-shadow: 0px 3px 3px #333*/}

.MapFix{}

/*---Korisnici-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------P.Macukić.---*/

.ButtonForLoginUser
{
    padding: 15px;
    margin: auto; 
    display: block; 
    margin-top: 50px;
    background: #0087FF;
    font-size: 16px;
    color: #fff !important;
    width: 150px;
    text-align: center;
    transition: 0.5s;      
}

.ButtonForLoginUser:hover { box-shadow: 0px 1px 2px #000; transition: 0.5s;}

#KorisnickaPrijava {color: #333; text-align: center; margin-top: 50px; font-size:24px}
.brake_bottom{height: 1px; width: 100%; background: #555; margin-top: 50px}

#Firefox
{
   background: url("../images/firefox.png") no-repeat scroll 19px 40px transparent;
   height: 170px;
   width: 100%;
   font-size: 15px;
   margin-top: 20px;
   
}

a.FirefoxDownload
{
    text-align: center;
    padding: 10px;
    width: 150px;
    font-size: 15px;
    display: block;
    background: #333;
    color: #fff;
    margin-left: 154px;

}

/*--------------------------Hit14--------------------------------*/
    

.Row.StyleBreak .Content{
	display: block;
    width: 93%;
    float: right;
	padding: 3%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.Row.StyleBreak .SliderHolder{
	width: 100%;
}

.Row.StyleBreak.ContactForm .Content{
	padding-top: 10px;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2{
	float: left;
    width: 60%;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 .Demo{
	width: 100%;
	line-height: 11px;
	padding: 9px;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2:last-child{
	width: 40%;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2:first-child .Demo{
	width: auto;
	margin-bottom: 30px;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 .kontakt_forma{
	padding-left: 40px;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 .kontakt_forma label{
	display: block;
	width: 100%;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 .kontakt_forma input{
	display: block;
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 .kontakt_forma textarea{
	display: block;
	width: 100%;
}



.Row.StyleBreak.ContactForm .col.span_1_of_2 .opener{
	//padding-bottom: 10px;
    display: block;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 p{
	padding-bottom: 20px;
    display: block;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 ul{
	padding-bottom: 30px;
}

.Row.StyleBreak.ContactForm .col.span_1_of_2 .BlueText{
	float: none;
}

.AnswerShown01{
	overflow: none;
	height: auto;
	color: #777;
}

a.Demo{
	color: #fff;
}

.BorderLine{
	border-top: 1px solid #777;
	padding-top: 30px;
}

#Alert{
	position: fixed;
    top: 100px;
    width: 300px;
    background: #fff;
    left: -50%;
    margin-left: -150px;
	height: 100px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #777;
	padding: 10px;
	box-sizing: border-box;
	border: 5px solid;
	padding-top: 30px;
	text-align: center;
}

.AlertEvt {
	-webkit-transition: left 2s; /* For Safari 3.1 to 6.0 */
    transition: left 2s;
}

#Alert.AlertEv,#Alert.SuccessEv {
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 5s;
    animation-delay: 1s;
	border-color: red;
}

#Alert.SuccessEv{
	border-color: green;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   { left:-50%; }
    15%  { left:50%; }
    50%  { left:50%; }
    85%  { left:50%; }
    100% { left:150%; }
}

/* Standard syntax */
@keyframes example {
    0%   { left:-50%; }
    15%  { left:50%; }
    50%  { left:50%; }
    85%  { left:50%; }
    100% { left:150%; }
}

.Content li {
	font-family: PaMac;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
}