/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
body {
	margin: 0px;
	font-family: 'Oswald', sans-serif;	
	font-size: 14px;
	color: #003366;
	text-align: justify;
	border-top:5px solid #FBB03B;

}
.giallo { color:#FBB03B;}
#top_menu a.active { background-color:#FBB03B;}
.pd0 { padding:0px;}
img {
	border: 0px;
}

img a {
	border: 0px;
}

input {
font-family: 'Oswald', sans-serif;	font-size: 11px;
	color: #555555;
}

.campo {
font-family: 'Oswald', sans-serif;	font-size: 11px;
	color: #555555;
}

.errore {
	color: #990000;
}
a { text-decoration:none !important;}
a:link, a:visited, a:active {
	text-decoration: underline;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}

.uppercase { text-transform:uppercase;}
h1.home{ font-size:18px; margin:0px; color:#FBB03B;}
h1{ font-size:28px; margin:0px; color:#FBB03B; text-transform:uppercase;}

#contenitore {
	margin: 0 auto;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #FFFFFF ;
}
.navbar-toggle .icon-bar { background-color:#003366;}
.navbar-toggle { background: #FBB03B;}
.scheda-bottone { position:absolute; bottom:10px; right:15px;}

#logo { margin:25px 0px;}
#logo img { height:50px; }
#top {
	margin: 20px auto;
}

.navbar { margin-top:40px; padding-right:0px;}

#top_menu ul {
	list-style: none;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	margin:auto;
	float:right;

	
}
#top_menu li {
	display: inline-block;
	text-transform: uppercase;
	color:#003366;
} 

#top_foto {
	width: 720px;
	height: 230px;
	float: right;
}

#contenuto {
	margin: 0 auto;
	margin-top: 30px;
	clear: both;
}

#contenuto_sx {
	width: 100%;
	margin-bottom: 30px;
}

#loghi { margin:15px 0px; padding-top:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#loghi a { margin:5px; display: block; text-align:center;}
#loghi img { max-width:100%; text-align:center;}
.logo img { max-width:100%;}
a.btn-primary { color:#fff;}

#contenuto ul {
	margin: 0px;
	padding: 0px;
	margin-left: 7px;
	padding-left: 7px;
}

#bottom {
	margin: 0 auto;
	height: 30px;
	padding-top: 7px;
	clear: both;
	color: #003366;
	font-size:13px;
}

#bottom_centro {
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

#bottom_dx {
	width: 270px;
	text-align: right;
	float: right;
}

#bottom_sx {
	width: 270px;
	text-align: left;
	float: left;
}


    .google-maps {
        position: relative;
        padding-bottom: 15%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		height:450px;
		max-width:1120px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 15px;
        width: 100% !important;
        height: 100% !important;
    }


/* Pagine barche */
#tabella_barche td {
	margin-bottom:20px;
}
#tabella_barche tr {
	background: url(../img/elencobarche_sfondo.jpg);
}
.tabella_barche_cornicefoto {
	background: url(../img/elencobarche_riquadro.jpg);
}
.titolo {
	font-size: 18px;
}

#dati_cnlm {
	display: none;
}

#miniature_barca a:link, #miniature_barca a:visited, #miniature_barca a:active {
	text-decoration: none;
}
#miniature_barca a:hover {
	text-decoration: none;
}
#miniature_barca img { max-width:100%; }
#top_menu a:link, #top_menu a:visited, #top_menu a:active {
	text-decoration: none;
}
#top_menu a:hover {
	text-decoration: none;
}
#myCarousel { margin-bottom:15px;}

.testohome { padding:30px; padding-top:60px; font-size:20px; font-weight:300;}
.testopagina { padding:30px; font-size:20px; font-weight:300;}
.testogrande {  font-size:20px;font-weight:300; }
.boxhome img { width:100%}
#plus .item { background-color:#f5f5f5; padding:20px; padding-top:40px; text-transform:uppercase; margin-bottom:5px; height:200px; }
#plus .item h2 { font-size:18px; }
#plus .foto img { max-width:100% }
.foto-big { height:405px; margin-bottom:5px;overflow: hidden;}

#plus h3 { text-transform:uppercase; font-size:15px; margin:0px; margin-top:5px; }

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
	float: left;
  }
}
/* 14% = 100% (full-width row) divided by 7 */
.barca { height:350px; padding:0px; margin-bottom:20px;  }
.barca h3 { text-align:left;  }
.barca .inside { height:350px; border:1px solid #ccc; margin:auto; }
.barca img { max-width:100%; width:100%; margin:10px 0px; max-height:200px; }
.imgbarca {height:	220px;}
.breadcrumb { margin-top:20px;}

@media only screen and (max-width: 1200px) {
	h1.home { font-size:12px; text-align:left; }
	.testohome{    padding-top: 40px; font-size:18px;}
	#plus .item { height:170px;}
	.foto-big { height:345px;}
}
@media only screen and (max-width: 992px) {
#top_menu ul{ float:left;}
.navbar { margin-top:0px; padding-left:0px;}
.testohome{ padding:15px; padding-top: 20px; font-size:16px;}
.foto-big { height:260px;}
.testogrande {
    font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.testogrande { font-size: 16px;}
h1 { font-size: 22px;}
.padding-sm { padding:0px;}
.imgbarca { height:180px; max-width:300px; margin-right:10px;}
.barca .inside { height:230px;}
.barca{ height:auto;}
.navbar-toggle { position:absolute; right:10px; top:-90px;}
li.nav-item { width:100%; float:none;
text-align:right;}
    .google-maps {
		height:250px;
    }

}

@media only screen and (max-width: 670px) {
	.imgbarca { max-width:250px; }
}

@media only screen and (max-width: 555px) {
	.imgbarca { max-width:100%; height:220px;}
.barca .inside { height:350px;}
	#logo  { max-width:250px;}
	#logo img { max-width:100%; height:auto;}

}

@media only screen and (max-width: 365px) {
	#logo  { max-width:200px;}
}