body {
	font-family: "Optima",Helvetica,Arial,sans-serif;	
	color: #465ea3;
}
textarea {
	resize: none;
}

h1, h2, h3, h4 {
	font-weight: 200;
	letter-spacing: -1px;
	line-height: 1;/*
	margin: 20px 0;*/
}

h1 {
	font-size: 66px;
}

h2 {
	font-size: 50px;
}

h3{
	font-size: 31px;
}
h4 {
	font-size: 25px;
}

h5 {
	font-size: 21px;
}

h6 {
	font-size: 20px;
}

p {
	font-size: 13px;
}

footer {
}

.line {
	background: url("../img/line.gif") repeat-x scroll center center;
}

.line span {
	padding: 0 20px;
	background-color: #FFFFFF;
}
.item img{
	width: 100%;
}
#map_container{
	min-height: 0px;
}
.nav li{
	text-align: center;
	position: relative;
	display: block;
	padding: 10px 6px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	cursor: pointer;
	border-radius: 4px;
}
.navbar-nav>li:hover,.navbar-nav>li:focus{
	text-decoration: underline;
}
.cont{
	display: none;
}
#logo-home{
	min-width: 171px;
	cursor: pointer;
	width: 21%; 
	height: 130px;
	margin: auto;
	background: url("../res/assets/logo_high.png") center no-repeat;
	background-size: contain;
}
#logo_contatti{
	width: 100%;
	height: 100px;
	background: url("../res/assets/logo_high.png") center no-repeat;
	background-size: contain;
	background-position:center;
}
.img-square{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.col-lg-3-5 .img-square{
	width: 100%
}

.info{
	background: #70c3e9;
}
.footer{
	background: #3a539f;
	margin-top: 30px;
	color: white;
}
.footer img{
	height: 80px;
	margin: 25px;
}
.toggle_menu{
	position: fixed;
	width: 100%;
	top:0;
	background: white;
	border-bottom: 3px solid grey;
}
.scroll{
	overflow: auto;
}
table{
	width: 100%;
}
td{
	background: #e3f3fb;
	border:1px solid #dcf2f8;
}
.img-prezzi{
    width:100%;
}
.head_table{
	background: #d4edf8;
}
td:first-child, td:last-child{
	background: #faf7e3;
	border-top:1px solid #f8f4d9;
	border-bottom:1px solid #f8f4d9;
	border-left:1px solid #f8f4d9;
}
.head_table td:first-child{
	background: white;
	border:none;
}
.only_photo img{
	border-radius: 20px;
}
.contact h6{
	line-height: 50px;
}

.no_underline{
	margin: 20px 0;
	padding: 30px;
}
.servizi{
	border: 3px solid #428bca;
	margin-top:30px; 
	text-align: left;
	padding-top: 0;
}
.header_servizi{
	margin-left: 10%;
	padding-right: 10px;
	padding-left: 10px;
	font-size: large;
	position: relative;
	top: -13px;
	background: #428bca;
	color:white;
	border-radius: 2px;
}
.servizi ul{
	list-style:inherit;
	padding-left: 60px;
	padding-right: 60px;
}
.servizi ul li{
	margin-top: 5px;
	margin-bottom: 5px;
}
.overlayer{
	font-size: x-large;
	top: 30%;
	position: absolute;
	width: 100%;
	left:0;
}
.overlayer img{
	height: 30px;
	display: block;
	width: 30px;
	margin: 0px auto 15px auto;
}
.logo_descr img{
	width: 70px;
	position: absolute;
	top: 0px;
	left: -35px;
	margin-left: 50%;
}
.blue_back{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.blue_back div{	
	background-color: #3a539f;
	color: white;
	padding: 8px;
	border-radius: 5px;
}
.blue_back div:hover,.blue_back div:focus{
	text-decoration: none;
	border-color: initial;
	outline: none; 
	outline-offset: none; 
	cursor: default; 
	color: white; 
}
.prenota_ul{
	width:50%;
	min-width: 415px;
	margin: auto;
}
.prenota_ul li{
	line-height: 2;
	margin-top: 10px;
	height: 34px;
}
.prenota_ul label{
	width: 35%;
	float: left;
	text-align: right;
	margin-right: 10px;
}
.prenota_ul input,.prenota_ul textarea{
	width:50%;
	float: left;
}
.prenota_ul input[type="submit"]{
	width: 100px;
	margin: 30px auto 0;
	float: none;
}
.popup{
	display: none;
	width: 100%;
	height: 100%;
	position:fixed;
	top:0;
	z-index: 100;
	overflow: auto;
}

.popup-container{
	z-index: 100;
	position: relative;
	top: 50%;
	height: 300px;
	margin-top: -150px;
}
.popup-container_gnam{
	z-index: 100;
	position: relative;
	top: 50%;
	height: 400;
	margin-top: -200px;
}
.scheda-container{
	max-width: 850px;
	position: absolute;
	width: 100%;
	background-color: white;
	top: 50px;
	bottom: 50px;
	height: auto;
	margin-top: 0;
	overflow: auto;
}
@media (min-width: 866px) {
	.scheda-container{
		margin-left:-425px;
		left:50%;
	}
}
.scheda-container::-webkit-scrollbar{
	display: none;
}

.overlay{
	background-color: black;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;	
}
.container-popup-t{
	width: 40%;
	margin: auto;
}
.container-popup-b{
	width: 60%;
	margin: auto;
 	margin-top: -150px;
}
.border-image{/*
	height: 350px;*/
	border:1px solid grey;
	border-radius:25px;
}
.vertical-stanza{
	margin-top: 55px;
}
.padd{
	padding: 8px;
}
.no_padd{
	padding: 0px;
}
.thumb{
	padding: 4px;
}
.thumb .border-image{
	width: 100%;
}
#scheda{
	margin-top: 15px;
}
.contatta div:focus,.contatta div:hover{
	cursor:pointer;
}
.border-image img{
	width: 100%;
}
.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.thumb img{
	width: 100%;
}
.float{
	float: right;
}
#cavalluccio, #focolare, #big_bag, #big_shoes, #conad, #frontside, #vini_6{
	min-height: 341px;
}
#cavalluccio img, #focolare img, #big_bag img, #big_shoes img, #conad img, #frontside img, #vini_6 img{
	height: 238px;
	border-radius: 20px;
}
#lan{
	width: 100%;
	text-align: right;
}
#lan img{
	width: 3%;
}
#lan img:hover{
	cursor: pointer;
	border: 1px solid #428bca;
	border-radius: 100px;
}
#slideshow:hover{
	cursor:pointer;
}
@media (max-width: 768px){
	.popup-container, .popup-container_gnam{
		top: 0;
		margin-top: 0;
	}
	.container-popup-t, .container-popup-b{
		width: 100%;
	}
	.container-popup-b{
		margin-top: 0;
	}
	#logo-home{
		min-width: 65px; 
		width: 66px; 
		height: 35px;
		margin: 0; 
		background: url("../res/assets/logo_low.png") center no-repeat;
		background-size: contain;
	}
	.float{
		float: none;
	}
}
@media (min-width: 768px) and (max-width: 954px) {
	h3 {
		font-size: 40px;
	}
	h4{
		font-size: 18px;
	}
	h5{
		font-size: 15px;
	}
	p{
		font-size: 12px;
	}
	.overlayer{
		font-size: large;
	}
	.logo_descr img{
		width: 56px;
		top: -10px;
		left: -26px;
		margin-left: 50%;
	}
	.thumbnail{
		margin: 0;
	}

	#thumbs{
		height: 83px;
	}
	.servizi{
		margin: 20px 0;
	}
	.overlayer img {
		height: 20px;
		width: 20px;
	}
}

@media (min-width: 1200px) {
	h5{
		font-size: 25px;
	}
	.logo_descr img{
		top: 0px;
	}
	.col-lg-3-5 .img-square{
		max-height: 155px;
	}
	.margin_bott{
		margin-bottom: 76px;
	}
	#thumbs{
		height: 83px;
	}
}
img.ri
{
	position: absolute;
	max-width: 80%;
	top: 10%;
	left: 10%;
}
img.ri:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
img.under{
	margin-top:120px;
}
.copiright{
	text-align: center;
}