/*
Theme Name: INFRAKOS Uebi
Theme URI: http://www.infrakos.com
Author: Burim Avdiu
Author URI: http://www.probit-ks.com
Description: Ueb portali invormativ i INFRAKOS
Version: 1.0
*/


body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

body
{
    background-image: url(images/bg_pixel.png);
    background-repeat: repeat-x;
    background-color: #fafafa;
    background-position: 0 top;
    margin: 0;
    text-align: center;
}

.separator
{
    clear: both;
}
#wrapper
{
    margin:0 auto;
    text-align:center;
    background-image: url(images/wrapper_pixel.png);
    background-repeat: repeat-y;
    background-position: 0 top;
    width: 882px !important;
    height: 700px !important;
}
#wrapper_header
{
    margin:0 auto;
    text-align:center;
    width: 882px !important;
    height: 375px;
}
#header
{
    background-position: 0 top;
    width: 882px !important;
    height: auto;
    overflow:hidden;
}

#header #menu_gjuha_search
{
    float: left;
    width: 880px;
    height: 90px;

}
#header #menu_gjuha_search #menu
{
    float: left;
    width: 880px;
    height: 37px;
    overflow: hidden;
}
#header #menu_gjuha_search #menu #left
{
    float: left;
    margin-left:3px;
    width: 7px;
    height: 37px;
    background-image: url(images/menu_left.png);
    background-repeat: repeat-x;
    overflow: hidden;
}
#header #menu_gjuha_search #menu #right
{
    float: right;
    margin-right:2px;
    width: 6px;
    height: 37px;
    background-image: url(images/menu_right.png);
    background-repeat: repeat-x;
    overflow: hidden;
}
#header #menu_gjuha_search #menu #sep
{
    float: left;
    width: 361px;
    height: 37px;
    background-image: url(images/_menu_left.png);
    background-repeat: repeat-x;
    overflow: hidden;
}
#header #menu_gjuha_search #menu #logo-top
{
    float: left;
    width: 140px;
    height: 37px;
    background-image: url(images/menu_logo_top.png);
    background-repeat: repeat-x;
    overflow: hidden;
}
#header #menu_gjuha_search #menu ul
{
    float:left;
    width:350px;
    text-align: center;
    margin-left: 10px;
}
#header #menu_gjuha_search #menu ul li
{
    float:left;
    text-align: center;
}
#header #menu_gjuha_search #menu ul li a
{
    float:left;
    margin-bottom:10px;
    margin-left:20px;
    padding-top:10px;
    text-decoration: none;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: center;
	text-transform: uppercase;

}
#header #menu_gjuha_search #menu ul li a:hover
{
    font-weight: bold;
    color: #7a7a7a;
}
#header #menu_gjuha_search #menu ul li.active a
{
    font-weight: bold;
}
#header #menu_gjuha_search #menu ul li.current_page_item > a,
#header #menu_gjuha_search #menu ul li.current-menu-ancestor > a,
#header #menu_gjuha_search #menu ul li.current-page-ancestor > a,
#header #menu_gjuha_search #menu ul li.current-menu-item > a,
#header #menu_gjuha_search #menu ul li.current-page-parent > a,
#header #menu_gjuha_search #menu ul li.current-menu-parent > a {
	color: #c6c3bd;
}
#header #menu_gjuha_search #gjuha_search
{
    float: left;
    width: 880px;
    height: 53px;
}
#header #menu_gjuha_search #gjuha_search #gjuha
{
    float: left;
    margin: 0;
    padding: 0;
    width: 350px;
    height: 38px;
}
#header #menu_gjuha_search #gjuha_search #gjuha  ul
{
    float: left;
    margin: 0;
    list-style: none;
    margin-left: 10px;
    margin-top: 25px;
}
#header #menu_gjuha_search #gjuha_search #gjuha ul li
{
    float: left;
    text-align: left;
    background-image: url(images/gjuha_sep.png);
    background-repeat: no-repeat;
}
#header #menu_gjuha_search #gjuha_search #gjuha ul li a
{
    float: left;
    margin: 0px;
    padding: 0px;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #7a7a7a;
    text-decoration: none;
    margin-left: 7px;
    margin-right: 7px;
    
}

#header #menu_gjuha_search #gjuha_search #gjuha ul li a:hover
{
    font-weight: bold;
}
#header #menu_gjuha_search #gjuha_search #gjuha ul li.active a
{
    font-weight: bold;
}
#header #menu_gjuha_search #gjuha_search #gjuha ul li.first
{
    background-image: none;
}
#header #menu_gjuha_search #gjuha_search #logo-bottom
{
    float: left;
    margin-left: 21px;
    width: 140px;
    height: 42px;
    background-image: url(images/menu_logo_bottom.png);
    background-repeat: repeat-x;
    overflow: hidden;
}

#header #menu_gjuha_search #gjuha_search #search
{
    float: right;
    width: 340px;
    height: 53px;
    margin: 0;
}
#header #menu_gjuha_search #gjuha_search #search #searchform
{
    float: right;
    margin-top:20px; 
    margin-right: 10px;
}
#header #menu_gjuha_search #gjuha_search #search #searchform #pres
{
    float: left;
    background-image: url(images/pre_search_box.png);
    background-position: left;
    background-repeat: no-repeat;
    border: 0px;
    margin : 0px;
    width: 4px;
    height: 26px;
}
#header #menu_gjuha_search #gjuha_search #search #searchform #searchsubmit
{
    float: left;
    border:0px;
    background-image: url(images/search_button.png);
    width:26px;
    height: 26px;
    cursor: pointer;
}
#header #menu_gjuha_search #gjuha_search #search #searchform #s
{
    float: left;
    background-image: url(images/search_box.png);
    background-repeat: repeat-x;
    border:0px;
    margin : 0px;
    padding-top: 6px;
    width:145px;
    font-family: Tahoma;
    color:#d02513;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    height: 20px;
    overflow:hidden;
}

#wrapper_content
{
    float: left;
    margin:0 auto;
    text-align:center;
    width: 880px !important;
    height: auto;
    background-image: url(images/content_pixel.png);
    background-repeat: repeat-y;
    margin-top:1px;
    overflow: hidden;
}
#wrapper_content #precontent
{
    float: left;
    margin:0 auto;
    text-align:center;
    width: 882px !important;
    height: 22px !important;
    background-image: url(images/pre_content_bg.png);
}

#wrapper_content #sidebar
{
    float: left;
    text-align:center;
    margin-left: 1px;
    width: 210px !important;
    height: auto;
    margin-top:1px;
    overflow: hidden;
}
#wrapper_content #sidebar .box
{
    float: left;
    width: 205px ;
    height: auto ;
    overflow: hidden;
}
#wrapper_content #sidebar .box #buttons
{
    width: 200px;
	height: 220px;
	margin-top:10px;
	margin-bottom:0px;
}
#wrapper_content #sidebar .box #buttons #left
{
	float:left;
	margin-top:5px;
	height:200px;
	width: 31px;
	background-image: url(images/buttons_left.png);
	background-repeat:no-repeat;
}
#wrapper_content #sidebar .box #buttons ul
{
	padding-top:10px;
	margin-top:30px;
	list-style:none;
	list-style-image:none;
}
#wrapper_content #sidebar .box #buttons ul li
{
	list-style:none;
	list-style-image:none;
	height:30px;
	width: 165px;
	background-image: url(images/button.png);
	background-repeat:no-repeat;
	padding-top:5px;
}
#wrapper_content #sidebar .box #buttons ul li:first-child
{
	margin-top:20px;
}
#wrapper_content #sidebar .box #buttons ul li a
{
	margin-left:25px;
	text-decoration:none;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #df0b46;
	font-weight: bold;
	text-transform: none;
    text-align: justify;
	
}
#wrapper_content #sidebar .box #buttons ul li a:hover
{
    text-decoration:underline;
}
#wrapper_content #sidebar .box .fb-like-box
{
    float: left;
    width: 200px;
    height: 340px;
	margin-top:7px;
	margin-bottom:3px;
	margin-left:7px;
    overflow: hidden;
}
/* =========================================================
==================SUBMENU ===========================*/

#wrapper_content #sidebar .box  .submenu
{
    float: left;
    width: 205px ;
	height:auto;
	display: inline;
    overflow: hidden;
}

#wrapper_content #sidebar .box  .submenu ul
{
	margin:0;
	padding:0;
    text-align: left;
	list-style: square url(images/links.png) outside !important;
}

#wrapper_content #sidebar .box  .submenu ul li
{
    padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:8px;
	margin:0px;
	background-image: url(images/submenu_separator.png);
	background-repeat:no-repeat;
}
#wrapper_content #sidebar .box  .submenu ul li 
{
	float:left;
	width:170px;
	margin-left:5px;
	padding-top:5px;
	overflow:hidden;
	
}
#wrapper_content #sidebar .box  .submenu ul li a
{
	text-decoration:none;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #bc1906;
	text-transform: none;
    text-align: left;
}
#wrapper_content #sidebar .box ul li ul
{
    float:left;
	margin:0;
	padding:0;
	margin-left:20px;
    text-align: left;
	list-style: none inside !important;
}
#wrapper_content #sidebar .box ul li ul li
{
    float:left;
	margin:0;
	padding:0;
	margin-left: 3px;
    text-align: left;
	width:160px;
	background-image:none;
	
}
#wrapper_content #sidebar .box ul li ul li:before 
{  
	content: " - ";
}
#wrapper_content #sidebar .box ul li ul li a
{
    text-align: left;
	margin:0;
	padding:0;
	margin-left:3px;
	margin-top:3px;
}
#wrapper_content #sidebar .box ul li a:hover
{
    font-weight: bold;
    color: #df0b46;
}
#wrapper_content #sidebar .box ul li.active a
{
    font-weight: bold;
}
#wrapper_content #sidebar .box ul li:first-child
{
    background-image:none;
}
#wrapper_content #sidebar .box ul ul li.current_page_item > a,
#wrapper_content #sidebar .box ul ul li.current-menu-ancestor > a,
#wrapper_content #sidebar .box ul ul li.current-menu-item > a,
#wrapper_content #sidebar .box ul ul li.current-menu-parent > a {
	color: #af2d27;
}
/* =========================================================
==================END OF SUBMENU ===========================*/

#wrapper_content #sidebar .box #gallery 
{
	float: left;
	margin-left: 10px;
	margin-top:5px;
    width: 190px;
	height:140px;
	margin-bottom:5px;
}
#wrapper_content #sidebar .box .content
{
	float: left;
	margin-left: 15px;
	margin-top:5px;
	margin-bottom:10px;
}

#wrapper_content #sidebar .box .content img
{
	float: left;
	margin-left: 15px;
	margin-top:5px;
	margin-bottom:0px;
}

#wrapper_content #sidebar .box #gallery .slshow
{
	float: left;
	margin:0px;
	height:199px!important;
	width:130px!important;
	overflow:hidden;
}
#wrapper_content #sidebar .box #gallery h2.widgettitle
{
	display:none;
}
#wrapper_content #sidebar .box #gallery  li
{
	list-style: none;
}
#wrapper_content #sidebar .box #gallery .ngg-widget-slideshow img
{
	float:left;
	margin: 0;
	width:199px!important;
	height:130px !important;
}
#wrapper_content #sidebar .box #gallery .slideshow-widget
{
	float:left;
	margin: 0;
	margin-left:3px;
	width:190px!important;
	height:130px !important;
}
#wrapper_content #sidebar .box .title-logo
{
    float: left;
    width: 210px;
    text-align: left;
}
#wrapper_content #sidebar .box .title-logo .title
{
    float: left;
    width: 150px;
    text-align: left;
    margin-left: 15px;
    margin-top: 8px;
    color: #bc1a05;
	font-family: Tahoma;
	font-size:14px;
    overflow: hidden;
}
#wrapper_content #sidebar .box .title-logo .logo
{
    float: right;
    margin-top: 10px;
	margin-right:5px;
    width: 25px ;
    height: 13px;
    background-image: url(images/logo_m.png);
    overflow: hidden;
}
#wrapper_content #sidebar .box .sep
{
    float: left;
    width: 207px ;
    margin-left: 10px;
    height: 1px ;
    background-image: url(images/sidebar_sep.png);
    overflow: hidden;
}
#wrapper_content #sidebar .box ul
{
	text-align: left;
    margin-top: 3px;
	margin-bottom: 3px;
    list-style: square url(images/links.png) outside;
	margin-left:30px;
}
#wrapper_content #sidebar .box ul li
{
	margin:0;
	padding:0;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:3px;
    padding-left:1px;
}
#wrapper_content #sidebar .box ul li a
{
	padding:0;
	margin:0;
	padding-top:-3px;
	text-align:left;
    text-decoration:none;
    font-family: Tahoma,Helvetica,Arial;
    font-size: 11px;
    font-weight: normal;
    color: #bc1906;
	text-transform: uppercase;
}

#wrapper_content #content
{
    float: left;
    margin-left: 5px;
    width: 450px;
    height: auto;
}
#wrapper_content #content .item
{
    float: left;
    width: 450px;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#wrapper_content #content .item .title
{
    float: left;
    margin: 0;
    width: 400px;
    text-align: left;
    margin-left: 0px;
    font-size: 16px;
    color: #bc1a05;
    overflow: hidden;
}

#wrapper_content #content .item .content
{
    float: left;
	margin-left:0px;
	margin-top:5px;
    width: 435px;
	font-size:12px;
	font-family: Arial,sans-serif;
    color: #878787;
    text-align: justify;
}

#wrapper_content #content .item .content p a
{
	color: #bc1906;
	text-decoration: none;
}
#wrapper_content #content .title
{
	float: left;
    margin: 0;
    width: 400px;
    text-align: left;
	font-family: Tahoma;	
    margin-left: 0px;
	margin-top:7px;
    font-size: 14px;
    color: #bc1a05;
    overflow: hidden;
}
#wrapper_content #content .logo
{
    float: left;
    margin-top: 10px;
	margin-right:5px;
    width: 25px ;
    height: 13px;
    background-image: url(images/logo_m.png);
    overflow: hidden;
}
#wrapper_content #content #news 
{
	float:left;
	width: 450px;
	height: auto;
	overflow: hidden;
}
.more a
{
	float:right;
	margin-top:5px;
	font-size: 12px;
	font-family: Tahoma;
	color: #bc1a05;
	margin-right:20px;
	text-decoration:underline;
}
#wrapper_content #content #news .item
{
    margin:0px;
    font-style: normal;
    font-weight: normal;
    width: 450px;
	height: 140px;
    margin-top: 7px;
	overflow: hidden;
}
#wrapper_content #content #news .item .title
{
    margin:0;
	text-align: left;
	font-size: 14px;
	text-decoration:none;
	font-family: Tahoma;
	color: #1e6897;
	width: 400px;
}
#wrapper_content #content #news .item .title a
{

    font-weight: normal;
    text-decoration:none;
    list-style:none;
    text-align: left;
}

#wrapper_content #content #news .item .title a:hover
{
    text-decoration:underline;
}
#wrapper_content #content #news .item .subtitle
{
	float:left;
    margin:0;
	margin-top:5px;
	text-align: left;
	font-size: 11px;
	font-family: Arial,sans-serif;
	color: #bc1a05;
	width: 400px;
}
#wrapper_content #content #news  .item .content
{
	float: left;
	margin-left:0px;
    text-align: justify;
	margin-top: 12px;
	width: 440px;
}
#wrapper_content #content #news .item .content .photo
{
    float: left;
    width: 140px;
	height: 100px;
	margin-right:10px;
	
}
#wrapper_content #content #news  .item .content .description
{
    font-size: 12px;
	margin-top: 1px;
    margin-bottom: 1px;
    font-family: Arial,sans-serif;
    color: #878787;
    width: 290px;
	height: 100px;
    overflow: hidden;
}
#wrapper_content #content #news .item .content .description p
{
	margin-top: 1px;
	margin-bottom: 1px;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration:none;
    list-style:none;
    text-align: left;
}
#wrapper_content #content #news  .item .content .description p a
{
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #878787;
    text-decoration:none;
    list-style:none;
    text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
#wrapper_content #content .con-sep
{
   float: left;
   margin-top: 2px;
   margin-left: 0px;
   background-image: url(images/con-sep.png);
   width: 440px;
   height: 2px;
}
#wrapper_content #content .item .bottom
{
    float: left;
    width: 450px;
    height: 21px;
    background-image: url(images/item_bottom.png); 
}
#wrapper_content #content ul
{
    float: left;
}
#wrapper_content #content ul li
{
    float: left;
}
#wrapper_content #content ul li a
{
    float: left;
}
#wrapper_content #bottom
{
    float: left;
    margin:0 auto;
    text-align:center;
    width: 882px !important;
    height: 9px !important;
    background-image: url(images/content_bottom.png);
    overflow: hidden;
}
#wrapper_footer
{
    float: left;
    margin:0 auto;
    width: 882px;
    height: 40px;
    background-color: #fafafa;
}
#wrapper_footer #footer
{
    float: left;
    margin-top: 7px;
    width: 880px;
    height: 33px;
}

#wrapper_footer #footer #menu
{
    float: left;
    width: 880px;
    height: 33px;
    overflow: hidden;
}
#wrapper_footer #footer #menu #left
{
    float: left;
    width: 5px;
    height: 33px;
    background-image: url(images/footer_menu_left.png);
    overflow: hidden;
}
#wrapper_footer #footer #menu #pixel
{
    float: left;
    width: 870px;
    height: 33px;
    background-image: url(images/footer_menu_pixel.png);
    background-repeat: repeat-x;
    overflow: hidden;
}
#wrapper_footer #footer #menu #pixel ul
{
    float:left;
    width:auto;
    text-align: center;
    margin-left: 5px;
}
#wrapper_footer #footer #menu #pixel ul li
{
    float:left;
    text-align: center;
}
#wrapper_footer #footer #menu #pixel ul li a
{
    float:left;
    margin-bottom:10px;
    margin-left:10px;
	margin-right:10px;
    padding-top:10px;
    text-decoration: none;
    font-family: Tahoma, Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-align: center;
	text-transform: uppercase;
}
#wrapper_footer #footer #menu #pixel ul p
{
    float: left;
	margin:0;
    margin-left: 230px;
	padding-top:10px;
    text-decoration: none;
    font-family: Tahoma, Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    color: white; 
}
#wrapper_footer #footer #menu #pixel ul li a:hover
{
    font-weight: bold;
    color: #7a7a7a;
	text-decoration:underline;
}
#wrapper_footer #footer #menu #pixel ul li.active a
{
    font-weight: bold;
}
#wrapper_footer #footer #menu #pixel ul li.current_page_item > a,
#wrapper_footer #footer #menu #pixel ul li.current-menu-ancestor > a,
#wrapper_footer #footer #menu #pixel ul li.current-page-ancestor > a,
#wrapper_footer #footer #menu #pixel ul li.current-menu-item > a,
#wrapper_footer #footer #menu #pixel ul li.current-page-parent > a,
#wrapper_footer #footer #menu #pixel ul li.current-menu-parent > a {
	color: #c6c3bd;
}
#wrapper_footer #footer #menu #right
{
    float: left;
    width: 5px;
    height: 33px;
    background-image: url(images/footer_menu_right.png);
    overflow: hidden;
}
/*==============================================================================
CSS for page
================================================================================*/

#wrapper_content #page
{
    float: left;
    margin-left: 5px;
	margin-bottom:5px;
    width: 650px;
    height: auto;
}
#wrapper_content #page .item
{
    float: left;
    width: 650px;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#wrapper_content #page .item .title
{
    float: left;
    margin: 0;
    width: 600px;
    text-align: left;
    margin-left: 0px;
	margin-top:3px;
    font-size: 14px;
    color: #bc1a05;
    overflow: hidden;
}

#wrapper_content #page .item .content
{
    float: left;
	margin-left:0px;
	margin-top:15px;
    width: 625px;
	font-size:12px;
	font-family: Arial,sans-serif;
    color: #878787;
    text-align: justify;
}

#wrapper_content #page .item .content p a
{
	color: #bc1906;
	text-decoration: none;
}
#wrapper_content #page .title
{
	float: left;
    margin: 0;
    width: 560px;
    text-align: left;
	font-family: Tahoma;	
    margin-left: 0px;
	margin-top:7px;
    font-size: 14px;
    color: #bc1a05;
    overflow: hidden;
}
#wrapper_content #page .logo
{
    float: left;
    margin-top: 5px;
	margin-right:5px;
    width: 25px ;
    height: 13px;
    background-image: url(images/logo_m.png);
    overflow: hidden;
}
#wrapper_content #page .con-sep
{
   float: left;
   margin-top: 1px;
   margin-left: 0px;
   background-image: url(images/con-sep.png);
   width: 630px;
   height: 2px;
}