@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: #ff9bb3;
    border-image: none;
    border-style: solid none none;
    border-width: 4px medium medium;
	color: #ff9bb3;
}

.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: #ff9bb3 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 4px medium medium;
    color: #ff9bb3;
    cursor: default;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #ff9bb3;
cursor: default;
background-color: #fff;
border-top: 4px solid #ff9bb3;
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;
}

.accordion, .accordion * {
    box-sizing: border-box;
}
.accordion {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
}
.accordion-section-title {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #e8e8e8;
    color: #333333;
    display: inline-block;
    font-size: 1.2em;
    padding: 15px;
    text-align: center;
    transition: all 0.15s linear 0s;
    width: 100%;
}
.accordion-section-title.active, .accordion-section-title:hover {
    background: none repeat scroll 0 0 #ff9bb3;
    color: white;
    text-decoration: none;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom: medium none;
}
.accordion-section-content {
    display: none;
    padding: 15px;
}

.pie_pagina{
font-size:12px;
line-height:15px;


}

/***************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;
	overflow: hidden; 
    text-indent: -9999px; 
    display:block; 

	}
.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;
	overflow: hidden; 
    text-indent: -9999px; 
    display:block; 

	}
.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;
	overflow: hidden; 
    text-indent: -9999px; 
    display:block; 

	}
.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;
	overflow: hidden; 
    text-indent: -9999px; 
    display:block; 

	}
.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**********************************************/
/*****************************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: 0 0 20px 30px;
    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;    width: 90%;    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 {
    border-left: 3px solid #7295a8;
    height: auto;
    margin: 0;
}

	 
 .competenze-bg{background:#a9c5b9}
 .quad2{background:#ffb784}
 .bord2{border-left-color:#ffb784}
	
.box-1{position:relative;width:48%;min-height:175px;float:left;padding:1% 1% 1% 1%;margin:1%;}


.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;
}


/**************menu**********************/
.nav-side-menu ul, .nav-side-menu li {
    background-color: #fdfdfd;
    cursor: pointer;
    font-size: 13px;
    line-height: 17px;
    list-style: outside none none;
    margin: 0;
    padding: 0px 0 0px 15px!important;
}

.nav-side-menu li {
    background-color: #fdfdfd;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0 5px 5px !important;
}

.nav-side-menu li:hover {
  background-color: white;
  border-left: 4px solid #ff9bb3;
  transition: all 1s ease 0s;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #fff;
}

.nav-side-menu ul .sub-menu li a:hover,
.nav-side-menu li .sub-menu li a:hover {
color: #ff9bb3;
}

.nav-side-menu ul .sub-menu li:hover a,
.nav-side-menu li .sub-menu li:hover a {
color: #ff9bb3;
}

.nav-side-menu li a {
    color: black;
    padding-left: 0;
    text-decoration: none;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content:none;
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: middle;
}

.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: white;
    border-bottom: 1px dashed;
    line-height: 18px;
    margin-left: 0;
    padding: 5px;
	font-size: 13px;
}

.nav-side-menu ul .active, .nav-side-menu li .active {
    border-left: 4px solid #ff9bb3;

}


.nav-side-menu ul .sub-menu li.active2, .nav-side-menu li .sub-menu li.active2 {
    color: #ff9bb3;
}

.nav-side-menu ul .sub-menu li.active2 a, .nav-side-menu li .sub-menu li.active2 a {
    color: #ff9bb3;
}

.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {
    color: #ff9bb3;
}
.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {
    color: #ff9bb3;
}



/***************responsive*******************************/


@media (max-width:768px) {
}

@media (max-width:480px) {
	.box-1 {
    float: none;   
    width: 100%;
	margin:0 0 20px 0
}

.postit {
    background: none;   
    height: auto;
    padding: 0;
    width: 100%;
}

.note {
    background: none;
    height: auto;
    padding: 0;
    width: 100%;
}

.esterno {
    background: none;
    width: 100%;
}

.sopra {
    width: 100%;
	margin:auto;
}

#box-contenuto {
    padding: 10px;
    width: 100%;
}

#tab-bg {
    background: none;
    height: 0;
    width: 100%;
}

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

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

ul.nav-tabs li {
    border: 1px solid #ddd;
    margin: 0 10px 0 0;
	width:100%;
}

.tab-content > .tab-pane {
    border-top: 0 solid #ddd;
}
}

@media (max-width:320px) {
}