@charset "utf-8";
/* CSS Document */
/*
blumenu: #273753;
verdone: #006b73;
grigio:  #dddddd;
giallo:  #dcb000;
*/

body{ 
	font-family: 'Source Sans Pro', sans-serif; 
	color:#333;
	background-color:#ddd;
}

a{ color:#273753; }
a:hover{ color:#006b73; }

.little-show{ display:none; }
.nav > li.little-show{ display:none; }

.header{ 
	background-color:#086367; 
	height:143px;
	border-bottom: solid 7px #00a8af;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: auto;
    line-height: auto;
    padding: 15px 1px;
}

.main-menu{
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#126e72
}
.main-menu span{
	font-size:0.9em;
	color:#ddd
}

.row .pagetitle{ background:transparent url(../img/title-row.png) 0px 20px repeat-x; text-align:center; }
.row .pagetitle h2{ display:inline-block; background-color:#dddddd; font-size:22px; color:#273753; text-transform:uppercase; padding:14px 10px; margin:0px; font-weight:lighter }

.navbar{ margin-bottom: 10px; }

.navbar .container{
	position:relative; 
	height:100%;
}
.navbar-nav > li > a {
    padding: 5px 15px;
	text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a { color: #fff; }
.dropdown-menu > li > a { color: #fff; }
.dropdown-menu > li { border-bottom: solid 1px #00a8af; }
.dropdown-menu > li:last-child { border-bottom: none; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #aaa; }
.navbar-default .navbar-nav .chart-dropdown.open > a, .navbar-default .navbar-nav .chart-dropdown.open > a:focus, .navbar-default .navbar-nav .chart-dropdown.open > a:hover {
    background-color: #00a8af;
    color: #fff;
}
.dropdown-menu {
    background-color: #176f7b;
    border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #00a8af;
	color:#fff;
}
.dropdown-menu .divider{ background-color: #00a8af; } 
.navbar-default .navbar-nav > li{ border-right:solid 1px #475773; }
.navbar-default .navbar-nav > li.pull-right{ border-left:solid 1px #475773; border-right:none; background-color:#126e72 }
.navbar-default .navbar-nav > li.pull-right > a:focus, .navbar-default .navbar-nav > li.pull-right > a:hover { color: #273753; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #00a8af;
    color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{ background-color: #00a8af; }
.navbar-collapse form{ 
	width:180px;
	background-color:#ddd;
	display:block;
	float:right;
	margin:4px 0px;
	margin-top:12px;
	position:relative;
}
.navbar-collapse form input{ 
	width:130px;
	border:none;
	background-color:#ddd;
	margin:0px 2px;
	color:#333;
	display:inline-block;
	font-size:12px;
	margin-left:22px;
	margin-bottom:2px;
}
.navbar-collapse form .searchBtn{ 
	margin:0px 2px;
	margin-top:3px;
	position:absolute;
	width:16px;
}
.service-menu{ 
	display:block; 
	clear:both; 
	padding-top:2px;
	text-align:right
}
.service-menu a{
	background-color:#ccc;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color:#fff;
	text-decoration:none;
	width:25px; 
	height:24px;
	display:inline-block;
	text-align:center;
	padding:0px;
	padding-top:2px;
	margin-left:4px;
}
.service-menu a:hover{
	color:#00a8af;
}

.mapImage{
	box-shadow: 0 1px 5px 0 #4a4a4a;
    margin-bottom: 10px;
    position: relative;
	border: 12px solid #fff;
}


footer a{ color:#fff; }
footer a:hover{ color:#fff; }



.banneritem{
	display:inline-block; 
	vertical-align: middle; 
	margin:10px 1%; 
	width:14.99%; 
	height: 100%;
	text-align:center
}
.banneritem img{
	vertical-align: middle; 
}

.menu{  font-size:18px; text-transform:uppercase; font-weight:300 }
.menu a:hover{ text-decoration:none; }
.mini-menu{ font-size:15px; font-weight:300 }

.form-horizontal .modal-body .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.green-menu{
	background-color:#053f26;
	color:#fff;
}
.green-menu h2{
	font-size:1.5em;
	font-weight:300;
	margin-top:6px;
}
.slogan{ text-align:center; background:url(../img/row-grey.png) center center repeat-x; margin-bottom:10px; }
.slogan h4{ display:inline-block; padding:0px 8px; background-color:#053f26;  }
.list .slogan{ text-align:center; background:url(../img/row-red.png) center center repeat-x; margin-bottom:10px; }
.list .slogan h4{ display:inline-block; padding:0px 8px; background-color:#fff; color:#555; font-weight:300; text-transform:uppercase; font-size:18px;  }

.description h4{ font-weight:300; text-transform:uppercase }
.description ul li span{ color:#053f26 }
.description ul li{ font-size:15px; font-weight:300; margin-bottom:3px; border-bottom:dotted 1px #ccc; padding-bottom:4px; list-style:url(../img/arrow.png) } 
.description ul li:hover{ color:#053f26 }

.miniptext p{ font-size:0.9em; }

.grey-box{ background-color:#eee; margin:20px 0px }

.row-prod{ background-color:#fff; padding-left:2px; padding-right:2px; }
.prodlist{ 
	margin:10px 8px; 
	background-color:#ddd;
	padding:4px;
	text-align:center;
	box-shadow: 0;
    transition: box-shadow 1s;
}
.prodlist:hover {
    box-shadow: 0 0 5px #000;
	color:#fff
}
.prodlist a{ 
	color:#053f26;
	transition: color 0.3s;
}
.prodlist a:hover {
	color:#fff
}
.prodlist a:hover{
	text-decoration: none;
}
.row-prod .col-sm-2, .row-prod .col-xs-6, .row-prod .col-xs-6, .row-prod .col-sm-3, .row-prod .col-md-2{
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}
.prodlist h3{ 
	padding:4px 0px;
	margin:0px;
	font-size:1.1em;
	height:19px;
	overflow:hidden
}
.prodlist h2{ 
	padding:4px 0px;
	margin:0px;
	font-size:1.1em;
	height:38px;
	overflow:hidden
}
.prodlist .prod-detail{ 
	height:24px;
}
.prodlist .prod-detail a{
	background-color:#dcb000;
	padding:2px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform:uppercase;
	font-size:0.9em;
}
.prod-itm{ position:relative; }
.prod-itm .label{ 
	position:absolute;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:rgba(255,255,255,0.8);
	transition: box-shadow 1s;
}
.prodlist hr{ 
	width:50%;
	margin:6px auto;
} 
.row-event{ padding-left:2px; padding-right:2px; }
.row-event .col-sm-6, .row-event .col-xs-12{
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}
.event-list{ 
	margin:10px 0px; 
	background-color:#fff;
	padding:0px;
	text-align:left;
	height:100px;
	overflow:hidden
}
.event-list .img-event{ 
	float:left;
}
.event-list .event-deatil{
	margin-left:120px;
	padding:10px;
}
.event-list .event-deatil h2{
	font-size:1.1em;
	margin:0px;
}
.event-list .event-date{
	position:absolute;
	bottom:10px;
	right:0px;
	background-color:#dcb000;
	padding:1px 4px;
	color:#fff;
	font-size:0.9em
}

.fancybox img{ transition: box-shadow 1s; }
.fancybox:hover img{ box-shadow: 0 0 5px #053f26; }

.prod-box .prod-itm .label{ transition: background-color 1s; }
.prod-box:hover .prod-itm .label{ background-color:rgba(255,255,255,1); }

.prod-itm .label h3{ margin:2px 0px; font-size:16px; text-transform:uppercase; }
.prod-itm .label h2{ margin:2px 0px; margin-bottom:10px; font-size:18px; font-weight:600;  }

.btn{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-primary {
    background-color: #053f26;
    border-color: #053f26;
    color: #fff;
	text-transform:uppercase;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #255f46;
    border-color: #255f46;
    color: #fff;
	text-transform:uppercase;
}

.btn-success {
    background-color: #009ba3;
    border-color: #006b73;
    color: #fff;
}
.btn-success:active, .btn-success:focus, .btn-success:hover {
    background-color: #006b73;
    border-color: #006b73;
    color: #fff;
}

.banner{
	text-align:center;
	padding:20px 0px;
}
.banner div{
	display:inline-block;
	margin:5px 4px;
	border:solid 1px #999;
	padding:5px 6px;
	background-color:#fff;
	height:60px;
}
.banner div span{
	height:100%;
	vertical-align: middle;
	display:inline-block;
	background:#f00;
}
.banner div img{
	vertical-align: middle;
	max-height:48px;
}


.box-column{
	background-color:#fff;
	padding:10px;
	display:block;
	clear:both;
	color:#086367;
	padding-bottom:16px;
	margin:10px auto;
	margin-bottom:14px;
}

.content-page .box-column{
	background-color:#e7e7e7;
}

.box-column h3{
	font-size:15px;
	display:inline-block;
	background-color:#fff;
	margin:0px;
	padding:6px;
	padding-bottom:14px;
	font-weight: lighter;
}

.content-page .box-column h3{
	background-color:#e7e7e7;
}

.dataTables_info{ text-align:center }
.dataTables_paginate{ text-align:center }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #00a8af;
    border-color: #086367;
    color: #fff;
}
.pagination > li > a, .pagination > li > span {
    color: #00a8af;
}

.box-column .pagetitle, .content-page .box-column .pagetitle{
	background:transparent url(../img/title-single-row.png) 0px 10px repeat-x; 
	text-align:center;
}
.box-column span{
	background:transparent url(../img/title-single-row.png) 0px 8px repeat-x; 
	text-align:center;
}
.gallery span{
	margin:4px 2px;
}
.box-column ul{
	margin:2px;
	padding:0px 2px;
}
.box-column ul li{
	list-style:none;
	margin:2px 0px;
	padding-left:16px;
	background:transparent url(../img/li-square.png) 0px 5px no-repeat; 
}

.main-area{
	background-color:#fff;
	padding:10px 20px;
	display:block;
	clear:both;
	color:#086367;
	padding-bottom:16px;
	margin:10px auto;
	margin-bottom:14px;
	text-align:left
}
.main-area .pagetitle{
	background:transparent url(../img/title-single-row.png) 0px 18px repeat-x; 
	text-align:left;
}
.main-area .pagetitle h2{
	font-size:26px;
	display:inline-block;
	background-color:#fff;
	margin:0px;
	padding:6px;
	margin-bottom:14px;
	font-weight: lighter;
}

.box-event .date, .description .date{
	margin-bottom:6px;
}
.box-event .date span, .description .date span{
	margin:4px 2px;
	padding:2px 8px;
	color:#fff;
	background-color:#086367;
}
.box-event .date span a, .description .date span a{
	text-transform:uppercase;
	color:#fff;
}

.box-event h3{
	margin:0px;
	padding:2px;
	font-weight: lighter;
	font-size:18px;
}
.box-event{
	padding-bottom:12px;
	margin-bottom:24px;
	border-bottom:dotted 1px #ccc
}
.box-event p{
	margin:2px 2px;
}

.content-page .pagetitle h1, .events .pagetitle h1{
	font-size:32px;
	display:inline-block;
	background-color:#fff;
	margin:0px;
	padding:6px;
	margin-top:14px;
	margin-bottom:4px;
	font-weight: lighter;
}
.content-page .pagetitle, .events .pagetitle{
	background:transparent url(../img/title-single-row.png) 0px 36px repeat-x; 
	text-align:center;
}

.main-area h3{
	font-weight: lighter;
	font-size:20px;
}
.description{ 
	padding:10px 30px;
	padding-bottom:30px;
	font-size:15px; 
	font-weight: lighter; 
}
.description ul li{ 
	border-bottom:none; 
	list-style:square;
}
.events{ 
	padding:10px 30px;
	padding-bottom:30px;
	font-size:15px; 
	font-weight: lighter; 
}
.firstHeading{
	font-size:24px;
	font-weight: lighter; 
}
	
	
footer{
	background-color:#086367;
	color:#fff;
	font-size:1.1em;
}
footer .yellow-row{ background-color:#00a8af; }
footer .right-text{ text-align:right; }

footer .container .row ul{ margin:0px; padding:0px; }
footer ul li span{ color:#fff }
footer ul li{ font-size:14px; font-weight:300; margin-bottom:2px; padding-bottom:3px; margin-left:0px; padding-left:0px; list-style:none; } 

.description ul li:hover{ color:#053f26 }

.nivoSlider{ border: solid 12px #fff; }






.main-area form input.perc50, .maincontent form select.perc50{ width:40%; }
.main-area form input.perc20, .maincontent form select.perc20{ width:25%; }


.main-area form div{
	margin:7px;
}
.main-area form div label{
	display:block;
	margin:2px 0px;
}
.main-area form input{
	width:70%;
}
.main-area form textarea{
	width:90%;
	color: #00a8af;
	padding: 3px 5px 4px;
}
.main-area form select{
	color: #00a8af;
    padding: 3px 5px 4px;
	width:70%;
}
.main-area form .infoform{ font-size:12px; color:#777; padding:4px 0px;}
.main-area form input.privacy{ width: auto; margin:10px 0px;  }
.main-area form input.btn{ background-color:#086367; color:#fff; font-weight:bold; width: auto; }

.ok-message{
	border:dotted 2px green;
	margin:20px 0px;
	padding:20px;
}
.err-message{
	border:dotted 2px red;
	margin:20px 0px;
	padding:20px;
}
.ok-message h2, .err-message h2{ font-weight:bold; margin-bottom:4px; margin-top:0px; font-weight: lighter;  }



@media only screen and (max-width: 991px){
	.navbar-nav > li > a{ padding: 5px 10px; }
	.nivoSlider { height: auto; } 
}

@media only screen and (max-width: 767px){
    .header{
		height: auto;
	}
	.navbar-collapse{
		bottom: auto;
		left: 0;
		top:0px;
		position: relative;
		/*width: 85%;*/
		border:none;
		box-shadow: none;
		padding:0px;
		margin:0px;
	}
	.main-menu {
		bottom: auto;
		left: 0;
		top:0px;
		position: relative;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-default .navbar-nav > li{
		border-bottom:dotted 1px #ccc;
		padding: 5px 15px;
	}
	.navbar-default .navbar-nav > li.pull-right{
		display:block;
		position: relative;
		border:none;
    	float: none !important;
		border-bottom:dotted 1px #ccc;
	}
	.little-hide{ display:none; }
	.little-show{ display:block; }
	.nav > li.little-hide{ display:none; }
	.nav > li.little-show{ display:block; }
	.navbar-default .navbar-nav > li.little-hide{ display:none; }
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #aaa; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; }
	
	.content-page .pagetitle{
		/* background:transparent url(../img/title-single-row.png) 0px 28px repeat-x; */
		background:none;
		text-align:center;
	}
	
	.content-page .pagetitle h1{
		font-size:26px;
	}
}

@media only screen and (max-width: 480px){
	
	.navbar-brand{ width: 75%; }
	.navbar-brand img{ max-width:100%; }
	.event-deatil p{ display:none; }
	
}