/**
 * Theme name: Comune di Castelvecchio
 * Author: WebFusion
 */

body{
	line-height: 1.33333333;
	background: #efefef;
	text-align: justify;
}
#container_wrapper{
	background: #ffffff;
	 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

/* header */
#header{
	min-height: 30px;
	background: #fff;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 12px 0 rgba(200,200,200,255);
	box-shadow: 0px 0px 12px 0 rgba(200,200,200,255);
}
#header h1{
	/*
	min-height: 83px;
	background-image: url('img/logo.jpg');
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
	*/
	/* min-width: 120px; */
}
#header .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  text-align: right;
}
#search_form{
	margin-top: 35px;
	margin-bottom: 20px;
}
#logo{
	margin: 0 auto;
}
#banner_header{
	background: url('img/bg_bh_1.jpg') no-repeat 0 center;
	min-height: 199px;
}



/* colonna sinistra */
#col_sx{
	text-align: left;
	/* border-right: 1px solid #e7e7e7; */
}
#col_sx .panel-heading{
	background: #2a6496;
	color: #ffffff;
	 border-top-right-radius: 0;
	border-top-left-radius: 0;
}
#col_sx .navbar-collapse{
	padding-right: 0;
	padding-left: 0;
}
#col_sx .navbar-default{
	background-color: #f5f5f5;
	border:none;
}
#col_sx .nav > li > a{
	border-bottom: 1px solid #dddddd;
}
#col_sx .nav > li > a:hover,
#col_sx .nav > li > a:focus {
  text-decoration: none;
  background-color: #2a6496;
  color: #ffffff;
}
#col_sx .nav > li.active > a,
#col_sx .nav > li.active > a{
	background-color: #E6E6E6;
  color: #333333;
}
#col_sx  .nav{
	/* margin-bottom: 15px; */
}
#col_sx .thumbnail{
  display: block;
  padding: 4px;
  margin-bottom: 14px;
  line-height: 1.2244898;
  background-color: #f5f5f5;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: justify;
}

/* colonna destra */
#col_dx{
	margin: 15px 0;
	text-align: left;
	/* border-right: 1px solid #e7e7e7; */
}
#col_dx .thumbnail{
  display: block;
  padding: 0;
  margin-bottom: 14px;
  margin-right: 15px;
  border-width: 0;
  /* line-height: 1.2244898;
  background-color: #f3f3f3;
  border-width: 0;
  border-style: solid;
  border-color: #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: justify; */
}
#col_dx{
	text-align: left;
	/* border-right: 1px solid #e7e7e7; */
}
#col_dx .panel-heading{
	background: #2a6496;
	color: #ffffff;
	 border-top-right-radius: 0;
	border-top-left-radius: 0;
}
#col_dx .navbar-collapse{
	padding-right: 0;
	padding-left: 0;
}
#col_dx .navbar-default{
	background-color: #f5f5f5;
	border:none;
}
#col_dx .nav > li > a{
	border-bottom: 1px solid #dddddd;
}
#col_dx .nav > li > a:hover,
#col_dx .nav > li > a:focus {
  text-decoration: none;
  background-color: #2a6496;
  color: #ffffff;
}
#col_dx .nav > li.active > a,
#col_dx .nav > li.active > a{
	background-color: #E6E6E6;
  color: #333333;
}
#col_dx  .nav{
	/* margin-bottom: 15px; */
}



/* ### typography ### */
.pdate{
	color: #A6A6A6;
}


.featured.thumbnail {
	width: 200px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.nav > li > a {
  padding: 5px 8px;
}

@media (min-width: 1453px) {
	#banner_header{
		background: url('img/bg_bh_2.jpg') no-repeat 0 center;
	}
}
@media (min-width: 1620px) {
	#banner_header{
		background: url('img/bg_bh_3.jpg') no-repeat 0 center;
	}
}
@media (min-width: 1820px) {
	#banner_header{
		background: url('img/bg_bh_4.jpg') no-repeat 0 center;
	}
}
@media (max-width: 767px) {
  #banner_header{
	background: none;
	min-height: 0;
	}
}
