@font-face 
{
    font-family: 'Kepler Std';
    src: url(/assets/font/keplerstd-regular-webfont.eot?) format("embedded-opentype"),
    url(/assets/font/keplerstd-regular-webfont.woff) format("woff"),
    url(/assets/font/keplerstd-regular-webfont.ttf) format("truetype"); 
}

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
html,
body {text-rendering:optimizeLegibility; min-height:100%;}
body {width:100%; color:#70808d; margin:0; padding:0; font-family: 'Lato', Arial, Helvetica; font-size:13pt; text-align:center;}

h1,h2,h3,h4,h5 {font-family: 'Lato', Arial, Helvetica;}

/*CARATTERISTICHE GENERICHE*/

/* browser vecchio */
	HTML.lt-ie9 BODY {margin-top:70px;position:relative;}
	#browser {display:none; font-family: 'Lato', Arial, Helvetica; position:absolute; top:0; left:0; width:100%; height:70px; margin:-70px 0 0 0; color:#fff; background-color:#e95d18 !important;}
	#browser div.messaggio {font-size:11pt; position:absolute;margin:12px 0 0 0;right:210px;left:410px;text-align:right;}
	#browser h1 {margin:0;font-size:30pt; font-weight:bold;position:absolute;top:10px;left:10px; color:#fff;}
	#browser ul {position:absolute;right:10px;top:10px;margin:0;}
	#browser ul li {display:inline-block; margin:0 5px;}
	#browser ul li a {display:block; width:40px;}
	#browser ul li img {width:40px;}

/* Fine browser vecchio */

	h1,h2,h3,h4,h5,h6,h7,ul,li,p,img,pre {margin:0; padding:0; border:0;}
	h1,h2,h3,h4,h5,h6,h7 {font-family: 'Kepler Std', Arial, Helvetica;}
	ul li {list-style-type:none;}
	ul li.last {margin:0; border:0;}
	.clear {clear:both; margin:0; padding:0;}
	.right {float:right;}
	.left {float:left;}
	.allineamento_dx {text-align:right;}
	
	h1, .h1 {font-size:36px;}
	h2, .h2 {font-size:45px; font-family: 'Lato', Arial, Helvetica; line-height:normal; margin-bottom:30px; font-weight:300;}
	h3, .h3 {font-size:28px; margin:10px 0;}
		.slogan h3, .slogan .h3 {font-size:55px; margin:10px 0; line-height:45px; font-weight:normal;}
	h4, .h4 {font-size:24px; margin:5px 0; text-transform:uppercase;}
	h5, .h5 {font-size:18px; margin:10px 0;}
		.slogan h5, .slogan .h5 {font-size:24px; margin:10px 0;}
	h6, .h6 {font-size:12px;}
	p.evidenza {font-size:24px; font-weight:normal; line-height:normal;}
	
	a,
	.column a {color:#0f72b8; text-decoration:none; font-weight:400; text-shadow:none !important;}
	a:hover,
	.column a:hover {color:#70808d; text-decoration:none;}
	
	footer a {color:#70808d;}
	footer a:hover {color:#0f72b8;}
		
	a.indietro,
	.indietro {display:block; float:left; margin:10px 10px 0 0 !important; padding:8px 16px; color:#70808d !important; background:#dbe3e9 !important; font-weight:normal; font-size:12pt; border:0; text-decoration:none; text-align:center; cursor:pointer;}
	a.indietro:hover,
	.indietro:hover {background:#0f72b8 !important; color:#dbe3e9 !important;}
								
	a.imm,
	.imm {position:relative; overflow:hidden; width:100%; margin:0 auto;}
		
	.imm img, .imm.orizzontale img {width:100%; height:auto; margin:0; padding:0;}
		.imm.verticale img {width:auto; height:100%;}
	.imm img.noresize {width:auto; height:auto;}
	
	table {border-collapse:collapse; width:100%; line-height:normal; margin:25px 0;}
	table tr td,
	table tr th {padding:3px; border-bottom:1px solid #dce4ea; text-align:center; font-size:13pt; vertical-align:center;}
	table tr td.tipologia {background:#dce4ea; border-bottom:1px solid #fff; width:180px; font-size:13pt;}
	table tr td.periodi {font-size:12pt;}
	table tr td.periodi strong {font-size:13pt;}
	table tr th strong {text-transform:uppercase;}
	
	.testo_piccolo {font-size:8pt; font-weight:bold;}
		
	hr {display:block; height:3px; margin:10px auto; width:100%; background:#fff; border:0; width:80px;}
	
	iframe {border:0; margin:10px 0 10px 0;}
	
	#box_mappa {margin-top:20px;}
	#box_mappa #map {width:100%; height:516px; margin:0; padding:0;}
	
	
	#content_prezzi {display:block;}
	#content_prezzi_mob {display:none;}
				
/*Fine CARATTERISTICHE GENERICHE*/

/* TOP */

	header#top {position:relative; z-index:1;}
	
	#fascia_logo {padding:0;}
	.navbar-brand {padding:0; margin:0 auto; float:none; display:block; height:140px; background:url(/images/texture-top.png) top right no-repeat; border:1px solid #fff; margin:0;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}
	.navbar-default {background:none; border:none;}
	h1#logo {margin-top:30px;}
	
	#immagine {position:relative; width:100%; height:500px; margin:0;background:url(/assets/images/top/hotel.jpg) center center no-repeat; background-size:cover;}
		#hotel #immagine {background:url(/assets/images/top/hotel.jpg) bottom center no-repeat; background-size:cover;}
		#servizi #immagine {background:url(/assets/images/top/servizi.jpg) center center no-repeat; background-size:cover;}
		#prezzi #immagine {background:url(/assets/images/top/prezzi.jpg) top center no-repeat; background-size:cover;}
		#contatti_hotel #immagine {background:url(/assets/images/top/contatti.jpg) top center no-repeat; background-size:cover;}
        #novita #immagine {background:url(/assets/images/top/novita.jpg) center center no-repeat; background-size:cover;}
        #gallery #immagine {background:url(/assets/images/top/gallery.jpg) center center no-repeat; background-size:cover;}
	
	#box_menu {position:absolute; top:55px; left:0; width:100%; background:#fff;}
	#box_menu .container {position:relative; padding:0;}
	#box_menu h5.location {position:absolute; top:0; left:10px; padding:5px 10px; background:#dce4ea; color:#9ba6ae; font-size:15px; font-family: 'Lato', Arial, Helvetica; text-transform:uppercase;}
	#navbar {text-align:center; padding:10px 0;}
	
	.navbar-nav {float:none; text-align:center;}
	.nav > li {display: inline-block; float:none;}
	.navbar {margin:0;}

	.slogan {
		position:absolute; top:-150px; right:0; width:100%; padding:25% 5% 5% 5%;
		background: rgba(15, 114, 184, 0.6);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#0f72b8', EndColorStr='#0f72b8')";
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#0f72b8', EndColorStr='#0f72b8');
		zoom: 1!important;
		color:#fff;
	}
		#top .col-md-4 {float:right;}
		#top .slogan {text-align:right;}
		#middle .slogan {position:relative; top:inherit; margin-top:-150px; text-align:left;}
	#middle .slogan a {color:#fff;}
	#middle .slogan a:hover {color:#dce4ea;}
	
    #middle #bt_prenota {background:#DCE3E9; padding:17px 0; text-align:center; margin-bottom:20px;}
    #middle #bt_prenota a {color:#0F72B6; font-weight:bold; font-size:13pt; text-transform:uppercase;}

	ul#menu {text-align:center; margin:0 100px 0 0 !important; padding:0;}
		.de ul#menu {margin:0 140px 0 0!important}
	ul#menu li {display:inline; padding:0 6px; margin:0;}
		.de ul#menu li {padding:0 6px;}
	ul#menu li a {font-size:14px; text-transform:uppercase; padding:0; margin:0; text-decoration:none; font-weight:bold;}
	ul#menu li a:hover,
	ul#menu li.selezionato a,
	ul#menu_lingue li.selezionato a {color:#70808d;}
	
	.navbar-default .navbar-toggle .icon-bar,
	.navbar-default .navbar-toggle .icon-bar {background:#0f72b8; height:6px; width:30px;}
	.navbar-default .navbar-toggle {margin:0; border-color: #fff; background:#fff !important;}
		
	#box_lingue {position:absolute; top:-110px; left:0;}
	#navbar #box_lingue {display:none;}
	#box_lingue ul,
	#box_lingue p {display:inline; margin:0; padding:0;}
	#box_lingue p {display:none;}
	#box_lingue ul li {display:inline; padding:0 5px;}
	#box_lingue ul li a {font-size:11px; text-transform:uppercase;}
	#box_lingue ul li.selezionato a {background:#dce4ea; padding:3px 5px;}
	#box_lingue img {padding:0 5px; margin:0;}
	
/* Fine TOP */

/* MIDDLE */

	#middle {position:relative; z-index:2;}
	#middle .container {position:relative; padding:40px 0;}
	#middle .container .col-md-4 {padding:0;}
	#middle .imm.main {margin:0;}
	
	.gallery {padding:25px 5% 20px 5%; text-align:center; background: url(/images/texture-bottom2.png) center center no-repeat #dbe3e9;}
	.gallery a.imm {display:inline-block; width:24%; height:85px; background:#0f72b8; margin:0;}
	.gallery a.imm:hover {}
	.gallery a.imm img {margin:0; line-height:normal;}
	.gallery a.imm img:hover {opacity:0.70; -moz-opacity:0.70; filter:alpha(opacity=70);}
	
	#testo {padding:50px 5%; text-align:left;}
	#testo p {margin-bottom:20px;}
	/*#middle .container {position:relative;}
					
	section {position:relative; padding:5% 0;}
	
	.jumbotron {display:none; color:#fff; background:none; text-transform:uppercase; padding:50px 0; margin:0; text-shadow:1px 1px 1px #606060;}
		#home .jumbotron {display:block; padding:18% 30px;}
	.jumbotron h1 {font-weight:bold; font-size:55px; line-height:50px;}
		#home .jumbotron h1 {font-weight:bold; font-size:70px; line-height:65px;}
	.jumbotron p {font-size: 17px; width:60%; margin:0 auto;}
		#home .jumbotron p {font-size: 21px;}
		
	.evidenza {background:#cac1aa; color:#383837; padding:30px 3%; margin:0 0 30px 0;}
	
	.gallery {background:#942238; margin:20px 0; padding:30px 3%;}
	.evidenza .gallery {background:#aca592;}
	
	.gallery a.imm,
	.evidenza .gallery a.imm {display:inline-block; width:18%; margin:0; border:0;}
	.gallery a.imm img {margin:0;}*/
			
	/* Style news */
	
		.box_dettaglio_news {margin:0 0 40px 0; padding:20px 5%; background:#cac1aa; color:#383837;}
		.box_dettaglio_news .indietro {margin-top:20px; background:#fff !important;}
		
		.box_dettaglio_news #testo_html {margin:0 auto;}
		
		.box_dettaglio_news .evidenza {padding-bottom:0; padding-top:0; margin-bottom:0; box-shadow:0 !important;}
		.box_dettaglio_news .evidenza .solo_testo {text-align:center; width:100%;}
		
		.testo_breve {font-weight:bold;}
		
		#news #middle a {display:block; background:#942238;}
		#news #middle a:hover { background:#cac1aa; color:#383837;}
		#news #middle .news a {padding:0 0 20px 0;}
		#news #middle .imm {display:block; height:210px; background:#fff;}
		
		.pagination .active a,
		.pagination .active a:hover {background:#cac1aa !important;}
		.pagination > li > a {border:0;}
		
		#box_gallery,
		#box_allegati {background:#942238; margin:20px 0 0 0; padding:10px 2%;}
		#box_gallery h5,
		#box_allegati h5 {background:none; color:#fff; text-align:left; text-transform:uppercase; padding:0;}
		#box_gallery ul li {position:relative; display:block; float:left; width:80px; height:60px; list-style-type:none; margin:0 2px 2px 0;}
		#box_gallery ul li a {display:block; position:relative; width:80px; height:60px; margin:0; text-align:center; background:#fff; overflow:hidden;}
		#box_gallery ul li a img {margin:0;}
		#box_gallery ul li a img {width:100%; height:auto;}
		#box_gallery ul li a img.noresize {width:auto; height:auto;}
		#box_gallery .clear,
		#box_allegati .clear,
		#dettaglio_news .clear {height:auto;}
		
		#box_allegati {float:right;}
		#box_allegati ul li {margin:0 0 3px 0; list-style-type:disc; text-align:left;}
		#box_allegati ul {margin:10px 0 0 10px;}
		
	/* Fine style news */
	

/* Fine MIDDLE */

/* BOTTOM */

    footer {position:relative; padding:0; margin:0; font-size:14px; background:url(/images/texture-bottom.png) top center repeat-x;}
	footer .container {padding:30px 0 20px 0;}
	footer .col-md-4,
	footer .col-md-8 {padding:0; text-align:left;}
	footer .col-md-8.contatti {text-align:center;}
	footer .col-md-8.contatti div,
	footer .col-md-4 p {background:#fff; width:50%; float:right; text-align:center; padding:10px 35px; font-size:18px;}
	footer .col-md-8.contatti div.clear {float:none; padding:0; width:100%;}
	footer .col-md-8.contatti div img {float:left; margin-top:10px;}
	footer .col-md-8.contatti div div {display:block; float:right; text-align:left;}
	footer .col-md-4 p {float:none; width:100%;}
	footer .col-md-8.contatti p strong {font-size:20px; font-weight:normal;}
	
	/*CONCEPT BY*/
	
		#widgetTP {width:100% !important; margin:20px 0 !important; padding:10px 0 !important; background:#fff;}
		#widgetTP #newconcept {width:100% !important; margin:0 !important; padding:0 !important; text-align:center !important;}
		#widgetTP #newconcept br {display:none;}
		#widgetTP #newconcept {text-align:left; padding:0; margin:0;}
		#widgetTP #newconcept a {display:inline-block; font-size:11px !important; margin:0 5px 0 0; font-family: inherit;}
		#widgetTP #newconcept .conceptlink {display:inline-block; font-size:10px !important;}
	
	/*Fine CONCEPT BY*/
	
/* BOTTOM */

/* contatti */

	#formcontatti {width:100%;}
	
	#formcontatti .row {border:0 !important;}
	
    #formcontatti input,
	#formcontatti textarea {margin-bottom:10px; border:1px solid #dce4ea; width:100%; color:#5d3324; padding:15px 3%; height:auto;}
	input.cerchio,
	label input {display: inline-block !important; width:auto !important; margin:0 10px !important;}
	
	.box_accetto {margin:20px 0;}
	
	#formcontatti .container-fluid,
	#formcontatti .container-fluid .row,
	#formcontatti .container-fluid .row .col-md-12 {padding:0; margin:0;}
	#formcontatti .container-fluid .row .col-md-5 {padding:0;}
	#formcontatti .indietro {height:auto; margin:0 !important; border:0 !important; border-radius: 0;}
	
	#formcontatti .clear {height:auto;}
    	
	/* contatti hotel */
	
	#box_periodo,
	#box_persone,
	.box_camere,
	#box_trattamento {width:100%; margin:15px 0; padding:15px; background:#fff; border:1px solid #dce4ea; color:#70818d; border-radius: 4px;}
	
	#box_periodo {float:left; width:48%;}
	#box_persone {float:right; width:48%;}
	
	#box_persone .left {width:48%;}
	#box_persone .right {width:48%;}
	
	#box_etabambini {margin:10px 0 0 0;}
	#box_etabambini input {width:45px; margin:0 5px 0 0;float:left;}
	
	#box_periodo input.left,
	#box_periodo input.right {float:none; width:92%;}
	
	#box_periodo input,
	#box_persone input,
	#box_persone select,
	.box_camere select,
	#box_trattamento select {background:#dce4ea;}
	#box_persone p,
	.box_camere p {margin:5px 5px 0 0; /*width:80px;*/}
	#box_persone p,
	#box_persone select,
	.box_camere p,
	.box_camere select {float:none;}
	
	#box_persone .left select,
	#box_persone .right select,
	.box_camere select  {}
	.box_camere select {}
	
	.box_camere .left,
	.box_camere .center,
	.box_camere .right {width:30%; float:left;}
	.box_camere .center {margin:0 0 0 5%;}
	.box_camere .right {float:right;}
	.box_camere .left select,
	.box_camere .center select,
	.box_camere .right select {float:right;}
	.box_camere p {margin:12px 5px 0 0;}
	
	.buttonDiv {float:left;width:50%;text-align:center;}
	
		
/*fine FORM*/

@media (max-width:1300px) {
	body {}
}
@media (max-width:1199px) {
	body {}
    ul#menu {text-align:left;}
	ul#menu li {padding:0 10px;}
	#middle .gallery a.imm {height:78px;}
	#box_menu h5.location {top:-40px; top:inherit; left:0; width:100%; margin:0; text-align:left; padding-left:5%; display:block; border:1px solid #dce4ea; font-size:14px; line-height:normal;}
footer .col-md-8.contatti div {width:80%;}
}
@media (max-width:1050px) {
	body {}
	
}
@media (max-width:991px) {
	body {}
	.slogan h3, .slogan .h3 {font-size:33px; line-height:28px;}
	.slogan h5, .slogan .h5 {font-size:17px; margin:10px 0;}
	#middle #bt_prenota a {font-size:11pt;}
	#testo {padding: 30px 5%;}
	
	footer .col-md-4,
	footer .col-md-8 {text-align:center;}
	footer .col-md-8.contatti p {float:none; margin:0 auto; width:70%;}
	p.evidenza {font-size: 20px;}
	
	#box_menu h5.location {bottom:-40px; top:inherit; left:0; width:100%; margin:0; text-align:left; padding-left:5%; display:block; border:1px solid #dce4ea; font-size:14px; line-height:normal;}

	#content_prezzi {display:none;}
	#content_prezzi_mob {display:block;}
	ul#menu {text-align:left;}
	
	#middle .gallery a.imm img {width:auto; height:100%;}
	
}
/* tablet larghezza più piccola */
@media (max-width:767px) {
	body {}

	#fascia_logo {background:url(/images/texture-top.png) top right no-repeat;}
	.navbar-brand {position:relative; background:none; max-width:142px; height:auto; border:0; margin:0 auto !important; z-index:2;}
	.navbar-header {position:absolute; top:0; left:0; width:100%; margin:0 !important; z-index:1;}
	
	#box_menu {top:0;}
	#box_menu .container {padding:0; border:0;}
	
	h1#logo {margin-top: 15px;}
	
	#navbar {background:#0f72b8; border-bottom:1px solid #0f72b8 !important;}
	ul#menu {float:none; margin:0 auto !important; text-align:center;}
	ul#menu li {display:block; float:none; margin:10px 0;}
	ul#menu li a {color:#fff; font-size:16px; text-align:center;}
	ul#menu li.selezionato a {color:#dce4ea;}
	
	.navbar-collapse.collapse {display:none !important; border:0;}
	.navbar-collapse.collapse.in {display:block !important;}
	.navbar-default .navbar-toggle {float:right; right:0; margin:10px; display:block;}
	
	.slogan,
		#top .slogan,
		#middle .slogan {position:relative; margin-top:0; top:inherit; text-align:center; display:none;}
	#top .slogan {display:block; padding-top:10px; padding-bottom:10px; margin:10px auto;}
	#middle .slogan {display:block; top:inherit; padding-top:10px; padding-bottom:10px; margin:10px auto; background:#0F72B8;}
	
	#middle .container  {padding:0;}
	#middle #testo {text-align:center;}
	#middle h2 {margin-bottom:15px;}
	
	.slogan h3, .slogan .h3 {font-size:35px; line-height:28px;}
	.slogan h5, .slogan .h5 {font-size:17px; margin:10px 0;}
	
	#box_menu h5.location {position:relative; bottom:inherit; text-align:center; padding-left: inherit; margin:inherit; margin-top:10px; border:0;}
	
	#immagine {height:400px;}
	
	footer {padding-top:25px;}
	footer p {text-align:center;}
	footer .col-md-8.contatti {margin-top:25px;}
	footer .col-md-8.contatti p {float:none; margin:0 auto; width:100%; padding-top:30px;}
	
	footer .container {padding:0;}
	
	#middle .container .col-md-4 {padding:0 15px;}
	
	#immagine #box_lingue {display:none;}
	#navbar #box_lingue {display:block; position:relative; top:inherit;}
	#box_lingue a {color:#fff;}
	#box_lingue .selezionato a {border:1px solid #fff; padding:0 5px; background:#fff;}
	
	#box_mappa {}
	#box_mappa #map {width:100%; height:316px;}
	
	#middle .gallery a.imm {width:23%;}
	#middle .gallery a.imm img {width:auto; height:120%;}
	footer .col-md-4 p {float:none; width:100%; background:none;}
	.gallery {margin-bottom:15px;}
	.gallery a.imm img {width:100%; height:auto;}

	footer .col-md-8.contatti div {width:100%; float:none;}
	
	footer .col-md-8.contatti div img {float:none; margin-bottom:10px;}
}
/* mobile */
@media (max-width:439px) {
	body {}
}
@media (max-height:670px) {
	body {}
}
@media (max-height:300px) {
	body {}
}