/* Modifica jquery tabs */
.ui-widget-content  {
	border: 0 !important;
}

.ui-widget-header {
	border: 0 !important;
	background: transparent !important;
}

.ui-tabs-nav {
	padding: 0 !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #3cb5ac !important;
	text-decoration: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	background: rgba(233, 225, 212, 0.7) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 0px;
	background: #E9E1D4 !important;
	font-weight: normal;
	color: #F47920 !important;
}



.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #F47920 !important;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #E9E1D4 !important;
	background: #E9E1D4 !important;
	font-weight: normal;
	color: #F47920 !important;
}

.ui-tabs-tab {
	width: 25%;
}

.tab_desk {
	display: inline;
}

.tab_mob {
	display: none;
}

.tab_img_desk {
	display: none;
	width: 60px; 
	height: auto;
}

.photo_home {
	height: 100%;
	width: auto;
	position: inherit;
}

#motto_logo {
	position: inherit;
}

.text_home_desk {
	display: inline;
}

.text_home_mob {
	display: none;
	margin-top: 5%;
	margin-left: 5%;
}

.back_desk {
	background-color: white;
}

.b-responsive {
	background-color: #0000; 
}

.c-responsive {}



@media only screen and (max-width: 1000px) {
	
	.gg {
		left: -5%;
		width: 110%;
	}
	
	/* FOTO E TITOLO */
	.photo_home {
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	
	.text_home_mob {
		display: inline;
	}
	
	.text_home_desk {
		display: none;
	}
	
	#go_back_ev {
		position: absolute;
		bottom: 100px;
		left: 10px;
	}
	
	.back_desk {
		background-color: #0000;
	}
	
	.b-responsive {
		background-color: #0c938c; 
	}
	
	.c-responsive {
		color: white !important;
	}
	
	/* TABS ORDINE */
	.ui-tabs-tab {
		width: 25%;
		margin: 0 !important;
		text-align: left !important;
		white-space: normal !important;
		margin-top: .7em !important;
	}
	
	.ui-tabs-anchor {
		padding: 0 !important;
	}
	
	.tab_desk {
		display: none;
	}
	
	.tab_img_desk {
		display: inline;
	}
	
	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active,
	a.ui-button:active,
	.ui-button:active,
	.ui-button.ui-state-active:hover {
		width: 50%;
		margin-top: 0 !important;
	}
	
	.ui-state-active,
	.ui-widget-content .ui-state-active .tab_mob,
	.ui-widget-header .ui-state-active .tab_mob,
	a.ui-button:active .tab_mob,
	.ui-button:active .tab_mob,
	.ui-button.ui-state-active:hover {
		display: inline;
		float: left;
	}
	
	.tab_mob {
		width: 80px;
		margin-top: .5em !important;
		margin-left: .4em !important;
		margin-bottom: 0.75em !important;
	}
	
	
	#tabs {
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
	}
	
	/* SECONDA PAGINA */
	.bar-responsive {
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 0.9rem;
		line-height: 1;
	}
	
}

@media only screen and (max-width: 570px) {
	
	#motto_logo {
		position: absolute;
		top: -100%;
		margin-top: 65px !important;
		font-size: 2rem;
	}
}

@media only screen and (max-width: 450px) {
	.photo_home {
		width: 130%;
		height: auto;
		position: absolute;
		bottom: 0px;
		left: -15%;
	}
}