/* CSS Document */

@font-face {
    font-family: DoulosSILR;
    src: url(font/DoulosSILR.ttf);
}

@font-face {
    font-family: ChaparralPro-Bold;
    src: url(font/ChaparralPro-Bold.otf);
}

@font-face {
    font-family: ChaparralPro;
    src: url(font/ChaparralPro-BoldDisp.otf);
}



/* STRUTTURA GENERALE */

body {
    background-color: #000000;
}

hr{
	border-color: #ebc24d;
	color: #ebc24d;
	background-color: #ebc24d;
	height: 2px;
}

#head{
	width:100%;
	max-width: 1140px;
	max-height:1280px;
	min-height: 15em;
	
}

#container{
	width:100%;
	max-width: 900px; /* small-big 1140px; */
	min-height:600px;
	margin:0 auto;
	background:url(img/bg.jpg) no-repeat;
	background-size: 100%;
	background-color: #000000;
}

#container .outer {
    width: 100%;
    padding-top: 1%; /* 22% defines aspect ratio */
    position: relative;
	padding-bottom: 10%;
	min-height:600px;
}

#container .outer .video {
	max-width: 900px;
    width: 100%;
	margin-top: 2%;
	margin-left:auto;
	margin-right:auto;
    position: relative;
}

.img-logo
{
	/*border: 5px solid #FFF;*/ 
	width: 35%; 
	margin-left:3%; 
	margin-top:0px; 
	margin-bottom:0px;
}

/* MENU RESPONSIVE */

ul#menu {
  list-style: none;
  margin:0;
  /*padding:280px 0px 0px 0px;*/
  text-align:center;
}
 
#menu li {
	display:inline;
	}
	

 
#menu li a {
  color: #ebc24d;
  display:inline-block;
  padding:5px 52px 0px 20px;
  /*font-weight: bold;*/
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  font-size:18px; /* small-big 25px*/
  /*font-size:x-large;*/
  font-family: ChaparralPro;
  letter-spacing:3px;
  
}

/* HOVER E SELECTED */

.selected_li {
	background-image: url(img/star_clear.png);
    background-repeat: no-repeat;
    background-position: 0% 64%;
}
	
#menu li:hover {
	background-image: url(img/star_clear.png);
    background-repeat: no-repeat;
    background-position: 0% 64%;
}

.selected {
  background-image: url(img/star_clear.png);
  background-repeat: no-repeat;
  background-position: 76% 58%;
  color:#ffe79b !important;
}
 
#menu li a:hover, #menu li a.active {
  background-image: url(img/star_clear.png);
  background-repeat: no-repeat;
  background-position: 76% 58%;
    color:#ffe79b !important;

}

.selected_long {
  background-image: url(img/star_clear.png);
  background-repeat: no-repeat;
  background-position: 84% 58%;
  color:#ffe79b !important;
}
 
.long:hover, .long.active, .selected_long:hover, .selected_long:active{
  background-image: url(img/star_clear.png) !important; 
  background-repeat: no-repeat !important;
  background-position: 84% 58% !important;
    color:#ffe79b !important;

}

/* TESTI E CONTENUTI */

.text{
	max-width: 900px;
    width: 100%;
	margin-top: 4%; /* small-big 5%*/
	margin-left:auto;
	margin-right:auto;
    position: relative;
	letter-spacing:1px;
}

.text p
{
	color: #ebc24d;
	font-size:17px;
	line-height: 1.5;
	text-align: justify;
    text-justify: inter-word;
	font-family: DoulosSILR;
	
}

.text h3
{
	color: #ebc24d;
	font-size:16px;
	line-height: 1.5;
	text-align: justify;
    text-justify: inter-word;
	margin-top: 0px;
	font-family: DoulosSILR;
}

.text a
{
	text-decoration: none;
	color: #ebc24d;
	font-size: 14px;	
}

.center
{
	text-align:center !important;
}

.leftimg
{
	float: left; 
	padding: 25px 20px 20px 0;
}

.rightimg 
{ 
	float: right; 
	padding: 00px 0 20px 20px; 
}

.leftimg_redim
{
	float: left; 
	padding: 20px 20px 20px 0;
	width: 47%; /*small*/
}

.rightimg_redim
{ 
	float: right; 
	padding: 20px 0 20px 20px; 
	width: 48%; /*small*/
}

.leftimg_redim_s
{
	float: left; 
	padding: 20px 20px 20px 0;
	width: 27.8%; /*small*/
}

.rightimg_redim_b
{ 
	float: right; 
	padding: 20px 0 20px 20px; 
	width: 67.1%; /*small*/
}

/* TAB A SCHEDE */

/*

ul#tabs {
  list-style: none;
  margin:0;
  text-align:center;
}
 
#tabs li {display:inline;}
 
#tabs li a {
  color: #ebc24d;
  display:inline-block;
  padding:5px 52px 0px 20px;
  
  height: 40px;
  line-height: 50px;
  text-decoration: none;
  font-size:x-large;
}


#tabs li a:hover,
#tabs li a:active
{
	font-weight: bold;
}
 

 */

/* tab a schede JS */

div.content {
	width: 100%;
    height: 100%;
    
}
 

#container_t {
    clear: both;
    /*height: 2500px; */
    overflow: hidden; }


div.content.inactive {
	display: none;
}

ol#toc {
  list-style: none;
  margin:0;
  text-align:center;
}

ol#toc a {
	/*
    background: #bdf url(tabs.gif);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
	*/
	color: #ebc24d;
  	display:inline-block;
  	padding:0px 52px 0px 20px;
  
  	height: 32px;
  	line-height: 25px;
  	text-decoration: none;
  	font-size:16px;
	font-family: DoulosSILR;
}

ol#toc a:hover {
    /*background-color: #3af;
    background-position: 0 -120px;
	font-weight:bold;*/
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    display:inline;
	
	
}

ol#toc li a.active {
    /*
	background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
	*/
}

ol#toc li a.active span {
    /*background-position: 100% -60px;*/
}

ol#toc span {
   /* background: url(tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px; */
}