@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

@font-face{
	font-family:"rotis-semi-serif-55";
	src:url("/sgsm/javax.faces.resource/smarttheme/fonts/rotis-semi-serif-55.eot.jsf");
	src:url("") format("embedded-opentype"),
		url("/sgsm/javax.faces.resource/smarttheme/fonts/rotis-semi-serif-55.woff.jsf") format("woff"),
		url("/sgsm/javax.faces.resource/smarttheme/fonts/rotis-semi-serif-55.ttf.jsf") format("truetype"),
		url("") format("svg");
    font-weight:normal;
    font-style:normal;
}

h1{ font-family: "rotis-semi-serif-55";}
a{color: #c62020;}
a:hover{color: #9a1919; text-decoration: none;}
a:focus{color: #9a1919;}

/*NAVBAR*/
.navbar-default { 
	background-image: none;
	background-color: #ffffff; 
	border: none; 
	border-bottom: 3px solid #9a1919; 
	border-radius: 0px;
	-webkit-transition: border-bottom 0.5s ease;
	-moz-transition: border-bottom 0.5s ease;
	-o-transition: border-bottom 0.5s ease;
	transition: border-bottom 0.5s ease;	
}
.navbar-default .navbar-brand { color: #020202;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #808080;	 }
.navbar-default .navbar-text {	color: #020202;}
.navbar-default .navbar-nav > li > a {	
	color: #222;
	font-family:"rotis-semi-serif-55"; 
	border-bottom: 3px solid transparent; 
	font-size:22px; 
	line-height: 30px;
	-webkit-transition: font-size 0.5s ease, line-height 0.5s ease;
	-moz-transition: font-size 0.5s ease, line-height 0.5s ease;
	-o-transition: font-size 0.5s ease, line-height 0.5s ease;
	transition: font-size 0.5s ease, line-height 0.5s ease;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color: #fbfbfb; border-bottom: 3px solid #9a1919;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #143465;background-color: #dfdfdf;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #143465;background-color: #dfdfdf;}
.navbar-default .navbar-toggle {border-color: #c0c0c0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #c0c0c0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #020202;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {	border-color: #9a1919;}
.navbar-default .navbar-link {	color: #020202;}
.navbar-default .navbar-link:hover {color: #808080;}
.navbar-default img{
	height: 60px !important;
	-webkit-transition: border-bottom 0.5s ease, height 0.5s ease;
	-moz-transition: border-bottom 0.5s ease, height 0.5s ease;
	-o-transition: border-bottom 0.5s ease, height 0.5s ease;
	transition: border-bottom 0.5s ease, height 0.5s ease;
}

.navbar-default.shrink{
	border-bottom:0px; 
	-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.navbar-default.shrink .navbar-nav > li > a {	
	font-size: 20px; line-height: 22px;
	-webkit-transition: font-size 0.5s ease, line-height 0.5s ease;
	-moz-transition: font-size 0.5s ease, line-height 0.5s ease;
	-o-transition: font-size 0.5s ease, line-height 0.5s ease;
	transition: font-size 0.5s ease, line-height 0.5s ease;
}
.navbar-default.shrink img{
	height: 50px !important;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {	color: #020202;	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #808080;}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #808080;	background-color: #c0c0c0;}
}

/*SGSM HEADER*/
#sgsm-header{
	position: relative;
	padding: 30px 15px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	background-color: #c62020;
	border-bottom: 3px solid #9a1919;
	margin-bottom: 20px;
	min-height: 200px;
	background-repeat: repeat-x;
	background-position: bottom center;
	background-image: url(/sgsm/javax.faces.resource/images/bgheader_c62020_80.png.jsf);		
}

@media (min-width: 768px){
	#sgsm-header {padding-top: 60px;/*padding-bottom: 60px;*/font-size: 24px;text-align: left;}
}

#sgsm-header .emuseum{width: 100%; text-align: center; vertical-align: middle; padding-top: 20px;font-family:"rotis-semi-serif-55"; font-size: 45px; color: #ffffff;
	text-shadow: #400000 4px 4px 10px;
}
/*#sgsm-header .emuseum:hover{opacity: 1;}*/

/*SGSM FOOTER*/
#sgsm-footer{background-color: #c62020; margin-top: 20px; padding-top: 30px; padding-bottom: 30px; color: #fff;}
#sgsm-footer audio{ width: 100%; vertical-align: middle;}
#sgsm-footer .row div{padding-top: 10px; vertical-align: middle;}
#sgsm-footer a{color: #ffffff;}
#sgsm-footer a:HOVER{text-decoration: underline;}

/*SGSM CONTENT*/
#sgsm-content{min-height: 590px;}

/*BUTTON*/
.btn-custom { background-color: #c62020; border-color: #c62020;}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active { background-color: #b01c1c; border-color: #9a1919; color: #ffffff;}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active { background-color: #c62020; border-color: #c62020;}

.btn-oldstyle {
  background-color: #c62020;
  border-color: #c62020;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #b41d1d;
  background-image: -moz-linear-gradient(top,#c62020,#9a1919);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#c62020),to(#9a1919));
  background-image: -webkit-linear-gradient(top,#c62020,#9a1919);
  background-image: -o-linear-gradient(top,#c62020,#9a1919);
  background-image: linear-gradient(to bottom,#c62020,#9a1919);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc62020', endColorstr='#ff9a1818', GradientType=0);
  border-color: #9a1919 #9a1919 #580e0e;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  white-space:normal;
}
.btn-oldstyle:hover,
.btn-oldstyle:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
  white-space:normal;
}
.btn-oldstyle:hover,
.btn-oldstyle:focus {
  background-color: #9a1919;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
  color: #fff;
}
.btn-oldstyle:active,
.btn-oldstyle.active,
.btn-oldstyle.active:hover {
  background-color: #b01c1c;
  border-color: #9a1919;
  color: #ffffff;
}
.btn-oldstyle.disabled:hover,
.btn-oldstyle.disabled:focus,
.btn-oldstyle.disabled:active,
.btn-oldstyle.disabled.active,
.btn-oldstyle[disabled] .btn-oldstyle:hover,
.btn-oldstyle[disabled] .btn-oldstyle:focus,
.btn-oldstyle[disabled] .btn-oldstyle:active,
.btn-oldstyle[disabled] .btn-oldstyle.active {
  background-color: #c62020;
  border-color: #c62020;
  color: #ffffff;
}

/* MODAL */
.modal .modal-footer{border: none;}
.modal .modal-header{border: none;}
.modal .modal-content{background-repeat: no-repeat; background-position: right bottom; background-image: url(/sgsm/javax.faces.resource/images/bg_fff.png.jsf);}
.modal .modal-title{font-family: "rotis-semi-serif-55"; font-size: 22px; line-height: 23px;}
.modal .modal-header button span{font-family: "rotis-semi-serif-55";}

/* ALTRO */
.sgsm-sidebar{padding-top: 20px;}
.sgsm-h-title{margin-top: 15px;}
.sgsm-h-span span{font-size: 0.9em;}
.sgsm-paragrafer{text-align: justify; font-size: 16px;}
.sgsm-drop-caps:first-child:first-letter { float: left; font-size: 80px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; color: #c62020; font-family: "rotis-semi-serif-55";}
.sgsm-center{text-align: center;}
.sgsm-crowd{font-size: 18px; padding: 15px;}
.sgsm-crowd div{margin-top: 10px;}
.sgsm-crowd-inside{ margin: 0px auto; width: 90%; }
/*.sgsm-speech{color: #ffffff; margin-top: 30px; width: 70px; cursor: pointer;}
.sgsm-speech-desk{color: #ffffff; margin-top: 30px; line-height: 70px;}*/
.sgsm-speech-control img{height: 70px; cursor: pointer; vertical-align: top}
.sgsm-speech-control{color: #ffffff; line-height: 70px; padding-top: 20px; font-size: 18px; margin-top: 10px;}

.bg-home-init{ padding: 10px; width: 100%; height: 390px; overflow: hidden; background-position: right top; background-image: url(/sgsm/javax.faces.resource/images/scuola_bg2.jpg.jsf);}
.bg-home-init .p{width: 60%; font-size: 22px; color: #fff; text-align: justify; padding: 10px; line-height: 30px; background-image: url(/sgsm/javax.faces.resource/images/bg000.png.jsf)}

.bg-crowd-init{ padding: 10px; width: 100%; height: 240px; overflow: hidden; background-position: right top; background-image: url(/sgsm/javax.faces.resource/images/scuola.jpg.jsf);}
.bg-crowd-init .p{width: 40%; font-size: 30px; color: #fff; text-align: center; padding: 10px; line-height: 42px; height: 210px; background-image: url(/sgsm/javax.faces.resource/images/bg000.png.jsf)}

/*LOADER*/
.sgsm-modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%;  background: rgba( 255, 255, 255, .8 ) url('/sgsm/javax.faces.resource/images/loader.gif.jsf')  50% 50%  no-repeat;}
body.sgsm-loading {  overflow: hidden;}
body.sgsm-loading .sgsm-modal {  display: block;}

.sgsm-modal-indiv{ display: none; position: absolute; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('/sgsm/javax.faces.resource/images/loader.gif.jsf')  50% 50%  no-repeat; }
.sgsm-loading-indiv .sgsm-modal-indiv {  display: block;}


/*BOOK TH*/
.sgsm-book-thumbnail{min-height: 150px;}
.sgsm-book-thumbnail img{max-height: 200px;}

/*PANEL*/
.sgsm-panel-group .panel-title > a{ color: #c62020;}

/*PERCORSI*/
.sgsm-percorsi{
	background-image: url('/sgsm/javax.faces.resource/images/lib.jpg.jsf');
	background-repeat: x-repeat;
	background-position: top center;
	min-height: 400px;	
	text-align: center;
	border: 1px solid #ffffff;
}
.sgsm-percorsi .sgsm-percorsi-com{margin: 0 auto; width: 90%; text-align: left}
.sgsm-percorsi .sgsm-percorsi-com a{color: #fff; font-size: 20px;}
.sgsm-percorsi .sgsm-percorsi-row{width: 100%; background: rgba( 0, 0, 0, .6 ); margin-top: 180px;}
.sgsm-percorsi .sgsm-percorsi-node{
	display: inline-block;
	width: 120px;
	min-height: 150px;
	margin: 10px;
	margin-bottom: 0px;
	color: white;
	text-align: center;
}
.sgsm-percorsi .sgsm-percorsi-node img{width: 80px;}
/*.sgsm-percorsi .sgsm-percorsi-node .sgsm-percorsi-label{border: 1px solid red; height: 50px;}*/

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border-color: #9a1919;}

/*ATTI*/
#sgsm-arc-body img{max-height: 300px; max-width: 100%; margin: 0 auto;}
#sgsm-arc-body .sgsm-acts-img-content{width: 100%; text-align: center;}

#xdamsTree .fancytree-title{font-size: 13px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif }
.sgsm-archivi-well{
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url(/sgsm/javax.faces.resource/images/bgArchivi.png.jsf);
}

/*form*/
.form-control:focus {
  border-color: #c62020;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(198, 32, 32, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(198, 32, 32, .6);
}

.dl-sgsm dd{margin-bottom: 20px;}
.dl-sgsm dt{white-space: normal;}

.sgsm-ul-tab{list-style: none;}
.sgsm-ul-tab li{float: left; margin-right: 10px;padding-bottom: 5px;}
.sgsm-ul-tab li.active{border-bottom: 2px solid #c62020; }
.sgsm-player-video{width: 100%; height: 500px;}