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

@import "fontkit/stylesheet.css";

*{
	margin:0;
	padding:0
	}
	
body{
	font-family:  arial, Geneva, sans-serif ;
	text-align:center;
	background: #FFF url(../imgs/page-bg.png) repeat-x left top;	
	}

#clear{
	clear:both;
}



/***********  PRODUKT SELEKTOR  ********************/

.product-selector{
	overflow:hidden;
	height:1%;
	padding:0 0 28px 33px;
	background:#fefefe url(../imgs/bg-product-selector1.jpg) no-repeat 0 100%;
}
.product-selector .description{
	width:195px;
	margin:3px 1px 0 0;
	float:left;
	color:#394753;
	font-size:11px;
	line-height:19px;
}
.product-selector h3{
	margin:0 0 11px;
	color:#545454;
	font:29px/29px "PFHandbookProBold", Arial, Helvetica, sans-serif;
}
.product-selector p{margin:0;}
.product-selector .list-selector{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	font-size:10px;
	text-transform:uppercase;
	color:#545454;
}
.product-selector .list-selector li{
	float:left;
	text-align:center;
	margin:0 10px 0 0;
}
.product-selector .list-selector strong{
	display:block;
	margin:0 0 3px;
}
.product-selector .list-selector img{display:block;}




#topphoto{
	margin:0 auto;
	width:980px;
	}

#TekstHarta{
	width:90px;
	float:right;
	text-align:right;
	padding:20px 10px 0 0;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#666;
	}

/************* FEEDBACK FORM **********************/

.feedback-form{
	background: url(../imgs/bg-flopping-box-m.gif) repeat-y;
	width:700px;
	margin:0 auto;
	border:0;
}
.feedback-form .t{background: url(../imgs/bg-flopping-box-t.gif) no-repeat;}
.feedback-form .b{
	background: url(../imgs/bg-flopping-box-b.gif) no-repeat 0 100%;
	padding:1px;
	overflow:hidden;
	height:1%;
}
.feedback-form fieldset{margin:-2px 0 0; border:0 !important;}
.feedback-form input{
	display:block;
	margin:0;
	padding:0;
	border:0;
}
.feedback-form .row{
	overflow:hidden;
	height:1%;
	border-top:1px solid #ddd;
	padding:9px 11px 8px 2px;
}
.feedback-form label{
	float:left;
	width:122px;
	color:#545454;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	text-align:right;
	margin:3px 23px 0 0;
}
.feedback-form label span{display:block;}
.feedback-form .text{
	border:1px solid #b4b4b4;
	float:left;
	width:211px;
	padding:5px;
}
.feedback-form .city{
	float:left;
	margin:0 12px 0 0;
	display:inline;
}
.feedback-form .city .text{width:134px;}
.feedback-form .zip label{
	width:60px;
	margin:3px 15px 0 0;
}
.feedback-form .zip .text{width:78px;}
.feedback-form select{width:146px;}
.feedback-form .textarea{
	width:348px;
	float:left;
	border:1px solid #b4b4b4;
	padding:5px;
}
.feedback-form textarea{
	border:0;
	width:100%;
	overflow:auto;
	height:61px;
	max-width:348px;
}
.feedback-form .comment textarea{height:111px;}
.feedback-form .submit{
	float:right;
	background: url(../imgs/btn-submit.gif) no-repeat;
	width:104px;
	height:34px;
	overflow:hidden;
	text-indent:-9999em;
	line-height:0;
	cursor:pointer;
	margin:95px 0 0;
}





/************ LINJA ******************/


#linja_mat{
	margin:0 auto;
	background-color:#FFF;
	padding:15px;
	}


#fotoide{
	width:350px;
	margin: 10px;
	float:right;
	
	}
	
	
#fotoideText{
	width:300px;
	margin: 10px;
	float:left;
	color:#545454;
	font:15px/22px "PFHandbookProRegular", Arial, Helvetica, sans-serif;
	}	
	
#fotoide img{

	margin: 5px 0;
	
	}	




/********************* LISTA  EPRODUKTEVE *********************************/


#KategoriaKoka{
	position:relative;
	width:980px;
	height:100px;
	background: #FFF url(../imgs/kategoria_koka.jpg) no-repeat left top;
	}


#LinjaInfoBack, #LinjaInfoBack a{
	position:absolute;
	top:20px;
	right:20px;
	width:300px;
	text-align:right;
	font:normal 22px/30px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#369;
	text-decoration:none}
	
#LinjaInfoBack, #LinjaInfoBack a:hover{
	position:absolute;
	top:20px;
	right:20px;
	width:300px;
	text-align:right;
	font:normal 22px/30px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#F90;
	text-decoration:none}	


#ProduktTitullikategori{
	padding:25px 0 0 25px;
	}

#ProduktTitullikategori h1{
	font:normal 35px/33px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#5C9ADE;	
	}

#ProduktTitullikategori h2{
	font:normal 20px/33px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#5C9ADE;
	}



#lista_prodotti {
	padding-top:20px;
	width:709px;
	background: url(../img/back-prodotti-home.jpg);
}


#lista_prodotti .prodotto {
	width:230px;
	height:246px;
	float:left;
	position:relative;
	background: url(../imgs/bg_produkte2.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#lista_prodotti .puntatore_verde p {
	background-image: url(/imgs/puntatore_arancio.gif);
}

#lista_prodotti li {

	margin:10px 0 10px 1px;
	padding-bottom:20px;
	padding-right:5px;
	background: url(../img/ground_prodotti.png) no-repeat top left;
}

#lista_prodotti .prodotto div {
	width:230px;
	height:246px;
	background-position:30px 125px;
	background-repeat:no-repeat;
	display:block;

}
#lista_prodotti .prodotto h3 {
	margin-left:auto;
	margin-right:auto;
	text-align:left!important;
	padding:20px 0 20px 0;
	margin-bottom:10px;
	position:relative;
	
	display:block;



}
#lista_prodotti .prodotto h3 a {
	font:normal 18px/20px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-decoration:none;
	display:block;
	position:absolute;
	top:20px;
	text-align:left;
	padding:0 20px;
	left:0;
	width:198px;
	height:210px;
	color:#369;
	

	
}
#lista_prodotti .prodotto h3 a:hover {
	font:normal 18px/20px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-decoration:none;
	display:block;
	position:absolute;
	top:20px;
	text-align:left;
	color:#F90;
	padding:0 20px;
	left:0;
	width:198px;
	height:210px;
}
#lista_prodotti .prodotto p {
	padding: 0px 10px 5px 22px;
}
#lista_prodotti p {
	background-repeat:no-repeat;
	background-position:24px 150px;
	height:80%;
}
#lista_prodotti li {
	list-style-type:none;
}

.LinjaPershkrim{
	font:normal 16px/18px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#666;
	}














/************* zoom ****************/

body{margin:0px;padding:0px;font-family:Arial;}
a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
p, blockquote, dd, dt{margin:0 0 8px 0;line-height:1.5em;}
fieldset {padding:0px;padding-left:7px;padding-right:7px;padding-bottom:7px;}
fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
dl dd{margin:0px;}
dl dt{}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}

ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}

.jqzoom{

	text-decoration:none;
	float:left;
}

/************* zoom ****************/











#wrapper{
	margin:0 auto;
	text-align:left;
	}
	
#header{
	position:relative;
	height:110px;
	width:990px;
	margin:0 auto;
	}

#header2{
	position:relative;
	height:100px;
	width:990px;
	margin:0 auto;
	}

#slideshowMat{
	width:661px;
	height:109px;
	position:absolute;
	top:0;
	right:0;}


#Logo{
	width:423px;
	height:83px;
	position:absolute;
	top:15px;
	left:0;
}


#Logo2{
	width:416px;
	height:83px;
	position:absolute;
	top:12px;
	left:230px;
}

#gjuhet{
	position:absolute;
	top:80px;
	left: 870px;
	background: url(../imgs/bg-language.png) no-repeat top left;
	width:102px;
	height:26px;
	z-index:200;
	}


#gjuhet ul{
	list-style:none;
}

#gjuhet ul li{
	float:left;
	}
	
#gjuhet ul li a{
	padding:0 8px;
	font:normal 12px/26px Arial, Helvetica, sans-serif;
	color:#F60;
	text-decoration:none;
	}
#gjuhet ul li a:hover{
	padding:0 8px;
	font:normal 12px/26px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	}	
	

#adresa{
	background:#F60;
	padding:2px;
}

#adresaInfo{
	width: 940px;
	margin:0 auto;
	padding:0;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

#permbajtja{
	float:right;
	padding:20px;
	background-color:#FFF;
	margin:5px 0 0 0;
	width:630px;
	}


#permbajtja h1{
	font:normal 20px/26px "PFHandbookProRegular", Arial, Helvetica, sans-serif;
	color:#F90;	}

#permbajtja P{
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	}


#permbajtjaf1{
	width: 980px;
	margin:0 auto;
	padding:20px 5px;
	background-color:#FFF;
	}

#f1majtas{
	width:720px;
	float:left;
	}


#f1majtas p{
	margin: 0 5px 10px 0;
	padding:10px;
	color:#FFF;
	background-color:#888;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	}

#f1Harta{
	width:250px;
	float:right;
	border:1px solid #888;
	}
	
#f1Harta #titull{
	padding:4px;
	color:#fff;
	background-color:#888;
	font:normal 20px/20px "PFHandbookProBold", Arial, Helvetica, sans-serif
}
	

#kuadratf1{
	border:1px solid #888;
	width:233px;
	float:left;
	margin:0 5px 0 0;
	}
	
	
#kuadratfb{
	border:1px solid #888;
	width:233px;
	margin:10px auto;
	}	

#kuadratf1 #titull{
	padding:4px;
	color:#fff;
	background-color:#888;
	font:normal 18px/18px "PFHandbookProRegular", Arial, Helvetica, sans-serif
}

#kuadratfb #titull{
	padding:4px;
	color:#fff;
	background-color:#888;
	font:normal 18px/18px "PFHandbookProRegular", Arial, Helvetica, sans-serif
}






#produkti {
	width: 980px;
	margin:0 auto;
	padding:0;
	background-color:#FFF;
	}

#KolonaDjathtas{
	width: 240px;
	float:left;
	background-color:#FFF;
	margin: 0 30px 0 0;
	background:#FFF url(../imgs/bg_kolona.png) no-repeat top left; 
	}



#KolonaDjathtas h2{
	font: normal 30px/30px "PFHandbookProBold", Georgia, "Times New Roman", Times, serif;
	color:#399;
	text-align:left;
	margin:20px auto;
}



#KolonaDjathtas {
	float:left;
	width:240px;
}

#MenuProdukte{
	width:240px;
	}

#MenuProdukte h2{
	font:normal 30px/33px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#F60;
	}


#MenuProdukte UL{
	list-style:none;
	width:240px;
	}

#MenuProdukte UL li{
	list-style:none;
	padding:0;
	width:240px;
	border-bottom:1px dotted #d1d5e5;
	}
	
#MenuProdukte UL li p{
	list-style:none;
	padding:0 10px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#666;
	}	
	
#MenuProdukte UL li a{
	font:normal 18px/22px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding:0 10px;
	text-decoration:none;
	color:#369;
	display:block;

}	

#MenuProdukte UL li a:hover{
	font:normal 18px/22px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding:0 10px;
	text-decoration:none;
	background-color:#5C9ADE;
	color:#FFF;
	display:block;
}	




#Trupi{
	position:relative;

	}

#ProduktLinja{
	position:absolute;
	top:10px;
	right:20px;
	width:300px;
	text-align:right;
	font:normal 22px/30px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#369;}

#PershkrimFlash{
	position:absolute;
	top:60px;
	right:20px;
	width:300px;
	text-align:right;
	font:normal 16px/30px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#666;
	}

#produkti #Trupi{
	width: 709px;
	float:right;
	background-color:#FFF;
	margin: 0;
	}
	
#produkti #Trupi h1{
	font:normal 22px/30px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#F60;
	}	

#Teksti{
	font: normal 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 5px 0;
}

#Teksti b, #Teksti strong{
	font: bold 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 5px 0;
}

#Teksti a{
	font: normal 13px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F30;
	margin: 5px 0;
	text-decoration:none;
}

#Teksti a:hover{
	font: normal 13px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F30;
	margin: 5px 0; 
	text-decoration:underline;
}


#ModulRub{
	margin: 20px 0;
}


#TxtRub{
	font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	}



#rubshort{
	float: left;
	width: 500px;
	}

#rublong{
	float: left;
	width: 600px;
	}
	


#TitulliRub{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #F60;
	}


#fotoRubrike{
	float: left;
	margin-right:10px;
	padding: 2px;
	border: 1px solid #CCC;
	background-color: #fff;
}

.linkartikull, a.linkartikull{
	color: #F60;
	text-decoration: none;
	font: 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a.linkartikull:hover{
	color: #F60;
	text-decoration: underline;
	font: 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}	
	

#pagging{
	text-align: right;
	margin-top: 30px;
	border-top: 1px dotted #F60;
}


#fotoArtikulli{
	float: right;
	font-weight: normal;
	margin: 0 0 5px 9px;
	padding: 4px;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	}

.txtDiticura{
	font:11px/14px Arial, Helvetica, sans-serif;
	color: #333;
	white-space:normal;
	margin: 0;
}

#ProduktTitulli{
	padding:10px;
	}

#ProduktTitulli h1{
	font:normal 35px/33px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#5C9ADE;	
	}

#ProduktTitulli h2{
	font:normal 20px/33px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#5C9ADE;
	}

#FotoIlustrative{
	width:709px;
	height: 150px;
	border-bottom:1px solid #F90;
}
	

#FotoProdukti_Vetite{
	width:709px;
	}


#FotoProdukti{
	width:600px;
	float:left;
	}



.shiritivetite{
	width:60px;
	float:right;
	border-left:1px dotted #F60;
	}

#shiritivetite img{
	width:48px;
	height:48px;
	margin: 4px;
	}



#PseZgjedhja, #Pershkrim{
	margin:10px auto 20px auto;
	width:709px;
	}

#PseZgjedhja .TitulSkede, #Pershkrim .TitulSkede {
	width:100%;
	background-color:#EBEFF2;
}

#PseZgjedhja h4, #Pershkrim h4{
	font:normal 20px/33px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	color:#7C7F9A;
	font-size:23px;
	font-weight:normal;
	text-align:left;
	text-transform: uppercase;
	line-height:35px;
	margin-left:10px;
	}
	
#PseZgjedhja .Karakteristikat, #Pershkrim .Karakteristikat{
	margin:0 0 0 10px;
	padding-left:10px;
	padding-right:10px;
	display:block;

}
#PseZgjedhja .Karakteristikat li, #Pershkrim .Karakteristikat li {
	font:normal 18px/22px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	margin:5px 0 0 5px;
	padding:1px 0 5px 0px;
	list-style-type:disc;
	list-style-position:outside;
	color:#666;
}

#PseZgjedhja p, #Pershkrim p  {
	font:normal 16px/20px "PFHandbookProRegular",Georgia, "Times New Roman", Times, serif;
	margin:10px 0 0 0;
	padding:0;
	color:#666;
}

#PseZgjedhja .produkt_info img, #Pershkrim .produkt_info img {
	float:left;
	margin:10px 30px 0 0
}




















/****************** FOOTER **********************/

#footer{
	margin:0 auto;
	background: #f4f2f2 url(../imgs/footer_bg.png) repeat-x left top;
	}
#footerContent{
	width:980px;
	margin:0 auto;
	padding:10px;
	color:#FFF;}	
	
#HijaFooter	{
	margin:0 auto 10px auto;
	width:975px;
	height:22px;
	}
	
#footerLinks {
	width:980px;
	text-align:left;
	color:#666;
}

#footerLinks p{
	font: normal 10px/19px Arial, Helvetica, sans-serif;
	color:#333;
}

#footerLinks p a{
	font: normal 10px/19px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}

#footerLinks p a:hover{
	font: normal 10px/19px Arial, Helvetica, sans-serif;
	color:#F60;
}


#footer #info{
	width: 210px;
	float:left;
	padding: 0;
	margin: 0 50px 0 0;
}


#footer h4 {
	border-bottom: 1px dotted #444;
	font:normal 18px/17px "PFHandbookProBold", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#444;
	margin: 10px 30px 6px 0;
}

#footer #info ul {
	list-style-type: none;
	text-align: left;
	padding: 0;
	width:210px;
	
	float:left;

}

#footer ul li{
	padding-left: 5px;
	margin-top: 5px;
}

#footer ul li a {
	text-align: left;
	text-decoration: none;
	color:#333;
	font: normal 12px/15px "MetrophobicRegular", Arial, Helvetica, sans-serif;
}

#footer #info ul li a:hover {
    color:#F60;
}


#footer #kompania {
	float:right;
	width:150px;
	padding-left:10px;
	list-style:none;
	margin:0;
	border-left:1px solid #B4C7D8;
}

#footer #kompania ul{
	list-style:none;
	}
#footer #kompania ul li {
	text-align: left;
	text-decoration: none;
	color:#333;
	font: normal 13px/15px "MetrophobicRegular", Arial, Helvetica, sans-serif;
}
#footer #kompania h3 {
	color:#555;
	font-family: "PFHandbookProBold", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
}


#vendndodhja{
	margin:5px auto;
	text-align:center;}
	
#vendndodhja a{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#369;
	text-decoration:none;
	padding:1px 10px;
	}
	
#vendndodhja a:hover{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#F60;
	text-decoration:none;
	padding:1px 10px;
	}	
	
	
	
	
#htmlform td{
	padding:4px;
	}	
	
#htmlform #inputi, #htmlform #comments{
	padding:2px;
	border:1px solid #999;
	width:300px;
	}