@import url(http://fonts.googleapis.com/css?family=Oswald);

.header-container {
	padding: 0px 10%;
}

.card-container {
	margin: 2% 5.5% 0%;
	height: 98%;
}

.card {
	border: 1px solid white;
	position: relative;
	height: 97%;
	overflow-y: auto;
	background: #fff;
	box-shadow: inset 0px 0px 100px -12px #D4D4D4, 0px 0px 10px #BCBCBC;
	-webkit-box-shadow: inset 0px 0px 100px -12px #D4D4D4, 0px 0px 10px #BCBCBC;
	-moz-box-shadow: inset 0px 0px 100px -12px #D4D4D4, 0px 0px 10px #BCBCBC;
	-o-box-shadow: inset 0px 0px 100px -12px #D4D4D4, 0px 0px 10px #BCBCBC;
	padding: 1em;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 1.2em;
}

/*.card:before, .card:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  transform: rotate(-3deg);
}

.card:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*** .card-container ***/
.card-container{position: relative;}
.card-container:before {
	content: '';
	position: absolute;
	left: 0;
	box-shadow: 0 0 10px black;
	border-radius: 50%;
	width: 100%;
	height: 20px;
	display: none;
}
.card-container:before {
	display: block;
	top: 0px;
	clip: rect(-40px auto 0 auto);
}
/*** nuovo contenitore tra .card e .card-container ***/
.shadow{position: relative; height: 100%;}
.shadow:before, .shadow:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 43px;
  left: 10px;
  width: 50%;
  /*top: 80%;*/
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



.carousel-control {
	width: 10%;
}

.custom-indicators {
	text-align: center;
	list-style: outside none none;
}

.question {
	margin-top: 20px;
}

.sign-ok,
.sign-no {
	margin-right: 5px;
}

.sign-ok {
	color: limegreen;
}

.sign-no {
	color: red;
}

.thumb-image {
	max-width: 250px;
	max-height: 250px;
}

.center-image {
	margin-right: auto;
	margin-left: auto;
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-color: #666;
	height: 60px;
	top: 50%;
	bottom: auto;
	vertical-align: middle;
	width: 4%;
	border-radius: 5px 0 0 5px;
}

.carousel-control.left {
	right: auto;
	left: 0;
	background-color: #666;
	height: 60px;
	top: 50%;
	bottom: auto;
	vertical-align: middle;
	width: 4%;
	border-radius: 0 5px 5px 0;
}

ol.pagination {
	margin: 10px
}

ol.pagination > li > a {
	background-color: #eee;
	color: #aaa;
	box-shadow: 1px 1px 1px #fff inset;
	border-radius: 0 !important;
	border: none;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin: 2px;
}

ol.pagination > li.active > a,
ol.pagination > li.active > a:focus,
ol.pagination > li.active > a:hover {
	background-color: #ddd;
	color: #666;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	box-shadow: 1px 1px 1px #ccc inset;
	border-radius: 0 !important;
	margin: 3px;
}

nav.navbar.navbar-fixed-top {
	display: none;
}

#myCarousel {
	height: 90%
}

body {
	background-color: #ddd;
}
.panel-body{

}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}
.panel-body h1{
 font-size:1.5em;
}
.panel-body h2{
 font-size:1.4em;
}
.panel-body h3{
 font-size:1.3em;
}
.panel-body h4{
 font-size:1.2em;
}
.panel-body h5{
 font-size:1.1em;
}
.panel-body h6{
 font-size:1em;
}
.caption {
    position:relative;
	margin-top: 20px;
	font-style: italic;
}
.caption:after {
	content : "";
    position: absolute;
    left: 40%;
    bottom  : -15px;
    height  : 1px;
    width   : 20%;  /* or 100px */
    border-bottom:1px solid #ddd;
}

label span p {
	margin-bottom: 5px;
}