/*
# ------------------------------------------------------------------------
# JA Kyanite II - Version 1.1 - Licence Owner JA49652
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

#mappa{
	width:730px;
	margin: 0 auto;
	text-align:center;
	padding:10px 5px;
	border: 1px solid;
	border-color:#aaaaaa;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

#demo_errorloc  li{ 
	background:none; 
	color:#ff0000; 
	font-size: xx-small; 
	padding-left:15px;
	width:200px;
}

#demo2_errorloc  li{ 
	background:none; 
	color:#ff0000; 
	font-size: xx-small; 
	padding-left:15px;
	width:200px;
}

#Partner_errorloc li{
	background:none; 
	color:#ff0000; 
	font-size: xx-small; 
	padding-left:15px;
	width:200px;
}

#contattaci_errorloc  li{ 
	background:none; 
	color:#ff0000; 
	font-size: xx-small; 
	padding-left:15px;
	width:200px;
}

.tabs-container{
	background:url(../../../images/images/logo.gif) no-repeat right bottom;
	overflow-y:auto; height:210px;
	padding:10px 5px;
}

.tabs-container form{
	padding:10px;
}

.tabs-container table{
	height:210px;
}

.tabs-container li{
	background: url(../images/arrow.gif) no-repeat;
}

.tabs-container ul{
	margin:0 !important;
}

.tabs-container2{
	background:url(../../../images/images/logo.gif) no-repeat right bottom;
	padding:10px 5px;
	border: 1px solid;
	border-color:#aaaaaa;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.tabs-container3{
	background:url(../../../images/images/logo.gif) no-repeat right bottom;
	padding:10px 5px;
}

#center {float: left; width:100%;}
#news01 {float: left; width:350px;}

#demo {float: left; 
	  width:200px;
	  height:170px;
	  margin-top:25px;
	  padding-bottom:35px;
	  }

#demo .ja-box-ct {
	  padding:0;
}

#partner {float: right; 
	  width:200px;
	  height:170px;
	  margin-top:25px;
	  padding-right:20px;
	  padding-bottom:35px;
}

#partner .ja-box-ct {
	  padding:0;
}

#logo2 {float:right; position:relative; left:200px;}

#lang{float:right; position:relative; left:285px; top:80px; height:20px; }

#lang div.ja-moduletable .ja-box-ct{ padding:0; margin:0;}

#lang div.ja-moduletable, div.moduletable{ padding:0; }

#debug{ width:100%; text-align:center; }

.wrap { width: 100%;   }
.main { width: 980px; max-width: 1200px; margin: 0 auto; position: relative; background: url(../images/white.gif) repeat;}

.column { overflow: hidden; float: left; }

.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: 5px;
	padding-right: 200px;
	
}

#ja-main .inner { padding: 0 !important; margin-left: 5px; margin-right:  5px; }

#ja-mainnav .inner { padding: 0 !important; margin-left: 5px; margin-right:  5px; }

.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: 5px;
	margin-right: 5px;
}

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

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

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

.leading { }

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

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { float: left; }
#ja-current-content, #ja-main { float: right; }

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

/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }

/* 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%; }

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

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

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

.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }

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

.ja-box { float: left; overflow: hidden; }