body, h5 {font-size: 16px;}

h1 {font-size: 30px !important; color:#dfb77c !important;}
h2 {font-size: 28px !important; margin-top: 50px !important; margin-bottom: 20px !important;}
h3 {font-size: 22px !important; margin-top: 40px !important;}

a:link, a:visited, a:active {color: #dfb77c; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}

code {
   /*color: inherit !important;*/
   color: #FFFFFF !important;
   padding: 0px !important;
   background-color: transparent !important;
   border-radius: 0px;
   font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
   font-size: 100% !important;
}
a:link code, a:visited code, a:active code {color: #dfb77c !important; text-decoration: none;}
a:hover code, a:focus code {text-decoration: underline;}

pre {font-size: 16px;}
blockquote {
	font-size: 16px !important; 
	font-style: italic; 
	color: #999;
	border-left-width: 3px;
}
label {font-weight: normal;}

.form-control:focus {
	border-color: #dfb77c;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(223,183,124,0.6);
}
.navbar {margin-bottom: 0px;}

nav .btn-default {
	background-image: none;
   background-color: #FFF;
   border-color: #FFF;
   color: #333}
nav .btn-default:hover {
	background-image: none;
	color: #ffffff;
	background-color: #3E3E3E;
}
nav .form-control {
	height: 30px;
	max-width: 130px;
}
nav .input-group-btn, nav .input-group {height: 30px !important; margin-top: 17px;}
nav .btn {
	padding: 3px 10px;
}	
	
nav .icon-bar {
	background-color: #DEDEDE;
	border-color: #DEDEDE;
}
nav .input-group-btn {width: auto;}
.navbar-form {
	border-top: 0px;
	border-bottom: 0px;
	-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0.1), 0 0px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 0px 0 rgba(255,255,255,0.1), 0 0px 0 rgba(255,255,255,0.1);
}
input[type="radio"], input[type="checkbox"] {
	margin: -4px 0 0;
}

/* lightbox gallery */
.img-thumbnail {padding: 0px !important;}

hr {
	border-top: 1px solid #c8c8c8;
	margin-top: 40px;
}
/*
.pagination>li>a {
	color: #333;
	border: 0px !important; 
	padding: 0px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>li>a {background-color: transparent !important;}
.pagination>li>a:focus, .pagination>li>a:hover 
 {background-color: transparent !important; color: #FFF;}
.dataTables_wrapper .dataTables_paginate .paginate_button {color: #333 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {color: #FFF !important;}
input[type=search] {-webkit-appearance: textfield !important;}

table.dataTable thead .sorting {background-image: url("/plug-ins/datatables/DataTables/images/sort_both.png") !important;}
table.dataTable thead .sorting_asc {background-image: url("/plug-ins/datatables/DataTables/images/sort_asc.png") !important;}
table.dataTable thead .sorting_desc {background-image: url("/plug-ins/datatables/DataTables/images/sort_desc.png") !important;}
table.dataTable thead .sorting_asc_disabled {background-image: url("/plug-ins/datatables/DataTables/images/sort_asc_disabled.png") !important;}
table.dataTable thead .sorting_desc_disabled {background-image: url("/plug-ins/datatables/DataTables/images/sort_desc_disabled.png") !important;}
*/
i, em {
	font-family: 'Times New Roman', 'Georgia', 'Palatino', serif;
	font-size:120%;
	/* color: #FFF;*/
}

a img {border: 0px;}

/* allineamento immagini */
.immagine-prima-allineata-sinistra {
	float: left;
	margin: 0px 20px 10px 0px;
}
.immagine-allineata-sinistra {
	float: left;
	margin: 20px 20px 20px 0px;
}
.immagine-top
{
	float: right;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	border: 0px;
}
.immagine-centrata {display: inline !important;}

table {border: 1px solid #cccccc !important; margin-top: 30px; margin-bottom: 30px;}
td, th {padding: 5px !important;}

/* --------------------- restore bootstrap default -------------------- */
h3 {margin-top: 20px;}
h4, h5, h6 {margin-top: 10px;}
.content h4 {margin-top: 50px;}
.content h5, .content h6 {margin-top: 30px;}
iframe, video {
	/*margin-bottom: 15px; e' solitamente dentro un <p> quindi implicito*/
	margin-top: 15px;
	max-width: 100%;
   max-height: auto;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
iframe, video {
	/*margin-bottom: 15px; e' solitamente dentro un <p> quindi implicito*/
	margin-top: 15px;
	max-width: 100%;
   max-height: auto;
}

/* -------------------- lightbox gallery --------------- */
.zoom-gallery img {
	float: none;
	display: inline;
	max-width:110px;
	max-height: 110px;
	width: auto;
	height: auto;
	margin-right: 10px;	
	margin-bottom: 10px;
}
.zoom-gallery img.big {
	max-width: 100% !important;
	max-height: none !important;
	/* width: auto !important;
	height: auto !important;*/
}
.zoom-gallery {
	margin-bottom: 20px;
	margin-top: 20px;
	display: block;
}
.br-4 {border-radius: 4px;}
.br-10 {border-radius: 10px;}
.pb-5 {padding-bottom: 5px !important;}
.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pr-5 {padding-right: 6px !important;}
.pr-10 {padding-right: 10px;}
.p-15 {padding: 15px;}
.p-25 {padding: 25px;}
.p-35 {padding: 35px;}
.pv-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ml-20 {margin-left: 20px !important;}
.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-80 {margin-bottom: 80px;}
.mt--20  {margin-top: -20px !important;}
.mt-0  {margin-top: 0px !important;}
.mt-5  {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-100 {margin-top: 100px !important;}
.mv-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.mv-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mv-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mv-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mv-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.clearl {clear: left;}
.flex {
	display: -webkit-flex !important;
	display: flex !important;
	margin-left: 10px;
	line-height: 1.25 !important;
}

.light-bg {background-color: #FFF1E7;}
.light-bg2 {background-color: #FFF1DD;}
.light-gray-bg {background-color: #f7f7f7;}
.mainColorText {color: #c8c8c8 !important;}
.titleText {color: #01784e !important;}
.grey {color: #333;}
.black {color: #000;}
/*.light-gray {color: #666;}*/
.subTitle {
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 40px;
}
.content img {
    max-width: 100%;
    height: auto;
}
.fleft {float: left !important;}
.fright {float: right !important;}

/****************** layout *******************/
/*.page-wrapper {background-color: #ffffff;}
.container {width: 100% !important;}*/

.header-img:hover {cursor: pointer;}
.header-img {
	width: 100%;
	min-height: 350px;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
	border 2px solid #FFFFFF;
}
.header-img .logo {
	position: absolute;
	left: 50px;
	top:  30px;
}
.header-img {
	background-image: url('/css/img/header-1920.jpg');
}
@media (max-width: 1025px){
	.header-img {min-height: 222px !important;}
	.header-img .logo {
		left: 30px;
		top:  20px;
	}
	.header-img .logo img {max-height: 45px;}
}
@media (max-width: 769px){
	.header-img {min-height: 180px !important;}
	.header-img .logo {
		left: 20px;
		top:  10px;
	}
	.header-img .logo img {max-height: 40px;}	
}
@media (max-width: 667px){
	.header-img {min-height: 180px !important;}
	.header-img .logo {
		left: 20px;
		top:  15px;
	}
	.header-img .logo img {max-height: 40px;}	
}
@media (max-width: 568px){
	.header-img {min-height: 120px !important;}
	.header-img .logo {
		left: 10px;
		top:  7px;
	}
	.header-img .logo img {max-height: 30px;}
}
@media (max-width: 320px){
	.header-img {min-height: 85px !important;}
	.header-img .logo {
		left: 5px;
		top:  7px;
	}
	.header-img .logo img {max-height: 20px;}
}

@media (min-width: 992px) {
	.col-md-8 {
		border-left: 1px solid rgba(255,255,255, 0.10);
		border-right: 1px solid rgba(255,255,255, 0.10);
		padding-left: 35px;
		padding-right: 35px;
	}
	.lcol {padding-right: 35px;}
	.rcol {padding-left: 35px;}
}
/*********************************************/

/* --------------------- navigation ---------------------- */
.nav li {
	/* margin-right: 5px; */
	margin-top:    15px;
	margin-bottom: 15px;
}
.navbar-right li a {border-radius: 5px;}
.navbar-right li a:link, .navbar-right li a:visited, .navbar-right li a:active {color: #c8c8c8; text-decoration: none;}
.navbar-right li a:hover, .navbar-right li a:focus {color: #FFFFFF; text-decoration: none;}

.nav .form-group, .form-group input {height: 30px !important;}
.nav .form-group{margin-top: 5px; margin-bottom: 0px;}
.form-control-feedback {line-height: 30px;}


.fa-search {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: FontAwesome !important;
}

/* ----------------------- footer ---------------------- */
footer {
	background-color: #000000;
	text-align: center;
}
footer img {display: inline;}

/* --------- documenti ---------------------- */
.light-gray-bg a:link, .light-gray-bg a:visited, .light-gray-bg a:active {color: #000; text-decoration: none;}
.light-gray-bg a:hover, .light-gray-bg a:focus {text-decoration: underline;}
.light-gray-bg i.fa-caret-right {color: #dfb77c; margin-right: 7px;}

/* --------- lightbox gallery --------------- */
 .image-source-link {color: #98C3D1;}

 .mfp-with-zoom .mfp-container,
 .mfp-with-zoom.mfp-bg {
   opacity: 0;
   -webkit-backface-visibility: hidden;
   /* ideally, transition speed should match zoom duration */
   -webkit-transition: all 0.3s ease-out; 
   -moz-transition: all 0.3s ease-out; 
   -o-transition: all 0.3s ease-out; 
   transition: all 0.3s ease-out;
 }
 
 .mfp-with-zoom.mfp-ready .mfp-container {
     opacity: 1;
 }
 .mfp-with-zoom.mfp-ready.mfp-bg {
     opacity: 0.8;
 }
 
 .mfp-with-zoom.mfp-removing .mfp-container, 
 .mfp-with-zoom.mfp-removing.mfp-bg {
   opacity: 0;
 }

/* -------------------- links ---------------------- */
.blinks a:link, .blinks a:visited, .blinks a:active {color: #c8c8c8; text-decoration: none;}
.blinks a:hover, .blinks a:focus {
	text-decoration: underline;
	color: #dfb77c;
}
.book a .glyphicon {color: #dfb77c !important; text-decoration: none; margin-left: 5px; margin-right: 5px;}

/* --------------- testo in colonna laterale ------------------- */
.col i.fa-caret-down {
	margin-right: 7px;
	color: #dfb77c;
}
.col i.fa-circle {
	vertical-align: middle;
	margin-right: 7px;
	padding-left: 5px;
	font-size: 5px;
}

/* links menu attivo */
.act a:link, .act a:visited, .act a:active {color: #dfb77c; text-decoration: none;}
.act a:hover, .act a:focus {
	text-decoration: underline;
	color: #dfb77c;
}

.col h5, .col h4 {color: #dfb77c}

.bgndBox {
        background: #272a2f; /* For browsers that do not support gradients */
  	 background: -webkit-linear-gradient(left top, #272a2f, #18191b); /* For Safari 5.1 to 6.0 */
  	 background: -o-linear-gradient(bottom right, #272a2f, #18191b); /* For Opera 11.1 to 12.0 */
  	 background: -moz-linear-gradient(bottom right, #272a2f, #18191b); /* For Firefox 3.6 to 15 */
	 background: linear-gradient(to bottom right, #272a2f, #18191b); /* Standard syntax */
  
    border: 2px solid #4b4b4b;
    border-top-color: rgb(75, 75, 75);
    border-top-style: solid;
    border-top-width: 2px;
    border-right-color: rgb(75, 75, 75);
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: rgb(75, 75, 75);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(75, 75, 75);
    border-left-style: solid;
    border-left-width: 2px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 25px;
    border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
}

/* ------------- separator ---------------- */
.separator-2,.separator-3 {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 10px;
  position: relative;
  height: 1px;
}
.separator-3 {margin-bottom: 0px !important;}
.separator-2:after {
  height: 1px;
  background: #c8c8c8;
  background: -moz-linear-gradient(left, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, rgba(255,255,255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255, 0.18)), color-stop(35%, rgba(255,255,255, 0.12)), color-stop(70%, rgba(255,255,255, 0.05)), color-stop(100%, rgba(255,255,255, 0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, rgba(255,255,255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, rgba(255,255,255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, rgba(255,255,255, 0) 100%);
  background: linear-gradient(to right, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, rgba(255,255,255, 0) 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}

.separator-3:after {
  height: 1px;
  background: #c8c8c8;
  background: -moz-linear-gradient(right, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, transparent 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255,255,255, 0.18)), color-stop(35%, rgba(255,255,255, 0.12)), color-stop(70%, rgba(255,255,255, 0.05)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(right, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, transparent 100%);
  background: -o-linear-gradient(right, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, transparent 100%);
  background: -ms-linear-gradient(right, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, transparent 100%);
  background: linear-gradient(to left, rgba(255,255,255, 0.18) 0%, rgba(255,255,255, 0.12) 35%, rgba(255,255,255, 0.05) 70%, transparent 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}

.separator {
  width: 100%;
  margin: 20px auto 15px;
  position: relative;
  height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.separator:after {
  height: 1px;
  background: #e8e8e8;
  background: -moz-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.09) 35%, rgba(255,255,255, 0.09) 70%, rgba(255,255,255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255, 0)), color-stop(35%, rgba(255,255,255, 0.09)), color-stop(70%, rgba(255,255,255, 0.09)), color-stop(100%, rgba(255,255,255, 0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.09) 35%, rgba(255,255,255, 0.09) 70%, rgba(255,255,255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.09) 35%, rgba(255,255,255, 0.09) 70%, rgba(255,255,255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.09) 35%, rgba(255,255,255, 0.09) 70%, rgba(255,255,255, 0) 100%);
  background: linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.09) 35%, rgba(255,255,255, 0.09) 70%, rgba(255,255,255, 0) 100%);
  position: absolute;
  bottom: -1px;
  content: "";
  width: 100%;
  left: 0;
}

.tags 
{
	font-size: 12px;
	padding: 10px;
	color: #aaa;
	/*border-top: 1px solid #eaeaea;*/
	text-align: right;
}

/* -------------------------- scrollToTop ----------------------------- */
.scrollToTop {
    color: #fff;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(255,255,255, 0.3);
    z-index: 1005;
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 20%!important;
    -moz-border-radius: 20%!important;
    border-radius: 20%!important;    
}

.scrollToTop i {
	line-height: 50px;
	font-size: 24px;
}

/* --------------- forms -------------- */
input[type=checkbox] {-webkit-appearance: checkbox !important;} /* chrome non mostra la checkbox */
input[type=radio] {-webkit-appearance: radio !important;} /* chrome non mostra radio */

/* ------------------------- multilang -------------------- */
.multilang img {
	display: inline;
   max-width: inherit;
	height: 16px;
	margin-right: 5px;
}
