@font-face {font-family: myFont; src: url('segoeui.ttf');}
@font-face {font-family: myFont2; src: url('Fonarto.ttf');}
@font-face {font-family: myFont3; src: url('DidactGothic.ttf');}
body{font-family:myFont, Arial; font-size:11pt; background-image:url('logos/desen.png'); background-repeat:repeat-x repeat-y; background-attachment:fixed;}
img{vertical-align:middle;}
a{text-decoration:none;}
	
#logo{max-width:565px; width:100%;margin:auto; display:block;}

#menu-container{margin:auto; max-width:530px; min-height:20px;}
#menu{list-style-type:none; min-height:40px; margin:15px auto auto auto;}
#menu li{margin:auto;}
#menu li a{margin-top:10px; padding-left:6%; padding-right:6%; background-color:#eff1e2; box-shadow: 0px 0px 2px gray;  float:left; font-weight:bold; color:grey; text-decoration:none;}
#menu li a:hover{color:black; }

#top-slider-container{clear:both; box-shadow:0px 3px 20px #888888; max-width:1000px; margin:auto; padding:5px;}
#topslider{ max-width:1000px; }
#topslider ul li { max-width:1000px; }
#topslider ul li img{ width:102%; }

#footer{min-height:300px; background-color:#ebebbc; overflow:auto; border-top:2px solid #c5c445; /*border-bottom:2px solid #d5ae37;*/}

#title-featured-products{color:#342d12;}

#icerik{margin:auto; max-width:1140px; width:100%; background-color:#fcfcf5; 
		border-top:2px solid #c5c445; border-bottom:2px solid #c5c445; overflow:auto; text-align:center;}
#icerik2{margin:auto; max-width:1140px; width:100%;  
		border-top:2px solid #c5c445; border-bottom:2px solid #c5c445; overflow:auto; text-align:center;}

.content-container{margin:0px; max-width:375px; width:100%; float:left;  padding:20px 0px;}
.content-img-a{text-decoration:none;}
.content-img{padding:10px; border:1px solid #e0e0e0; max-width:365px; height:315px; border-radius:3px; background-color:white; margin:auto;}
.content-img:hover{opacity:0.6;}
.content-title{font-size:11pt;  margin-bottom:5px; color:#b38459;}
.content-price{color:grey; font-weight:bold;  text-align:center; margin:auto;}
.new-icon{z-index:2; position:relative; left:-3px; top:-305px; max-width:97px; vertical-align:top;}
.content-heart{padding:8px; border:1px solid pink; border-radius:3px; margin:7px auto auto auto; width:100px; opacity:0.6; background-color:white;}
.content-heart:hover{opacity:1.0;}

@media screen and (max-width: 360px) { .content-img{ max-width:300px; height:276px;  display:block;}}
@media screen and (max-width: 360px) { .content-container{ max-width:350px; margin:32px 0px 32px 0px;}}
@media screen and (max-width: 360px) { .img-display-none{ display:none;}}

.scale { transition: all .2s ease-in-out; }
.scale:hover { transform: scale(1.1); }
.hover-opacity{opacity:1.0;}
.hover-opacity:hover{opacity:0.8;}


.button {
    background-color: grey;
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button:hover{background-color:#a6a6a6;}