<style>
* {
    box-sizing: border-box;
}
.row1 {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}
.LeftSide {
    -ms-flex: 15%; /* IE10 */
    flex: 15%;
    background-color: #f1f1f1;
    padding: 5px;
}
/* Main column */
.RightSide {
    -ms-flex: 85%; /* IE10 */
    flex: 85%;
    background-color: white;
    padding: 5px;
}

.fakeimg {
    background-color: #FFFFFF;
    width: 100%;
    padding: 5px;
}

/* Footer */
.AltS {
    padding: 20px;
    text-align: center;
    background: #F0F0F0 ;
}

@media screen and (max-width: 700px) {
    .row1 {
        flex-direction: column;
    }
}

.style14 {font-size: 10px}

  .LeftSideHead {
     background-color: #EBEBEB;  border: #D2D2D2; border:hidden;  
	 font-size: 14px;
	 font:bold;
	 width: 100%;
     margin-top: 1px;
	 line-height: 15px;	 
 }
 
   .RightSideHead {
     background-color: #EBEBEB;  border: #D2D2D2; border:hidden;  
	 font-size: 14px;
	 font:bold; 
	 width: 100%;
     margin-top: 3px;
	 line-height: 25px; 
 }
 
 .IMGresponsive {
  max-width: 100%;
  height: auto;
}
 
   .KampanyaUrun {
     background-color: #FBFBFB; 
	 font-size: 14px;
	 font:bold; 
	 width: 100%;
     margin-top: 3px; 
	 border: thin; 
	 border-top: solid;
	 border-color: #D6D6D6;
 } 
 
.style36 {font-size: 18px; color: #006699; font-weight: bold; }
.style208 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #336699;}
.style7 {font-size: 14px; color: #666666; font:bold; }

.stilim{list-style-type: none;border: 1px solid #E0E0E0;background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent;
        background-color: transparent;
        background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;}
.stilim2{
    list-style-type: none;
    border: 1px solid #E0E0E0;
    background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent;
        background-color: transparent;
        background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #FEFEFE 100%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
}
.Akategori1 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #CCCCCC;}
.Akategori1:hover{font-size:14px; color: #FF6600; text-decoration:none;}
.stilim5 {list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; background-color: transparent;background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%); background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box;background-size: auto auto;
}
.stilim6 {           list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );

}

.style37 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999999; font-weight: bold; }

/* UP.css */
<style type="text/css">
<!--
.style147 {font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; }
body,td,th {font-family: Arial, Helvetica, sans-serif;}
.stilim{list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; background-color: transparent;background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%); background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box;background-size: auto auto;
}
.stilim2{list-style-type: none;  border: 1px solid #F4FAFF; background: -moz-linear-gradient(center bottom , #F4FAFF 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent background-color: transparent; background-image: -moz-linear-gradient(center bottom , #F4FAFF 0%, #FEFEFE 100%); background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%;background-clip: border-box;background-origin: padding-box;background-size: auto auto;
}
.stilim3{ list-style-type: none;border: 1px solid #FFFFFF;background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent;background-color: transparent; background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #FEFEFE 100%); background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%; background-clip: border-box;background-origin: padding-box;background-size: auto auto;
}
.stilimM{list-style-type: none;border: 1px solid #FEFEFE; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; background-color: transparent; background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%);  background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto;
}
body {background-color: #FBFBFB;margin-left: 0px;margin-top: 0px;margin-right: 0px;}
.menualtkategori {	font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #909397;font-weight: bold;}
.style13 {	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #666666;}
-->
</style>
<style type="text/css">
A:link {color:#000033; text-decoration: none}
A:visited {color:#000033; text-decoration: none}
A:hover {color:#006699; text-decoration: none}
.mkatSitili {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11 px ;}
.mkatSitili:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11 px;font-weight: bold;}
.KATSitili{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11 px;color: #CC3300;}
.KATSitili:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11 px;font-weight: bold;}
.markaSitili{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11 px;}
.markaSitili:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11 px;font-weight: bold;}
</style>
<style fprolloverstyle>
.menuanakategori {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #009;font-weight: bold;}
.menuanakategori {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #009;font-weight: bold;}
.menualtkategori {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #909397;font-weight: bold;}
.ustmenu:hover{font-size:11px; font-weight:bold; color: #003399; text-decoration:none;}
.style214 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style227 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0066CC; font-weight: bold; }
.style227 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0066CC; font-weight: bold; }
.style234 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0066CC; font-weight: bold; }
.style234 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0066CC; font-weight: bold; }
.style235 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0066CC; font-weight: bold; }
.style235 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0066CC; font-weight: bold; }
.style236 {font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style236 {font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
#Layer1 {position:absolute;left:463px;top:0px;width:742px;height:128px;z-index:1;overflow: visible;visibility: visible;}
.menualtkategori1 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #909397;font-weight: bold;}
.menualtkategori1 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #909397;font-weight: bold;}
.stilim5 {list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; background-color: transparent;background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%); background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box;background-size: auto auto;
}
.stilim6 {           list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );

}
</style>


<style>
<style>
* {
  box-sizing: border-box;
}

.Menu2 {
  overflow: hidden;
  background-color: #F4F4F4;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.UyeAktif {
  overflow: hidden;
  background-color: #DFDFDF;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.Menu2 a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 13px 13px;
  text-decoration: none;
}

.Menu2 a.right {
  float: right;
}

.Menu2 a:hover {
  background-color: #ddd;
  color: black;
}

.Menu2 a.active {
  background-color: #B6B6B6;
  color: white;
}

@media screen and (max-width: 400px) {
  .Menu2 a {
    float: none;
    width: 100%;
  }
}

.Menu2 button {
  float: center;
  padding: 3px;
  margin-top: 13px;
  margin-right: 30px;
  margin-left: 3px;
  background: #ddd;
  font-size: 14px;
  border: none;
  cursor: pointer;
}
.Menu2 input[type=text] {
  padding: 3px;
  margin-top: 13px;
  font-size: 14px;
  border: none;
}
.Menu2 .form1-container {
  float: right;
}
.Menu2 .form1-container button:hover {
  background: #ccc;
}

 .Uye {
     padding: 1px 0px;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #F0F0F0;
     border-radius: 0px;
 }
  .LeftSideHead {
     padding: 5px 0px;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #C5C5C5;
     border-radius: 0px;
	 font-size: 16px;
	 
 }
 
 .stilim54 {list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; background-color: transparent;background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%); background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box;background-size: auto auto;
}
.stilim62 {list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );
}
/* /UP.css */


/* Menu1.css */

 body {
     margin: 0;
     padding: 0;
     font-family: 'Roboto', sans-serif;
     background-color: #fff;
 }
 
 .row {
     margin: 0;
     padding: 0;
 }
/*Menu bgcolor*/
 .top-area {
     background-color: #EFEFEF;
     float: left;
     width: 100%;
 }
 
 .navbar-nav {
     margin-left: 0%;
	 margin-right: 0%;
 }

/*Menu Kategori List*/ 
 .navbar-default .navbar-nav>li>a {
     color: #333333;
 }
 
 .navbar-brand {
     width: 135px;
     float: left;
     margin: 0;
     padding: 0;
 }

/*Menu position & color*/ 
 .navbar-default {
     background-color: #E4E4E4;
     border: none; 
	 position: relative; 
	 float: left;  
	  
 }
 
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.open>a:hover {
     background-color: #CCCCCC !important;
     color: #fff !important
 }
 
 .navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li>a:hover {
     background-color: #B5B5B5 !important;
     color: #fff !important
 }
 
 .navbar-nav>li>a {
     padding-bottom: 8px;
     line-height: 22px
 }
 
 .mega-dropdown {
     position: static !important;
 }
/*Menu Top-Bottom Mesafesi*/  
 .mega-dropdown-menu {
     padding: 8px 0px;
     width: 100%;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #CCCCCC;
     border-radius: 0px;
 }
 
 .mega-dropdown-menu > li > ul {
     padding: 0;
     margin: 0;
 }
 
 .mega-dropdown-menu > li > ul > li {
     list-style: none;
 }
 
 .mega-dropdown-menu > li > ul > li > a {
     display: block;
     color: #fff;
     padding: 1px 3px;
 }
 
 .mega-dropdown-menu > li ul > li > a:hover,
 .mega-dropdown-menu > li ul > li > a:focus {
     text-decoration: none;
 }
 
 .mega-dropdown-menu .dropdown-header {
     font-size: 18px;
     color: #ff3546;
     padding: 5px 60px 5px 5px;
     line-height: 30px;
 }
 
 .sub-menu {
     margin: 0;
     padding: 0;
     width: 100%;
     float: left;
     margin-top: 20px;
 }
/*Menu Icon-Baslik Genisligi*/ 
 .sub-menu li {
     list-style: none;
     line-height: 25px;
     color: #999;
     font-size: 13px;
     height: 45px;
     font-weight: 400;
 }
 
 .sub-menu li a {
     color: #999;
 }
 
 .sub-menu li a:hover {
     color: #006699;
 }
 
  .foot-menu {
     margin: 0;
     padding: 0;
     width: 100%;
     float: left;
     margin-top: 20px;
 }
/*Menu Icon-Baslik Genisligi*/ 
 .foot-menu li {
     list-style: none;
     line-height: 15px;
     color: #999;
     font-size: 13px;
     height: 20px;
     font-weight: 400;
 }
 
 .foot-menu li a {
     color: #999;
 }
 
 .foot-menu li a:hover {
     color: #006699;
 }
 
 .icon {
     width: 30px;
     float: left;
     margin-right: 5px;
 }
  .menuPic {
     width: 150px;
     float: left;
     margin-right: 5px;
 }
 /*tabstyle*/
 
 .navbar {
     margin-bottom: 0px;
 }
 
 .nav-tabs {
     border: none;
     background-color: #e1e1e1;
 }
 
 .well {
     padding: 0px;
     border: none;
     background-color: #e6e6e6;
     margin: 0;
     box-shadow: none;
     border-radius: 0px;
 }
 
 .nav-tabs>li>a {
     color: #3e3e3e;
     border-radius: 0px;
     border: none;
     margin-right: 0;
 }
 
 .nav-tabs>li.active>a {
     background-color: #f1f1f1 !important;
     border-top: 1px solid #3e3e3e !important;
     border-left: 1px solid #cccc !important;
     border-right: 1px solid #cccccc !important;
     border-bottom: 3px solid #f1f1f1 !important;
 }
 
 .nav>li>a:focus,
 .nav>li>a:hover {
     background: none;
 }
 
 .tab-content>.tab-pane {
     min-height: 200px;
     margin: 0;
 }
 
 .tab-content>.active {
     background-color: #fff;
 }
 
 .sub-heading {
     margin: 10px 0 0 0;
     padding: 0;
     color: #ccc;
		margin: 20px 0;
     }

/* /Menu1.css */

/* /Bilgi.css */

{
    box-sizing: border-box;
}
.row1 {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}
.LeftSide {
    -ms-flex: 15%; /* IE10 */
    flex: 15%;
    background-color: #f1f1f1;
    padding: 5px;
}
/* Main column */
.RightSide {
    -ms-flex: 85%; /* IE10 */
    flex: 85%;
    background-color: white;
    padding: 5px;
}

.fakeimg {
    background-color: #FFFFFF;
    width: 100%;
    padding: 5px;
}

/* Footer */
.AltS {
    padding: 20px;
    text-align: center;
    background: #F0F0F0 ;
}

@media screen and (max-width: 700px) {
    .row1 {
        flex-direction: column;
    }
}

.style14 {font-size: 10px}

  .LeftSideHead {
     background-color: #EBEBEB;  border: #D2D2D2; border:hidden;  
	 font-size: 14px;
	 font:bold;
	 width: 100%;
     margin-top: 1px;
	 line-height: 15px;	 
 }
 
   .RightSideHead {
     background-color: #EBEBEB;  border: #D2D2D2; border:hidden;  
	 font-size: 14px;
	 font:bold; 
	 width: 100%;
     margin-top: 3px;
	 line-height: 25px; 
 }
 
 .IMGresponsive {
  max-width: 100%;
  height: auto;
}
 
   .KampanyaUrun {
     background-color: #FBFBFB; 
	 font-size: 14px;
	 font:bold; 
	 width: 100%;
     margin-top: 3px; 
	 border: thin; 
	 border-top: solid;
	 border-color: #D6D6D6;
 } 
.style208 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #336699; padding:2px;  }
.style35 {color: #003366} 
.style36 {font-size: 18px; color: #006699; font-weight: bold; }
.style208 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #336699;}
.style7 {font-size: 14px; color: #666666; font:bold; }

.h1UrunBaslik{
font-size: 20px; color: #006699; font-weight: bold; margin-top:1px; padding-top:8px;
vertical-align:middle;
height:40px;
}

.h2UrunBaslik2{
font-size: 16px; color: #999999; font-weight: bold; margin-top:1px; padding-top:8px;
vertical-align:middle;
height:30px;
}

.stilim{list-style-type: none;border: 1px solid #E0E0E0;background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent;
        background-color: transparent;
        background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;}
.stilim2{
    list-style-type: none;
    border: 1px solid #E0E0E0;
    background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent;
        background-color: transparent;
        background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #FEFEFE 100%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
}
.Akategori1 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #CCCCCC;}
.Akategori1:hover{font-size:14px; color: #FF6600; text-decoration:none;}
.stilim5 {list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; background-color: transparent;background-image: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%); background-repeat: repeat;background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box;background-size: auto auto;
}
.stilim6 {           list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );

}

.style37 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999999; font-weight: bold; }


{
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #666666;
   
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px; float:inherit;
}

/* The Close Button */
.close {
  color: #FFFFFF;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 55px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #00CCFF;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #006699;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px; 
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.stilim61 {           
list-style-type: none;border: 5px solid #FFFFFF; background: -moz-linear-gradient(center bottom , #EEEEEE 0%, #EEEEEE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#EEEEEE, #EEEEEE) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#EEEEEE, #EEEEEE) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 ); padding:6px;

}
.stilim6 {           
list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 ); padding:6px;

}
.stilim66 {           
list-style-type: none;border: 1px solid #E0E0E0; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 ); padding:1px;
}

.StilLogo {           
list-style-type: none; background: -moz-linear-gradient(center bottom , #EDEDED 0%, #FEFEFE 100%) repeat scroll 0% 0% transparent; 
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 ); padding:5px;
.style40 {color: #990000}

.style41 {font-size: 16px}


</style>/* CSS Document */

