/*******************************************************/
/*				   testo e immagine	 	      		   */
/*******************************************************/
/*******************************************************/
/*					Testo a fianco	 		      	   */
/*******************************************************/
/*******************************************************/
/*				Testo a fianco img tonda	     	   */
/*******************************************************/
/*******************************************************/
/*					Testo a fianco img 	     		   */
/*******************************************************/
div.row.testo_con_img_a_fianco {
	margin-top:20px;
	margin-bottom:20px;
	border-top: 4px solid #f5f5f5;
}
div.row.testo_con_img_a_fianco > div.col-md-9.testo_con_img_a_fianco_norm{
	margin-top:20px;
}
.testo_con_img_a_fianco h3,
.testo_con_img_a_fianco h4 {
	margin-top:0px;
	padding-top:0px;
}
/*******************************************************/
/*				Testo a fianco piccolo 	     		   */
/*******************************************************/
/*******************************************************/
/*				 Thumbnail (text-pic)	     		   */
/*******************************************************/
div.thumbnail.text-pic{
	border:none;
	border-radius:0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.thumbnail.text-pic > div.caption{
  	padding: 0px 16px 9px 16px;
}
div.thumbnail.text-pic > div.caption > h3{
	padding: 0px 0px 0px 0px;
	font-weight:300;
	font-size:24px;
}
div.thumbnail.text-pic > div.caption > h3> a:focus,
div.thumbnail.text-pic > div.caption > h3> a:hover{
  	color:#fff;
}
div.thumbnail.text-pic > div.caption > p.bodytext{
	color:#444;
	font-size:16px;
	padding:2px 0px 0px 0px;
}
div.thumbnail.text-pic > div.caption > p.small{
	padding:0px 0px 0px 0px;
	margin: 0px -6px 0px -6px;
}
/*******************************************************/
/*					Striscia bianca 	     		   */
/*******************************************************/
.striscia{
  	display: table;
	margin:0px 0px 0px 0px ;
	padding:0px 6px 0px 0px ;
  	clear: both;
}
.striscia:first-child{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.striscia:first-child>div.img_striscia>a>img.img-responsive{
	border-top-left-radius: 0px;
}	
.striscia:last-child{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.striscia:last-child>div.img_striscia>a>img.img-responsive{
	border-bottom-left-radius: 8px;
}
.striscia .img_striscia{
	width: 0%;
	float:left;
	margin:0px 0px 0px 0px ;
	padding:0px 6px 0px 0px ;
}
.striscia .caption{
	width: 100%;
	float:left;
	margin:0px 0px 0px 0px ;
	padding:10px 6px 10px 10px ;
}
.striscia .caption p{
  	color: #8e7d60;
	padding-bottom:0px;
	margin-bottom:0px;
}
.striscia .caption p a{
  	color: #B5AA97;
}
.striscia>div.img_striscia>a>img.img-responsive{     
	opacity:0.6;   
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.striscia>div.img_striscia>a:hover>img.img-responsive{ 
	opacity:1;
    box-shadow: 0 45px 60px -50px #000000;
}
.striscia>div.caption>h2>a:hover, .striscia>div.caption>h2>a:focus{
	color:#AC0040;
	background-color:transparent;
}
.striscia>div.caption>h2>a:hover>span, .striscia>div.caption>h2>a:focus>span{
	text-decoration:underline;
}
@media (min-width: 992px) {
	.striscia .img_striscia{
		width: 14%;
	}
	.striscia .caption{
		width: 86%;
	}
}
@media (min-width: 1200px) {
	.striscia .img_striscia{
		width: 35.5%;
	}
	.striscia .caption{
		width: 64.5%;
	}
}
/*******************************************************/
/*					Striscia grigia 	     		   */
/*******************************************************/
div.striscia.grigio{
    background:#f2f1eb;
}
div.striscia.grigio>div.caption{
    background-color:#f2f1eb;
}
/*******************************************************/
/*							box 	  	   			   */
/*******************************************************/
div.thumbnail.box{
	border:none;
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:#FFF;
}
div.thumbnail.box>div.caption{
  	padding: 0px 16px 9px 16px;
}
div.thumbnail.box>div.caption>h3{
	padding: 0px 0px 0px 0px;
	font-weight:100;
	font-size:24px;
}
div.thumbnail.box>div.caption>h3>a{
  	color:#444;
}
div.thumbnail.box>div.caption>h3>a:hover{
  	color:#fff;
}
div.thumbnail.box>div.caption>p.bodytext{
	color:#444;
	font-size:16px;
	padding:2px 0px 0px 0px;
}
/*******************************************************/
/*				box testo over 	     		   */
/*******************************************************/
div.thumbnail.box>div.caption-over{
  position: absolute;
  right: 15px;
  bottom: 0px;
}
img.img-responsive.img-caption-over{
	opacity: 0.8;
}
div.thumbnail.box>div.caption-over>a>div.text-img{
	max-width: 340px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	font-size: 20px;
	font-weight: 100;
	line-height: 35px;
	font-family: "Merriweather","Bembo",Georgia,Times,"Times New Roman",serif;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.thumbnail.box>div.caption-over>a>div.title-img{ 
	display: block;
	text-align: right;
	z-index: 20;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
}
div.thumbnail.box>div.caption-over>a>div.title-img>h3{ 
	color: #000;
	background-color: #fff;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	padding: 0px 19px 0px 19px;
	line-height: 42px;
	position: relative; 
  margin: 0px; 
}
div.thumbnail.box>div.caption-over>a>div.title-img>span{ 
	color: #fff;
	background-color: #000;
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
	padding: 0px 19px 0px 19px;
	line-height: 42px;
	margin: 0px;
	position: relative;
}
/*******************************************************/
/*				img tonda testo intorno     		   */
/*******************************************************/
img.img-circle.pull{
	float:left;
	padding: 10px 10px 10px 10px;
}
