*{box-sizing: border-box; outline: none;}




body {font-family: 'Alef', sans-serif;
 margin:0;}
.clear {clear: both}
/*הקונטינר על כל האתר*/
.container_fluid {width: 100%;}

.container {max-width: 1140px; margin: 0 auto;}


/*התפריט ניווט של האתר ושדה החיפוש*/
header {min-height: 70px; overflow:  hidden}
header {background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6199c7+5,419ad6+65,3a8bc2+81,26558b+100 */
background: rgb(97,153,199); /* Old browsers */
background: -moz-linear-gradient(top, rgba(97,153,199,1) 5%, rgba(65,154,214,1) 65%, rgba(58,139,194,1) 81%, rgba(38,85,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(97,153,199,1) 5%,rgba(65,154,214,1) 65%,rgba(58,139,194,1) 81%,rgba(38,85,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(97,153,199,1) 5%,rgba(65,154,214,1) 65%,rgba(58,139,194,1) 81%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6199c7', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */}

header nav { float: left; display: flex; align-items: center; min-height: 100px; padding-top:20px; font-size: 16px;}
header nav ul {list-style-type: none; margin: 15px 0; padding: 0;}
header nav li {display: inline-block; transition: 1s}
header nav a {color: #ffffff;  text-decoration: none; padding: 0 12px; }
header nav a:hover {color: #930929;}
header nav li span {color:purple}
header nav li:hover {-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);}

header nav li.active_page:hover{-moz-transform:none;
-webkit-transform:none;
-o-transform:none;
-ms-transform:none;
transform:none;}

header button img {width: 25px; margin: 0px}
header button {background-color: transparent; border: none}
header .search {float: right; display: flex; align-items: center; min-height: 100px}
header .search form {border: 1px solid silver; padding: 0px; border-radius: 8px }
button {padding: 4px}
header .search input {border: 0px solid black}
header .search button {background-color: transparent; border: 0px solid black}
header .search button:active {transform: translate(0, 2px)}



/*דברים שקשורים לתמונה שלי קורא ספר*/
h1 {color: #C95727; margin: 0; padding: 0; position: absolute; top: 19px; float: right}
h2 {margin: 0; padding: 0; -moz-transform: skew(26deg, 0deg);
-webkit-transform: skew(26deg, 0deg);
-o-transform: skew(26deg, 0deg);
-ms-transform: skew(26deg, 0deg);
transform: skew(26deg, 0deg); color: brown; font-weight: bold; text-align: center}

/*הstrip והblock*/

.strip {min-height: 300px; background-image: url(../_images/eylam_strip.jpg); background-size: cover; background-position: center top;
position: relative}
p {margin: 0; padding: 0; color: darkblue}





/*התמונה*/
img#my {width: 30%; max-width: 200px;  float: left; margin-right: 10px}
/*הטקסט של האתר*/
.blocks {min-height: 100px; }









/*פוטר וקישורים חיצוניים*/
.link_container { color: #ffffff;}
.link_books {background-color: blue; border: 1px black solid; transition: 1s all }
.link_books:hover {font-size: 19px; border: 3px black solid;}
footer {min-height: 100px; }

#wants_site {font-size: 15px; transition: 1s}
#wants_site:hover {font-size: 18px}


.abut_we {background-color: red; border: 1px black solid; display: inline-block; transition: 1s;}
.abut_we:hover {font-size: 19px; border: 3px black solid;}