:root {
	
	--headerbg_gradient_color1: rgba(220,0,220,1);
	--headerbg_gradient_color2: rgba(236,0,236,1);
	--headerbg_gradient_color3: rgba(255,255,255,1);
	--headerbg_gradient_color4: rgba(255,255,255,1);
}


body {

  text-align: center;



}



a

{

  color:#2b8dc2;

  text-decoration: none; 

}





.gradient {

  color: #fff;

  padding: 0px;

  /* For WebKit (Safari, Google Chrome etc) */

  background: -webkit-gradient(linear, left top, left bottom, from(#1e5799), to(#7db9e8));

  /* For Mozilla/Gecko (Firefox etc) */

  background: -moz-linear-gradient(top, #1e5799, #7db9e8);

  /* For Internet Explorer 5.5 - 7 */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1e5799, endColorstr=#7db9e8);

  /* For Internet Explorer 8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1e5799, endColorstr=#7db9e8)";

  background-attachment:fixed;

}    

  

.heading {

  text-align: center;

}



.logoimage 

{

  margin-top:10px;
  margin-left:10px;

  max-width: 95%;

}



.adress 

{

  position:absolute;

  left:50%;

  top:10px;

  width:200px;

  font-family:Trebuchet MS,Helvetica ,Arial,sans-serif;

  font-size: 14px;  

  margin-left:400px;

}



.adress a

{

  color:#2b8dc2;

  font-family:Trebuchet MS,Helvetica ,Arial,sans-serif;

  font-size: 14px;  

  text-decoration: none;  

}





.logo {
  text-align: left;
  min-height:115px;
  -moz-border-radius-topleft: 14px;
  -moz-border-radius-topright: 14px;
  border-top-left-radius: 14px;    
  border-top-right-radius: 14px;      
  background-color:#fff;
  margin-left:3px;
  margin-right:3px;
  margin-top:3px;
  /*border:1px solid #888;*/
}



.flags {

  height:10px;

  background-color:#eee;

  border:none;

  width:100%;  

  text-align:left;

  margin-top:10px;

  margin-bottom:-10px;

}



.page

{

  width:100%;

  margin-left:auto;

  margin-right:auto;

  padding-top:3px;

  padding-left:3px;

  padding-right:3px;

  -moz-border-radius: 20px;

  -webkit-border-radius: 20px;

  -khtml-border-radius: 20px;

  border-radius: 20px;    

  background-color:#ededed;

  color:#000;

  max-width: 1200px;

}



.container {
        /* Centering for IE6+ in strict mode,

          Firefox, and other modern browsers */

     margin: auto;

        /* Don't center every line of text -

          we inherited this setting from body */
    text-align: left;
    min-height:400px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;    
    background-color:#fff;
    /*border:1px solid #888;*/
    margin-left:3px;
    margin-right:3px;
    margin-top:3px;  
    overflow: auto;    
}

  

.left {

  float: left;

  padding: 0px 10px 0px -10px;

  width: 150px;

  background-color:#fff;

  -moz-border-radius-topleft: 10px;

  border-top-left-radius: 10px;    

  margin-left:10px;

  margin-top:5px;

  margin-right:-10px;

}



.left h3, .right h3 {

  padding: 0;

  color:#fff;

  font-family: Trebuchet MS, Helvetica,sans-serif;

  font-size: 16px;

  background-color: #2b8dc2;

  height: 25px;

  width:140px;

  padding-top:2px;  

  padding-left:10px;

  -moz-border-radius: 4px;

  border-radius: 4px;     

}





.middle {
  top: 10px;
  margin-left: 30px;
  margin-right: 30px;
  padding-top:25px;
  background-color:#fff;
  font-family:Trebuchet MS,Helvetica ,Arial,sans-serif;
  font-size: 16px;
  color: #505050;  
}

.right {

  float: right;
  padding: 0px 10px 0px 10px;
  width: 30px;
  background-color:#fff;
  color:#000;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;    
}

.footer {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-family: Verdana;
  font-size: 10pt;
  clear: both;
  color:#000;
}

#navlist li
{
  display: inline;
  list-style-type: none;
  padding-right: 10px;
}

/*
.topmenu {
  position:absolute;
  width:76%;
  left:50%;
  top:130px;
  background-color: #2b8dc2;
  height: 30px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
  padding-top:7px;
  margin-left:-38%;
  margin-right:auto;
}
*/

.topmenu {
    padding: 7px;
    background-color: #2b8dc2;
    border-radius: 4px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    min-height: 25px;
    width: 90%;
}

.topmenu_container{
     /*background: linear-gradient(red, yellow);*/
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(238,238,238,1) 40%, rgba(238,238,238,1) 100%);
    margin-right: 3px;
    margin-left: 3px;
}

.topmenu_gradientbg
{
    background: -moz-linear-gradient(top, var(--menubg_gradient_color1) 0%, var(--menubg_gradient_color2) 40%, var(--menubg_gradient_color3) 40%, var(--menubg_gradient_color4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--menubg_gradient_color1)), color-stop(40%,var(--menubg_gradient_color2)), color-stop(40%,var(--menubg_gradient_color3)), color-stop(100%,var(--menubg_gradient_color4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 80%,var(--menubg_gradient_color3) 80%,var(--menubg_gradient_color4) 100%); /* W3C */
}


/* Joomla styles */



.breadcrumb

{ 

  list-style-type: none;

}



.pull-right

{

  float:right;

  width:150px;

  top: 0px;

  right:150px;

  margin-top:-30px;

}



.actions {

  list-style-type: none;  

  display: inline;    

  text-align: right;  

}



.actions li

{

  color:#0;

  display: inline;

  list-style-type: none;

  margin: 0px;

  padding: 0px;  

}



.email-icon 

{

  background-image: url(../images/system/emailButton.png);    

  background-repeat: no-repeat;   

  background-position: 0 0;   

  padding: 0px;

  margin-left: 0px;  

}



.print-icon 

{

  background-image: url(../images/system/printButton.png);    

  background-repeat: no-repeat;   

  background-position: 0 0;   

  padding: 0px;

  margin-left: 0px;  

}



.edit-icon

{

  background-image: url(../images/system/edit.png);    

  background-repeat: no-repeat;   

  background-position: 0 0;   

  padding: 0px;

  margin-left: 0px;  

}

.print-icon a, .email-icon a, .edit-icon a

{

    display: inline-block;

    overflow: hidden;

    width: 0;

    height: 20px;

    padding-left: 16px;

}



.menutop

{
  list-style-type: none;  
  display: inline;  
}



.menutop li 

{
  color:#fff;
  display: inline;
  list-style-type: none;
  padding-right: 20px;  
  text-shadow: 1px 1px #000;
  font-family:Verdana;
  font-size: 12pt;
}



.menutop li a 

{

  color:#fff;

  font-family: Arial;

  font-size: 15px;

  font-weight:bold;

  text-decoration: none;

}





.menuleft

{

  /* list-style-type: none;  */

  /* display: block;   */

  padding-left:15px;

}



.menuleft li

{

  color:#2b8dc2;

  display: block;

  list-style-type: none;

  /*padding-right: 20px;  */

}



.menuleft li a

{

  color:#2b8dc2;

  font-family: Arial;

  font-size: 15px;

  font-weight:bold;

  text-decoration: none;

}





.menuright

{

  list-style-type: none;

  display: block;

  padding-left:0px;

}



.menuright li

{

  color:#2b8dc2;

  display: block;

  list-style-type: none;

  /*padding-right: 20px;  */

}



.menuright li a

{

  color:#2b8dc2;

  font-family: Arial;

  font-size: 15px;

  font-weight:bold;

  text-decoration: none;

}





.page-header a

{

  color: #2b8dc2;

  font-family: Trebuchet MS,Helvetica ,Arial,sans-serif;

  font-size: 22pt;

  font-weight:bold;

  text-decoration: none;

}



h1 {

  padding: 0;

  font-family:Trebuchet MS,Helvetica ,Arial,sans-serif;

  font-size: 26px;

  font-weight: bold;

  vertical-align: middle;

  color: #2B8DC2;

  text-align: left;

  width: 100%;

  height: 26px;

}



h2 {

  padding: 0;

  font-family: Trebuchet MS, Helvetica,sans-serif;

  font-size: 18px; 

  font-weight: bold;

  vertical-align: bottom;

  color: #2B8DC2;

  text-align: left;

  width: 100%;

  height: 18px; 

}


.label1 
{
	position:relative;
	width:100px;
}

	.alert-box {
		color:#555;
		border-radius:10px;
		font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
		padding:10px 36px;
		margin:10px;
		z-index: 0;

        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -200px;
        margin-left: -175px;
        width: 250px;
        height: 20px;		
        box-shadow: 10px 10px 10px #555;
	}
	
	.success {
		background:#e9ffd9 url('../../images/success.png') no-repeat 10px 50%;
		border:1px solid #a6ca8a;	
	}

 /*Produkt boxar*/
 .box 
{
    position:relative;
    /*width:270px;*/
    height:280px;
}

.boximage 
{
    max-width: 70%;
    /*position:absolute;
    left:0px;
    top:0px;
    width:200px;
    height:150px;
    overflow:hidden;*/
}
.boxtitle 
{
    /*position:absolute;
    left:0px;
    top:150px;
    width:100%;
    height:25px;*/
    font-family:Verdana;
    font-size:12pt;
    font-weight:bold;
    padding-top: 10px;
}
.boxdescription 
{
    /*position:absolute;
    left:0px;
    top:175px;
    width:100%;
    height:75px;*/
    font-family:Verdana;
    font-size:8pt;
    color: black;
}
.boxprice
{
    position:absolute;
    right:0px;
    top:5px;
    width:80px;
    height:40px;
    text-align:right;
}
.boxspecialprice
{
    position:absolute;
    right:00px;
    top:45px;
    width:80px;
    height:40px;
    text-align:right;
}
.boxbuy
{
    position:absolute;
    right:0px;
    bottom:0px;
    width:75px;
    height:40px;
    text-align:center;
}
.boxtry
{
    position:absolute;
    right:60px;
    bottom:0px;
    width:75px;
    height:40px;
    text-align:center;
}
.boxrent
{
    position:absolute;
    right:125px;
    bottom:0px;
    width:75px;
    height:40px;
    text-align:center;
}
.boxreadmore
{
    /*position:absolute;
    left:0px;
    bottom:0px;
    width:125px;
    height:28px;*/
    /*text-align:center;*/
    font-size:small;
}
.boxspecialpricelabel
{
    background-color:Yellow;
    color:Red;
    text-align:right;
    padding: 5px;
    font-family:Verdana;
    font-size:14pt;
    font-weight:bold;    
}
.boxpricelabel 
{
    background-color:#2b8dc2;
    color:White;
    text-align:right;
    padding: 5px;
    font-family:Verdana;
    font-size:14pt;
    font-weight:bold;
    border: 1px solid silver;
}
.boxbuybutton
{
    background-color:orange;
    color:White;
    text-align:right;
    padding: 5px;
    font-family:Verdana;
    font-size:14pt;
    font-weight:bold;
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;    
    border:1px solid #888;    
}
.boxtrybutton
{
    background-color:#2b8dc2;
    color:White;
    text-align:right;
    padding: 5px;
    font-family:Verdana;
    font-size:14pt;
    font-weight:bold;
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;    
    border:1px solid #888;    
}
.boxrentbutton
{
    background-color:#69c32d;
    color:White;
    text-align:right;
    padding: 5px;
    font-family:Verdana;
    font-size:14pt;
    font-weight:bold;
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;    
    border:1px solid #888;    
}
.border {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;    
    background-color:#efefef;
    border:1px solid #cccccc;
    padding:5px;
    /*width:260px;*/
    height:360px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    max-width: 342px;
}
.product_page{
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:20px;
    padding-bottom: 20px;
}
.product_page p{
   font-size:10pt;
}
.product_page h2{
   font-size:14pt;
}
.product_page h1{
   font-size:20pt;
   margin-top:0px;
}
.main_page{

}
.main_page p{
   font-size:10pt;
}
.main_page h2{
   font-size:14pt;
}
.main_page h1{
   font-size:20pt;
}
.centerBlock {
  display: table;
  margin: auto;
}


.buyBox{
     /*float: right;*/
     background-color: #efefef;
     margin: 0px;
      border: 1px solid #cccccc;
      height: 50px;
      padding-top: 6px;
      width: 100%;
      border-radius: 5px;
      min-width: 295px;
}
.buyBoxButtonBox{
    float:left;
    margin-left: 5px;
    margin-top:auto;
    margin-bottom:auto;
}
.buyBoxButtonBox button{
    /*background-color: #288DC2;*/
    background-color: #2196F3;
    font-size: 16px;
    font-family: sans-serif;
}

.buyBoxPriceBox{
    /*ackground-color: #288DC2;*/
    background-color: #686868;
     width:50px;
     float: right;
     height:32px;
     text-align: center;
     vertical-align: middle;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     margin-left: 3px;
     margin-right: 5px;
     margin-top:3px;
}