@CHARSET "ISO-8859-1";

body {
	font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
}

#front-content {
/*margin-top: 40px;*/
}

#main {
width: 1000px;
}

body.front #page{
	/*background-color: #EBECEC;*/
	background-color: white;
}

/* HEADER */
#header {
	/*
	background-image: url(../images/bannerDx.png) !important;
	background-repeat: no-repeat;
	background-position: right;
	*/
	background-color: white !important;
	top: 20px;
	position: relative;
	min-width: 1024px;
	min-height: 140px;
}

#footer {
	/*background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;*/
	/*height: 80px;	*/
	background-color: #3D6387 !important;
}

#footer .menu a {
	color: #fff;
}

#main {
/*margin-top: 40px;*/
}

#name-and-slogan {
	min-width: 1500px;
  	height: 245px;
  	background-size: 100%;
	background-image: url(../images/bannerDx_new.jpg) !important;
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	margin: 0 auto;
	float: none;
}

#site-name {
	font-size: 40px;
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	position: absolute;
	color: white;
	
	top: 49px;
	left: 173px;
}

#site-slogan {
	font-size: 18px;
	margin-top: 0px;
	font-style: initial;
	color: white;
	background-color: rgba(2, 102, 188, 0.62);
	padding: 25px;
	position: relative;
	white-space: normal;
	
	
	top: 103px;
	left: 178px;
	width: 390px;
	height: 8px;
	padding-top: 6px;
}

#logo{
	position: absolute;
	padding: 5px 5px 5px 5px;
	top:20px;
}

.customColorLogo, #site-name a {
/*font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;*/
text-shadow: none;
color: white;
font-family: arial, verdana, tahoma;
background-color: rgba(26, 26, 27, 0.34);
padding:5px;
}

#secondary-menu {
	position: absolute;
	right: 0px;
	width: 480px;
	padding: 0px;
	top: -8px;
	z-index:1000;
}

#header div.section {
	margin: 0px;
}

#secondary-menu-links li a {
	color: #eee;
	background-color: trasparent;
	padding: 2px;
}

/*
#main-wrapper{
	height: auto !important;
}
*/

#logo img{
	height: 70px;
	padding: 15px 30px 15px 20px;
	margin: 0px;
	z-index: 99;
	position: absolute;
	left: 105px;
	top: 6px;
}

/* END HEADER */

/* MENU */

#main-menu {
	position: relative;
	top: -220px;
	z-index: 98;
	/*background-color: rgba(61, 99, 135, 0.35);*/
	text-align: left;
	padding-left: 195px;
	height: 24px;
	width: 1024px;
	margin: 0 auto;
}

#main-menu-links {
	font-size: 1.2em;
	z-index: 999;
}
#main-menu-links li {
	background: none;
	border-right: 1px solid rgb(17, 67, 134);
	height: 20px;
	color: white;
}

#main-menu-links>.first {

}
#main-menu-links>.last {
    border: 0;
}
ul#main-menu-links a {
	font-size: 0.8em;
	color: white;
	color: rgb(11, 20, 116);
}

ul#main-menu-links a:hover {
	text-decoration: underline;
}
/* END MENU */

/* bottoni temi*/
.b_title {
	font-family: arial,helvetica,sans-serif;
	font-size: 18px;
	position: relative;
	padding: 3px 5px;
	top: 131px;
	display: inline-block;
	width: 189px;
	background-color: #0849AF; /*#2454A0;*/
	color: white;
	font-weight: normal;
}

a.b_title:hover, a.b_title:active, a.b_title:focus {
	color: white !important;
}

.big_title {
	text-align: center;
	width: 98%;
	top: 100px;
}

.b_image {
	position: relative;
	float: left;
	width: 210px;
	height: 187px;
	margin: 5px;
	margin-bottom: 0px;
	margin-top: 0px; 
}

.big_image {
	position: relative; 
	float: left; 
	width: 870px; 
	height: 136px; 
	margin: 5px; 
	border: whitesmoke 1px solid;
}

.amministrazione-trasparente {
	background-image: url('../images/amministrazione_trasparente.jpg');
	background-repeat: no-repeat;
	background-position-x: center;
	color: #223D53;
	margin-top: 60px;
	width:484px;
}

.sprig {
	background-image: url('../images/sprig.jpg');
	background-repeat: no-repeat;
	background-position-x: center;
	color: #223D53;
}


.istruzione-lavoro{
	background-image: url('../images/tematica-istruzione-lavoro.jpg');
	background-repeat: no-repeat;
	color: #0068A0;
}

.ambiente-territorio{
	background-image: url('../images/tematica-ambiente-territorio.jpg');
	background-repeat: no-repeat;
	color: #B94E00;
}

.turismo-cultura{
	background-image: url('../images/tematica-turismo-cultura.jpg');
	background-repeat: no-repeat;
	color: #CD040C;
}

.istituzione{
	background-image: url('../images/tematica-istituzione.jpg');
	background-repeat: no-repeat;
	color: #8E0811;
}

.sanita-sociale{
	background-image: url('../images/tematica-sanita-sociale.jpg');
	background-repeat: no-repeat;
	color: #004029;
}

.economia-tributi{
	background-image: url('../images/tematica-economia-tributi.jpg');
	background-repeat: no-repeat;
	color: #7F0073;
}

.speciale-elezioni-amministrative-2014{
	background-image: url('../images/elezioni.png');
	background-repeat: no-repeat;
	color: #7F0073;
	margin: 0 auto;
	width: 638px;
	float: none !important;
	margin-left: 5px;
	margin-bottom: 15px;
}

.open-geo-data-wrapper {
  background-image: url(../images/open_geo_data.jpg);
  background-repeat: no-repeat;
  color: #CD040C;
  font-weight: bold;
  width: 638px;
}

.open-geo-data-btn {
  font-size: 1.3em;
  padding: 5px 0;
  position: relative;
  vertical-align: middle;
  display: block;
  margin: auto;
  text-align: center;
  /* height: 50px; */
  top: 90px;
  background-color: rgba(255, 255, 255, 0.86);
}

.open-geo-data-wrapper a {
  color: #CD040C;
}

/* fine bottoni temi*/

/* esplora temi */

#spod-taxonomy-list .term-item-commercio {
	background-image: url('/sites/all/themes/unioncam_statportal/images/commercio.jpg');
	background-repeat: no-repeat;
}

#spod-taxonomy-list .term-item-mercati {
	background-image: url('/sites/all/themes/unioncam_statportal/images/mercati.jpg');
	background-repeat: no-repeat;
}

#spod-taxonomy-list .term-item-centri-storici {
	background-image: url('/sites/all/themes/unioncam_statportal/images/centro-storico.jpg');
	background-repeat: no-repeat;
}

#spod-taxonomy-list .term-item-osservatorio-prezzi {
	background-image: url('/sites/all/themes/unioncam_statportal/images/osservatorio-prezzi.jpg');
	background-repeat: no-repeat;
}

/* fine esplora temi*/

.search-item-label {
	margin: 0 !important;
}

#links-Tematiche {
width: 680px;
margin: auto;

}

div#opendata-footer > a {
	color: #fff;
}

.btn-toolbar-filter{
	display: none;
}

/* INIZIO PERSONALIZZAZIONE SCHEDA */

#main-wrapper > div#main{
	width: 100%;
}

#main-wrapper > div#main > div#content{
	width: 100%;
	transition-property: width, margin;
}

#table-viewer > .odataGridContainer{
	width: 98%;
}

iframe#mapViewer{
	width: 100%;
}

div#dataChart {
	width: 100%;
}

#main-description > div#right-column{
	float:right;
}

div#main #content > div.section{
	margin: 10px;
	width: 880px;
	margin: auto;
}

#main-wrapper > div#main > #sidebar-first + div#content {
	width: 84%;
	margin: -10px 0 0 255px;
	float: none;
	display: block;
}

#main > #sidebar-first{
	float: left;
}

div.search-result-sx {
    width: 86%;
}

.expanded div.search-result-sx {
width: 86%;
}
div.search-result-box > .search-snippet-info {
width: 100%;
}

#main-wrapper > div#main > #sidebar-first + div#content.expanded {
margin-left: 0;
width: 100%;
}

div#metadata-catalog div.search-result-sx {
width: 85%;
}

#metadata-catalog div.search-result-box > .search-snippet-info {
    width: 100%;
}

#content div#main-description > div#maind {
	width: 60%;
}

/*
#page {
	width: 1000px !important;
	margin: 0px auto !important;
	padding: 0 8px !important;
}*/

body #page{
	width: 100%;
	padding: 0;
}

body.node-type-metadata #page, body.page-catalog #page{
	width: 100%;
	margin: 0;
	padding: 0;
}

body.node-type-metadata #name-and-slogan, body.page-catalog #name-and-slogan{
	width: 100%;
}

#footer, #footer{
	width: 100%;
	background-color: #4D4D4D !important;
}

body.node-type-metadata div#main #content > div.section, body.page-catalog div#main #content > div.section{
	width: auto !important;
	margin: 10px;
}

body.node-type-metadata div#footer-wrapper{
	display:none;
}

#main-wrapper{
	/*margin-top:-30px;*/
}

body.node-type-metadata #main-wrapper{
	margin-top: -30px;
}

#search-bar{
	width: 870px !important;
}

input#main-search-button {
	padding: 10px;
	background-color: #68AB0A !important;
	color: white;
}

#map3d-viewer{
	width:100%;
}

#map3d{
	width:100%;

}

/* FINE PERSONALIZZAZIONE SCHEDA */

/* PERSONALIZZAZIONE BANNER */

div.top-image-left {
	position: relative;
	float: left;
	width: 188px;
	text-align: center;
	top: 47px;
}

div.top-image-left img {
	width: 80px;
}

div.top-image-right {
    position: relative;
    float: right;
    width: 125px;
}

.top-image-right img{
    width: 125px;
}

div.top-image-center {
	position: relative;
	float: left;
	height: 124px;
	overflow: hidden;
	margin-top: -16px;
	margin-left: 10px;
}

div#header .region-header {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	padding-top: 25px;
	background-color: #3D6387;
	height: 112px;
       overflow: hidden;
}

/* FINE PERSONALIZZAZIONE BANNER */

#metadata_lu_datasourcesbox-header{
	display:none;
}

#metadata_lu_formatbox-header{
	display:none;

}

.field-datasource{
	display:none;
}

.catalog-explorer{
	width: 200px;
	height: 31px;
	padding: 8px;
	text-align: center;
	font-size: 20px;
	background-color: #68AB0A;
	border: 1px solid silver;
	color: white;
	margin: 0 auto;
	margin-bottom: 25px;
	cursor:pointer;
}

#main-search-label{
	display:none !important;
}

.catalog-explorer-container{
	width: 200px;
	margin: auto;
	margin-bottom: 60px;
	margin-top: 60px;
}

a.catalog-explorer-link{
	text-decoration: none;
	color: white;
}

a.catalog-explorer-link:focus, a.catalog-explorer-link:active, a.catalog-explorer-link:visited{
	text-decoration: none;
	color: white;
}

.sprig-title{
	padding-left: 112px;
	background-image: url('../images/sprig-logo.jpg');
	background-repeat: no-repeat;
	height: 100px;
	font-size: 25px;
	/* font-weight: bold; */
	line-height: 98px;
	text-align: center;
	background-size: 70px 70px;
	background-position: 10px;
}

#links-tematiche-container{
	background-color: white !important;
	height: 535px;
	clear: both;
	padding-top: 30px;
	padding-bottom: 45px;
}

.amministrazione-trasparente-container{
	width: 484px;
	margin: auto;
}


.open-data-descr{
	width: 880px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.center-container{
	/*height:550px;*/
}


#map3d-viewer{
	width: auto !important;
}

#map3d{
	width: auto !important;
}


#table-viewer{
	margin-left:210px !important;
	min-height: 250px;
}

#map-viewer-container{
	margin-left: 210px !important;
	min-height: 400px;
}

#earth-viewer-container{
	margin-left: 210px !important;
	min-height: 400px;
}

#chart-viewer{
	margin-left: 210px !important;
	min-height: 400px;
}

.data-faceted-search-filter-container{
	display: inline-block;
	position: absolute;
	width: 210px;
	left: 0;
	bottom:0;
	top: 40px;
	padding: 6px;
	/*background-color: #FAFAFA;*/
	/*margin-left: 10px;*/
	overflow: hidden;
	min-height: 200px;
}

.data-faceted-search-filter-header{
	/*background: rgb(234, 234, 252);*/
	font-weight: bold;
	width: 176px;
	font-size: 16px;
	position: absolute;
	padding: 6px;
	width: 185px;
	/*background-image: url('../../../modules/spodata/metadata/viewer/commons/img/empty_filter.png');
	background-repeat: no-repeat;
	background-position: 4px 4px;*/
}

.home-info-link{
	display:none; 
}

.region-home-box-center-bottom, .region-home-box-center-top
{
	background-color: white;
	width: 1024px;
	margin: 0 auto;
}

.home_box_center_fullwidth_top
{
	width: 100%;
  	margin: 0 auto;
	background-color: whitesmoke;
  	margin-top: -14px;
  	padding: 17px;
  	padding-top: 30px;
  	padding-bottom: 20px;
}
