/* CSS Document */

.approfondimenti {
	position: relative;
}

.approfondimenti .tab_text {
	position: absolute;
	top: 0;
	background: #F29400;
	font-size: 22px;
	left: 0;
	color: #FFFFFF;
	padding: 0 10px;
	height: 82px;
	width: 100%;
	text-align:left;
}

.approfondimenti-top-center .tab_text {
	background: #006AAE;
}

.approfondimenti-top-right .tab_text {
	background: #E75012;
}

.approfondimenti-top-right2 .tab_text {
	background: #1F9B3E;
}

.thumb-container { position: relative;}

.thumb-container .tab_text {
	position: absolute;
	top: 0;
	background: #9acd32;
	font-size: 27px;
	left: 0;
	color: #FFFFFF;
	padding: 9px 14px;
	height: 85px;
	width: 100%;
	z-index: 100;
	line-height: 120%;
}

.intro_tab1 .tab_text {
	background: #9acd32;
}

.intro_tab2 .tab_text {
	background: #ffa500;
}

.intro_tab3 .tab_text {
	background: #00bfff;
}

.intro_tab4 .tab_text {
	background: #da70d6;
}

.approfondimenti .tab_text_disabled1, .tab_text_disabled2, .tab_text_disabled3 {
 /* background: none repeat scroll 0 0 #004474;*/
  color: #AAAAAA;
  font-size: 22px;
  height: 82px;
  left: 0;
  padding: 0 10px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
}

.approfondimenti-top-center .tab_text_disabled1 {
	background:none repeat scroll 0 0 #004474;
	}

.approfondimenti-top-right .tab_text_disabled2 {
	background:none repeat scroll 0 0 #802C0A;
	}
	
.approfondimenti-top-right2 .tab_text_disabled3 {
	background:none repeat scroll 0 0 #16712C;
	}

.avviso {
	cursor:help
	}
	
XX.alert-info-2 { /*  quella giusta è in global.css */
  background-image: linear-gradient(to top, #FFFFFF 50%, #F8C97F 100%);
  background-repeat: repeat-x;
  border-color: #FFD27F;
}

h2 {
color: #5BC0DE;
margin-top:0;
}

.bs-callout {
  border-left: 3px solid #EEEEEE;
  margin: 0 0 20px 0;
  padding: 20px;
}

.bs-callout-info {
  background-color: #F4F8FA;
  border-color: #5BC0DE;
}

#titolo1, #titolo2 {
	background-color: #5BC0DE;
	color: #FFF;
	padding:5px;
}

th {
	text-align:center;
	}

.steptitolo {
  background: none repeat scroll 0 0 #F2F2F2;
  border-radius: 3px;
  color: #5BC0DE;
  padding: 2px 6px;
}

#alert-next {
	background:#FCF8E3;
	margin:0;
	padding:0;
	}


#alert-next h1 {
	color:#D9534F;
	padding:10px 0;
	}
	
#alert-next p {
	color:#777;
	padding:0 0 10px 0;
	}
	
.alert-next {
	background:#FCF8E3;
	margin:0;
	padding:0;
	}


.alert-next h1 {
	color:#D9534F;
	padding:10px 0;
	}
	
.alert-next p {
	color:#777;
	padding:0 0 10px 0;
	}
	
.btn-sm, .btn-xs {
  margin-top: 20px;
}

.xs-top{
	  margin: -20px -60px 0 0;
	}
	
@media (max-width: 768px) {
  .xs-top{
	  margin: 20px 0 0 0;
	}
}


@media (max-width: 768px) {
	.col-md-3 {
		padding:0;
		float:left;
		clear:right
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 768px;
  }
  
.approfondimenti .tab_text {
	font-size:19px !important
	}
}
.primomark {
  background: none repeat scroll 0 0 #F29400;
  border-radius: 10px;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 5px 10px 0 0;
  text-align: center;
  width: 21px;
}
.secondomark {
  background: none repeat scroll 0 0 rgba(63, 110, 180, 0.62);
  border-radius: 10px;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 5px 10px 0 0;
  text-align: center;
  width: 21px;
}
.terzomark {
  background: none repeat scroll 0 0 rgba(248, 86, 9, 0.88);
  border-radius: 10px;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 5px 10px 0 0;
  text-align: center;
  width: 21px;
}
.quartomark {
  background: none repeat scroll 0 0 #358D19;
  border-radius: 10px;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 5px 10px 0 0;
  text-align: center;
  width: 21px;
}
.tooltip {
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);
	font-size: 14px;
	height: auto;
	padding: 5px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	width: 150px;
	text-align: center;
	z-index: 10;
}

.tooltip h3{
	font-size:16px
}
	
.tooltip strong{
	color: #3D85C2
}
#freedom_style {
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 0px;
left: 0px;
z-index: 1010;
}
#freedom_style2 {
width: 30px;
height: 20px;
cursor: pointer;
position: absolute;
top: 25px;
left: 0px;
z-index: 1010;
}
#freedom_style_due {
width: 30px;
height: 20px;
cursor: pointer;
position: absolute;
top: 25px;
left: 0px;
z-index: 1010;
}
.bg-primary a{
    background-color: #428bca;
    color: #fff;
	padding:10px;
	text-decoration:none;
}

.bg-primary a:hover{
    background-color:  #dff0d8;
	color:#428bca;
	text-decoration:none;
}

.bg-success a{
    background-color: #dff0d8;
	padding:10px;
}

.bg-info a{
    background-color: #d9edf7;
	padding:10px;
}

.bg-warning a{
    background-color: #fcf8e3;
	padding:10px;
}

.bg-danger a{
    background-color: #f2dede;
	padding:10px;
}

.list-inline {
	margin:20px 0 0 -25px;
	padding:0;
	
	}


@media (min-width: 1024px) {
 .containertoogle{	
position:absolute; 
margin-left:890px;
margin-top:10px; 
text-align:right	
}
}

@media (max-width: 1023px) {
 .containertoogle{	
position:absolute; 
margin-left:680px;
margin-top:10px; 
text-align:right	
}
}

@media (max-width: 640px) {
 .containertoogle{	
position:absolute; 
margin-left:580px;
margin-top:10px; 
text-align:right	
}
}

.top{
	height:20px;
	background: rgba(238, 229, 229, 1);
	color:#333;
	font-size:12px;
	margin:-10px auto 0 auto;
	padding:5px 10px 0 20px;
	max-width: 960px;
	text-align:right;
}
.glos{
text-decoration: none;
background-color: #ffffb2;
padding: 0 3px;
}
.glos2 {
text-decoration: none;
background-color: #ffffb2;
padding: 0 3px;
}
