@charset "utf-8";
/* CSS Document */

/******************tabs*****************************/

.nav-tabs {
    border: medium none;
    float: none;
    margin-top: 25px;
    width: 100%;
}

.nav-tabs > li:first-child {
    margin-left: 50px;
}

ul.nav-tabs li {
    margin: 0 5px 0 10px;
}

.nav-tabs > li {
    
    border-color: #ddd;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    float: left;
    margin-bottom: -1px !important;
    margin-left: 10px;
    min-width: auto;
    padding: 3px;
    text-align: center;
}

.nav > li > a {
    display: block;
    padding: 3px 5px 2px 5px;
    position: relative;
	border-radius:0;
	border-color: #999;
    border-image: none;
    border-style: solid none none;
    border-width: 4px medium medium;
    color: #666;
	font-weight: bold;
}

.nav > li > a:hover {
    background:none;
	 border-color: #cb3939;
    border-image: none;
    border-style: solid none none;
    border-width: 4px medium medium;
	color: #cb3939;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #cb3939 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 4px medium medium;
    color: #cb3939;
    cursor: default;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #cb3939;
cursor: default;
background-color: #fff;
border-top: 4px solid #cb3939;
border-bottom-color: transparent;
}

.nav-tabs li.active {
    background-color: #fff;
	border-bottom:1px solid #fff;
}

.tab-content > .tab-pane {
    border-top: 1px solid #ddd;
    float: none;
    margin-top: -1px;
    width: 100%;
	padding:20px 10px;
}

/***************fine tabs******************************/

/*******************box carta******************************/

.esterno {
    background: url(../immagini-da-aggiungere/back-testo.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: auto;
    padding: 20px 0 0;
    position: relative;
    width: 700px;
}

.sopra {
    background: none repeat scroll 0 0 #fff;
    margin: 0 0 0 10px;
    position: relative;
    width: 662px;
}

#box-contenuto {
    background-color: #fefefe;
    border: 1px solid #eaeaea;
    margin: auto;
    overflow: hidden;
    padding: 30px 25px 10px;
    position: relative;
    width: 672px;
}

#tab-bg {
	height:37px;
	width:650px;
	background:url(../immagini-da-aggiungere/tab-back.jpg)  no-repeat;
	margin:auto;
	}

/*****************************fine box carta*****************************************/

/**********************download documenti****************************/

.scarica-doc {
	background:url(../immagini-da-aggiungere/download_doc.png) no-repeat;
	width:171px;
	height:60px;
	cursor:pointer;
	float:left;
	}
.scarica-doc a {
	color:#222;
	}
.scarica-doc:hover {
	background:url(../immagini-da-aggiungere/download_doc_hover.png) no-repeat;
	height:60px;
	padding:0px 0 0 63px;
	}

.scarica-pdf {
	background:url(../immagini-da-aggiungere/download_pdf.png) no-repeat;
	width:171px;
	height:60px;
	cursor:pointer;
	float:left;
	}
.scarica-pdf:hover {
	background:url(../immagini-da-aggiungere/download_pdf_hover.png) no-repeat;
	height:60px;
	}

.scarica-ppt {
	background:url(../immagini-da-aggiungere/download_ppt.png) no-repeat;
	width:171px;
	height:60px;
	cursor:pointer;
	float:left;
	}
.scarica-ppt:hover {
	background:url(../immagini-da-aggiungere/download_ppt_hover.png) no-repeat;
	height:60px;
	}

.scarica-img {
	background:url(../immagini-da-aggiungere/download_jpg.png) no-repeat;
	width:171px;
	height:60px;
	cursor:pointer;
	float:left;
	padding:9px 0 0 63px;
	}
.scarica-img:hover {
	background:url(../immagini-da-aggiungere/download_jpg_hover.png) no-repeat;
	height:60px;}

/***********************note**************************************/

.note {
    background: url(../immagini-da-aggiungere/note.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 240px;
	color:#222;
	font-size:14px;
    margin: 20px auto;
    padding: 40px 20px 0;
    width: 440px;
}

.postit{
	width:376px;
	height:252px;
	padding:50px 30px 0 30px;
	margin:20px auto;
	background:url(../immagini-da-aggiungere/post-it.png) no-repeat;
	color:#222;
	font-size:14px;
	}

/********************fine note**********************************************/
/*****************************box*************************/

.titolo-box-n {
    background: none repeat scroll 0 0 #e85a5a;
    box-shadow: 0 0 0 0 #11abb0 inset;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 8px 15px;
    text-transform: uppercase;
    transition: box-shadow 0.5s ease-in 0.1s;
	-webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: background-color 1s;
	
}

.titolo-box-n:hover{ background: none repeat scroll 0 0 #7295a8;color: #fff;}

.bordo-bg{width:20px;text-align:center;float:left;position:relative;margin:0 2% 0 0 }
.quadratino{  background-color: #e85a5a;
    display: block;
    height: 16px;
    left: 1px;
    margin: 8px 8px 8px -8px;
   
    position: absolute;
    top: 0px;
    transform: rotate(45deg);
    transition: transform 0.2s ease-in 0s;
    width: 16px;}
	
	.quadratino:hover{  
    transform: rotate(-45deg);
	background:#e85a5a;
  }
  
 .bordo-box{background:#e85a5a;width:3px; height:265px;margin:43px 0 0 0}
 .bordo-height-1{height:178px;}
 .bordo-height-2{height:95px;}
 .bordo-height-3{height:265px;}
 .competenze-bg{background:#7295a8}
 .competenze-bg:hover{background:#e85a5a}
 .quad2{background:#7295a8}
	
.box-1{position:relative;width:48%;min-height:175px;float:left;text-shadow:none;padding:1% 1% 1% 1%;margin:20px 0 0 0}
.box a{color:#fff;}

.box-1 .list-unstyled {
  padding: 0 0 0 40px;
  
}
.icon-list li {
  padding: 0 0 5px 20px;
  display: block;
  position: relative;
}
.icon-list li:before {
  font-family: 'Glyphicons Halflings';
  position: absolute;
  left: 0px;
  top:0px;
  font-size:80%
}

.color-list{color:#cb3939}
.chevron-right li:before {
 content: '\e080';
 color:#7295a8;
}

.chevron-right2 li:before {
 content: '\e080';
 color:#cb3939;
}

.checkmark li:before {
 content: '\e067';
}

.arrow-right li:before {
 content: '\e092';
}

.obiettivi-box{float:left;margin:2px 5px 0 0px;}
.competenze-box{float:left;margin:2px 5px 0 0px;}
.insegnante-box{float:left;margin:2px 8px 0 0px;}
.studente-box{float:left;margin:2px 8px 0 0px;}

/*****************************fine box************************/

/*****************************obiettivi e competenze*************************/

.titolo-box-n {
    background: none repeat scroll 0 0 #f17f67;
    box-shadow: 0 0 0 0 #11abb0 inset;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 8px 15px;
    text-transform: uppercase;
    transition: box-shadow 0.5s ease-in 0.1s;
	-webkit-transition: color 1s;
    transition: background-color 1s;
	width:90%;
}

.titolo-box-n:hover{ background: none repeat scroll 0 0 #7295a8;color: #fff;}

.bordo-bg {
	width:20px;
	text-align:center;
	float:left;
	position:relative;
	margin:0 2% 0 0;
	}
.quadratino {  
	background-color: #7295a8;
    display: block;
    height: 16px;
    left: 1px;
    margin: 8px 8px 8px -8px;   
    position: absolute;
    top: 0px;
    transform: rotate(45deg);
    transition: transform 0.2s ease-in 0s;
    width: 16px;
	}
	
  
 .bordo-box {
	 background:#7295a8;
	 width:3px; 
	 height:285px;/*adattare altezza bordo in base al contenuto*/
	 margin:43px 0 0 0
	 }
	 
	 
 .bordo-height-1{
	 height:285px;/*adattare altezza bordo in base al contenuto*/
	 }
 .bordo-height-2{
	 height:285px;/*adattare altezza bordo in base al contenuto*/
	 }
 .bordo-height-3{
	 height:470px;/*adattare altezza bordo in base al contenuto*/
	 }
	 
 .competenze-bg{background:#a9c5b9}
 .quad2{background:#ffb784}
	
.box-1{position:relative;width:48%;min-height:175px;float:left;text-shadow:none;padding:1% 1% 1% 1%;}
.box a{color:#fff;}

.box-1 ul {
  padding: 0 0 0 40px;  
}

.obiettivi-box{float:left;margin:2px 5px 0 0px;}
.competenze-box{float:left;margin:2px 5px 0 0px;}
.insegnante-box{float:left;margin:2px 8px 0 0px;}
.studente-box{float:left;margin:2px 8px 0 0px;}

/********************************************************************/

.modal-header .btn, input, textarea, button {
    border: 0 none;
    border-radius: 3px;
    color: #222 !important;
    font-weight: 700;
    transition: all 0.2s ease 0s;
}