/*CSS Index*/
*{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	text-align: left;
	list-style-image:none;
	border:0px none;
}
.clear{
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	visibility: hidden;
	height: 1px;
}
img{
	border: none;
}
a{
	color: #333;
	outline: none;
}
h1{
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 12px;
}
h2{
	font-size: 16px;
	font-weight: bold;
	margin-top:10px;
}
h3{
	font-size: 12px;
}
h4{
	font-size: 11px;
}
h5{
	font-size: 10px;
}
.body{
	background: #59b4f4 url(../images/body-bgr.gif) no-repeat;
	background-position: 50% 100%;
	float:left;
	width:100%;
	height:100%;
}
.entirebody{
	width:957px;
	margin:0 auto;
}
.entirebody-middle{
	background:url(../images/entirebody-middle-bg.png) repeat-y;
	margin: 0px auto;
	width: 957px;
	min-height:680px;
	float:left;
}
.entierbody-top{
	background:url(../images/entirebody-top-bg.png) no-repeat;
	min-height:20px;
	margin: 0px auto;
	width: 957px;
	margin-top:48px;
}
.entierbody-bottom{
	background:url(../images/entirebody-bottom-bg.png) no-repeat;
	margin: 0px auto;
	width: 957px;
	min-height:20px;
	float:left;
}
.top{
	float:left;
	position:relative;
	width:957px;
	margin-top:-61px;
}
.logo{
	position:absolute;
	padding-left:312px;
	padding-top:73px;
	
}
.top a{
	cursor:pointer;

}
.prokid{
	background:url(../images/prokid-logo.png) no-repeat;
}
.procredit{
	margin-top:7px;
	padding-left:207px;
	right:0px;
	background:url(../images/procredit-logo.png) no-repeat;
}
.left-nav{
	display:inline;
	margin-top:30px;
	float:left;
	background:url(../images/ul-left-bottom-bg.png) no-repeat right bottom;
	//background:url(../images/ul-left-bottom-bg.gif) no-repeat right bottom;
	padding-bottom:17px;
	width:227px;
}
.left-nav ul {
	padding-top:12px;
	float:left;
	background:url(../images/ul-left-bg.gif) no-repeat right top;
	background-position: right top;
	background-repeat:no-repeat;
	width:227px;
}
ul.left-nav-ul li{
	float:none;
	height: 68px;
	width:230px;
	display:block;
	margin-bottom:3px;
}
* html .left-nav-ul li{
	margin-bottom:0px;
}
ul.left-nav-ul li a{
	float:left;
	height:27px;
	padding-top:24px;
	width:150px;
	display:block;
	padding-left:80px;
	padding-bottom:16px;
	position:relative;
}
ul.left-nav-ul li.perne a{
	background:url(../images/per-ne-a.gif) no-repeat 80px center;
}
ul.left-nav-ul li.perne a:hover, ul.left-nav-ul li.perne a.active{
	background:url(../images/per-ne-a-aktive.gif) no-repeat 80px center;
}
ul.left-nav-ul li.kursime a{
	background:url(../images/kursime.gif) no-repeat 80px center;
}
ul.left-nav-ul li.kursime a:hover, ul.left-nav-ul li.kursime a.active{
	background:url(../images/kursime-aktive.gif) no-repeat 80px center;
}
ul.left-nav-ul li.aktivitete a{
	background:url(../images/aktivitete.gif) no-repeat 80px center;
}
ul.left-nav-ul li.aktivitete a:hover, ul.left-nav-ul li.aktivitete a.active{
	background:url(../images/aktivitete-active.gif) no-repeat 80px center;
}
ul.left-nav-ul li.eko-per-femije a{
	background:url(../images/eko-per-femije.gif) no-repeat 80px center;
}
ul.left-nav-ul li.eko-per-femije a:hover, ul.left-nav-ul li.eko-per-femije a.active{
	background:url(../images/eko-per-femije-active.gif) no-repeat 80px center;
}
ul.left-nav-ul li.lojra a{
	background:url(../images/lojra.gif) no-repeat 80px center;
}
ul.left-nav-ul li.lojra a:hover, ul.left-nav-ul li.lojra a.active{
	background:url(../images/lojra-active.gif) no-repeat 80px center;
}
ul.left-nav-ul li.publikime a{
	background:url(../images/publikime.gif) no-repeat 80px center;
}
ul.left-nav-ul li.publikime a:hover, ul.left-nav-ul li.publikime a.active{
	background:url(../images/publikime-active.gif) no-repeat 80px center;
}
ul.left-nav-ul li.posta a{
	background:url(../images/posta.gif) no-repeat 80px center;
}
ul.left-nav-ul li.posta a:hover, ul.left-nav-ul li.posta a.active{
	background:url(../images/posta-active.gif) no-repeat 80px center;
}


ul.left-nav-ul li a img{
	position:relative;
}
ul.left-nav-ul li.perne{
	float:none;
	background:url(../images/per-ne.png) no-repeat left center;
	display:block;	
}
ul.left-nav-ul li.kursime{
	float:none;
	background:url(../images/kursime.png) no-repeat left center;
}
ul.left-nav-ul li.aktivitete{
	float:none;
	background:url(../images/aktivitete.png) no-repeat left center;
}
ul.left-nav-ul li.eko-per-femije{
	float:none;
	background:url(../images/eko-per-femije.png) no-repeat left center;
}
ul.left-nav-ul li.lojra{
	float:none;
	background:url(../images/lojra.png) no-repeat left center;
}
ul.left-nav-ul li.publikime{
	float:none;
	background:url(../images/publikime.png) no-repeat left center;
}
ul.left-nav-ul li.posta{
	float:none;
	background:url(../images/posta.png) no-repeat left center;
	margin-bottom:0px;
}

/****** container *****/
.container{
	float:left;
	width:473px;
	position:relative;
	margin-top:35px;
	margin-left:15px;
	display:inline;
}
.container h1, .container p{
	margin-left:19px;
	width:95%;
	//margin-left:10px;
	float:left;
}
.container .article_desc p {
	margin-left:19px;
	width:95%;
	//margin-left:10px;
	float:none;
}
.container p{
	font-size:12px;
}
.container h1{
	display:inline;
}
.container p.short-text{
	margin-top:8px;
	width:286px;
	color:#921869;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	padding-bottom:12px;
}
.container p.home-content{
	margin-top:8px;
	width:386px;
	color:#000;
	font-weight:normal;
	font-family:arial;
	font-size:12px;
	padding-bottom:12px;
}
.prokidi-snowboard{
	background:url(../images/prokidi-snowboard.png) no-repeat left center;
	float:none;
	height:154px;
	position:absolute;
	right:-14px;
	top:-80px;
	width:168px;
}
.box-top{
	background:url(../images/box-top.png) no-repeat left center;
	min-height:20px;
	width:480px;
	margin-top:15px;
	float:left;
}
.box-content{
	float:left;
	width:442px;
	background:url(../images/box-content.png) repeat-y left center;
	padding-left:23px;
	padding-right:15px;
}
.box-bottom{
	float:left;
	min-height:20px;
	width:480px;
	background:url(../images/box-bottom.png) no-repeat left center;
	margin-bottom:9px;
}
* html .box-bottom{
	float:none;
}
.logo-qk3{
	left:0;
	margin-left:39px;
	margin-top:-29px;
	min-height:37px;
	height:37px;
	position:absolute;
	width:156px;
	background:url(../images/logo-qk3.png) no-repeat left center;
}
.prokids_artwork-logo{
	left:0;
	margin-left:39px;
	margin-top:-29px;
	min-height:37px;
	height:37px;
	position:absolute;
	width:251px;
	background:url(../images/prokids_artwork.png) no-repeat left center;
}
.box-content ul{
	position:relative;
	float:left;
	padding-top:20px;
	width:442px;
}
.box-content ul li img{
	border:#cdcdcd 2px solid;
	float:left;
	margin-left:3px;
	margin-right:8px;
}
.box-content ul li.first .images img{
	border:none;
}
.box-content ul li {
	float:left;
	display:block;
	background:none;
	padding-left:0;
}
.box-content ul li.first{
	width:100%;
	padding-top:0px;
	padding-bottom:16px;
}
.box-content ul li{
	padding-left:0;
	background:none;
}
.box-content ul li a{
	float:left;
	width:100%;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	color:#7e7b6f;
}
.box-content ul li.first a{
float:left;
width:100%;
cursor:pointer;
}
.box-content ul li.first a span{
	font-weight:bold;
	font-family:arial;
	color:#9b1a70;
	font-size:12px;
	display:block;
}
.box-content ul li.first  a {
	font-weight:normal;
	font-family:arial;
	color:#000;
	font-size:12px;
}
.images img.img_first{
	margin-top:-10px;
}

.images img.img_first, .article_img img.img_first {
	left:0 !important;
	display:-moz-stack;
	float:left;
	position:absolute;
	text-align:center;
}
.images {
	border:medium none;
	display:inline;
	float:left;
	height:78px;
	margin-right:4px;
	overflow:hidden;
	padding-right:14px;
	position:relative;
	width:96px;
}
.article_img{
	display:inline;
	float:left;
	height:139px;
	margin-right:4px;
	overflow:hidden;
	padding-right:14px;
	position:relative;
	width:166px;
	border:none;
	margin-left: 17px;
}
.images img.corner, .article_img img.corner{
	margin-left:0;
	margin-top:0;
	position:absolute;
}

/*** right-coloumn ***/
.right-coloumn{
	margin-top:23px;
	float:right;
	width:220px;
	display:inline;
	margin-right:15px;
	position:relative;
}
.a-e-din{
	left:0px;
	margin-top:-29px;
	min-height:37px;
	height:37px;
	margin-left:14px;
	position:absolute;
	width:251px;
	background:url(../images/a-e-din.png) no-repeat left center;
}
.white-top{
	background:url(../images/right-box-top.png) no-repeat left center;
}
.green-top{
	background:url(../images/right-box-top-green.gif) no-repeat left center;
}
.right-box-top{
	min-height:20px;
	width:220px;
	margin-top:10px;
	float:left;
}
.white-content{
	background:url(../images/right-box-content.png) repeat-y left center;
}
.green-content{
	background:url(../images/right-box-content-green.gif) repeat-y left center;
}
.right-box-content{
	float:left;
	width:182px;
	
	padding-bottom:20px;
	padding-left:23px;
	padding-right:15px;
}
.white-bottom{
background:url(../images/right-box-bottom.png) no-repeat left center;
}
.green-bottom{
background:url(../images/right-box-bottom-green.gif) no-repeat left center;
}
.right-box-bottom{
	float:left;
	min-height:20px;
	width:220px;
	
}
* html .right-box-bottom{
	float:none;
}
.right-box-content ul{
	display:inline;
	float:left;
	margin-top:20px;
	position:relative;
	margin-bottom:10px;
}
.white-content ul li{
	/**background:transparent url(../images/li-right-article.gif) no-repeat scroll left 4px;**/
}
.green-content ul li{
	background:transparent url(../images/li-right-article-green.gif) no-repeat scroll left 4px;
}
.right-box-content ul li{
	border:medium none;
	display:block;
	padding-bottom:19px;
	padding-left:17px;	
	float:left;
}
.right-box-content ul li.last{
	border-bottom:none;
}
.right-box-content ul li h1{
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	padding-bottom:11px;
}
.right-box-content ul li p{
	font-family:arial;
	font-weight:regular;
	font-size:12px;
	color:#000;
	padding-bottom:8px;
}
a.read-more{
	padding:4px 0px 6px 20px;
	float:left;
}
.right-box-content ul li.first h1, .right-box-content ul li.first  a,h2.gray{
	color:#007c58;
}
.right-box-content ul li.first  a{
	background:url(../images/a-more-first.gif) no-repeat left center;
}
.right-box-content ul li.middle h1, .right-box-content ul li.middle a ,h2.purple{
	color:#97196d;
}
.right-box-content ul li.middle a {
	background:url(../images/a-more-middle.gif) no-repeat left center;
}
.right-box-content ul li.last h1, .right-box-content ul li.last a,h2.yellow{
	color:#cdab02;
}
.right-box-content ul li.last a{
	background:url(../images/a-more-last.gif) no-repeat left center;
}
.right-box-content ul li img{
	float:right;
}

.memory-game{
	border:medium none;
	display:inline;
	float:left;
	height:193px;
	margin-right:4px;
	overflow:hidden;
	padding-right:14px;
	position:relative;
	width:207px;
}
.memory-game img.image-games {
	float:none;
	display:inline;
	left:10px ;
	position:absolute;
	top:6px;
	z-index:10;
}
* html .memory-game img.image-games {
	float:none;
}
.memory-game a{
	margin-left:0;
	margin-top:0;
	height:193px;
	min-height:193px;
	padding-left:222px;
	position:absolute;
	corser:pointer;
	z-index:1000;
	background: transparent url(../images/corner-play.png) no-repeat left center;
	float:left;
}
* html .memory-game a{
	padding-bottom:20px;
}
.right-coloumn h1.luaj{
	background: transparent url(../images/game-luaj.png) no-repeat left center;
	left:13px;
	position:absolute;
	top:-11px;
	z-index:2000;
	width:86px;
	height:34px;
	min-height:34px;
}
.box-content ul.prokids_artwork{
	width:298px;
	padding-top:2px;
	position:relative;
	height:127px;
	overflow:hidden;
	
	
}
.gall{
padding-top:37px;
}
.box-content ul.prokids_artwork li{
	width:90px;
	margin-left:0px;
	margin-right:6px;
	background:None;
	padding-left:0px;
}
.box-content ul.prokids_artwork li a{
	position:relative;
	width:90px;
	height:97px;
}
a.corner-images{
	height:97px;
	width:90px;
	border:medium none;
	display:inline;
	float:left;
	overflow:hidden;
	position:relative;
}
a.corner-images img.img_first{
	display:-moz-stack;
	float:left;
	left:0 !important;
	position:absolute;
	text-align:center;
}
a.corner-images img.corner-artwork {
	margin-left:0;
	margin-top:0;
	position:absolute;
}
a.prew{
	background: transparent url(../images/prew.gif) no-repeat left center;
	padding-left:44px;
	padding-top:44px;
	float:left;
	position:relative;
	top:55px;
	margin-left:36px;
}
a.next{
	background: transparent url(../images/next.gif) no-repeat left center;
	padding-left:44px;
	padding-top:44px;
	float:left;
	position:relative;
	top:55px;
}

/*****  footer  ****/
.footer{
	float:left;
	height:201px;
	width:957px;
	position:relative;
}
.prokid-shoket {
	margin-top:-142px;
	position:absolute;
	padding-top:296px;
	padding-left:336px;
	background: transparent url(../images/prokid-shoket.png) no-repeat left center;
}
.footer-aktivitete {
	left:377px;
	margin-top:-50px;
	padding-left:255px;
	padding-top:174px;
	position:absolute;
	dispplay:inline;
	background: transparent url(../images/footer-aktivitete-bg.png) no-repeat left center;
}
a.footer-procredit{
	position:relative;
	float:right;
	cursor:pointer;
	margin-top:-50px;
}

span.footer-copy-right{
	left:350px;
	margin-top:167px;
	padding-left:250px;
	padding-top:28px;
	position:absolute;
	dispplay:inline;
	background: transparent url(../images/footer-copy-right.png) no-repeat left center;
}

/***star of secion: "Eko per femij"**/
.button{
	background:#fff url(../images/button-bg.gif) no-repeat left top;
	float:left;
	padding-left:18px;
	margin-bottom:25px;
	display:inline;
}
.button-end{
	background:#fff url(../images/button-end-bg.gif) no-repeat right top;
	float:left;
	width:18px;
	height:48px;
}
.button a{
	background:url(../images/a-button-bg.png) no-repeat left top;
	float:left;
	margin-top:4px;
	margin-right:6px;
}
.button a.last{
	margin-right:0px;
}
.button a span{
	background:url(../images/span-a-button-bg.png) no-repeat right top;
	float:left;
	padding:0px 11px 0px 12px
}
.button a:hover, .button a.active{
	background: url(../images/a-button-active-bg.png) no-repeat left top;	
}
.button a:hover span, .button a.active span{
	background: url(../images/span-a-button-active-bg.png) no-repeat right top;
}
.button a span img{
	padding:14px 0;
}
h1.article-h1{
	display:block;	
}
p.short-text-article{
	float:left;
	color:#444;
	font-weight:bold;
	width:95%;
	margin-bottom:10px;
}
.shpenzimet-shtepiake{
	margin-top:10px;
	display:inline;
	margin-bottom:117px;
}
.image-eko{
	margin-left:305px;
	position:absolute;
	margin-top:-173px;
	z-index:10;
}
.right-box-content h1 img, .right-box-content h1 span{
	position:absolute;
	margin-left:-17px;
	top:0px;
}
ul.right-article{
	display:inline;
	margin-top:40px;
}
.container ol{
	margin-left:36px;
}
.container ol li{
list-style-type: decimal;
background:none;
margin-left:0px;
}
ul.right-article li {
display:block;
}
ul.right-article li, ol li{
	background: url(../images/li-right-article.gif) no-repeat left 4px;
	border:medium none;
	padding-left:17px;
	
	padding-bottom:19px;
}
.center-img{
	margin-left:10px;
}
.container p{
	margin-bottom:5px;
}
.right{
	float:right;
}
.proshure-list .button{
	display:block;
	float:left;
	
}
.proshure-list img{
	float:left;
}
.proshure-list h1{
	float:left;
	width:50%;
}
.proshure-list p{
	color:#000000;
float:left;
font-family:arial;
font-size:12px;
font-weight:normal;
height:104px;
margin-top:8px;
padding-bottom:12px;
width:62%;
}
.box-content ul li a span{
	display:block;
}
img.mask{
	position: absolute;
}
.image-holder{
	float: left;
	width: 83px;
	margin-right: 10px;
}
.container ul.article{
	display:inline;
	margin-bottom:80px;
	margin-top: 20px;
	float:left;
	margin-left:15px;
}
.container ul.article p{
	margin-left:0px;
}
.activitete-color{
	color:#fe5500;
}
.container ul.article li.item{
	display:block;
	float:left;
	margin-bottom:10px;
}
ul.game-list {
	display:inline;
float:left;
margin-left:33px;
margin-top:20px;
	
}
ul.game-list li{
	margin-bottom:  10px;
}
ul.game-list li a{
	font-weight:bold;
	color: #000;

}
ul.game-list li a:hover{
	text-decoration:underline;
}
ul.article-list{
	float:left;
	width:90%;
	margin-left:20px;
	display:inline;
	margin-bottom:79px;
}
ul.article-list li{
float:left;
width:100%;
margin-bottom:4px;
margin-top:6px;
border-bottom:1px #b9b9b9 solid;

}
ul.article-list li a img, img.article_img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	display:inline;
	border:2px #b9b9b9 solid;
	margin-top:5px;

}
ul.article-list li a h1{
	display:block;
	font-size: 14px;
	
}
ul.article-list li a h1,ul.article-list li a p{
	margin-left:0px;
}
/* faqosja - Sopa*/

.container ul.pagination{
	float:left;
padding-bottom:144px;
margin-top:-53px;
text-align:center;
width:100%;
}
.container ul.pagination li{
	float:left;
	display: inline;
	background: none;
	padding-left: 5px;
	font-weight: bold;
}
.container ul.pagination li.inactive a{
	color: #000;
}
.container ul.pagination li a{
	font-weight: normal;
	display:block;
	float:left;
	padding-bottom:4px;
	padding-top:4px;
	text-align:center;
	width:22px;
}
.container ul.pagination li a.active{
	font-weight: bold;

}
.container ul.pagination li a:hover{
	text-decoration:none;
}

ul.pagination li a.prev, ul.pagination li a.active{
	background: url(../images/prapa.gif) no-repeat;
}
ul.pagination li a.middle{
	background: url(../images/middle.gif) no-repeat;
}
ul.pagination li a.start{
	background: url(../images/start.gif) no-repeat;
}
ul.pagination li a.next{
	background: url(../images/next1.gif) no-repeat;
	top:0;
	padding-left:0px;
}
ul.pagination li a.end{
	background: url(../images/end.gif) no-repeat;
}

ul.pagination li a.prev:hover{
	background: url(../images/prapa-hover.gif) no-repeat;
}
ul.pagination li a.middle{
	background: url(../images/middle.gif) no-repeat;
}
ul.pagination li a.start:hover{
	background: url(../images/start-hover.gif) no-repeat;
}
ul.pagination li a.next:hover{
	background: url(../images/next1-hover.gif) no-repeat;
}
ul.pagination li a.end:hover{
	background: url(../images/end-hover.gif) no-repeat;
}

.container h2{
	display:block;
	float:left;
	margin-bottom:5px;
	margin-left:17px;
	//margin-left:10px;
	width:90%;
}
.container .article_desc h2 {
	float: none;
}
.container ul.article li h2, .container ul.article li p{
	margin-left:0;
	width:353px;
}
.container ul.game-list li{
	float:left;
	background:none;
}
.container ul.game-list li.first{
	margin-right:5px;
}
.container ul.game-list{
	margin-left:10px;
	display:inline;
	
}
.images-game {
border:medium none;
display:inline;
float:left;
height:201px;
margin-right:4px;
overflow:hidden;
padding-right:14px;
position:relative;
width:211px;
cursor:pointer;
}
.images-game img.img_first {
display:-moz-stack;
float:left;
left:0 !important;
position:absolute;
text-align:center;
}
.images-game img.corner {
margin-left:0;
margin-top:0;
position:absolute;
}
.images-game span{
	position:absolute;
	bottom:15px;
	font-weight:bold;
	font-family:arial;
	font-size:14px;
	margin-left:13px;
	margin-left:13px;
	cursor:pointer;
}
.images-game ul li a{
	position:relative;
	cursor:pointer;
	z-index:10;
}
img.content-img {
	float:right;
	margin-right:15px;
}
p.news{
	width:287px;
}
.container ul{
	display:inline;
	margin-left:15px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.container ul li{
	background: url(../images/pika-li.gif) no-repeat 0px 4px;
	display:block;
	padding-bottom:4px;
	padding-left:15px;
	//padding-left:0px;
}
ul.article li{
	background:none;
	display:Inline;
	padding-left:0;
}
ul.pagination li{
	background:none;
}
.box-content ul.qk3 li{
	padding-left:0px;
	background:none;
}
.box-content ul.qk3 {
	margin-left:0px;
}
.game{
	text-align: center;
} 
p.last{
	margin-bottom: 80px;
}
.article_desc{
	float:left;
}
.resurset{
	background: url(../images/resurset-bg.gif) no-repeat left top;
	float:left;
height:305px;
padding-top:13px;
width:470px;
}
.resurset p, .resurset h1{
	margin-left:19px;
	display:inline;
}

.faktet-top{
	background: url(../images/faktet-top.gif) no-repeat left top;
	float:left;
height:11px;
width:468px;
}
.faktet-content{
	background: url(../images/faktet-content.gif) repeat-y left top;
	width:458px;
	float:left;
	padding-right:10px;
	margin-top:-1px;
}
.faktet-bottom{
	background: url(../images/faktet-bottom.gif) no-repeat left top;
	float:left;
height:12px;
width:468px;
}

.faktet-content img{
	margin-left:10px;
}

dt.send input{
background: url(../images/send.gif) no-repeat left top;
padding-top:17px;
	border:none;
	width:85px;
}
dt input, dt textarea{
	border: 1px solid #ecebe7;
	margin-bottom:10px;
	padding:4px;
}
dl dd{
	font-weight:normal;
	font-family:arial;
	font-size: 17px;
}
.energjia {
background: url(../images/energjia-bg.gif) no-repeat left top;
float:left;
height:317px;
}
.energjia h1{
	margin-left:18px;
	padding-top:13px;
}
.energjia p{
	float:left;
	width:330px;
}

.faktet-content h1{
	margin-left:8px;
	padding-left:0;
	padding-top:5px;
}
.app-form form{
	margin-left:19px;
	display:Inline;
	float:left;
} 
.proshure-list {
	float: left;
}
.article_you_know {
	width: 100%;
	text-align:center;
}