/* Istituto Omnicomprensivo Roccaraso */

/* ----- OVERRIDES ----- */

/* importo fonts custom */
@import url("xfonts.css?v=2");

html{

}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #fe7129;
    border-radius: 10px;
}
/* sfondo pagina */
body{
 /*background:url('../img/p2.jpg');*/
background:url('../img/p2.jpg');


background-size:cover;
background-attachment: fixed;
 font-family: "OpenSans";

font-size: 16px;

}

/* titoli */
h1, h5, h6, .h1, .h5, .h6
{
	font-family: 'OpenSans';
	letter-spacing:0px;

}
input {
    font-family: inherit;
    font-size: inherit;
    width: 120px!important;
    text-align: center!important;
    line-height: inherit;
}
h3, .h3 {
    font-size: 15px!important;
}
h1, h2, h3 {
    margin-top: 0px!important;
    font-family:"OpenSans"!important;
    margin-bottom: 10px;
}
h2, .h2 {
    font-size: 18px!important;
}
h4, .h4
{
	font-family: 'OpenSans';
}

article{
	/* separato da content per short pants */
	background-color: #FFE4B2;

	padding-top:10px;
	/*min-height: 1550px;*/
}

h3, .h3 {
  font-size: 18.4px;
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #000!important;
}

/*gestisco i menù a tendina (gruppi di pagine)*/


.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.list-group-item>.badge{float:right;}
.list-group-item>.badge+.badge{margin-right:5px;}
a.list-group-item{color:#555555;}a.list-group-item .list-group-item-heading{color:#333333; font-size:21px;}
a.list-group-item:hover {color:#fff;}a.list-group-item:hover .list-group-item-heading:hover{color:#fff; font-size:21px;}
a.list-group-item:hover .list-group-item-heading:hover {
    color: #000;
    font-size: 21px;
}
.list-group-item-text{margin-bottom:0;line-height:1.3;color:#000;}
.list-group-item-text:hover{margin-bottom:0;line-height:1.3;color:#000;}
.list-group-item-text:focus{margin-bottom:0;line-height:1.3;color:#000;}
a.list-group-item-title:hover,a.list-group-item:focus{text-decoration:none;color : #fff; background-color:#dddddd;}


a.list-group-item:hover{background-color:#FDD053; color:#000;}
a.list-group-item-title:focus{color : #000; background-color:#dddddd;}
a.list-group-item:focus{text-decoration:none;background-color:#dddddd;color :#000;}
a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#000;background-color:#428bca;border-color:#428bca;}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit;}
a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7;}
.list-group-item-heading{margin-top:0;margin-bottom:5px;}
.list-group-item-text{margin-bottom:0;line-height:1.3;}
.panel>.list-group{margin-bottom:0;}.panel>.list-group .list-group-item{border-width:1px 0;}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0;}
.panel>.list-group .list-group-item:last-child{border-bottom:0;}
.panel-heading+.list-group .list-group-item:first-child{border-top-width:0;}


.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}

.hp_titolo_flusso_principale_col4 {
    height: 80px!important;
    overflow: hidden;
    font-size: 20px!important;
    font-weight: bold;
    color:#000!important;
}
.hp_testo_flusso_principale_col4 {
    height: 100px!important;
    overflow: hidden;
    font-size: 16px!important;
        color:#000!important;

}
.hp_titolo_flusso_principale_col12 {
    overflow: hidden;
      height:40px!important;
        font-size: 20px!important;
        font-weight: bold;
            color:#000!important;
}
.hp_testo_flusso_principale_col12 {
    overflow: hidden;
     font-size: 16px!important;
         color:#000!important;
}


.hp_titolo_flusso_principale_col6{
  height:60px!important;
  overflow: hidden; 
      color:#000!important;
       font-size: 20px!important;
          font-weight: bold;
}

.hp_testo_flusso_principale_col6{
  height:70px!important; 
  overflow: hidden; 
      color:#000!important;
       font-size: 16px!important;
}

.hp_titolo_flusso_principale_col3{
  height:60px!important;
  overflow: hidden; 
      color:#000!important;
       font-size: 20px!important;
          font-weight: bold;
}

.hp_testo_flusso_principale_col3{
  height:60px;

  overflow: hidden; 
      color:#000!important;
       font-size: 16px!important;
}










.widgets .list-group-item-title{
	color: #fff;
	background-color: #0095B6;
	border-color: #0095B6;
	text-transform: uppercase;
	font-size: 16px;
}

.btn-warning,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
 background-color:#FE7129;


    border-color: transparent;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}



.navbar-ulivi .btn-news a:hover, .widgets .comunicati:hover, .news .btn-link:hover, .widgets .oggiulivi:hover{
    background-color:#D52027;
    border-color: transparent;
  color: #fff;
  text-decoration: none;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus{
  background-color: #dddddd;
  border-color: #dddddd;
}

.col-md-10 {
  width: 83.33333333333334%;
  color:#000!important;
}
/*spostare cerca nel sito*/
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0px!important;
 width:120px!important;
      margin-left: 220px!important;

}
.input-group .form:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0px!important;
}



.form{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555555;vertical-align:middle;background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.form:-moz-placeholder{color:#999999;}
.form::-moz-placeholder{color:#999999;}
.form:-ms-input-placeholder{color:#999999;}
.form::-webkit-input-placeholder{color:#999999;}
.form[disabled],.form[readonly],fieldset[disabled] .form{cursor:not-allowed;background-color:#eeeeee;}


.form {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff!important;
  background-image: none;
  border: 1px solid #fff!important;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}




.input-group-btn:last-child>.btn {
  margin-left: 1px;
  margin-top: 0px!important;
    border-color:#FE7129!important;
  background-color:#FE7129!important;
  color:#fff;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff!important;
  background-image: none;
  border: 1px solid #fff!important;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* modifiche calendario */
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px!important;
}
.fc-border-separate th, .fc-border-separate td {
  border-width: 0px 0px 0px 0px!important;
}
.panel-default {
  border-color: #fff!important;
}
.panel-body {
  padding: 9px!important;
}
.panel-default>.panel-heading {
  color: #000;
  background-color: #fff;
  border-color: #fff;

}
.fc-state-default {
  background-color: transparent;
  background-image: -moz-linear-gradient(top, transparent, transparent);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent));
  background-image: -webkit-linear-gradient(top, transparent, transparent);
  background-image: -o-linear-gradient(top, transparent, transparent);
  background-image: linear-gradient(to bottom, transparent, transparent);
  background-repeat: repeat-x;
  border-color: transparent transparent transparent;
  /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
  color: #000;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0.00)!important;
  }

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px!important;
  border-bottom-color: #000!important;
  }
  /* ultime notizie*/
  .panel {
  margin-bottom: 15px;
  background-color: transparent;
  border: 0px solid transparent!important;
  border-radius: 4px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
}
.list-group-item a{
color:#000;
}
.list-group-item a:hover{
color:#000;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
}
.panel-default>.panel-heading {
  color: #000!important;
  background-color: transparent;
  border-color: #000;
}
.glyphicon:empty {
  width: 1em!important;
}
.pagination>li>a {
  position: relative;
  float: left;
  padding: 3px 30px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color:#FE7129;


  margin-left: 1px;
  width: 20%!important;
  color: #fff!important;
}
.pagination>li>a:hover {
  position: relative;
  float: left;
  padding: 3px 30px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color:#FE7129;


  margin-left: 1px;
  width: 20%!important;
  color: #fff!important;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    border: 0px solid #dddddd;

}
.glyphicon {
    position: relative;
    top: 1px;
    left: -7px!important;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pagination>li>a:focus {
  position: relative;
  float: left;
  padding: 3px 30px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color:#FE7129;


  margin-left: 1px;
  width: 20%!important;
  color: #fff!important;
}
.panel-footer {
  padding: 10px 15px;
  background-color: transparent;
  border-top: 1px solid transparent;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {

  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*  modificano i tasti social*/
.col-xs-1{
float:left !important;
margin-bottom: 100px !important;
margin-left: 10px !important;
width: 35px !important;
 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3)!important;
 background-color: transparent !important;
} 

/*  modificano i tasti social*/
.col-md-1{
float: left !important;
margin-bottom: 100px !important;
margin-left: 10px !important;
width: 35px !important;
 background-color: transparent !important;
}
.visualizzato_tot_volte {
    color: #000 !important;
    font-weight: bold;


}
.col-sm-5{
				background-color:transparent!important;
				padding-top: 20px !important;

}
/* altezza minima articoli */
.content{
	background-color: rgba(255,255,255,0.50);
	padding-top:10px;
	/* aggiunte short pants*/
	padding:10px;
	padding-bottom:auto;
	position: relative;
	/*min-height: 1550px; /* homepage min height */
}

/* immagine di sfondo footer */
.footer{

	margin-top: 20px;

    background-color: transparent;

}

/* menu esteso footer centrato */
.footer_text
{
	padding-top:20px;
    background-color: transparent;
	/*background-image: url('../img/footer_grande_OK.png');*/
    background-repeat: repeat;
    background-position: bottom;
 /*  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);*/

}

.low-row{
	height: 7em;
}
.search{
	margin-top: 0px;
	float: right;
}
.prima-visione-web-float{
	width: 16.666666666666664%;
}

.autumn img{
	border-radius: 5px;
	padding: 15px 15px 10px 20px;
	/*box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);*/
	background-color: #000;
}

@media (max-width:395px){
	.pvw-adapter{
		width: 50%;
		margin: 25px;
	}
	
}
.sotto-testata-address{
	background-color:rgba(255,255,255,0.5);
  color:#000;
	font-family: "OpenSans";
	height: auto;
	padding: 10px 20px 8px 20px;
	font-size: 15px;
	margin-top: 10px;

}

/* School Name Behavior */
.school-name1{
	float: left;

margin-left:285px ;
margin-top: 10px;
 font-weight: bold;
  margin-right: 50px;
  font-family: 'PlayfairDisplay-Bold';
  font-size: 53px;
  line-height: 30px;
  text-align: center;
  color: #000;
  text-transform: normal;
  letter-spacing: 2px;


 /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/


}
.school-name {
    float: left;
    margin-left: 285px;
    margin-top: 10px;
    font-weight: bold;
    margin-right: 50px;
    font-family: 'PlayfairDisplay-Bold';
    font-size: 31px;
    letter-spacing: 1.6px;
    line-height: 30px;
    text-align: center;
    color: #000;
    text-transform: normal;
    /* text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); */
}
.school-name2{

  float: left ;
  margin-left:-350px ;
margin-top: 50px;
 font-weight: normal;
  margin-right: 55px;
  font-family: 'PlayfairDisplay-Regular';
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #000;
  text-transform: normal;

/*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/

}

	
	/*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/


/* BSII0021 for shorts and TOLS0005 for longs */

@media (max-width:880px){
	.name-adapter{
		display: none;
	}
	
}

/* colore link menu footer */
.footer a{
	color: #000;
      font-size: 19px;
}

/* colore link menu footer */
.footer p{
	color: #000;
      font-size: 19px;
}

/* colore link menu footer */
.footer label{
	color: #000;
      font-size: 19px;
}
/* Google Maps responsive iframe */
.google-maps {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/* colore titoli articoli */
article .page-header, article h1{
	margin: 0;
	color: #333;
	font-size: 40px;
	border: none;
}

/* colore e text shadow dei testi carosello --- attenzione modificare anche il media sotto */
.carousel-caption{
	position: absolute;
	top: auto;
    left: auto;
    right: auto;
    bottom: 0;
    width: 100%;
	padding: 0 60px;
	text-align: left;
	background: #fff;
	text-shadow: none;
}

/* sfondo testata in alto */
.header{
	background-color: rgba(255,255,255,0.5);
	background-image: url('../img/Testata-07.png');
	background-repeat: no-repeat;
  padding:10%;
 background-size: 100%;
	/*background-position: -10px;*/
}
#testata-alta{
	height: 200px;
}


/* colore generico dei link */
a{
	color: #000;
}

a:hover{
	color: #000;
}


/* colore e stile testo delle voci del menu */
.navbar-ulivi{
	border: 0;
	border-radius: 0;

background-color:rgba(255,255,255,0.5);
    margin-top: 10px ;
	margin-bottom: 10px;
	min-height: 45px;
  
      border-radius:4px;
	
  color:#000;
}

.navbar-ulivi a{
	font-family: 'OpenSans';
	font-size: 16px;
    font-weight: bold;
	text-transform:uppercase;
color:#000;
}

.navbar-ulivi a:hover
{
	color: #fff;
}

/* Sfondo interno del dropdown menu */
.dropdown-menu>li>{
	font-family: 'OpenSans';
	color: #000;
	text-transform:uppercase;
	font-size: 13px;
}

.dropdown-menu>li>a:hover{
	background: #FE7129; /* Old browsers */
	background: -moz-linear-gradient(top, #FE7129 0%, #FE7129 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE7129), color-stop(100%,#FE7129)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FE7129 0%,#FE7129 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7129', endColorstr='#FE7129',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.dropdown-menu
{
	background-color: #fff;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	color: #fff;
    background-color: #FE7129;
}

/* Hover buttons navbar-ulivi */
.nav > li > a:hover, .nav > li > a:focus {
    background: #FE7129; /* Old browsers */
	background: -moz-linear-gradient(top, #FE7129 0%, #FE7129 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE7129), color-stop(100%,#FE7129)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FE7129 0%,#FE7129 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7129', endColorstr='#FE7129',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    border-bottom: 5px solid #FE7129;
    
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-bottom: 5px solid #FE7129;

	color: #fff;
	background-color: #FE7129;

}

/* BACK TO TOP */
.cd-top.cd-is-visible {
  	/* the button becomes visible */
  	visibility: visible;
  	opacity: 1;
}
.cd-top.cd-fade-out {
  	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  	opacity: .5;
}
.cd-top {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  	display: inline-block;
  	height: 40px;
  	width: 40px;
  	position: fixed;
  	bottom: 40px;
  	right: 10px;
  	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/
  	/* image replacement properties */
  	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background: #FE7129 url(../img/cd-top-arrow.svg) no-repeat center 50%;
  	visibility: hidden;
  	opacity: 0;
  	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
  	-moz-transition: opacity .3s 0s, visibility 0s .3s;
  	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  	-moz-transition: opacity .3s 0s, visibility 0s 0s;
  	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  	/* the button becomes visible */
  	visibility: visible;
  	opacity: 1;
}
/*.cd-top.cd-fade-out {
  	if the user keeps scrolling down, the button is out of focus and becomes less visible
  	opacity: .5;
}*/
.no-touch .cd-top:hover {
  	background-color: #FE7129;
  	opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
/* FINE BACK TO TOP */

/* colore freccia giù menu */
.nav .caret {
    border-top-color: #000 !important;
}

/* colore link home menu di navigazione */
.breadcrumb a{
	color: #000;
  font-size:15px;

}

.breadcrumb .text-muted, .breadcrumb li {
    color: #000;
}

.pre-content{
	/*background-color: rgba(255,255,255,0.75);*/
}

/* colore link pagine collegate */
a.list-group-item {
    color: #333;
}



/* colore link documenti strutturati */
.nav-pills a:hover, .nav-pills a:focus {
    background-color: #dddddd!important;
    color: #000;
}
.nav-pills > li.active > a {
    background-color: #dddddd;
    color: #333;
}
.nav-pills a
{
  color: #333;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #000;
    background-color: #dddddd!important;
}









/* ----- STANDARD ----- */

.news_elenco_testo{
	height:80px;
	overflow: hidden;	
  font-size: 18px;
}

.correlati_elenco_testo{
  height:80px;
  overflow: hidden; 
  font-size: 18px;	
}

.hp_news_foto_piccola_titolo{
	height:50px;
	overflow: hidden;	
}

.hp_news_foto_nessuna_titolo{
	height:50px;
	overflow: hidden;	
}

.hp_news_foto_grande_titolo{
	height:30px;
	overflow: hidden;	
}

.hp_news_foto_grande_testo{
	height:95px;
	overflow: hidden;	
}

select.btn{
	padding: 7px 12px;
}

.row{
	margin: 0;
}

.container{
	padding-left: 0;
	padding-right: 0;
}

.music-btn{
	padding-right: 0;
}

.header{
	padding: 10px 0;
}

.header .form-control,.header .form-control:focus{
	border:none;
	box-shadow: none;
}

.navbar-ulivi .btn-news a{
	background: #bcbcbc; /* Old browsers */
	background: -moz-linear-gradient(top, #bcbcbc 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bcbcbc 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bcbcbc 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bcbcbc 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bcbcbc 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

.navbar-brand{
	padding-top: 10px;
	padding-bottom: 10px;
}

.dropdown-menu>li>a{
	padding-top: 10px;
	padding-bottom: 10px;
}

.breadcrumb{
	margin-bottom:0;
}

/*
.navbar form{
	padding: 0 10px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
*/

.navbar-toggle .icon-bar{
	background-color: #fff;
}

.breadcrumb{
	padding-left: 0;
	padding-right: 0;
	background: none;
}

.user{
	padding-left: 10px;
	padding-right: 10px;
}

.user p{
	margin:5px 0;
	font-size: 15px;
}

.user-bc{
	font-size: 15px;
	padding-top: 4px;
}

.user-bc:before{
	content: ' ' !important;
}

.widgets{
	margin-top: 20px;
}

.widgets .widget-title{
	text-align: center;
}

.widgets>div{
	padding: 0;
}

.widgets blockquote{
	margin-bottom: 0;
}

.widgets img{
	width: 100%;
 
}

.widgets .trasparenza .sx{
    padding: 0 5px 0 0;
}

.widgets .trasparenza .dx{
    padding: 0 0 0 5px;
}

.widgets .comunicati, .widgets .banner{
    display: block;
    margin-bottom: 20px;
}

.widgets .scuolafuturo{
	background-color: #c0001f;
	padding: 15px;
}

.widgets .scuolafuturo img{
	width: 100%;
}

.news{
	padding: 0;
		background-color: transparent!important;
	border:0px!important;
}

.news h3{
	margin: 0;
	word-wrap: break-word;
}

.news img{
	margin-top: 10px;
	width: 100%;
}

.news p{
	margin-top: 10px;
}

.news .visible-xs{
	margin-bottom: 20px;
}

.news.p1 p{
	color: #aaa;
}

.news.p2 h3{
	color: #999;
}

.news.p2 p{
	color: #000;
}

.news.p2 .row>div{
	padding: 0;
}

/* Colore dei tasti leggi */
.news.p2 .btn-link{
	background: #FE7129/* Old browsers */
	background: -moz-linear-gradient(top, #FE7129 0%, #FE7129); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE7129 5), color-stop(100%,#FE7129)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FE7129 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FE7129 0%,#FE7129 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7129', endColorstr='#FE7129',GradientType=0 ); /* IE6-9 */
	/* Il color serve a dare il colore al testo sul pulsante */
	    color: #fff;



    float: right;
    font-size: 16px;
    font-weight: bold;
       border-radius:4px;

}

/* Colore della lentina d'ingrandimento */
.btn:hover, .btn-link a:hover{
	background: #FE7129; /* Old browsers */
	background: -moz-linear-gradient(top, #FE7129 43%, #FE7129 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,#FE7129), color-stop(100%,#FE7129)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FE7129 43%,#FE7129 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FE7129 43%,#FE7129 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FE7129 43%,#FE7129 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FE7129 43%,#FE7129 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7129', endColorstr='#FE7129',GradientType=0 ); /* IE6-9 */
color:#fff;
}


.trasparenza .trasparenza-group a{
	margin-bottom: 20px;
}

.footer a{
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}

.footer .links{
	padding: 0 20px;
}

.footer .links a{
	display:block;
	margin-bottom: 5px;
  color:#000;
      font-size: 16px;
}

.footer .info{
    font-size: 16px;
    color: #000;
    font-weight: normal;
    /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/
}

/*colore info scuola footer */
.info a{
	color: #000;
 /*  text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/
    text-decoration: underline;
}

.privacy a{
	color: #000!important;
	font-size:16px!important;
  font-weight: normal;
   /* text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/
}

/* Carosello */
.carousel-caption{
	position: static;
	background-color: #333;
}
.carousel-control.left{
    background: transparent url(../../../img/freccia_slider_sx.png) 10% center no-repeat;
}

.carousel-control.right{
    background: transparent url(../../../img/freccia_slider_dx.png) 90% center no-repeat;
}

/* Articoli */
article{
	padding-top: 20px;
}

article img.img-thumbnail{
    width: 100%;
}

article img.img-gen{
    background-color: #FFFFFF;
    border: 1px solid #fff;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;	
    margin-bottom: 15px;
}

article .page-header{
	margin: 0 0 10px;
}

article .page-header .spg-class sup{
	text-transform: lowercase;
	font-weight: normal;
}

article .page-header .spg-class-name{
	font-weight: bold;
}

article img.pull-left{
	margin-right: 15px;
}

article img.img-thumbnail{
	margin-bottom: 15px;
}

article h1, article h2, article h3,article h4,article h5,article h6{
	text-transform: uppercase;
}

article h1{
	font-size: 24px;
	margin: 0;
}

article img.media-object{
	border: 1px solid #eee;
}

/* Form Contatti */
form label.required-desc:before{
	content: '* ';
	color: #f00;
}
form label.required-desc{
	font-weight: normal;
}
form label.required:after{
	content: ' *';
	color: #f00;
}

/* Orario Scolastico */
.orario-row{
	padding: 0;
	margin-bottom: 20px;
	background-color: #fff;
}

.orario-row .group-changeview{
	padding-top: 5px;
}

.orario-row .group-changeview label.span{
	margin: 0;
}

.orario-row table{
	margin: 10px 0 0;
}

.orario-row tbody>tr>td, .orario-row thead>tr>th{
	vertical-align: middle;
	font-size:8px;
	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;
}

.orario-row thead>tr>th{
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	border: none;
}

.orario-row thead>tr>th:first-child{
	border-left: none;
}

.orario-row tbody>tr>td{
	padding: 0;
	text-transform: uppercase;
	border: 1px solid #fff;
}

.orario-row tbody>tr>td[rowspan]{
	vertical-align: top;
}

.orario-row tbody>tr>td a{
	display: block;
	color: #fff;
}

.orario-row th.ora, .orario-row td.ora{
	text-align: center;
}

.orario-row table td.turnoff a{
	color: #aaa;
}


/* Colore materie */
.orario-row table td.italiano, .orario .label.italiano{
	background: #4b95d1 url(../img/orario/italiano.png) left top repeat-y !important;
}
.orario-row table td.italiano a{
	background: transparent url(../img/orario/ico/italiano.png) left top no-repeat;
}
.orario-row table td.storia, .orario .label.storia{
	background: #6bb3e4 url(../img/orario/storia.png) left top repeat-y !important;
}
.orario-row table td.storia a{
	background: transparent url(../img/orario/ico/storia.png) left top no-repeat;
}
.orario-row table td.religione, .orario .label.religione{
	background: #f8d1e5 url(../img/orario/religione.png) left top repeat-y !important;
}
.orario-row table td.religione a{
	background: transparent url(../img/orario/ico/religione.png) left top no-repeat;
}
.orario-row table td.matematica, .orario .label.matematica{
	background: #e66b43 url(../img/orario/matematica.png) left top repeat-y !important;
}
.orario-row table td.matematica a{
	background: transparent url(../img/orario/ico/matematica.png) left top no-repeat;
}
.orario-row table td.informatica, .orario .label.informatica{
	background: #fdcf7a url(../img/orario/informatica.png) left top repeat-y !important;
}
.orario-row table td.informatica a{
	background: transparent url(../img/orario/ico/informatica.png) left top no-repeat;
}
.orario-row table td.artistica, .orario .label.artistica{
	background: #aedef8 url(../img/orario/artistica.png) left top repeat-y !important;
}
.orario-row table td.artistica a{
	background: transparent url(../img/orario/ico/artistica.png) left top no-repeat;
}
.orario-row table td.inglese, .orario .label.inglese{
	background: #d681b3 url(../img/orario/inglese.png) left top repeat-y !important;
}
.orario-row table td.inglese a{
	background: transparent url(../img/orario/ico/inglese.png) left top no-repeat;
}
.orario-row table td.scienze, .orario .label.scienze{
	background: #51ad47 url(../img/orario/scienze.png) left top repeat-y !important;
}
.orario-row table td.scienze a{
	background: transparent url(../img/orario/ico/scienze.png) left top no-repeat;
}
.orario-row table td.fisica, .orario .label.fisica{
	background: #81bf72 url(../img/orario/fisica.png) left top repeat-y !important;
}
.orario-row table td.fisica a{
	background: transparent url(../img/orario/ico/fisica.png) left top no-repeat;
}
.orario-row table td.educazione-fisica, .orario .label.educazione-fisica{
	background: #878787 url(../img/orario/educazione-fisica.png) left top repeat-y !important;
}
.orario-row table td.educazione-fisica a{
	background: transparent url(../img/orario/ico/educazione-fisica.png) left top no-repeat;
}
.orario-row table td.turnoff{
	background: #eee none !important;
}
.orario-row table td.turnoff a{
	background: none;
}
.orario .label.label-default{
	background-image: none !important;
}

/* Orario Collapse */
#orario-accordion{
	margin-top: 20px;
}

#orario-accordion table th, #orario-accordion table td{
	width: 90%;
}

#orario-accordion table th.ora, #orario-accordion table td.ora{
	width: 10%;
}

#orario-accordion table td{
	font-size: 12px;
	height: 66px;
	padding: 12px 4px 0 6px;
	vertical-align: top;
}

#orario-accordion table td a{
	padding: 0 0 0 45px;
}

/* Elenco Icone Contatti Staff */
.spg-contacts a{
	padding-left: 5px;
}
.spg-contacts a:first-child{
	padding-left: 0;
}

/* Slider Main */
.iframe_container{
	position: relative;
	background-color: #000;
}

.iframe_container.h400{
	padding-top: 41.7%;
}

.iframe_container.h500{
	padding-top: 60%;
}

.iframe_container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

/* Organigramma */
.organigramma .spg-slider{
	padding: 10px 0;
	background-color: #eee;
	margin-bottom: 20px;
}

.organigramma .spg-slider img{
	width: 100%;
}

/* Contatti */
.contatti .spg-slider{
	padding: 0;
	margin-bottom: 20px;
}

/* Comunicati */
.comunicati .widgets .categorie .list-group-item{
	padding: 15px;
}
.comunicati .widgets .categorie a{
	padding: 10px 0 10px 42px;
	background-position: left center;
	background-repeat: no-repeat;
}
.comunicati a.famiglie{
	background-image: url(../img/ico/famiglia.png);
}
.comunicati a.studenti{
	background-image: url(../img/ico/studente.png);
}
.comunicati a.docenti{
	background-image: url(../img/ico/docente.png)
}

/* POF */
div.pof h4.panel-title{
	font-size: 12px;
}

div.pof .nav li{
	font-size: 13px;
}

div.pof .cover-pof{
    position: relative;
    display: block;
    width: 100%;
}

div.pof .cover-pof img{
    display: block;
    width: 100%;
}

div.pof .cover-pof .top{
    position: absolute;
    bottom: 0;
}

/* Categorie Albo/Trasparenza */
.widgets .list-group-item-title{
	color: #fff;
	background-color: #FE7129;
	border-color: #FE7129;
	text-transform: uppercase;
	font-size: 16px;
}

.widgets .list-group label{
	color: #999
}

/* Responsive */
@media (max-width: 1080px) and (min-width: 1056px){
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border-bottom-width: 2px!important;
    border-bottom-color: #000!important;
    font-size:14px!important;
}
  .calendari .fc-day-number {
    padding: 4px 10px 0 0;
    font-size:14px!important;
}
.navbar-ulivi a {
    font-family: 'OpenSans';
    font-size: 15px!important;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px!important;
}
.news.p2 .btn-link {
    background: #FE7129/* Old browsers */
 background: -moz-linear-gradient(top, #FE7129 0%, #FE7129);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE7129 5), color-stop(100%,#FE7129));
    background: -webkit-linear-gradient(top, #FE7129 0%,#000 100%);
    background: -o-linear-gradient(top, #FE7129 0%,#FE7129 100%);
    background: -ms-linear-gradient(top, #FE7129 0%,#FE7129 100%);
    background: linear-gradient(to bottom, #FE7129 0%,#FE7129 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7129', endColorstr='#FE7129',GradientType=0 );
    color: #fff;
    float: right;
    font-size: 14px!important;
    font-weight: bold;
    border-radius: 4px;
}
  }

@media (max-width: 991px) and (min-width: 768px){
  .school-name1{
  float: left;

margin-left:285px ;
margin-top: -100000px;
 font-weight: bold;
  margin-right: 50px;
  font-family: 'PlayfairDisplay-Bold';
  font-size: 53px;
  line-height: 30px;
  text-align: center;
  color: #000;
  text-transform: normal;
  letter-spacing: 2px;


 /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/


}
.school-name {
    float: left;
    margin-left: 285px;
    margin-top: -100000px;
    font-weight: bold;
    margin-right: 50px;
    font-family: 'PlayfairDisplay-Bold';
    font-size: 31px;
    letter-spacing: 1.6px;
    line-height: 30px;
    text-align: center;
    color: #000;
    text-transform: normal;
    /* text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); */
}
.school-name2{

  float: left ;
  margin-left:-350px ;
margin-top:-500000px;
 font-weight: normal;
  margin-right: 55px;
  font-family: 'PlayfairDisplay-Regular';
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #000;
  text-transform: normal;

/*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/

}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-top: 90px!important;
    margin-left: 0px;
}
.input-group-btn:last-child>.btn {
    margin-left: 1px;
    margin-top: 90px!important;
    border-color: #FE7129!important;
    background-color: #FE7129!important;
    color: #fff;
}
  .header{
  background-color: transparent;
  background-image: url('../img/testata tablet.PNG')!important;
  background-repeat: no-repeat;
    background-size:100%;
  /*background-position: -10px;*/
}
	.container{
        width: 100%;
	}
	.toolbar{
		padding: 5px 0;
	}
	.navbar-ulivi{
		margin-bottom: 0;
	}
	.navbar-ulivi .navbar-collapse{
		padding-left: 0;
	}
.navbar-nav>li>a{
    padding: 5px!important;
  }
  .news.p2 h3{
    font-size: 14px!important;
  }

.news.p2 .btn-link {
   
    font-size: 11px;
}
.hp_testo_flusso_principale_col4 {
    height: 60px!important;
    overflow: hidden;
    font-size: 11px!important;
       

}

.footer label {
    color: #000;
    font-size: 12px;
2
}
.footer .links a {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 12px;
}
.hp_titolo_flusso_principale_col4 {
    height: 45px!important;
    overflow: hidden;
    font-size: 11px!important;
       

}
.hp_titolo_flusso_principale_col12 {
    overflow: hidden;
height:20px!important;
}
.hp_testo_flusso_principale_col12 {
    overflow: hidden;

       
          font-size:11px!important;
}
.privacy a{
  font-size:14px!important;
}
.autumn img {
    border-radius: 5px;
    padding: 15px 15px 10px 20px;
    /* box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3); */
    background-color: #000;
    margin-left:-40px!important;
      margin-top:20px!important;

}

.hp_testo_flusso_principale_col6{
  height:50px!important; 
  overflow: hidden; 
 
       font-size: 11px!important;
}
.hp_titolo_flusso_principale_col6{
  height:30px!important; 
  overflow: hidden; 
 
       font-size: 11px!important;
}
#testata-alta{
  height: 145px;
}
.navbar-ulivi a{

  font-size: 12px!important;
 
  
}
.hp_testo_flusso_principale_col3{
  height:90px!important;
  overflow: hidden; 
   
       font-size: 11px!important;
}



.calendari .fc-header-title h2 {
    font-size: 11px!important;
    padding: 4px 0;
}


/*calendar*/


.fc {
  direction: ltr;
  text-align: left;
  }
  
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  }
  
html .fc,
.fc table {
  font-size: 1em;
  }
  
.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
  }



/* Header
------------------------------------------------------------------------*/

.fc-header td {
  white-space: nowrap;
  }

.fc-header-left {
  width: 25%;
  text-align: left;
  }
  
.fc-header-center {
  text-align: center;
  }
  
.fc-header-right {
  width: 25%;
  text-align: right;
  }
  
.fc-header-title {
  display: inline-block;
  vertical-align: top;
  }
  
.fc-header-title h2 {
  font-size: 20px;
  margin-top: 0;
  white-space: nowrap;
  }
  
.fc .fc-header-space {
  padding-left: 10px;
  }
  
.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
  }
  
/* buttons edges butting together */

.fc-header .fc-button {
  margin-right: -1px;
  }
  
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
  margin-right: 0; /* back to normal */
  }
  
/* button layering (for border precedence) */
  
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
  }
  
.fc-header .fc-state-down {
  z-index: 3;
  }

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
  }
  
  
  
/* Content
------------------------------------------------------------------------*/
  
.fc-content {
  clear: both;
  zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
  }
  
.fc-view {
  width: 100%;
  overflow: hidden;
  }
  
  

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
  border: 1px solid transparent;
  }
  
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
  background: #fcf8e3;
  }
  
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30); /* for IE */
  }
  


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 .6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
  }
  
.fc-state-default { /* non-theme */
  border: 0px solid;
  }

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  }

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  }

/*
  Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
  and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
  margin: 0 .1em;
  font-size: 2em;
  font-family: "Verdana", Courier, monospace;
  vertical-align: baseline; /* for IE7 */
    color:#6e6e6e!important;
  }

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
  font-weight: bold;
  color:#6e6e6e!important;
  }
  
/* icon (for jquery ui) */
  
.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
  }
  
.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
  }
  
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
/*cambia il colore dei tasti dentro al calendario */
.fc-state-default {
  background-color: #6e6e6e;
  background-image: -moz-linear-gradient(top, #6e6e6e, #6e6e6e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e6e6e), to(#6e6e6e));
  background-image: -webkit-linear-gradient(top, #6e6e6e, #6e6e6e);
  background-image: -o-linear-gradient(top, #6e6e6e, #6e6e6e);
  background-image: linear-gradient(to bottom, #6e6e6e, #6e6e6e);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75)!important;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.00)!important;
  }
/* cambia tasto oggi*/
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #fff;
  background-color: #6e6e6e;
  }

.fc-state-hover {
  color: #fff;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
            background-color: #6e6e6e!important;
  }
/*cambia l'evidenziatura */
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  }

  

/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
  z-index: 8;
  }

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
  }
   
.fc-event {
  border: 0px solid #3a87ad; /* default BORDER color */
  background-color: #3a87ad; /* default BACKGROUND color */
  color: #fff;               /* default TEXT color */
  font-size: .85em;
  cursor: default;
  }

a.fc-event {
  text-decoration: none;
  }
  
a.fc-event,
.fc-event-draggable {
  cursor: pointer;
  }
  
.fc-rtl .fc-event {
  text-align: right;
  }

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  }
  
.fc-event-time,
.fc-event-title {
  padding: 0 1px;
  }
  
.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden; /* hacky spaces (IE6/7) */
  font-size: 300%;  /* */
  line-height: 50%; /* */
  }
  
  
  
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
  }

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  }

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  }
  
/* resizable */
  
.fc-event-hori .ui-resizable-e {
  top: 0           !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: e-resize;
  }
  
.fc-event-hori .ui-resizable-w {
  top: 0           !important;
  left: -3px       !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: w-resize;
  }
  
.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px; /* IE6 had 0 height */
  }
  
  
  
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
  border-collapse: separate;
  }
  
.fc-border-separate th,
.fc-border-separate td {
  border-width: 5px 0 0 0px;
    font-size:10px;
  }

  
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
  }
  
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 2px;
  border-bottom-color: #000!important;
  font-size:10px;
  }
  
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
    font-size:10px;
  }
  
  

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
  text-align: center;
  }

.fc .fc-week-number {
  width: 22px;
  text-align: center;
  }

.fc .fc-week-number div {
  padding: 0 2px;
  }
  
.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
  }
  
.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
  }
  
.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px; /* distance between events and day edges */
  }
  
/* event styles */
  
.fc-grid .fc-event-time {
  font-weight: bold;
  }
  
/* right-to-left */
  
.fc-rtl .fc-grid .fc-day-number {
  float: left;
  }
  
.fc-rtl .fc-grid .fc-event-time {
  float: right;
  }
  
  

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
  border-collapse: separate;
  }
  
.fc-agenda-days th {
  text-align: center;
  }
  
.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
  }

.fc-agenda .fc-week-number {
  font-weight: bold;
  }
  
.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
  }
  
/* make axis border take precedence */
  
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
  }
  
.fc-agenda-days .fc-col0 {
  border-left-width: 0;
  }
  
/* all-day area */
  
.fc-agenda-allday th {
  border-width: 0 1px;
  }
  
.fc-agenda-allday .fc-day-content {
  min-height: 34px; /* TODO: doesnt work well in quirksmode */
  _height: 34px;
  }
  
/* divider (between all-day and slots) */
  
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
  }
  
.fc-widget-header .fc-agenda-divider-inner {
  background: #000;
  }
  
/* slot rows */
  
.fc-agenda-slots th {
  border-width: 1px 1px 0;
  }
  
.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
  }
  
.fc-agenda-slots td div {
  height: 20px;
  }
  
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
  }

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
  }
  
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid; /* doesn't work with background in IE6/7 */
  }
  


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
  border-width: 0 1px;
  }

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  }

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  }
  
.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
  }

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
  }
  
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  }
  
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
  display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
  }
  
/* resizable */
  
.fc-event-vert .ui-resizable-s {
  bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
  width: 100%      !important;
  height: 8px      !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px  !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
  }
  
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
  _overflow: hidden;
  }

a.list-group-item .list-group-item-heading{
    font-size:13px!important;
    font-weight:bold;
  }
	.news.p2 .row>div{
		padding: 0 10px;
	}
	.news.p2 .row>div.first{
		padding-left: 0;
		padding-right: 20px;
	}

	.news.p2 .row>div.last{
		padding-left: 20px;
		padding-right: 0;
	}
	.widegts{
		margin-top: 0;
	}
	.widgets .scuolafuturo img{
		width: auto;
	}

	.carousel-caption{
		position: absolute;
		top: auto;
	    left: auto;
	    right: auto;
	    bottom: 0;
	    width: 100%;
		padding: 0 60px;
		text-align: left;
		background: rgba(200,200,200,0.6);
	}

	.carousel-caption h4{
	    font-size: 28px;
	}

	.carousel-caption p{
	    font-size: 20px;
	}

	.carousel-control{
	    z-index: 15;
	}

	.carousel-control.left{
	    background: transparent url(../../../img/freccia_slider_sx.png) 10% 88% no-repeat;
	}

	.carousel-control.right{
	    background: transparent url(../../../img/freccia_slider_dx.png) 90% 88% no-repeat;
	}
	.orario-row table{
		table-layout: fixed;
	}
	.orario-row tbody>tr>td, .orario-row thead>tr>th{
		width: 105px;
		height: 66px;
	}
	.orario-row thead>tr>th{
		height: 36px;
		font-size: 12px;
	}
	.orario-row tbody>tr>td{
		padding: 12px 4px 0 6px;
		font-size: 10px;
	}
	.orario-row tbody>tr>td a{
		padding: 0 0 0 10px;
		height: 53px;
	}
	.orario-row th.ora, .orario-row td.ora{
		width: 30px;
		font-size: 12px;
	}
}
@media (min-width: 960px){
	body{
		padding-top: 10px;
	}
	.toolbar{
		padding: 5px 0;
	}
	.maincontent{
		padding-bottom: 0px;
		/* aggiunte per short pants */
		position:relative;
	}
	.navbar-nav>li>a{
		padding: 10px;
	}
	.homepage{
		padding-left: 10px;
	}
	.widgets{
		margin-top: 0;
		padding-right: 10px;
	}
	.news.p2 .row>div{
		padding: 0 10px;
	}
	.news.p2 .row>div.first{
		padding-left: 0;
		padding-right: 20px;
	}
	.news.p2 .row>div.last{
		padding-left: 20px;
		padding-right: 0;
	}
	.widgets .scuolafuturo{
		padding: 20px;
	}
	.widgets .scuolafuturo img{
		width: auto;
	}

	.carousel-caption{
		position: absolute;
		top: auto;
	    left: auto;
	    right: auto;
	    bottom: 0;
	    width: 100%;
		padding: 0 60px;
		text-align: left;
		background: rgba(254,113,41,0.6)!important;
	}










  

	.carousel-caption h4{
	    font-size: 28px;
	}

	.carousel-caption p{
	    font-size: 20px;
	}

	.carousel-control{
	    z-index: 15;
	}

	.carousel-control.left{
	    background: transparent url(../../../img/freccia_slider_sx.png) 10% 88% no-repeat;
	}

	.carousel-control.right{
	    background: transparent url(../../../img/freccia_slider_dx.png) 90% 88% no-repeat;
	}
	.orario-row table{
		table-layout: fixed;
	}
	.orario-row tbody>tr>td, .orario-row thead>tr>th{
		width: 140px;
		height: 66px;
	}
	.orario-row thead>tr>th{
		height: 36px;
		font-size: 12px;
	}
	.orario-row tbody>tr>td{
		padding: 12px 4px 0 6px;
		font-size: 10px;
	}
	.orario-row tbody>tr>td a{
		padding: 0 0 0 10px;
		height: 53px;
	}
	.orario-row th.ora, .orario-row td.ora{
		width: 40px;
		font-size: 12px;
	}
}

/* FullCalendar */
.calendari{
	margin-bottom: 10px;
}
.calendari .fc-header-title h2{
	font-size:16px;
	padding:4px 0
}
.calendari .fc-button{
	background: none;
	padding: 0 3px;
}
.calendari .fc-day-number{
	padding: 4px 10px 0 0;
}

/* qTip */
.qtip-content{
	display: block;
	font-size: 16px;
	padding: 10px;
}

/* DEBUG */
.debug .container{
	position: relative;
	background-color: transparent;
}
.debug #lines {
	position: absolute;
	z-index: -4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-size: 80px 80px, 80px 80px, 20px 20px, 20px 20px;
	background-image: linear-gradient(#ddd 1px, transparent 1px),
	                  linear-gradient(90deg, #ddd 1px, transparent 1px),
	                  linear-gradient(#eee 1px, transparent 1px),
	                  linear-gradient(90deg, #eee 1px, transparent 1px);
}

.debug-btn{
	padding-left: 0;
}

.debug-btn-right{
	padding-right: 0;
}

.btn-summer{
	background-color: #a3d45f;
	color: #fff;
}

.btn-summer:hover{
	background-color: #669933;
	color: #fff;
}

.music-btn .btn{
	color: #921917;
}

.navbar-toggle{
	background-color: #FE7129;
}

.user .username, .user-bc .username{
	color: #000;
}

.carousel-inner a:hover h4{
	color: #fff;
}

.news.p1 h3{
	color: #921917;
}

.news.p1 .btn-link{
	background-color: #bf4348;
	color: #000;
}

/* Footer Line */
.footer hr{
	border-color: #222021;
}

hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 0px solid #eeeeee;
}

.navbar-ulivi .btn-news, .widgets .comunicati, .calendari .fc-today{
	border-color: transparent;
  background-color:#FE7129;
border-radius:4px;
color: #fff; 
  font-weight: normal;
}

/*.calendari .fc-today.withevent{
    position: relative;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #f0ad4e transparent transparent transparent;
    z-index: 1;
}

.calendari .fc-today.withevent>div{
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 10;
}*/

/* Hover dei tasti leggi */
.navbar-ulivi .btn-news a:hover, .widgets .comunicati:hover, .news .btn-link:hover, .widgets .oggiulivi:hover{
  background: #FE7129; /* Old browsers */
  background: -moz-linear-gradient(top, #FE7129 0%, #FE7129); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE7129), color-stop(100%,#FE7129)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000 0%,#FE7129 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FE7129 0%,#FE7129 100%); /* IE10+ */
  background: linear-gradient(to bottom, #FE7129 0%,#FE7129 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7129', endColorstr='#FE7129',GradientType=0 ); /* IE6-9 */
  /* Il color serve a dare il colore al testo sul pulsante */
      color: #fff;


    float: right;
    font-size: 16px;
    font-weight: bold;
    border-radius:4px;
}

article .page-header .spg-class{
	color: #921917;
}

/* Full Calendar */
.calendari .withevent{
  border-color: transparent;
  background-color:#FE7129;
color: #fff; 
border-radius:4px;
  font-weight: normal;
}

.calendari .withevent a{
	color: #fff;
}

@media (max-width: 767px) and (min-width: 10px){

 
/* sfondo testata in alto */
.header {
    background-color: transparent;
    background-image: url('../img/ANME0021_Testata_Responsive.png')!important;
    background-repeat: no-repeat;
    background-size: 100%;
    /* background-position: -10px; */
}
.navbar-toggle{
 padding-left: 0;
    font-size:10px!important;
    padding:10px;
      margin-top: 50px;


}
.sotto-testata-address{
  background-color:#F9E5CD!important;
  font-size:10px!important;
  margin-top:-13px;
}
#testata-alta {
    height: 200px!important;
}
.input-group .form:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px!important;
    width:100%!important;
}

.navbar-ulivi{
  border: 0;
  border-radius: 0;
margin-top: 5px!important;
  margin-left: -400px;
  min-height: 48px;
  padding:0px 20px 20px 420px;

 background: transparent!important;
}
.navbar-nav .open .dropdown-menu>li>a {
color:#fff!important;
 }
 .carousel-caption {
    position: static;
    background-color: #F9E5CD!important;
    color:#000!important;
    margin-top:-10px!important;
    height:auto!important;
    padding:10px!important;
}

.navbar-ulivi a{
  
 background: #FADFA3!important;
 
  text-transform:uppercase;
  font-size: 13px;
  margin-top:5px;
  color:#000!important;
}
 .navbar-ulivi a:hover{
  
 color: #000!important;
  text-transform:uppercase;
  font-size: 13px;
  margin-top:5px;
}
.navbar-ulivi a:focus{
    
 color: #000!important;
  text-transform:uppercase;
  font-size: 13px;
  margin-top:5px;
}
.open .dropdown-menu>li>a {
    color: #fff!important;
     background: #FE7129!important;
}
.carousel {
    position: relative;
    height: 77px!important;
    margin-bottom: 130px!important;
}
.navbar-collapse {
    max-height: 100%!important;
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}
}