/**
 * ------------------------------------------------------------------------
 * JA T3v2 System Plugin for J25 & J31
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
 */

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both; }
.main { width: 980px; max-width: 1200px; margin: 0 auto; position: relative;}
.column { overflow: hidden; float: left;}
.columnes { overflow: hidden; float: left; background: url(../images/bg_kat_keret_f.png) no-repeat top ; z-index:100;}
@media screen and (max-width: 480px){
	.columnes {  overflow: hidden; float:left; background: url(../images/bg_kat_keret_f.png) no-repeat top left ;}}

.columnes_ker { overflow: hidden;  background: url(../images/bg_kiemelt_keret_f.png) no-repeat top right ; z-index:100;}
@media screen and (max-width: 480px){
	.columnes_ker {  overflow: hidden; background: url(../images/bg_kiemelt_keret_f.png) no-repeat top left ;z-index:100;}}


.ja-mass { clear: both; }

/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	padding-left: 15px;
	padding-right: 15px;
}

.main .main-inner1 {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	margin-left: 15px;
	margin-right: 15px;
}

.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-left: 15px;
	margin-right: 15px;
}
.columnes div.ja-moduletable, .columnes div.moduletable, .columnes div.ja-module, .columnes div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
}

.columnes_ker div.ja-moduletable, .columnes_ker div.moduletable, .columnes_ker div.ja-module, .columnes_ker div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
}


.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
	margin-right: 0;
	margin-left: 30px;
}

.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
	margin-right: 30px;
	margin-left: 0;
}

.item .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 15px;
	padding-right: 15px;
}

.items-leading { }

.items-row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
	margin-left: -15px;
	margin-right: -15px; 
}

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { float: left;background-color:#b0d5ff;
}
@media screen and (max-width: 480px){
	#ja-mainbody { float: left;
	background:none;
    padding-top:0;}}


#ja-current-content, #ja-main { float: right;background-color:#b0d5ff; }



/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }
#ja-left {}
#ja-left_also {}
/* Right Column ---*/
#ja-right { float: right; }
#ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 50%;
 }
#ja-right .ja-r1 .ja-col { width: 100%; }

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap {

}
.ja-col {

}

/* HEADER
--------------------------------------------------------- */
#ja-header {}

/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; }

/* CONTENT'S GRIDS
--------------------------------------------------------- */
.item { float: left; position: relative; }

.cols-1 .item { width: 100%; }
.cols-2 .item { width: 50%; }
.cols-3 .item { width: 33.33%; }
.cols-4 .item { width: 25%; }
.cols-5 .item { width: 20%; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl {}
#ja-botsl {}

.ja-box { float: left; overflow: hidden; }
.ja-box-right { position: absolute; right: 0; }

/* LEPTETO
--------------------------------------------------------- */
a.ee_link_dred_11_u {
  font: 12pt 'Open Sans', sans-serif; text-transform:: none; color:#2fac00; text-decoration:none;
}

 a.ee_link_dred_11_u:active {
  font: 12pt 'Open Sans', sans-serif; text-transform: none; color:#2fac00; text-decoration:none;
}
 a.ee_link_dred_11_u:visited {
  font: 12pt 'Open Sans', sans-serif; text-transform: none; color:#2fac00; text-decoration:none;
} 
a.ee_link_dred_11_u:hover {
  font: 12pt 'Open Sans', sans-serif; text-transform: none; color:#000000; text-decoration:none;
}


a.txt_11_black {
  font: 12pt 'Open Sans', sans-serif; text-transform:: none; color:#000000; text-decoration:none;
}

 a.txt_11_black:active {
  font: 12pt 'Open Sans', sans-serif; text-transform: none; color:#000000; text-decoration:none;
}
 a.txt_11_black:visited {
  font: 12pt 'Open Sans', sans-serif; text-transform: none; color:#000000; text-decoration:none;
} 
a.txt_11_black:hover {
  font: 12pt 'Open Sans', sans-serif; text-transform: none; color:#000000; text-decoration:none;
}

/* datum
---------------------------------------------- */
.ja-datum {padding-top:50px;}
@media screen and (max-width: 480px){
	.ja-datum { display:none;}}

.also_csik {background: url(../images/bg_kat_keret_a.png) no-repeat  bottom ; height:20px;}
@media screen and (max-width: 480px){
	.also_csik { background: url(../images/bg_kat_keret_a.png) no-repeat  bottom left ; height:20px;}}