@charset "utf-8";
/* CSS Document */
body 
{
	margin:0px;
	padding:0px;
	background:url(Image/Background.jpg);
	
}
#middle 
{
  width:95%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0px 0 5px;
  background:#fff;
}
#middle .left 
{
	width:35%;
	height:auto;
	float:left;
	padding:0;
	
	
}
#middle .right 
{
	width:65%;
	height:auto;
	float:right;
	padding:10px;
	background:#FFF;
	
	
	
}
#middle .right  .content_header2 {
	display: block;
	border: #000 2px solid;
	background:#0F0;
}


#middle h1
{
	
	font-size:20px;
	color:#630;
	font-family:"Times New Roman", Times, serif;
	font-weight:bolder;
	padding:5px;
	margin:5px;
}
#middle h2
{
	font-size:24px;
	color:#030;
	font-weight:bolder;
	padding:5px;
	margin:5px;
}

#middle h3
{
	font-size:20px;
	color:#C30;
	font-weight:bolder;
	padding:5px;
	margin:5px;
}
#middle p
{
	padding:5px;
	margin:5px;
	text-indent:10px;
}
#middle .alfabetiproduct {

    width:100%;
	height:100%;
    display: table;
  
}

#middle .homeproduct
{
   width:17%;
   min-width:100px;
   height:28%;
   margin:10px;
   float:right;
	
}
#middle .homeproduct1
{
   width:17%;
   min-width:150px;
   height:28%;
   margin:10px;
   float:left;
	
}
#middle .homeproduct a
{
	text-decoration:none;
	font-weight:bold;
}
#middle .homeproduct1 a
{
	text-decoration:none;
	font-weight:bold;
}

#middle .label2
{
	width:100%;
    height:auto;
    display:table;
	
}
#middle .label2 .product
{
	width:47%;
	height:340px;
	min-height:300px;
	padding:5px;
	margin:5px;
	float:left;
	border-radius:15px;
	display:table;
	
}

#middle .label2 .product .image
{
	width:40%;
	height:100%;
	padding:0px;
	margin:0px;
	float:left;
	
}
#middle .label2 .product .image h3
{
	font-size:20px;
	color:#090;
	padding:0;
	margin:0;
}
#middle .label2 .product .detail
{
	width:60%;
	height:100%;
	padding:0px;
	margin:0px;
	float:left;
	
}
#middle .label2 .product .detail a
{
	text-decoration:none;
	font-weight:bolder;
	
}
#middle .label2 .product .detail p
{
	text-indent:0px;
	color:#060;
	font-size:13px;
}
.img1
{
	max-width:50%;
	float:right;
	
}
.img2
{
	max-width:100%;
}
ul.alfaproduct{
	margin:0px;
	padding:0px;
	height:auto;
	overflow:hidden;
	font:12px 'Tahoma';
	list-style-type:none;	
}

ul.alfaproduct li.details{
    padding:5px 8px 5px 8px;
    font-size:12px;
}

ul.alfa li.dot{padding: 3px 0;}

ul.alfaproduct li{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:3px;
    margin-top:10px;
	border:2px ridge green;
   
}

ul.alfaproduct li:first-child{
	margin-left:0px;
}

ul.alfaproduct li a{
	color:black;
	display:block;
	text-decoration:none;
	padding:6px;
   background: -webkit-linear-gradient(#74f846, #c7f7b6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#74f846, #c7f7b6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#74f846, #c7f7b6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#74f846, #c7f7b6); /* Standard syntax */
}
ul.alfaproduct li a:hover{
    color:#fff;	
  background: -webkit-linear-gradient(#0e3104, #238708); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#0e3104, #238708); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#0e3104, #238708); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#0e3104, #238708); /* Standard syntax */
 
}
ul.alfaproduct li a1{
	color:black;
	display:block;
	text-decoration:none;
	padding:6px;
    background:url(Images/alfa.png);
  
}

#middle .prolabel
{
	width:40%;
	height:auto;
	min-height:270px;
	padding:5px;
	margin:5px;
	float:left;
}
#middle .prolabel span
{
    background:url(Images/Tab1.jpg);
}
    #middle .prolabel a1:hover {

         background:url(Images/Tab2.jpg);
    }


#middle .prolabel2
{
	width:50%;
	height:auto;
	padding:5px;
	margin:5px;
	float:left;
}



#goTop{
   
    padding:5px;
    position:fixed;
    top:-100px;
    right:10px;
}
/*#disclaimer
{
	clear:both;
	width:100%;
    height:400px;
	background-image:url(Image/Disclaimer.png);
	background-repeat: no-repeat;
    background-position:center bottom;

}*/

#fotter
{
    clear:both;
	width:100%;
    height:100px;
	background-image:url(Image/Copyright.png);
	background-repeat: no-repeat;
    background-position:center bottom;
}
@media screen and (max-width: 800px)
{
	
#middle .label2 .product
{
	width:100%;
	height:340px;
	min-height:300px;
	padding:5px;
	margin:5px;
	float:left;
	border-radius:15px;
	background:url(Images/productbox.jpg);
	background-size:100% 100%;
}
#middle 
{
  width:95%;
 overflow: hidden;
  margin: 0 auto;
  padding: 0 0px 0 5px;
  background:#fff;
}

#middle .left 
{
	width:100%;
	height:auto;
	float:left;
	padding:0;
	
	
}
#middle .right 
{
	width:100%;
	height:auto;
	float:right;
	padding:10px;
	
}


}

@media (max-width: 650px) { 

#middle .header 
{
	width:100%;
    height:350px;
	background:url(Images/header2.jpg);
	background-size:100% 100%;
	
}
#middle .prolabel
{
	width:80%;
	height:auto;
	min-height:270px;
	padding:5px;
	margin:5px;
	
}

#middle .prolabel2
{
	width:80%;
	height:auto;
	padding:5px;
	margin:5px;
	float:left;
}
.img1
{
	max-width:100%;
	float:right;
}

}