/* evKnowledge web site custom styles */

.h1, .h2, .h3, h1, h2, h3 {
	color: rgb(150, 150, 150);
}

a {
	color: rgb(153, 0, 0);
	text-decoration: none;
}
a:active {
	color: rgb(153, 0, 0);
	text-decoration: none;
}
a:hover {
	color: rgb(153, 0, 0);
	text-decoration: none;
}
a:visited {
	color: rgb(153, 0, 0);
	text-decoration: none;
}

/* navbar */

.navbar-brand-hover {
	background-color: rgb(153, 0, 0) !important;
	color: rgb(255, 255, 255) !important;
}

.navbar {
    border-radius: 0;
}


/* logo-project */

.logo-project {
	margin-top: 0px;
	margin-bottom: 20px;
	color: rgb(153, 0, 0);
}

@media (min-width: 992px) {
.eK-logo  {
	margin-left: 30px;
	margin-right: 30px
	}
}

.eK-project {
	margin-top: 20px;
	margin-bottom: 0px;
	color: rgb(150, 150, 150);
}

@media (min-width: 992px) {
.eK-project {
	margin-left: 30px;
	margin-right: 30px;
	}
}


/* presentation */

.presentation  {
	color: rgb(150, 150, 150);
}

.presentation  h2{
	color: rgb(153, 0, 0);
}

.presentation  h3{
	color: rgb(150, 150, 150);
}

.presentation  p {
	color: rgb(150, 150, 150);
	font-size: 18px;
}

.strong-red  {
	color: rgb(153, 0, 0);
	font-style: bold;
}


/* focus_on */

.focus-on-caption {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
}

.focus-on h2{
	color: rgb(153, 0, 0);
}

.focus-on-title h2{
	color: rgb(153, 0, 0);
	font-size: 26px;
}

@media (min-width: 1200px) {
.focus-on-box {
		min-height: 360px;
	}
}
@media (max-width: 1200px) and (min-width: 992px) {
.focus-on-box   {
		min-height: 384px;
	}
}

.focus-on-box-link a {
	color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.focus-on-box-link a:active {
    color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.focus-on-box-link a:hover {
    color: color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.focus-on-box-link a:visited {
    color: color: rgb(51, 51, 51) !important;
	font-decoration: none !important;
}


/* knowldge systems */

.ks-mega-letter {
	color: rgb(227, 227, 227);
	font-size: 105px;
	font-style: bold;
}



/* media */

.media h2{
	color: rgb(153, 0, 0);
}

.media-title h2{
	color: rgb(153, 0, 0);
	font-size: 26px;
}

.media-mega-letter {
	color: rgb(153, 0, 0);
	font-size: 105px;
	font-style: bold;
}

@media (min-width: 1200px) {
.media-box {
		min-height: 380px;
	}
}
@media (max-width: 1200px) and (min-width: 992px) {
.media-box   {
		min-height: 430px;
	}
}

.media-box-link a {
	color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.media-box-link a:active {
    color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.media-box-link a:hover {
    color: color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.media-box-link a:visited {
    color: color: rgb(51, 51, 51) !important;
	font-decoration: none !important;
}



/* resources */

.caption {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
}

.resources h2{
	color: rgb(153, 0, 0);
}

.res-title h2{
	color: rgb(153, 0, 0);
	font-size: 26px;
}

.mega-letter {
	color: rgb(255, 255, 255);
	font-size: 105px;
	font-style: bold;
}

.narrow-col-3 {
	/*padding-left: 10px;
    padding-right: 10px;*/
}

@media (min-width: 1200px) {
.resource-box {
		min-height: 450px;
	}
}
@media (max-width: 1200px) and (min-width: 992px) {
.resource-box   {
		min-height: 500px;
	}
}

.resource-box-link a {
	color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.resource-box-link a:active {
    color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.resource-box-link a:hover {
    color: color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.resource-box-link a:visited {
    color: color: rgb(51, 51, 51) !important;
	font-decoration: none !important;
}


/* key-topics */

.key-topics-div h2{
	color: rgb(153, 0, 0);
}

.panel-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 5px; !important;
}

.panel-title {
	font-size: 20px !important;
	font-style: bold !important;
}

@media (max-width: 1200px) and (min-width: 992px) {
.panel-title   {
		min-height: 45px;
	}
}

.panel-body  {
    background-color: rgb(245, 245, 245) !important;
}

.key-topics  h2 {
	color: rgb(153, 0, 0);
}

/*
jellow
orange
red
brown
*/

.title-a1 {
	background-color: rgb(255, 255, 0) !important;
	color: rgb(140, 140, 140)	!important;
}

.title-a2 {
	background-color: rgb(255, 100, 0) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-a3 {
	background-color: rgb(255, 0, 0) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-a4 {
	background-color: rgb(200, 100, 50) !important;
	color: rgb(255, 255, 255)	!important;
}

/*
Aqua 	00 FF FF 	  0 255 255
Cyan 	00 FF FF 	  0 255 255
LightCyan 	E0 FF FF 	224 255 255
  PaleTurquoise 	AF EE EE 	175 238 238
Aquamarine 	7F FF D4 	127 255 212
  Turquoise 	40 E0 D0 	 64 224 208
MediumTurquoise 	48 D1 CC 	 72 209 204
  DarkTurquoise 	00 CE D1 	  0 206 209
LightSeaGreen 	20 B2 AA 	 32 178 170
CadetBlue 	5F 9E A0 	 95 158 160
  DarkCyan 	00 8B 8B 	  0 139 139
Teal 	00 80 80 	  0 128 128
*/

.title-b1 {
	background-color: rgb(175, 238, 238) !important;
	color: rgb(140, 140, 140)	!important;
}	

.title-b2 {
	background-color: rgb(64, 224, 208) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-b3 {
	background-color: rgb(0, 206, 209) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-b4 {
	background-color: rgb(0, 139, 139) !important;
	color: rgb(255, 255, 255)	!important;
}

/*Cornsilk 	FF F8 DC 	255 248 220
BlanchedAlmond 	FF EB CD 	255 235 205
Bisque 	FF E4 C4 	255 228 196
  NavajoWhite 	FF DE AD 	255 222 173
Wheat 	F5 DE B3 	245 222 179
  BurlyWood 	DE B8 87 	222 184 135
Tan 	D2 B4 8C 	210 180 140
RosyBrown 	BC 8F 8F 	188 143 143
SandyBrown 	F4 A4 60 	244 164  96
Goldenrod 	DA A5 20 	218 165  32
DarkGoldenrod 	B8 86 0B 	184 134  11
  Peru 	CD 85 3F 	205 133  63
Chocolate 	D2 69 1E 	210 105  30
SaddleBrown 	8B 45 13 	139  69  19
  Sienna 	A0 52 2D 	160  82  45
Brown 	A5 2A 2A 	165  42  42
Maroon 	80 00 00 	128   0   0
*/

.title-c1 {
	background-color: rgb(250, 218, 168) !important;
	color: rgb(140, 140, 140)	!important;
}	

.title-c2 {
	background-color: rgb(244, 180,  100) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-c3 {
	background-color: rgb(205, 133, 63) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-c4 {
	background-color: rgb(160, 82, 45) !important;
	color: rgb(255, 255, 255)	!important;
}

/*
.title-c1 {
	background-color: rgb(255, 222, 173) !important;
	color: rgb(140, 140, 140)	!important;
}	

.title-c2 {
	background-color: rgb(244, 164,  96) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-c3 {
	background-color: rgb(205, 133, 63) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-c4 {
	background-color: rgb(160, 82, 45) !important;
	color: rgb(255, 255, 255)	!important;
}
*/

/*
LightSalmon 	FF A0 7A 	255 160 122
Salmon 	FA 80 72 	250 128 114
DarkSalmon 	E9 96 7A 	233 150 122
LightCoral 	F0 80 80 	240 128 128
IndianRed 	CD 5C 5C 	205  92  92
Crimson 	DC 14 3C 	220  20  60
FireBrick 	B2 22 22 	178  34  34
DarkRed 	8B 00 00 	139   0   0
Red 	FF 00 00 	255   0   0
 */

.title-d1 {
	background-color: rgb(255, 190, 155) !important;
	color: rgb(140, 140, 140)	!important;
}	

.title-d2 {
	background-color: rgb(233, 150, 122) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-d3 {
	background-color: rgb(205, 92, 92) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-d4 {
	background-color: rgb(178, 34, 34) !important;
	color: rgb(255, 255, 255)	!important;
} 

/*
Yellow 	FF FF 00 	255 255   0
LightYellow 	FF FF E0 	255 255 224
LemonChiffon 	FF FA CD 	255 250 205
LightGoldenrodYellow 	FA FA D2 	250 250 210
PapayaWhip 	FF EF D5 	255 239 213
Moccasin 	FF E4 B5 	255 228 181
PeachPuff 	FF DA B9 	255 218 185
PaleGoldenrod 	EE E8 AA 	238 232 170
Khaki 	F0 E6 8C 	240 230 140
DarkKhaki 	BD B7 6B 	189 183 107
Gold 	FF D7 00 	255 215   0
*/

.title-e1 {
	background-color: rgb(255, 240, 200) !important;
	color: rgb(140, 140, 140)	!important;
}	

.title-e2 {
	background-color: rgb(255, 225, 150) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-e3 {
	background-color: rgb(255, 215, 100) !important;
	color: rgb(255, 255, 255)	!important;
}
.title-e4 {
	background-color: rgb(255, 200, 0) !important;
	color: rgb(255, 255, 255)	!important;
}

/*
LightSteelBlue 	B0 C4 DE 	176 196 222
PowderBlue 	B0 E0 E6 	176 224 230
LightBlue 	AD D8 E6 	173 216 230
SkyBlue 	87 CE EB 	135 206 235
LightSkyBlue 	87 CE FA 	135 206 250
DeepSkyBlue 	00 BF FF 	  0 191 255
DodgerBlue 	1E 90 FF 	 30 144 255
CornflowerBlue 	64 95 ED 	100 149 237
SteelBlue 	46 82 B4 	 70 130 180
RoyalBlue 	41 69 E1 	 65 105 225
Blue 	00 00 FF 	  0   0 255
MediumBlue 	00 00 CD 	  0   0 205
DarkBlue 	00 00 8B 	  0   0 139
Navy 	00 00 80 	  0   0 128
MidnightBlue 	19 19 70 	 25  25 112
*/

.title-f1 {
	background-color: rgb(135, 206, 235) !important;
	color: rgb(140, 140, 140)	!important;
}	

.title-f2 {
	background-color: rgb( 0, 150, 225) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-f3 {
	background-color: rgb(0, 100, 195) !important;
	color: rgb(255, 255, 255)	!important;
}

.title-f4 {
	background-color: rgb(0, 0, 140) !important;
	color: rgb(255, 255, 255)	!important;
}

 
/* */



.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (min-width: 992px) {
.panel-body {
		min-height: 455px;
	}
}

@media (max-width: 1200px) and (min-width: 992px) {
.panel-body   {
		min-height: 560px;
	}
}
/*
@media (min-width: 992px) {
.col-md-3 > .panel > .key-topics {
		min-height: 420px;
	}
}
*/
.panel a {
	color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.panel a:active {
    color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.panel a:hover {
    color: color: rgb(51, 51, 51) !important;
	text-decoration: none !important;
}
.panel a:visited {
    color: color: rgb(51, 51, 51) !important;
	font-decoration: none !important;
}

.btn-more-kt {
	background-color: rgb(153, 0, 0)!important;;
    border-color: rgb(153, 0, 0)!important;
	margin-top: 10px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none !important;
    outline-offset: 0px !important;
}

.btn-primary {
	background-color: rgb(153, 0, 0) !important;
    border-color: rgb(153, 0, 0) !important; 
    color: rgb(255, 255, 255);
}
.btn-primary.focus, .btn-primary:focus {
    background-color: rgb(40, 96, 144);
    border-color: rgb(18, 43, 64);
    color: rgb(255, 255, 255);
}
.btn-primary:hover {
    background-color: rgb(245, 245, 245) !important;
    border-color: rgb(153, 0, 0) !important;
    color: rgb(153, 0, 0) !important;
}


/*ekademy*/

.ekademy-sections  h3{
	color: rgb(153, 0, 0);
	padding-top: 10px;
	padding-bottom: 10px;
}

/*generic-page*/

.generic-page-sections  h3{
	color: rgb(153, 0, 0);
	padding-top: 10px;
	padding-bottom: 10px;
}

/* footer */

.footer-black {
	min-height: 50px;
	background-color: rgb(34, 34, 34);
	color: rgb(150, 150, 150);
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 15px;
    padding-right: 15px;
	vertical-align: middle;
	margin-top: 30px;
}

.footer-black  a{
	color: rgb(150, 150, 150) !important;
}

.footer-black  i{
	color: rgb(150, 150, 150) !important;
}

 .footer-black ul {
	list-style-type: none;
    padding-left:0;
	padding-bottom: 20px;
 }

 .footer-to-top {
	color: rgb(150, 150, 150) !important;
	padding-bottom: 30px;	
 }
 
 .footer-black-logo  img{
    width : 180px;
	padding-top: 20px;
	padding-bottom: 20px;	
} 

 .navFooterLine  ul {
	padding-top: 15px;
} 

 .navFooterLine  li {
    display: inline;
	padding-left: 20px;
} 

.nav_first  {
	padding-left: 0px;
}
 
.navFooterColHead {
	font-size: 18px !important;
	color: rgb(150, 150, 150) !important;
	padding-bottom: 5px;
	padding-left: 20%;	
}
 
.navFooterLine  a{
	font-size: 12px !important;
	color: rgb(150, 150, 150) !important;
}

.navCopyright {
	padding-top: 20px;	
	border-top: 1px solid rgb(75 ,75 ,75);
}

.social-link-footer li {
    float: right;
    margin: 5px 10px 5px 0px;
    padding-bottom: 5px;
}
.social-link-footer li a {
    color: #fff;
    background: rgb(75 ,75 ,75);
    padding: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    float: left;
    text-align: center;
    font-size: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social-link-footer li a:hover {
    background: rgb(100 ,100 ,100);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.copyright {
    color: rgb(150, 150, 150);
    padding-top: 15px;
}

@media (max-width: 992px) {
	.copyright {
		text-align: center;
	}
}
.news-box {
    background: rgb(50, 50, 50); /*#505b71;*/
    padding: 8px 15px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-bottom: 1px solid rgb(75,75,75);
    font-size: 14px;
}

.news-box:before {
	background-color: rgb(50, 50, 50); /*#505b71;*/
	border-color: #505b71;
	border-image: none;
	border-right: 1px none #505b71;
	border-style: none;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 16px;
}

@media (min-width: 992px) {
	.news-box:before {
		top: 42px;
		left: 60px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.news-box:before {
		top: 32px;
		left: 100px;
	}
}

@media (max-width: 768px) {
	.news-box:before {
		top: 32px;
		left: 100px;
	}
}

.page-footer { padding: 0% 13% }
.page-footer h1 { padding-left: 4% }
ul.page-footer-list {
    list-style: none;
    padding: 0px 10px;
}
ul.page-footer-list li {
    line-height: 35px;
    border-bottom: 1px dashed #636F79;
}
ul.page-footer-list a { color: #fff }
ul.page-footer-list li i { padding-right: 10px }
.footer-small {
    background-color: #2C3E50;
    margin-top: -6px;
    padding-top: 5px;
}
.text-footer {
    padding-left: 10px;
    margin-left: 10px;
}
.text-footer p { text-align: left }
.address p {
    text-align: left;
    margin-bottom: 10px;
}

.divSiteMap {
	margin: 0 auto; 
}

@media (min-width: 992px) {
	.divSiteMap {
	width: 70%;
	}
}
@media (max-width: 992px) {
	.divSiteMap {
		width: 100%;
		text-align: center;
	}
}

.divLatestNews {
	margin: 0 auto; 
}
@media (min-width: 992px) {
	.divLatestNews {
		width: 80%;
	}
}
@media (max-width: 992px) {
	.divLatestNews {
		padding: 0 10% !important;
	}
}

@media (min-width: 992px) {
	.divEkademy {
		padding: 0 13%;
	}
}
@media (max-width: 992px) {
	.divEkademy {
		padding: 0 10% !important;
	}
}

.divJoin {
	margin: 0 auto; 
}
@media (min-width: 992px) {
	.divJoin {
		width: 85%;
	}
}
@media (max-width: 992px) {
	.divJoin {
		padding: 0 10% !important;
	}
}

/*eKademy page*/

@media (max-width: 992px) {
	.eka-title {
		text-align: center;
	}
}
@media (max-width: 992px) {
	.eka-image {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;
	}
}
@media (min-width: 992px) {
	.eka-image {
		/*width: 230 px;*/
		padding-bottom: 20px;
		padding-right: 20px;
	}
}

.project-title { 
	font-size: 16px;
	font-style: bold;
	padding-bottom: 10px;
	/*color: rgb(150, 150, 150);*/
}

.pr-10 { padding-right: 10px }
.pl-10 { padding-left: 10px }
.pl-20 { padding-left: 20px }
.pb-10 { padding-bottom: 10px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pt-10 { padding-top: 10px }


/* maintenance */

.maintenance h3 {
	color: rgb(150, 150, 150);
}


/* archive */

.visita  {
	margin-top: 20px;
	margin-bottom: 20px;
}

.tel {
	color: rgb(0, 150, 0);
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fa {
	color: rgb(153, 0, 0);
}

.color {

}

.conv {
	margin-top: 9px;
	margin-left: 10%;
	list-style-type: none;
}

.image4 {
	margin-bottom: 45px;
	width: 100%;
}

.anchor-studi {
	position: relative;
	top: -155px;
	display: block;
}

.anchor-prestazioni {
	position: relative;
	top: -65px;
	display: block;
}

.anchor-contatti {
	position: relative;
	top: -80px;
	display: block;
}