/* ==== ALTEREGO CSS ==== */

/* H */

h10 {margin: 5px;	font-size:100%; font-weight: 400; letter-spacing: 0px;}
h11 {margin: 0;	font-size:110%; font-weight: 400; letter-spacing: 0px;}
h12 {margin: 0;	font-size:120%; font-weight: 400; letter-spacing: 0px;}
h13 {margin: 0;	font-size:130%; font-weight: 400; letter-spacing: 0px;}
h14 {margin: 0;	font-size:140%; font-weight: 400; letter-spacing: 0px;}
h15 {margin: 0;	font-size:150%; font-weight: 400; letter-spacing: 0px;}
h20 {margin: 0;	font-size:200%; font-weight: 400; letter-spacing: 0px;}


/* Area */

.bg-area {
	background:#ffffff;
}

.area {
	margin: 0 0 30px 0;
	text-align:center;
	padding-top:30px;
}

.area h20 {color: #999; margin: 0; font-size:250%; font-weight: 300; letter-spacing: 0px;}
.area h14 {color: #fff; margin: 0; font-size:140%; font-weight: 400; letter-spacing: 0px;}

@media (max-width:480px) {
	.area {
		margin: 0 0 20px 0;
		text-align:center;
	}
	.area h20 {color: #FC0; margin: 0; font-size:200%; font-weight: 700; letter-spacing: 0px;}
	.area h14 {color: #fff; margin: 0; font-size:140%; font-weight: 400; letter-spacing: 0px;}

	}
}

/* Cards Sheet */

.skin_sheet {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 10px rgba(0, 0, 0, 0.3);
	border-radius: 0;
	border-width:0;
    background-color: #fff;
	padding:1px;
	margin-bottom:20px;
}

.name_sheet {
    padding: 30px 10px 0px 10px;
    background-color: #333333;
	text-align:left;
	color:#FFF;
}
.tag_sheet {
    padding: 0px 10px 10px 10px;
    background-color: #333333;
	text-align:left;
	color:#ccc;
	font-weight:400;
}
.type_sheet {
	position:relative;
	float:right;
    padding: 10px;
	margin-right:10px;
    background-color: #fff;
	text-align:left;
	color:#999;
}
.icons_sheet {
    padding: 10px 10px 10px 10px;
    background-color: #fff;
	text-align:left;
	color:#999;
}
.intro_sheet {
    padding: 10px 10px 10px 10px;
    background-color: #f2f2f2;
	text-align:left;
	color:#333;
	font-weight:700;
}
.desc_sheet {
    padding: 10px 10px 10px 10px;
    background-color: #fff;
	text-align:left;
	color:#333;
	font-weight:400;
}
.desc2_sheet {
    padding: 10px 10px 10px 10px;
    background-color: #fff;
	text-align:left;
	color:#333;
	font-weight:400;
}

/*Table*/

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 4px !important;
  line-height: 1.428571429;
  vertical-align: middle !important;
  border-top: 0px solid #eee !important;
  border-bottom: 0px solid #eee !important; 
  text-align:center;
  font-weight:700 !important;
}

h13a {margin: 0; font-size:100%; font-weight: 900; letter-spacing: 1px; padding: 0 0 0 10px;}
h13b {margin: 0; font-size:100%; font-weight: 900; letter-spacing: 1px; padding: 0 10px 0 0;}

.table-bg-white {background-color: #fff;}
											.table-bg-0 {background-color: trasparent; color:#ddd;}
.table-bg-1 {background-color:#eee; box-shadow: 0 18px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 0px rgba(0, 0, 0, 0.5);}

.table-bg-2 {
	background-color:#6C0; 
	border-radius: 0 30px 30px 0; 
	color:#030; 
	text-shadow: 0 0 8px #fff; 
	box-shadow: 0 18px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 0px rgba(0, 0, 0, 0.5);
	}
.table-bg-3 {
	background-color:#6C0; 
	border-radius: 30px 0 0 30px; 
	color:#030; 
	text-shadow: 0 0 8px #fff;
	box-shadow: 0 18px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 0px rgba(0, 0, 0, 0.5);
	}

.color-white {background-color: trasparent; color:#FFF;}
.color-red {background-color: trasparent; color:#F00;}
.color-yellow {background-color: trasparent; color:#F90;}
.color-green {background-color: trasparent; color:#390;}
.color-grey1 {background-color: trasparent; color:#ddd;}
.color-grey2 {background-color: trasparent; color:#333;}

.txt-shadow {text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}


/* ===========================
--- Intro 2
============================ */

.intro2 {
	width:100%;
	position:relative;
	
	background: url(../img/intro-compendio.jpg) no-repeat top center;
	/*background-attachment: fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#intro.intro2 {
	padding:10% 0 0 0;
}

.intro2 .slogan {
	text-align: center;

}

.intro2 .page-scroll {
	text-align: center;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}

.img-responsive-logo {
	display:block;
	max-width:28%;
	height:auto;
	margin:0px auto 10px auto;
}

.intro2 .slogan h2 {
	color: #000;
	text-shadow: none;
	font-size: 5vw;
	line-height: 5vw;
	font-weight: 700;
	font-family: 'Roboto',sans-serif;
	/*background-color: rgba(0, 0, 0, 0.3);*/
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
	text-shadow: 0px 0px 15px #FFF;
	margin:10px 0 0 0;
}

.intro2 .slogan h4 {
	font-size: 2em;
	line-height: auto;
	color: #fff;
	/*background-color: rgba(51, 153, 153, 0.6);*/
	/*text-shadow: 0px 0px 15px #000;*/
}

/* ===========================
--- Intro 3 Competenze
============================ */

.intro3 {
	width:100%;
	height:auto;
	position:relative;
	
	background: url(../img/intro-competenze2.jpg) no-repeat top center;
	/*background-attachment: fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#intro.intro3 {
	padding:20% 0 0 0;
}

.intro3 .slogan {
	text-align: center;

}

.intro3 .page-scroll {
	text-align: center;
}

.intro3 .slogan h2 {
	color: #000;
	text-shadow: none;
	font-size: 5vw;
	line-height: 5vw;
	font-weight: 700;
	font-family: 'Roboto',sans-serif;
	/*background-color: rgba(0, 0, 0, 0.3);*/
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
	text-shadow: 0px 0px 15px #FFF;
	margin:0 0 20px 0;
}

.intro3 .slogan h4 {
	font-size: 1.5em;
	line-height: auto;
	color: #999;
	/*text-shadow: 0px 0px 15px #000;*/
	margin:0 0 20px 0;
	text-transform:none;
	line-height:1.5em;
}