BODY{
margin : 0;
padding : 0;
font-size : 16px;
	background-color:#FFF;
  font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	color:#231f20;

}


* {
		margin:0; 
		padding:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

::selection {background-color:#231f20;  color:#FFFFFF;}
::-moz-selection {background-color:#231f20; color:#FFFFFF;}



b, strong {
    font-weight: 600;
}

a:link, a:active, a:visited{text-decoration:none;font-weight:bold;color:#111;}
a:hover {text-decoration:none;color:#000;text-shadow:none;}

a.vekony:link, a.vekony:active, a.vekony:visited {text-decoration:none;font-weight:400;color:#111;}
a.vekony:hover {text-decoration:none;color:#000;text-shadow:none;}

img { border: 0px;  vertical-align: text-top; }
img.worker_photo_thumb{height:200px;width:auto;}
img.plate{width:90px;height:auto;margin:0 auto;}
img.event_img{max-width:800px;width:100%;height:auto;margin:0 auto;}

a.back-to-top {
	display: none;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 40px;
	bottom: 0px;
	/* left:0px; */
	text-align: center;
	opacity: 0.8;
	background: #83ba43 url("/images/up-arrow.png") no-repeat center 43%;
	width: 60px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  border-radius: 50% 50% 50% 50%;
  margin: 0 auto;
}


a:hover.back-to-top {
	background-color: #444;
}

[data-back-top] {
  background: black;
  color: white;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999999;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0.8;
  display: none;
  width: 80px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  border-radius: 3px 3px 0 0;
  margin: 0 auto;
}


[data-back-top]:hover {
  color:gray;
}

#main_wrap {
	position:relative;
	margin:0 auto; 
	max-width: 1600px;
	width:100%;	
	min-height: 800px;
	/*min-height: calc(100% - 200px);*/
	overflow-y: auto;
	overflow-x: hidden;
}


#main_wrap.fullsize {
	max-width:none;
	width:100%;
	padding:0;
}

#side_wrap{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
width:260px;	
margin:0 0 20px 0;
padding:0;
/* font-family: 'Lato', sans-serif;*/
/* border-right:1px solid #ccc;
border-left:1px solid #ccc; */
/* min-height:50vh; */
min-height: 100vh;
}

#side_wrap p.side{
	clear:left;
	float:none;
	display:block;
	font-size:1em;
	text-align:center;
	padding:10px 0 10px 0px;
	font-weight:700;
	color:#444;
	background-color:#dfdfdf;
	margin:0;
}

#side_wrap p.empty {
	float:left;
	width:100%;
	font-weight:normal;
  /*font-family: 'Lato', sans-serif; */
	padding:10px 0 10px 5px;
	margin:0;
	font-weight:400;
	color:#444;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	}

#side_wrap h2{
/*font-family: 'Lato', sans-serif; */
float:left;
display:inline-block;
width:100%;
vertical-align: top;
background-color: #444;
background: linear-gradient(#000,#444,#000);
color: #FFF;
text-align: center;
padding: 4px 6px;
font-weight: 300;
font-size:1.25em;
line-height:30px;
text-transform:uppercase;
border-top:1px solid rgba(0,0,0,1); 
border-bottom: 1px solid rgba(0,0,0,1);
margin:0;
}

#side_wrap a {
	float:left;
	width:100%;
	font-weight:normal;
  /* font-family: 'Lato', sans-serif; */
	padding:10px 0 10px 5px;
	font-weight:400;
	color:#444;
	border-bottom:1px solid #ccc;
	background:linear-gradient(#f6f6f6,#fff,#f6f6f6);
	}


#side_wrap a:hover, #side_wrap a.active  {
	text-decoration:none;
	color:#fff;
	background:linear-gradient(#777, #555, #777);
	}

#main_text{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
width:80%;
width:calc(100% - 265px);
padding:0 25px 0 25px;
}

#datacont{
min-height:500px;	
}

/*
h1 {
background-color: #DDDDDD;
color: #000000;
text-align: center;
vertical-align: top;
padding: 4px 6px;
font-weight: bold;
font-size:1.25em;
line-height:30px;
text-transform:uppercase;
border-top:1px solid rgba(0,0,0,0.5); 
border-bottom: 1px solid rgba(0,0,0,0.5);
background-image:url(/images/tdlistafej.png);
background-repeat:repeat-x;
margin:0;
}
*/

div.menucont{
margin:20px auto 0 auto;
min-width:320px;
max-width:450px;
width:60%;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;	
}

h1 {

background: linear-gradient(#f9e4bb,#ffeac0,#f9e4bb);
color: #000000;
text-align: center;
vertical-align: top;
padding: 4px 6px;
font-weight: 300;
font-size:1.25em;
line-height:30px;
text-transform:uppercase;
border-top:1px solid #d2b885; 
border-bottom: 1px solid #d2b885;
margin:0;
}

h2 {
background: linear-gradient(#f8eecf,#fff5d5,#f8eecf);
/* font-family: 'Lato', sans-serif; */
color: #000000;
text-align: center;
vertical-align: middle;
padding: 4px 6px;
font-weight: 400;
font-size:1.125em;
line-height:30px;
text-transform:uppercase;
border-top:1px solid #d8cfb4;  
border-bottom:1px solid #d8cfb4; 
margin-bottom:0;
}

h3 {
/*background: #fff5d5;*/
color: #000000;
text-align: center;
vertical-align: middle;
padding: 4px 6px;
font-weight: 400;
font-size:1.125em;
line-height:30px;
text-transform:uppercase;
/*border-top:1px solid #d8cfb4;  */
border-bottom:1px solid #d8cfb4; 
margin-bottom:0;
}

hr {
border : 0 none;
color : #ffffff;
border-top : 1px dashed #444;
width : 100%;
height : 1px;
margin : 0;
padding : 0;
}

hr.dark {
border : 0 none;
color : rgba(0,0,0,0.6);
border-top : 1px dashed rgba(0,0,0,0.6);
width : 100%;
height : 1px;
margin : 0;
padding : 0;
}

hr.darkw {
border : 0 none;
color : rgba(0,0,0,0.6);
border-top : 1px dashed rgba(0,0,0,0.6);
width : 100%;
height : 1px;
margin : 20px 0;
padding : 0;
}

hr.fform{

	border : 0 none;
	color : #ffffff;
	border-top : 1px solid #fff;
	width : 100%;
	height : 1px;
	margin : 10px 0 10px 0;
	padding : 0;

}

p {
 	text-align:left;
	font-size:1.125em;
	line-height:1.250em;
	font-weight: 400;
}

p.inv_head {
/* font-family: 'Lato', sans-serif; */
font-weight: normal;

}

p.saved_data{position:fixed; 
	width:100%; 
	background-color: rgba(93,232,1,.9); 
	color : #000; 
	font-weight:bold;
	font-size:1em;
	letter-spacing: 1px;
	text-align:center; 
	vertical-align:middle; 
	padding:8px 0; 
	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
z-index:8000;
}

ul{
margin-left:2em;	
}

table{   border-spacing: 1px 0px;
    border-collapse: separate;
    }

table.datatable {clear:left;
	min-width:320px;
	max-width:1600px;
	width:96%;
	margin:0 auto;
}

table.datatable tr:nth-child(odd) td{
           background:#fbfbfb;
}
table.datatable tr:nth-child(even) td{
            background:#efefef;
}


/*
table.datatable tr:nth-child(odd):hover td{background:linear-gradient(#f0c6bc,#facec4,#f0c6bc);}
table.datatable tr:nth-child(even):hover td{background:linear-gradient(#f0c6bc,#facec4,#f0c6bc);}
*/
table.datatable tr.transp:nth-child(odd) td {background:none;}
table.datatable tr.transp:nth-child(even) td {background:none;}
table.datatable tr.transp:hover {background-color:none;}

table.headmenu {
	clear:left;
	min-width:320px;
	max-width:1600px;
	width:100%;
	margin:0 auto;
	padding:0;
}

table.car_main_head td{padding:8px 12px; /* border-left:1px solid #000; */}
table.car_main_head {margin:0 auto; min-width:80%; width:auto;}

td, th{ 
	text-align: left;
	vertical-align:middle;
	padding:4px 6px;
	margin:2px;
	border-bottom:1px solid rgba(0,0,0,0.25);
}

span.print{font-size:16px; font-weight:300;}
span.smallphone{font-size:0.75em;font-weight:300;}

.vertical {
-ms-writing-mode: tb-rl; 
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}

.verticalmin {
-ms-writing-mode: tb-rl; 
-webkit-writing-mode: sideways-lr;
-moz-writing-mode: sideways-lr;
-ms-writing-mode: sideways-lr;
writing-mode: sideways-lr;
}

td.carhalf_td{width:50%;}
td.data_label{font-size:1em;font-weight:300;border:none;}
td.data_main{font-size:1.25em;font-weight:700;border:none; /*border-bottom:1px solid #888;*/}
span.data_main{font-size: 1.25em; font-weight: 700;}


		
td.data_main_lb{font-size:1em;font-weight:300;border:none;background: #efefef;}	
td.data_main_sm{font-size:1em;font-weight:700;border:none;}
table.car_main_head td{padding:0px 0px 1px 1px; }


td.nature		{padding:8px 6px;border-bottom:1px solid rgba(0,0,0,0.2);}
td.noborder		{border:none;}
td.noswadow		{box-shadow:none;}
td.erroralert{ background-color:rgba(213,75,75,1);color:#fff;}
td.errorwarn{ background-color:rgba(240,240,0,1);color:#000;}
td.errornorm{ background-color:rgba(75,213,75,1);color:#fff;}
td.green{background-color:rgba(107,163,88,1);}
td.red{background-color:rgba(213,75,75,1);}

span.erroralert{ color: rgba(213,75,75,1);}
span.errorwarn{  color: #ffd323;}
span.errornorm{  color: rgba(107,163,88,1);}

th.chkout{background-color:#e5e5e5; font-family: "Courier New"; font-size:1em;font-weight:bold; padding:5px 0 5px 0;}
th.green{background-color:rgba(107,163,88,1);}
th.red{background-color:rgba(213,75,75,1);}

tr.white{}
tr.grey{background-color:#fbfbfb;}
tr.dgrey{background-color:#efefef;}
tr.grey:hover, tr.dgrey:hover {background:linear-gradient(#f0c6bc,#facec4,#f0c6bc);}
tr.green{background-color:rgba(107,163,88,1);}
tr.red{background-color:rgba(213,75,75,1);}

tr.grey_nohow{background-color:#fbfbfb;}
tr.dgrey_nohow{background-color:#efefef;}


/*
td.listafej, th.listafej	{ 	
	background-color: #ccc; 
	color: #000000; 
	text-align: center; 
	vertical-align: middle; 
	padding: 4px 6px; 
	font-weight:bold; 
	border-top:1px solid rgba(0,0,0,0.5);
	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	background-image:url(/images/tdlistafej.png);
	background-repeat:repeat-x;}
*/

td.listafej, th.listafej	{ 

	background: linear-gradient(#fbf3d7,#fffae0,#fbf3d7); 
	color: #000; 
	text-align: center; 
	vertical-align: middle; 
	padding: 8px 8px; 
	font-weight:bold; 
	border-top:1px solid rgba(0,0,0,0.25);
	/*box-shadow:0px 2px 2px rgba(0,0,0,0.2);*/
	 box-shadow: none;
}

	
td.listafejnb, th.listafejnb	{ 	
	/*background: linear-gradient(#d0d0d0,#ddd,#d0d0d0); */
	background: linear-gradient(#fbf3d7,#fffae0,#fbf3d7); 
	color: #000; 
	text-align: center; 
	vertical-align: middle; 
	padding: 4px 6px; 
	/* font-family: 'Lato', sans-serif; */
	font-weight:400; 
	border-top:1px solid rgba(0,0,0,0.25);
	border-right:1px solid rgba(0,0,0,0.25);
	box-shadow:none;
	min-width:36px;
	}

td.listafejhelp, th.listafejhelp	{ 
	background-color: #DFDFDF; 
	color: #000; 
	text-align: center; 
	vertical-align: middle; 
	padding: 4px 6px; 
	font-weight:700; 
	box-shadow:none;
	border:none;
	}

td.help { 
	border:none;
	border-bottom:1px solid #ddd;
	}
	
td.lef {text-align:left;vertical-align:middle;}
td.cen {text-align:center; vertical-align:middle;}
td.rig {text-align:right; vertical-align:middle;}
td.chkout{font-size:0.875em;}
td.large {padding:4px 0 4px 0;}
td.summ {font-weight:bold;}
td.w160 {width:160px; max-width:160px;}
td.w40 {width:40px; max-width:40px;}
td.w60 {width:60px; max-width:60px;}
td.w80 {width:80px; max-width:80px;}
td.w100 {width:100px; max-width:100px;}

.rig {text-align:right; vertical-align:middle;}
.lef {text-align:left;vertical-align:middle;}
.cen {text-align:center;vertical-align:middle;}

/*
td.sortable {
	 background-image: url('/images/sortable.png'), url('/images/tdlistafej.png');
   background-repeat: no-repeat, repeat-x;
  background-position: top right, top left;
	}
*/

td.sortable {
	 background-image: url('/images/sortable.png'), linear-gradient(#fbf3d7,#fffae0,#fbf3d7);
   background-repeat: no-repeat;
  background-position: top right;
	}

td.edit1 {
	 width:35px;
	 }	

td.edit2 {
	 min-width:70px;
	 }
	
td.fejlarge {font-size:1.25em;text-transform:uppercase;border-top:1px solid rgba(0,0,0,0.5); background-image:url(/images/tdlistafej.png);background-repeat:repeat-x;}
td.admenufej	{ 	 color: #ff0000;  text-decoration: none; text-align:center; vertical-align: middle; }
td.admenu	{ 	/* background:url('/fonok/img/td.png') repeat-x;*/ background-color: #EFEFEF; font-size: 14px; text-decoration: none; text-align:left; vertical-align: middle; border-bottom:1px solid #999;}
td.admenu li	{ 	 padding:0px; margin-left:20px;}

span.productform {clear:left;float:left;width:110px; letter-spacing:0px;}
span.username {font-weight:normal;font-style:italic;}
span.pale {color:#bbb;}
label.filter{float:none;width:auto;}

form{
margin: 0 !important; padding: 0 !important;
}

::placeholder {color: #000; opacity: .35;}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #000;
            opacity: .35; 
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #000;
            opacity: .35; 
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #000;
            opacity: .35; 
 }


input[type=text], input[type=password], textarea{
padding: 4px 4px;
font-size : 1rem;
background-color:#FFF; 
border:1px solid #999;
width:100%;
transition: all 0.35s ease 0s;
margin: 0px; 
color:#111;
}


input[type=text].alertt, input[type=password].alertt, textarea.alertt{
border: 2px solid #FF2222;	
}

input[type=text].small60, textarea.small60, select.small60{
min-width:60px;
width:60px;
}

input[type=text].small80, textarea.small80, select.small80{
min-width:80px;
width:80px;
}

input[type=text].small120, textarea.small120, select.small120{
min-width:120px;
width:120px;
}

input[type=text].small160, textarea.small160, select.small160{
min-width:160px;
width:160px;
}

input[type=text].small180, textarea.small180, select.small180{
min-width:180px;
width:180px;
}

input[type=text].small220, textarea.small220, select.small220{
min-width:220px;
width:220px;
}

select{
	background:#fff;
	margin : 0px; 
	padding : 6px 28px 6px 6px; 
	width: 100%;
	border : 1px solid #999; 
  overflow: hidden;
  -webkit-appearance:none; 
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: #fff url(/images/arrow_down_20.png) no-repeat center right;
  font-size:16px;

}



select.autow{
	display:block;
	min-width:180px;
	width: auto;
}
	
option{
	font-size : 16px!important;
	
	}

select.small{
	min-width:20px;
	width:auto;
}

input[type=text].login, input[type=password].login, textarea.login {
padding: 6px 4px;
margin : 10px 0 10px 0; 
}


input[type=text]:disabled, select:disabled, input[type=text][disabled] {background-color : #eee; border : 1px solid #ccc;  color:#aaa; }
input[readonly].szurke, input[readonly="readonly"].szurke {background : none; border : 0px solid #ccc; background-color:#F0F0F0; color:#666; }
input[readonly].szurke:focus, input[readonly="readonly"].szurke:focus {background : none; border : 0px solid #ccc; background-color:#F0F0F0; color:#666; box-shadow:none; }
input[type=text]:focus, input[type=password]:focus, textarea:focus {border:1px solid #888;	box-shadow: 2px 2px 2px rgba(0,0,0,0.2); color:#666;}


input[type=submit].norm{
position:relative;
float:right;
background-color:#2f8ab9;
border-radius:2px;
min-width:130px;
height:38px; 
vertical-align:middle;
text-align:center;
margin:20px 0px 20px 0px;
padding:4px 8px;
color:#fff;
text-align:center;
/* font-family: 'Lato', sans-serif; */
font-weight:300;
font-size:1em;
border:none;
}


input[type=submit].norm:hover{
	color:#000;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

input[type=submit].delete{
position:relative;
float:right;
background-color:#d54b4b;
border-radius:2px;
min-width:130px;
height:38px; 
vertical-align:middle;
text-align:center;
margin:20px 0px 20px 0px;
padding:4px 8px;
color:#fff;
text-align:center;
/*font-family: 'Lato', sans-serif;*/ 
font-weight:300;
font-size:1em;
border:none;
}


input[type=submit].delete:hover{
	color:#000;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

input[type=submit].save{
position:relative;
float:right;
background-color:#83ba43;
border-radius:2px;
min-width:130px;
height:38px; 
vertical-align:middle;
text-align:center;
margin:20px 0px 20px 0px;
padding:4px 8px;
color:#fff;
text-align:center;
/*font-family: 'Lato', sans-serif;*/
font-weight:300;
font-size:1em;
border:none;
}


input[type=submit].save:hover{
	color:#000;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

input[type=submit].save:disabled {
    background-color: #ccc;
    color:#fff;
}

input[type=submit].disabling{
	background-color:rgba(213,75,75,1);

}


input[type=submit].normal{background-color:#777;}

input[type=text].date {
padding: 4px 8px;
border:1px solid #999;
margin: 0px; 
border-radius:0px;
width:50%;
text-align:right;
float:left;
}

input[type=text].search {
padding: 4px 8px;
border:1px solid #999;
margin: 0px; 
border-radius:0px;
width:70%;
text-align:right;
float:left;
}

input[type=text].searchxl {
width:210px;
}

input[type=submit].search{
clear:none;
position:relative;
float:left;
background-color:#525252;
border-radius:0px;
min-width:20%;
vertical-align:middle;
text-align:center;
margin:0px;
padding:4px 8px;
color:#fff;
border-top: 1px solid #525252;
border-right: 1px solid #525252;
border-bottom: 1px solid #525252;
border-left: none;
/*font-family: 'Lato', sans-serif;*/
font-weight:300;
font-size:1em;
}



input[type=submit].search:hover{
	color:#000;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	
}

input[type=submit].add{
position:relative;
float:right;
background-color:#83ba43;
margin:0;
padding:4px 12px;
color:#fff;
text-align:center;
/* font-family: 'Lato', sans-serif; */
font-weight:300;
font-size:1em;
border:1px solid #83ba43;
}



input[type=submit].add:hover{
	color:#000;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
}


input[type=submit].full{
	position:relative;
	background-color:#525252;
	border-radius:2px;
	min-width : 100px;
	width:100%;
	height:38px; 
	text-align:center;
	margin: 10px 0 10px 0; 
	padding: 6px 4px;
	color:#fff;
	/*font-family: 'Lato', sans-serif; */
	font-size:1em;
	border: 1px solid #000;	
	text-transform:lowercase;
}

input[type=submit].full:hover{
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2); color:#000;
}

input[type=button] { border:1px solid #888; background-color: #CCCCCC; min-width:80px;  text-decoration: none; padding:2px 8px;}
input[type=button]button:hover	{ 	 border:1px solid #000; background-color: #AAAAAA; min-width:80px; text-decoration: none;}

input[type=checkbox] {
  transform: scale(1.5);
}

input[type=radio] {
  transform: scale(1.5);
}



a.readmore, a.readmore:visited  {
	position:relative;
	background-color:#83ba43;
	vertical-align:middle;
	color:#fff;
	margin:0;
	padding:4px 12px;
	font-weight: 300;
	font-size: 1em;
	border: 1px solid #83ba43;
	transition: all 0.35s ease 0s;
}

a.readmore:hover {
	color:#000;
	border: 1px solid #83ba43;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
}

a.readmore_full {
	display:block;
position:relative;
background-color:#999;
text-align:center;
color:#fff;
padding:8px 16px;
font-size:1em;
letter-spacing:1px;
transition: all 0.35s ease 0s;
margin:5px 15px 0 0;
font-weight:400;
min-width:100%;
border:1px solid #999;
border-radius:4px;
}

a.readmore_full:hover{
	color:#fff;
	background-color:#444;
	border:1px solid #444;
}



a.tags {
display:inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#ddd;
color:#000;
padding:8px 12px;
font-size:0.75em;
line-height:1em;
letter-spacing:1px;
transition: all 0.35s ease 0s;
margin:2px 2px;
border:1px solid #ccc;
font-weight:400;
}

a.tags:hover{
	background-color:#bbb;
	border:1px solid #aaa;
}

#pagination{
float:left;
width:100%;
padding: 10px;
margin: 10px 0 10px 0;
text-align:center;
}

#pagination span.active{
background-color: #BBB;
padding:5px 6px;
color: #777;
font-size:1em;
border:none;
}

#pagination span{
background-color: #FFF;
padding:5px 6px;
border:1px solid #d2d2d2;
color: #777;
font-size:1em;
font-weight:bold;
text-decoration:none;
margin:0 2px;
}

#pagination span:last-child, #pagination span:first-child{
	margin:0 12px;
}

#pagination span:hover{
background-color: rgba(102,153,0,0.6);;
padding:5px 6px;
border:1px solid #d2d2d2;
color: #FFF;
font-size:1em;
font-weight:bold;
text-decoration:none;
}


#pagination span.active{
background-color: #BBB; padding:5px; color: #777;font-size:1em;
border:none;
}
#pagination span a:link, #pagination span a:visited {
font-weight:bold;
text-decoration:none;
}

#poszterkep{
width: 100%;
height: 120px;
background: none repeat scroll 0% 0% #FFF;
overflow: hidden;
text-align: center;
vertical-align: middle;
display: block;
padding: 8px 0px;
}

#poszterkep img {
    height: 100%;
    width: auto;
    background: none repeat scroll 0% 0% #FFF;
}


#text_content {
	margin:0 auto; 
	width:100%;	
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

div.main_full {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0px 20px 0 20px;
  min-height: 0px;
  height: auto;
  width: 100%;
}

#lefthalf {
  margin: 10px 0 20px 0;
  position: relative;
  float: left;
  width: 50%;
}

#righthalf {
  margin: 10px 0 20px 0;
  position: relative;
  float: left;
  width: 50%;
}




#adv_text{
	float:left;
	margin: 10px;
	padding: 5px;
	width:390px;
	border:1px solid #E8E8E8;	
}	

#adv_text p{font-size:1.125em;}

#prod_pic_cont {
padding: 5px;
margin: 10px;
float: left;
width: 430px;
vertical-align: top;
background-color: #FFF;
border: 5px solid #E8E8E8;
}

#prod_main_pic {
   padding: 10px;
margin: 0px;
float: left;
width: 410px;
height: 300px;
vertical-align: top;
overflow:hidden;
}

#prod_main_pic img{
  width:100%;
  height:auto;
 

}

#adv_thumb_pic {
padding: 0px;
margin: 5px 0 0 10px;
float: left;
left: 0px;
top: 0px;
width: 95px;
height: auto;
vertical-align: top;
overflow:hidden;

}

#adv_thumb_pic img{width:100%; height:auto;}

img.high{
display:block;
max-height:157px;
height:100%;
width:auto;
margin:auto;
}

img.wide{
width:100%;
height:auto;
margin:auto;
}

#head_wrapper{
position: relative;
top: 0px;
left: 0px;
width: 100%;
margin:0;
padding:0;
background-color: #fff;
min-height: 80px;
height: 80px;
/*box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);*/
border-bottom: 1px solid #777;

}

#head {
  position: relative;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  height: 80px;
  text-align: center;
}

#head_logo{
position:absolute;
top:30px;
left:20px;
padding : 0;
margin : 0;
height:60px;
width:320px;
cursor: pointer;
cursor: hand;
color: #d90000;  
font-size:1em;
line-height:1em;
text-decoration: none; 
text-align:left; vertical-align: middle;
/* font-family: 'Lato', sans-serif;	*/
text-shadow:0px 0px 2px rgba(217,0,0,0.3);
}

img.logo {
  margin-top: 15px;
  margin-left: 10px;
  height:50px;
  width:auto;
}

.head_a{
	float:left; 
	margin:0;
	height:80px;
}

.head_b_text {
	float:left;
	margin:0;
	padding:1.875rem 0 0 0;
	
}


#menu_icon {
position:absolute;
top:28px;
right:10px;
padding : 0;
float right;
z-index:9999;
display:none;
}


#menu_icon img{
	
	cursor:hand;
cursor:pointer;
	}

#resp_menu{
clear: both;
text-align:left;
display:none;
position:absolute;
right:-15px;
background:#616161;
padding:2px 4px 0px 4px;
margin-top:2px;
width: 100vw;
width: calc(100vw + 15px);
height: auto;
overflow-y:auto;
z-index:9999;
line-height:16px;
box-shadow:0px 2px 3px rgba(0,0,0,0.3);
}

#resp_menu a {
	font-size:1.125em;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 1em 0 1em;
	color:#fff;
	transition: all .2s ease-in-out;
	width:100%;
	clear:left;
	float:left;
	line-height:1.250em;;
	text-align:center;
	margin:0;
	padding:7px 0px;
	border-bottom:1px solid rgba(255,255,255,.5);
	}

#resp_menu a:hover {
	text-decoration:none;
	color:#000;
	}
	
#normalmenu{	
position: relative;
top: 0px;
left: 0px;
width: 100%;
/* font-family: 'Lato', sans-serif;	*/
background: #fff;
min-height: 36px;
line-height: 36px;
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #777;
text-align:center;
color:#aaa;
text-transform:uppercase;
}

#normalmenu a:link{padding:1px 8px 0 8px;margin:0;display:inline-block;text-shadow:none;}

#normalmenu a.active:link, #normalmenu a.active:hover, #normalmenu a.active:visited, #normalmenu a:hover{
	background: linear-gradient(#9ab760, #a3c266,#9ab760);
	text-decoration:none;
	color:#fff;
	text-shadow:0px 1px 1px #000;
	}

div.clean{
clear:both;
width:100%;
min-height:20px;	
height:20px;
	}

div.clean-null{
clear:both;
width:100%;
min-height:0px;	
height:0px;
	}
	
a.add_new_item {
    font-size: 1.125em;
    line-height: 1.250em;
    color: #000;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    background: none repeat scroll 0% 0% #8AC42F;
    font-weight:normal;
    
}

a.add_new_item:hover{
	text-decoration:none;
	color: #fff;
	box-shadow:0px 2px 2px rgba(0,0,0,0.1);

}

a.addnew{
	font-size: 1em;
line-height: 1.125em;
color: #000;
padding: 6px 10px;
border-radius: 4px;
display: inline-block;
text-transform:none;
font-weight:normal;
background: none repeat scroll 0% 0% #8AC42F;
}

a.addnew:hover{
	text-decoration:none;
	color: #fff;
	box-shadow:0px 2px 2px rgba(0,0,0,0.1);

}

a.white:link, a.white:active, a.white:visited {color:#fff;}
a.white:hover{color:#000;text-decoration:none;}


div.login_cont{max-width:320px;width:96%;margin:0 auto 20px auto;}

#language_login{
	position:absolute;
	top:10px;
	right:10px;
	}
	
div.login_box{
	min-width:260px; 
	max-width:320px; 
	width:96%;
	width: calc(100% - 20px);
	margin:0 auto 20px auto;
	}

/* -------------------- SUG ---------------------- */

.suggestionsBoxsearch {
		box-sizing : border-box; 
		position: relative;
		left:8px;
		top:180px;
		display:block;
		/*left: 28px;*/
		margin: 0px 0px 0px 0px;
		width: 170px;
		background-color: #FFFFFF;
		border: 1px solid #BBB;	
		color: #000;
		z-index:1000;
}

.suggestionsBox {
		box-sizing : border-box; 
		position: absolute;
		float:left;
		left:0px;
		top:32px;
		display:block;
		margin: 0px;
		padding:0px;
		width: 160px;
		background-color: #FFFFFF;
		border: 1px solid #BBB;	
		color: #000;
		z-index:200;
}

.xlsug {

		width: 210px;
}
	
.suggestionList {
		
		text-align: right;
		margin: 0px 0px 0px 0px;
		padding: 0px;
}
	
.suggestionList li {
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		padding: 3px;
		cursor: pointer;
}
	
.suggestionList li:hover {
		box-sizing : border-box; 
		background-color: #659CD8;
}

.ac_results {
	padding: 0px;
	border: 0px solid #FFF;
	background-color: #FFF;
	overflow: hidden;
	z-index: 99999;
	-moz-box-shadow: 3px 3px 4px #555;
	-webkit-box-shadow: 3px 3px 4px #555;
	box-shadow: 3px 3px 4px #555;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #FFF;
}

.ac_over {
	background-color: #0e8fed;
	color: white;
}	

/* ------------------ EO SUG ---------------------- */
	
#foot_cont {
position : relative;
margin-top:20px;
/*background-color: #292929;*/
margin:0 auto; 
width:100%;
min-height : 220px;
overflow:hidden;
border-top:1px solid #fff;
}

footer {
clear:left;
position : relative;
margin-top:20px;
margin:0 auto; 
max-width: 1280px;
width:100%;
min-height: 220px;
overflow:hidden;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-body{
	padding:0px 10px;
	overflow-y: auto;
}

.text-white {color:#fff;}
.text-black {color:#000;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-vsmall {font-size:0.75em;}
.text-small {font-size:0.75em;}
.text-esmall {font-size:0.875em;}
.text-eesmall {font-size:0.9375em;}
.text-large {font-size:1.25em;}
.text-upper {text-transform:uppercase;}
.text-bold { font-weight:400;}
.text-ebold {font-weight:700;}
.text-light {font-weight:300;}
.text-normal{font-size:15px;font-weight:600;}

.text-alert{color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-radius: 0.5rem;
  padding: .75rem 1.25rem; }
  
.text-success{
	color: #0f3e1a;
  background-color: #d4edda;
  border-color: #c3e6cb;
  border-radius: 0.5rem;
  padding: .75rem 1.25rem; 
}  

.text-second {
  color: #444;
  background-color: #fafafa;
  border-color: #000;
  border-radius: 0.5rem;
  padding: .75rem 1.25rem; }
}

/* --------------COLORS -----------*/
.lgreen{color:#83ba43;}
.mgreen{color:#608831;}
.black{color:#000000;}
.lred{color:rgba(213,75,75,1);}
.mgrey{color:#999;}
.ui-datepicker{ z-index: 9999 !important;}

/* --------------------- RANGE SLIDER ------- */

#car_half{
width:50%;
height:auto;
float:left;	
overflow-y:auto;

}

.hiddendiv{
display:none;	
}

#time-range {
	clear:left;
	float:left;
	width:235px;
	margin:5px 10px;
	}
#time-range p {
    font-size:14px;
    color:#333;
    text-align:center;
    line-height:1em;
    margin:4px;
}
	
#time-range .ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}


#time-range .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}

#time-range .ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    width: 32px;
    height: 32px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
}

#time-range .ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

#time-range .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}

#time-range .ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
#time-range .ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}

/* ------------------------------------------ */


/* ---------- CHECKBOX SWITCH --------------- */

input[type=checkbox].swi{
	height: 0;
	width: 0;
	visibility: hidden;
	display: none;
		margin: 0 !important; 
	padding: 0 !important; 
}

label.swi {
	cursor: pointer;
	text-indent: -9999px;
	width: 3em;
	height: 1.5em;
	background: grey;
	display: block;
	border-radius: 1.5em;
	position: relative;
	padding:0;
	margin:0;
}

label.swi:after {
	content: '';
	position: absolute;
	top: 0.125em;
	left: 0.125em;
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	border-radius: 1.5em;
	transition: 0.3s;
}

input.swi:checked + label {
	background: #83ba43;
}

input.swi:disabled + label {
	background: #bbb;
}

input.swi:checked + label:after {
	/* left: calc(100% - 5px); */
	left: calc(100% - 0.125em);
	transform: translateX(-100%);
}

label.swi:active:after {
	width: 3em;
}


/* ------- END OF CHECKBOX SWITCH ----------- */
.menu_fo {
    /*overflow: hidden;*/
    text-align: left;
    border-bottom: #c2b29a solid 1px;
    margin: 0px;
}

.editmenu a, editmenu a:visited {
    font-family: Arial, Helvetica, sans-serif;
    color: #8C6F40;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 4px 0px;
    display: block;
    transition: all .2s ease-in-out;
    
}


.menu_fo a:hover {
    text-decoration: none;
    color: #4d210a;
    background-color: #f9f7f2;
}

#box_search_free {
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    float:left;
    margin: 8px auto 0 auto;
    padding:0;
    width: 100%;
    height: 46px;
    text-align: center;
    color: #fff;
    
}

.search_free_container {

    position: relative;
    clear: left;
    display: block;
    z-index: 2;
    float: left;
    width: 90%;
    width: calc(100% - 40px);
    margin: 0px 10px 0 10px;
    background-color: #fff;
border:1px solid #777;
}

a.search_freeb {
    position: absolute;
    top: 2px;
    right: 0px;
    z-index: 8;
    cursor: pointer;
    text-decoration: none;
    line-height: 30px;
    font-size: 1.25em;
    padding: 0 5px 0 45px;
    height: 30px;
}

a.search_freeb::before {
    content: "\f002";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-family: 'FontAwesome';
    color: #888;
    font-size: 1.25em;
    z-index: 3;
    position: absolute;
    left: 16px;
    top: 0px;
}

.search_freelink {
    display: block;
    text-align: center;
    background: 83ba43 -webkit-gradient(linear, left top, left bottom, from(#83ba43), to(#93d14b));
    background: #83ba43 -webkit-linear-gradient(#83ba43, #93d14b, #83ba43);
    background: #83ba43 -o-linear-gradient(#83ba43, #93d14b, #83ba43);
    background: #83ba43 linear-gradient(#83ba43, #93d14b, #83ba43);
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    height: 40px;
    color: #171e37;
    font-size: 1em;
    padding: 0 20px;
    line-height: 40px;
    cursor: pointer;
}

#map {float:left;width:100%;height:800px;}
#map.fullsize {float:left;width:100%;height:800px;}
.showprint{display:none;}

h4.contact{
	color: #999;
	margin:0 0 1em 0;
	font-weight: 300;
}

h4.contact a{
	color: #222;
	font-weight: 400;
}

h2.contact{
color: #999;
font-size: 1.75em;
font-weight: 300;
line-height: 1.5em;
margin:0 0 1em 0;
}

.headicon {
  font-size: 26px;
  vertical-align: middle;
  color: #128C43;
}

table.compar{
		border-spacing: 1px 0px;
    border-collapse: separate;
   /* margin-top:2em;*/
}


 div.cookiealert{
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 20px 0 0 0;
		z-index: 59999;
		text-align: center;
		color: #fff;
		line-height: 2em;
		background-color: rgba(0,0,0,0.6);
		font-size: 16px;
}

div.cookiealert p{line-height: 1.75em; text-align:center;}

a.moreinfos{
color: #128C43;
font-weight: bold;
}

a.moreinfos:hover{
color: #DDD;
font-weight: bold;
}

a.iagree{
background-color: #83ba43;
margin: 0 0 0 20px;
padding: 4px 12px;
color: #fff;
text-align: center;
font-weight: 300;
font-size: 1em;
border: 1px solid #83ba43;	
}

a.iagree:hover {
    color: #000;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
table.compar td:first-child, table.compar th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  box-shadow: none;
  
}

table.compar td.f0 {background-color:#f0f0f0;}
table.compar td.ff {background-color:#ffffff;}

@media screen and (max-width:1279px) {
	
	td.cid{display:none;}
	td.cmake{display:none;}
	
}

@media screen and (max-width:850px) {
	td.RPM{display:none;}
	td.SPEED{display:none;}
	td.GPS_POS{display:none;}
	td.QCLOC_POS{display:none;}
	td.Errors{display:none;}
		td.LAST_IP{display:none;}
	td.LAST_PORT{display:none;}
	td{padding-top:6px;padding-bottom:6px;}
	#adv_text{ width:96%; margin:10px 0 10px 0;}	
	#adv_text table{width:100%;}
	#prod_pic_cont { clear:left; float: none; overflow-y:auto; width: 430px; margin:0 auto;}
	#normalmenu{display:none;}
	#car_half{width:100%;}
	#menu_icon {display:inline;}
	#lefthalf {width: 100%;}
	#righthalf {width: 100%;}
		

}

@media screen and (max-width:690px) {
	td.ODO{display:none;}
	td.RPM{display:none;}
	td.SPEED{display:none;}
	td.GPS_POS{display:none;}
	td.QCLOC_POS{display:none;}
	td.Errors{display:none;}
	td.ErrCodes{display:none;}
	td.LAST_IP{display:none;}
	td.LAST_PORT{display:none;}
	td{padding-top:6px;padding-bottom:6px;}
	td.edit{display:none;}
	#side_wrap{width:100%; padding:5px;}
	#main_text{width:100%; padding:5px;}
}

@media screen and (max-width:560px) {
	td.ODO{display:none;}
	td.RPM{display:none;}
	td.SPEED{display:none;}
	td.GPS_POS{display:none;}
	td.QCLOC_POS{display:none;}
	td.Errors{display:none;}
	td.ErrCodes{display:none;}
	td.LAST_IP{display:none;}
	td.LAST_PORT{display:none;}
	td.LAST_UPDATE{display:none;}
	
	td{padding-top:8px;padding-bottom:8px;}
	#map{width:100%;height:400px;}
	
}
	
}

@media screen and (max-width:390px) {
	#prod_pic_cont { clear:left; float: none; overflow-y:auto; width: 320px; margin:0 auto;}
}