html, body {
	height: 100%;
}
.wrap {
	min-height: 83%;
}
.main { 
	overflow:auto;
	padding-bottom:250px; /* this needs to be bigger than footer height*/
}
body {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		line-height: 1.42857143;
		color: #000000;
		background-color: #FFFFFF;
}
a {
		cursor: pointer;
		color: #337ab7;
		text-decoration: none
}
a:focus,
a:hover {
		color: #23527c;
		text-decoration: none;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
		margin-top: 10px;
		margin-bottom: 10px
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
		font-size: 75%
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
		margin-top: 10px;
		margin-bottom: 10px
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
		font-size: 75%
}
.h1,
h1 {
		font-size: 18px
}
.h2,
h2 {
		font-size: 16px
}
.h3,
h3 {
		font-size: 14px
}
.h4,
h4 {
		font-size: 12px
}
.h5,
h5 {
		font-size: 10px
}
.h6,
h6 {
		font-size: 8px
}
.jumbotron {
		padding-top: 30px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		color: inherit;
		background-color: #eee
}
.jumbotron p {
		margin-top: 25px;
		font-size: 20px;
		font-weight: 200;
		text-align: center;
}
.jumbotron img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
}

hr { border-top: 2px solid #0C3E87; }
/*
__________ LOGO
*/
.logo {
	display: block;
	text-indent: -9999px;
	width: 250px;
	height: 68px;
	background: url(https://www.centroiside.net/images/logo-iside-blu-scritta.svg);
	background-size: 250px 68px;
}
/*
__________ MENU TOP
*/
.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #0C3E87;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.dropdown-menu.pull-right {
		right: 0;
		left: auto
}
.dropdown-menu .divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #FFFFFF;
}
.dropdown-menu>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #FFFFFF;
		white-space: nowrap
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color: #1466ED;
}
.dropdown-menu .disabled,
.dropdown-menu .dropdown-header,
.dropdown-menu .divider {
	pointer-events: none;
}
.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: #FFFFFF;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px
}
.navbar-default {
		background-color: #0C3E87;
		border-color: #0C3E87
}
.navbar-default .navbar-brand {
		color: #FFFFFF;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
		color: #FFFFFF;
		background-color: transparent
}
.navbar-default .navbar-nav>li>a {
		color: #FFFFFF;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
		color: #FFFFFF;
		background-color: #1466ED;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
		color: #0C3E87;
		background-color: #0C3E87;
}
.navbar-default .navbar-toggle {
		border-color: #FFFFF;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
		background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .icon-bar {
		background-color: #0C3E87;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
		color: #FFFFFF;
		background-color: #1466ED;
}
@media (max-width: 767px) {
		.navbar-default .navbar-nav .open .dropdown-menu>li>a {
				color: #FFFFFF;
		}
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
				color: #FFFFFF;
				background-color: #1466ED;
		}
}
/* 
__________ SLIDER
*/
.carousel-control {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 5%;
		font-size: 20px;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
		background-color: rgba(0, 0, 0, 0);
		filter: alpha(opacity=50);
		opacity: .1
}
.carousel-control:focus,
.carousel-control:hover {
		color: #0C3E87;
		text-decoration: none;
		filter: alpha(opacity=90);
		outline: 0;
		opacity: .9
}
.carousel-indicators li {
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0;
		text-indent: -999px;
		cursor: pointer;
		background-color: #0C3E87;
		background-color: rgba(12, 62, 135, 1);
		border: 1px solid #0C3E87;
		border-radius: 12px
}
.carousel-indicators .active {
		width: 12px;
		height: 12px;
		margin: 0;
		background-color: #1466ED;
		border: 1px solid #1466ED;
		border-radius: 12px
}
.carousel-caption {
		position: absolute;
		right: 15%;
		bottom: 20px;
		left: 15%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;/*--------------------------------------------- COLORE SCRITTA*/
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
/* 
__________ MENU_TOP
*/
.topbar {
		background-color: #0C3E87;
		color: white !important;
		height: 20px;
		line-height: 20px;
		min-height: 20px;
}
.topLogo {
		background-color: #FFFFFF;
		color: white !important;
		height: 70px;
		line-height: 70px;
		min-height: 70px;
}
/* 
__________ FOOTER
*/
.footer {	 
	position: relative;
	margin-top: -250px; /* negative value of footer height */
	height: 250px; width: 100%; 
	}
.footer_bar						{ background-color: #0C3E87; color: white !important; height: 40px; line-height: 40px; min-height: 40px; }
.footer_container			{ background-color: #EFEFEF; height: 210px; }
.social										{ position: relative; float: right; height: 40px; }																													 
.btn-social								{ position: relative; float: left; margin:	6px	4px	0px	0px; padding: 0; width: 27px; height: 27px; line-height: 27px; cursor: pointer; background: url(http://www.centroiside.net/images/social-network.png) 0 0 no-repeat; -webkit-transition: background-position 0.5s ease; -moz-transition: background-position 0.5s ease; -ms-transition: background-position 0.5s ease; -o-transition: background-position 0.5s ease; transition: background-position 0.5s ease; }
.btn-social.last					 { margin-right: 0; }					
.btn-social.facebook			 { background-position:	-10px	-7px; }
.btn-social.facebook:hover { background-position:	-10px -47px; }
.btn-social.twitter				{ background-position:	-40px	-7px; }
.btn-social.twitter:hover	{ background-position:	-40px -47px; }
.btn-social.linkedin			 { background-position:	-70px	-7px; }
.btn-social.linkedin:hover { background-position:	-70px -47px; }
.btn-social.youtube				{ background-position: -100px	-7px; }
.btn-social.youtube:hover	{ background-position: -100px -47px; }
.first					{ color: #0C3E87; margin: 15px	0px	8px 15px; font-size: 15px; font-weight: 700; }
.first a				{ color: #0C3E87; }
.first a:hover	{ color: #464646; }
.second				 { color: #666666; margin:	5px	0px	5px 15px; font-size: 12px; }
.second a			 { color: #666666; }
.second a:hover { color: #464646; }
.third					{ color: #666666; margin:	5px	0px	5px 15px; font-size: 12px; }
.third a				{ color: #666666; }
.third a:hover	{ color: #464646; }
/*
__________ FIRMA EMAIL
*/
.firma_first					{ color: #0C3E87; margin: 15px	0px	8px 15px; font-size: 15px; font-weight: 700; }
.firma_first a				{ color: #0C3E87; }
.firma_first a:hover	{ color: #464646; }
.firma_second				 { color: #0C3E87; margin:	5px	0px	5px 15px; font-size: 12px; }
.firma_second a			 { color: #0C3E87; }
.firma_second a:hover { color: #464646; }
/* 
__________ HOME
*/
.home_thumbnail {
		height: 315px;
		display: block;
		padding: 4px;
		margin-bottom: 20px;
		line-height: 1.42857143;
		background-color: #EFEFEF;
		border: 1px solid #ddd;
		border-radius: 4px;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out
}
.home_thumbnail a>img,
.home_thumbnail>img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto
}
.home_thumbnail .caption { padding: 9px; color: #333; text-align: center; }
.home_thumbnail:hover, .home_thumbnail:hover a, .home_thumbnail:hover a h2, .home_thumbnail:hover a p {
	background-color: #0C3E87;
	color:#fff;
	text-decoration: none;
}
/*
__________ MAPS
*/
.googlemap_wrap { position: relative; padding-bottom: 400px; padding-top: 0px; margin-bottom: 25px; height: 0; overflow: hidden; }
.googlemap_wrap iframe { position: absolute; margin:	0px	0px	0px	0px; width: 100%; height: 100%; }
/*
__________ FORM
*/
.form_bord { width: 100%; border: 1px solid #0C3E87; }
/* 
__________ SERVIZI
*/
.service a>img,
.service>img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto
}
.service p { text-align: center; }

.media {
	line-height: 1.5;
	padding: 1em;
	text-align: center;
}
.media_main { 
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.media_image { display: block; }

.media_body {
	background: rgba(12, 62, 135, 0.7);
	bottom: 0;
	color: white;
	font-size: 1em;
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding: 3.75em 3em;
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
/* 
__________ IMAGE_MEDIA_BODY 
*/
.media_body:hover { opacity: 1; }
.media_body:after,
.media_body:before {
	border: 1px solid rgba(255, 255, 255, 0.7);
	bottom: 1em;
	content: '';
	left: 1em;
	opacity: 0;
	position: absolute;
	right: 1em;
	top: 1em;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: 0.6s 0.2s;
	transition: 0.6s 0.2s;
}
.media_body:before {
	border-bottom: none;
	border-top: none;
	left: 2em;
	right: 2em;
}
.media_body:after {
	border-left: none;
	border-right: none;
	bottom: 2em;
	top: 2em;
}
.media_body:hover:after,
.media_body:hover:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.media_body h2 { margin-top: 0; }
.media_body p { margin-bottom: 1.5em; }
/* 
__________ CALENDARIO 
*/
.datepicker-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.datepicker-menu.pull-right {
		right: 0;
		left: auto
}
.datepicker-menu .divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5
}
.datepicker-menu>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap
}
.datepicker-menu>li>a:focus,
.datepicker-menu>li>a:hover {
		color: #262626;
		text-decoration: none;
		background-color: #f5f5f5
}
/* 
__________ TESTO VERTICALE 
*/
.rotated {
	height: 275px;
	width: 275px;
		-ms-transform: rotate(270deg); /* IE 9 */
		-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
		transform: rotate(270deg);
}

/* The popup bubble styling. */
.popup-bubble {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: white;
	padding: 5px;
	border-radius: 5px;
	font-family: sans-serif;
	overflow-y: auto;
	max-height: 60px;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: 8px;
	left: 0;
}

/* This element draws the tip. */
.popup-bubble-anchor::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}

.custom-map-control-button {
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	margin: 10px;
	padding: 0 0.5em;
	font: 400 18px Roboto, Arial, sans-serif;
	overflow: hidden;
	height: 40px;
	cursor: pointer;
}
.custom-map-control-button:hover {
	background: #ebebeb;
}