@charset "utf-8";
/* CSS Document */



#header
{
	
	width:100%;
	height:500px;
} 

#menu1 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#060;
}

#menu1 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#030;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu1 a:hover
{
	background:#8cb4dd;
	color:#111;
}
#menu2 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#306;
}

#menu2 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu2 a:hover
{
	background:#8cb4dd;
	color:#111;
}
#menu3 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#660;
}

#menu3 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu3 a:hover
{
	background:#8cb4dd;
	color:#111;
}#menu4 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#75d1f7;
}

#menu4 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu4 a:hover
{
	background:#8cb4dd;
	color:#111;
}#menu5 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#a0cd3c;
}

#menu5 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu5 a:hover
{
	background:#8cb4dd;
	color:#111;
}
#menu6 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#ed4622;
}

#menu6 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu6 a:hover
{
	background:#8cb4dd;
	color:#111;
}#menu7 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#FF3;
}

#menu7 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu7 a:hover
{
	background:#8cb4dd;
	color:#111;
}#menu8 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#F90;
}

#menu8 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu8 a:hover
{
	background:#8cb4dd;
	color:#111;
}#menu9 {
	 width:100%;
     margin:0px;
     padding:0px;
	text-align:center;
	background:#ae8573;
}

#menu9 a
{
	max-width:100%;
	max-height:100%;
	padding:0 1.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:2;
		
}

#menu9 a:hover
{
	background:#8cb4dd;
	color:#111;
}
#middle
{
	width:71.5%;
	height:100%;
	background-color:#FFF;
	margin:0 auto;
}
#middle h2
{
	font-size:24px;
	color:#030;
	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:100px;
   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 .catlogue
{
	width:50%;
	float:right;
    height:auto;
	background:url(Images/catlog.jpg);
	background-size:100%;
}
#middle .vedio
{
	width:45%;
	float:left;
	padding:10px;
    height:auto;
	background-size:100%;
}
#middle .vedio video
{
	width:100%;
	height:auto;
}
#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:100%;
}

#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;
}


#middle .prolabel3
{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
}
.tabs ul{

    list-style: none;
    
}

    .tabs ul li:nth-child(1) {

         float: left;
       display:inline-block;
       width:250px;
       background:url(Images/Tab1.jpg);
       background-size:100% 100%;
    }
.tabs ul li{
       
       float: left;
       display:inline-block;
       width:250px;
       background:url(Images/Tab2.jpg);
       background-size:100% 100%;

    }
.tabs ul li h3 {
        font-family:sans-serif;
        color:#051940;
        padding:10px;
        margin:0;
        padding-left:5px;
    }

#middle .contact
{
	width:100%;
	height:23px;
    border-radius: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 */
}

#middle .contact-right {

   width:49%;
   height:auto;
   float:right;
   background:#e9e5dc;

}
span {
    cursor:pointer;
}
#middle .contact-left 
{
    width:50%;
    height:1100px;
    float:left;
}

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);
  
}
#goTop{
   
    padding:5px;
    position:fixed;
    top:-100px;
    right:10px;
}

#footer
{
	width:71.5%;
	height:300px;
	background:url(Images/footer.jpg);
	background-size:100% 100%;
	margin:0 auto;
}	

@media screen and (max-width: 800px)
{
	#wrapper 
{
	width:100%;
	height:100%;
	background-color:#FFF;
	margin:0 auto;
}
 
 #header
 {
   width:100%;
   height:400px; 	 
 }
#footer
{
	width:100%;
	height:500px;;
	background:url(Images/footer.jpg);
	background-size:100% 100%;
	margin:0 auto;
}	

#middle
{
	width:100%;
	height:100%;
	background-color:#FFF;
	margin:0 auto;
}
#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%;
}


}
@media screen and (max-width: 400px)
{
	#middle .alfabetiproduct {

    width:100%;
	height:100%;
    display: table;
  
}
#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;
}

}