/* Clearfix */
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
body {
	margin: 0em;
	padding: 0em;
	background: #5A5A5A  url('images/img01.png') repeat; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; /* 10pt; */
	color: #2B2B2B;  /* #525252; */
}

h3 {
	margin: 0em;
	padding: 0em;
	color: #191919;
}

h2 {
	margin: 0em;
	padding: 0em;
	color: #191919;
}

h1 {
	margin: 0em;
	padding: 0em;
	color: #191919;
}

h3 {
	margin: 0em;
	padding: 0em 0em 1em 0em;
	color: #5E5E5E;
	font-size: 1.5em;

}

h2 {
	padding: 0em 0em 1em 0em;
	/* letter-spacing: -.1em; */
	/* text-transform: uppercase; */
	font-size: 2em;
}

p {
	line-height: 170%;
	text-align: right;
}

a {
	color: #092B34; /* #1A6377; */
	text-decoration: underline;
}
a:focus { background-color: yellow; } /* נגישות */

strong {
	font-weight: bold;
	color: #191919;
}

/* Copyright */

#copyright {
	overflow: hidden;
	padding: 3em 0em;
	text-align: center;
	border-top: solid 1px rgba(0,0,0,0.15);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.15);
}

#copyright p {
	/* text-shadow: 1px 1px 0px #FF6128; /* #1B94BD  */
	color: #FFDA75; /* D6F8FF; */
	text-align:center;
}

#copyright a {
	color: #FFDA75; /* D6F8FF; */;
}

#copyright a:hover {
	text-decoration: none;
}

#copyright section {
	padding: 0em 2em;
}

#wrapper {
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
menu,
section,
summary {
    display: block;
}


header {
height:325px; /* eti */
}

#header {
	overflow: hidden;
	background: url('images/img02.png') no-repeat left -2em; 
	margin: 0 auto 0 auto;
	margin-right:20px;
	padding: 0 0 1em 0; /* 0 0 4em 0; */
	background-size: 90%;
}

#header-wrapper {
	overflow: hidden;
}

.5grid-layout {
	clear: both;			 
}

#logo {
	overflow: hidden;
	padding: 0em 0.25em 0 0.25em; /* 15em 0.25em 1em 0.25em; */
	text-shadow: 1px 1px 0px #FF6128; /* 188FB9; */
}
#logo img {				
/* max-width:100%; height:auto;	*/
	float: left;
}

#logo h1 a {
	margin: 0em;
	padding: 1em 0.25em 0em 0.25em; /* 0em 0em 0em 0em; */
	text-shadow: 10px 1px 0px #FF6128; /* 1px 1px 0px #FF6128; 188FB9; */
	letter-spacing: -.05em;
	text-decoration: none;
	font-size: 2.5em;
	font-weight: bold;
	color: #FFFFFF;
}
#logo p {
	padding: 0em 0.25em 0em .25em;
	font-size: 2em;
	color: #ffffff; /* EABE1E; */
}

section {
float: right;
width: 600px;
padding: 20px;
margin-left: 20px;
margin-right:20px;
margin-bottom: 1em; /* 20px; */
border-radius: 5px;				
	background: #C2C2C2; /* FFFFFF; */
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);
}

aside {
float: right;
width: 280px;
padding: 20px;
margin-bottom: 1em; /* 20px; */
margin-right:20px;
margin-left:20px;
border-radius: 5px;				
	background: #C2C2C2; /* FFFFFF; */
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);
}

.clear {
clear: both !important;
font-size: 0 !important;
height: 0 !important;
line-height: 0;
float: none !important;				
}

#welcome {
	overflow: hidden;
	margin-bottom: 1em;
	/* padding: 4em 0em; */
	/* background: #C2C2C2; /* FFFFFF; */
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);
}

#welcome .content {
/* only for mobile */
	overflow: hidden;
	padding: 0em 3em 0em 3em;
}



footer {
padding: 20px;
}
#footer {
	overflow: hidden;
	margin-bottom: 1em;
	padding: 4em 0em;
	background: #C2C2C2; /* FFFFFF; */
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);
}


/* menu */
/* nav {
	height: 40px;
	width: 100%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
} */
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 600px;
	height: 40px;
}

nav li {
	display: inline;
	float: right;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	/* text-shadow: 1px 1px 0px #283744; */
}
nav li a {
	border-left: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-left: 0;
}
nav a:active {
	background-color: #8c99a4;
}
nav a:hover {
	background-color: #8c99a4;
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: right;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-left: 1px solid #576979;
	}
  	nav a {
	  	text-align: right;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #FF6128; /* #283744; */
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		left: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}
carphoto {
		float:left;
		display: block;
		position: relative;
}

cartext {
				width:74px;
				height:57px;
				text-align:right;
}

.addr {
	font-size: 1.25em;
}

/* breadcrumbs */

#breadcrumbs{
 /*  background: grey; */
 /* border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2); */
  overflow: hidden;
  width: 100%;
}
#breadcrumbs ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#breadcrumbs li{
  float: right;
}

#breadcrumbs a{
  /* padding: .7em 1em .7em 2em; */
  padding-bottom:.7em;
  float: right;
  text-decoration: none;
  color: #FFFFFF; /* #FF6128; */
  position: relative;
  /* text-shadow: 0 1px 0 rgba(255,255,255,.5); */
 /* background-color: #ddd; */
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
  font-size: 10pt;
  margin-right:20px;
  padding-right:20px;
}

#breadcrumbs li:first-child a{
  padding-right: 1em;
  /* border-radius: 5px 0 0 5px; */
}

#breadcrumbs a:hover{
  color: #FFDA75;
}

#breadcrumbs a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-right: 1em solid;
  left: -1em;
}

#breadcrumbs a::after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-right: 1em solid;
  left: -1em;
}

#breadcrumbs a::after{ 
  z-index: 2;
  border-right-color: #ddd;  
}

#breadcrumbs a::before{
  border-right-color: #ccc;  
  left: -1.1em;
  z-index: 1; 
}

#breadcrumbs a:hover::after{
  border-right-color: #fff;
}

#breadcrumbs .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs .current{
  font-weight: bold;
  background: none;
}

#breadcrumbs .current::before{
  content: normal;  
}

#breadcrumbs .current::after{
  content: normal;  
}

.imgborder {
		 border:2px #ffffff solid;
		 margin: 5px;
		 margin-left: 10px;
		 margin-right: 10px;
	top: 10%;
	left: 10%;
	border-radius: 3px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.9);
}


imgborder:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ulimg {
	list-style-image: url('images/img04.png');

}

/* נגישות לתפריט - דלג לתוכן הראשי*/
 /* <!-- Minimal accessible focus styles (you can move these into style.css) --> */

    :focus { outline: 3px solid #ffb703; outline-offset: 2px; } /* make focus visible */
    .skip-link {
      position: absolute;
      left: -999px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }
    .skip-link:focus {
      left: 1rem;
      top: 1rem;
      width: auto;
      height: auto;
      padding: .5rem .75rem;
      background: #000;
      color: #fff;
      z-index: 1000;
      border-radius: 4px;
    }
    /* basic layout helpers for this demo (move to your CSS files) */
    .clearfix::after { content: ""; display: table; clear: both; }
    nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: .5rem; }
    nav ul li a { text-decoration: none; color: inherit; }
    /* mobile toggle hidden on wide screens; you may already have responsive.css */
    #menu-toggle { display: none; }
    @media (max-width: 640px) {
      #menu-toggle { display: inline-block; margin: .5rem 0; }
      nav ul { display: none; flex-direction: column; }
      nav[aria-expanded="true"] ul { display: flex; }
    }