.sv-ribbonNotPresent { overflow: visible !important; }
.sv-ribbonPresent { overflow-y: hidden !important; }
.root.ms-core-listMenu-root.static .operazioni, .root.ms-core-listMenu-root.static .storia, .root.ms-core-listMenu-root.static .comunicazione { margin-right: 30px; }
.sub-nav .col.extra > ul {height:100% !important}

/* Medagliere */
.width30left {width:153px; float:left;}
.errorMsg {color:Red;}
.captchaBorder {border-style:solid; border-width:thin;}
.EImedal {width:140px; margin:4px; float:left; text-align:center;}
.EImedal span { word-wrap: break-word; }
.EISelectedMedalContainer20More {width:480px; margin-left: auto ; margin-right: auto ; text-align:center;}
.EISelectedMedalContainer20Less {width:388px; margin-left: auto ; margin-right: auto ; text-align:center;}
.EISelectedMedal {width:112px; margin-left: auto ; margin-right: auto ;}
.EIMedalUserName {font-weight:bold; font-size:15px; color:#000; }
.numericInput {width:15px; font-size:12px; text-align:center;}
.EIMedalsContainer { padding-bottom:10px; padding-top:10px; overflow:hidden;}
.medagliereText {margin-left: 5px; margin-right:5px;}
.btnContainer {text-align:right; margin-top:20px; width:100%;}
.linkHome a {font-weight:bold; color:#4796AD;text-decoration:none;}
.linkHome a:hover {text-decoration:underline;}
.hidden {visibility:hidden;}
.visible{visibility:visible;}
.title-footer {font-weight:bold; color:#434343;text-decoration:none; font-family: 'trebuchet ms', sans-serif;}
.title-concorsi {font-weight:bold; color:#ffffff;text-decoration:none; font-family: 'trebuchet ms', sans-serif;}
.grandeG a {font-weight:bold; color:#fff;text-decoration:none;}
.grandeG a:hover {text-decoration:underline;}

#Ribbon\.EditingTools\.CPEditTab\.Font { display:none; }

/* #Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle1-Large  { display:none; } */

/* .ms-rteStyle-IntroductionParagraph {
  -ms-name: "Introduction Paragraph";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #3e3e3e;
} */

/* Resize Galleria */
.internal-gallery .slides li .box img.over-height {
  height: 100%;
}

/*inizio stile css approfondimenti speciale storia*/

.biografie_due {
 background-color:#CCCCCC;
 filter:alpha(opacity=50);
 width:auto;
 
 }
 .biografie_due span {
 background-color:#FFFFFF;
 filter:alpha(opacity=50);
 width:auto;
 padding:15px;
 color:#000000
 }
 .biografie_due span:hover {
 background-color:#FFFFFF;
 }

/*fine stile css approfondimenti speciale storia*/


 /*inizio stile css mappa*/
 #wrap_mappa{
 /*width:456px;
 height:344px;
 border:2px solid #CCCCCC;
 background-color:#EEEEEE;*/
 }
 #mappa img{
 border:none;
 }
 #mappa{
 width:434px;
 height:339px;
 position:relative;
 left:10px;
 top:10px;
 background-color:#FFFFFF;
 
 }
 #mappa a{
 text-decoration:none;
 color:#000000;
 outline:none;
 }
 #mappa a img.regione{
 position:absolute;
 display:block;
 }
 #mappa a:hover img.regione{
 filter:alpha(opacity=60);
 -moz-opacity:.60;
 opacity:.60;
 }
 #mappa a span{
 display:none;
 }
 #mappa a:hover span, #mappa #info{
 display:block;
 width:134px;
 height:330px;
 position:absolute;
 right:10px;
 top:10px;
 background-color:#FFFFFF;
 padding:10px;
 color:#333333;
 font-size:12px;
 line-height:18px;
 letter-spacing:1px;
 text-align:justify;
 overflow:hidden;
 z-index:20;
 }
 #mappa span b{
 display:block;
 height:30px;
 line-height:30px;
 margin-bottom:10px;
 border-bottom:1px solid #CCCCCC;
 }
 #aosta{
 left:5px;
 top:37px;
 z-index:1;
 }
 #piemonte{
 left:2px;
 top:27px;
 }
 #liguria{
 left:20px;
 top:77px;
 }
 #lombardia{
 left:41px;
 top:19px;
 }
 #trentino{
 left:80px;
 top:-2px;
 z-index:2;
 }
 #settore33{
 left:82px;
 top:3px;
 z-index:2;
 }
 #veneto{
 left:87px;
 top:15px;
 }
 #friuli{
 left:122px;
 top:15px;
 z-index:3;
 }
 #romagna{
 left:55px;
 top:62px;
 }
 #lazio{
 left:107px;
 top:106px;
 }
 #campania{
 left:160px;
 top:147px;
 }
 #sardegna{
 left:30px;
 top:175px;
 }
 #sicilia{
 left:130px;
 top:270px;
 }
 /*fine stile mappa*/

/*test Online (inizio) */

div#fullcontent {  /*solo test on line*/
display: block;
width: 767px;
float: left;
margin-top: 0;
margin-left: 3px; 
background-color: #f4f4f4; 
}

.clear { clear:both; }

#tabellasinistra { position:fixed; top: 450px; left:1200px; float: left; width: 190px;}
#tabelladestra{ float: left; }
.tabsxclass { padding-left:5px;padding-top:5px; margin-left: 250px}
.formatto { background-color:#fff; width:180px; font-size:15px;font-family: 'trebuchet ms', sans-serif; background-image:url(../img/testonline/backform.gif); background-repeat:no-repeat;background-color: transparent;height:210px;border: 0px;padding-left:8px;text-align:center;}
.ora { height:35px;border: 0px;text-align:left;background-color: transparent; width:120px;font-family: 'trebuchet ms', sans-serif; font-size:25px; color:#A00F16;}
.domanda { color:#336699; font-weight: bold;padding-top:10px;}
.formdomanda { padding:10px 0px 0px 30px;border:1px dotted;margin-top:10px;background-color: #e7e3d7}
.risposteTestOnline {text-align: center; color: #ff0000; font-size: 50px}
/* mod */
@media only screen and (max-width: 415px) {
  .formdomanda { max-width:320px;padding:10px 0px 0px 30px;border:1px dotted;margin-top:10px;background-color: #e7e3d7}
  .txtsinistra { width:350px;margin:0;padding:0;border:0;vertical-align:baseline;}
  }
}
/*  MOD */
/*span.attachment { color:#ffffff; font-weight:bold; }
a.attachment { color:#ffffff; text-decoration:none; font-size: 12px; margin-left: 3px }
a.attachment:visited { color:#ffffff;}*

/*test Online (fine)*/
/* side bar  speciale */
.grande-guerra .side.col  {
                top:0px !important
}
/* tendina sto */
.sub-nav .col.extra .grande-guerra-due{display:block;width:100%;height:100%;float:left;outline:0 none;position:relative;border-bottom:1px solid #878787;background:transparent url(../img/sub-nav-grande-guerra-due.jpg) no-repeat 0 bottom;background-size:160% auto;-webkit-box-shadow:0 0 0 0 #333 inset;-moz-box-shadow:0 0 0 0 #333 inset;box-shadow:0 0 0 0 #333 inset;-webkit-transition:background-position linear 3.5s,box-shadow .25s,background-size .25s;transition:background-position linear 3.5s,box-shadow .25s,background-size .25s}
.sub-nav .col.extra .grande-guerra-due:hover{-webkit-box-shadow:0 5px 40px 0 #000 inset;-moz-box-shadow:0 5px 40px 0 #000 inset;box-shadow:0 5px 40px 0 #000 inset}
.csstransitions .sub-nav .col.extra .grande-guerra-due:hover{background-size:170% auto;background-position:100% bottom}@media only screen and (min-width:1220px){.csstransitions .sub-nav .col.extra .grande-guerra-due{background-size:127% auto}.csstransitions .sub-nav .col.extra .grande-guerra-due:hover{background-size:135% auto}}
.sub-nav .col.extra .grande-guerra-due span{display:inline-block;vertical-align:top;zoom:1}
.no-boxsizing .sub-nav .col.extra .grande-guerra-due span{display:inline}
.sub-nav .col.extra .grande-guerra-due .wrap{position:absolute;left:0;bottom:25%}
.sub-nav .col.extra .grande-guerra-due .time{color:#2a2b2c;font-size:21px;padding:14px 12px 11px;margin-bottom:2px;margin-left:5%;background-color:rgba(214,214,214,0.8)}
.no-rgba .sub-nav .col.extra .grande-guerra-due .time{background-color:#d6d6d6}
.sub-nav .col.extra .grande-guerra-due .title{color:#2a2b2c;font-size:19px;padding:14px 12px 11px;margin-bottom:4px;margin-left:5%;background-color:rgba(250,250,250,0.9)}@media only screen and (min-width:1220px){.sub-nav .col.extra .grande-guerra-due .title{font-size:24px}}
.no-rgba .sub-nav .col.extra .grande-guerra-due .title{background-color:#fafafa}.sub-nav .col.extra .grande-guerra-due .caption{color:#f6f6f6;font-size:14px;font-weight:lighter;line-height:125%;padding:11px 23px;width:100%;background-color:rgba(42,43,44,0.4)}@media only screen and (min-width:1220px){.sub-nav .col.extra .grande-guerra-due .caption{font-size:18px}}
.sub-nav .col.extra .grande-guerra-due .caption strong{font-weight:400}
.no-rgba .sub-nav .col.extra .grande-guerra-due .caption{background-color:#2a2b2c}
.sub-nav .col.extra .grande-guerra-due .icon{width:48px;height:48px;position:absolute;bottom:0;right:0;background-color:rgba(244,182,20,0.8)}
.sub-nav .col.extra .grande-guerra-due .icon:before{font-family:'esercito-icon-font';font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;content:'\e804';color:#fafafa;margin:10px;font-size:30px}
.no-rgba .sub-nav .col.extra .grande-guerra-due .icon{background-color:#f4b614} 
/* fine tendina sto */

/* inizio griglia atleti */
#atleti {
	background: #000;
	width:100%;
	margin:0 auto;
	padding: 20px;
	text-align: center;
}
#griglia {
  padding: 0;
  margin: 0;
}
#griglia > li {
  border: 2px solid #e3e3e3;
  display: inline-block;
  width:  auto !important;
  height: 350px;
  margin: 5px;
  background-color: #abe2ff;
}
.photo {
 opacity: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

#atleti:hover .photo:not(:hover) {
	opacity: 0.3;
}
/* fine griglia atleti */

/* inizio webpart eitholines */

.ms-noWrap { 
white-space:normal
}

/* inizio box operazioni eng */

.hp .content .col.operazioni-en .col a.nazionali-en {
    background: transparent url(/SiteCollectionImages/operazioni-nazionali-en.png) no-repeat 70% center
}
.hp .content .col.operazioni-en .col a.oltremare-en {
    background: transparent url(/SiteCollectionImages/operazioni-oltremare-en.png) no-repeat 90% center
}

/* fine box operazioni eng */

/* inizio cartina esercito combatte */
#map_Ecombatte {
	width: 964px;
	height: 1096px;
	margin: 0 auto;
	background: url(/storia/L-Esercito-combatte/PublishingImages/cartina_sito_sacra-dele.png) no-repeat;
}

#map_Ecombatte ul {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#map_Ecombatte li {
	width: 20px;
	height: 20px;
	position: absolute;
	background: url(marker.png) no-repeat;
}

#map_Ecombatte a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#map_Ecombatte a span {
	width: 35em;
	padding: 0.4em;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	background: #0e934b;
	color: #fff;
	border-radius: 6px;
	position: absolute;
	top: -1000em;
}

#map_Ecombatte a:hover span {
	top: 0;
	left: 25px;
}

#del-uno {
	top: 225px;
	left: 80px;
}

#del-due {
	top: 290px;
	left: 292px;
}

#del-tre {
	top: 395px;
	left: 242px;
}
#del-quattro {
	top: 535px;
	left: 390px;
}
#del-cinque {
	top: 618px;
	left: 525px;
}
#del-sei {
	top: 900px;
	left: 615px;
}
#del-sette {
	top: 675px;
	left: 800px;
}
#del-otto {
	top: 162px;
	left: 398px;
}
#del-nove {
	top: 158px;
	left: 450px;
}
#del-dieci {
	top: 136px;
	left: 436px;
}
#del-undici {
	top: 672px;
	left: 120px;
}

#sac-uno {
	top: 162px;
	left: 282px;
}
#sac-due {
	top: 152px;
	left: 313px;
}
#sac-tre {
	top: 177px;
	left: 323px;
}
#sac-quattro {
	top: 168px;
	left: 368px;
}
#sac-cinque {
	top: 146px;
	left: 376px;
}
#sac-sei {
	top: 188px;
	left: 410px;
}
#sac-sette {
	top: 168px;
	left: 411px;
}
#sac-otto {
	top: 180px;
	left: 430px;
}
#sac-nove {
	top: 184px;
	left: 478px;
}
#sac-dieci {
	top: 105px;
	left: 460px;
}
#sac-undici {
	top: 68px;
	left: 366px;
}
/* fine cartina esercito combatte */   

/* inizio cartina operazioni */   

#map-op-inatto {
	width: 1000px;
	height: 549px;
	margin: 0 auto;
	background: url(/operazioni/operazioni_oltremare/PublishingImages/cartina-operazioni-inatto.png) no-repeat;
}
/* alex-operazioni */
#map-op-inatto ul {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#map-op-inatto li {
	width: 10px;
	height: 26px;
	position: absolute;
	/*background: url(marker.png) no-repeat;*/
}

#map-op-inatto a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#map-op-inatto a span {
	width: 20em;
	padding: 0.4em;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	background: #4e4944;
	color: #fff;
	border-radius: 6px;
	position: absolute !important;
	top: -1000em;
}

#map-op-inatto a:hover span {
	top: 0;
	left: 25px;
}

#afgha-rs {
	top: 190px;
	left: 827px;
}

#kosovo-enterprise {
	top: 130px;
	left: 535px;
}

#libano-leonte {
	top: 190px;
	left: 637px;
}
#libano-mibil {
	top: 205px;
	left: 623px;
}
#mali-eutm {
	top: 308px;
	left: 390px;
}
#somalia-eutm {
	top: 408px;
	left: 715px;
}
#iraq-primapartica {
	top: 193px;
	left: 673px;
}
#libia-mil {
	top: 223px;
	left: 536px;
}
#libia-ippo {
	top: 223px;
	left: 505px;
}
#strade-sicure {
	top: 130px;
	left: 490px;
}

/* fine cartina operazioni */  

#sfondo_trasparente{
         float:right;
         background-color: rgba(34,34,34,0.6);
         color:#FFF;
     } 

/* popup */
.overlay-banner-difesa {

				display: block;

				position: fixed;

				top: 20px;

				bottom: 0;

				left: -110px;

				right: 0;

				margin: auto;

				height: 596px;

				width: 500px;

				z-index: 999;

				/*min-height: 525px;*/

			}

			.overlay-banner-difesa:before {

				content: '';

				display: block;

				position: fixed;

				height: 100%;

				/*width: 500px !important;*/

				left: 0px;

				top: 0;

				background-color: rgba(0,0,0,0.5);

				z-index: 990;

				pointer-events: none;

			}

			.overlay-content {

				position: relative;
                left: 130px;

				/*background: #f4f4f4;*/

				padding: 5px;

				box-shadow: 0 0 50px -10px #000000;

				z-index: 1019;
                width: 500px !important;
				height: 596px;

			}

			.overlay-content img {

				display: block;

				margin: 0 auto;
				
				width: 500px !important;
				height: 596px;

			}

			.overlay-banner-difesa .close {

				position: absolute;

				right: 0;
                width: 30px;
				top: -15px;
                left: 5px;

				background-color: #fefefe;

				padding: 10px;
				color:#ccc;

			}

			html.overlay-banner .overlay-banner-difesa {

				display: block !important;

			}

			html.overlay-banner.ok .overlay-banner-difesa {

				display: none !important;

			}

			

			.marquee {

				padding: 20px;

				display: block;

				overflow: hidden;

				background-color: #fafafa;

			}

			.marquee marquee {

				background-color: #ffffff;

			}

			.marquee a {

				padding: 10px;

				display: block;

			}
/* popup */


/* banner promozionale laterali sx dx */
.banner-promo-laterali {
				
    			
    		
				text-align:center !important;

			}

			
.banner-promo-laterali-sx img {
				display: block;
    			position: fixed;
				background: url(/PublishingImages/primo-piano/banner-lat-cal21-4-m.png) no-repeat fixed center;
				
				
			}
			
			

			
			
			.banner-promo-laterali-dx img {
				position:fixed;
				width: 200px;
				float:right !important;
				right: 480px;
				

			}

			
			

			
/* fine banner promozionale laterali sx dx */


/* scuole militari - rio 2016 */

.scuole-militari-rio16 .nav-scuole {
    background-color: #f4f4f4
}
.scuole-militari-rio16 .nav-scuole .col.nav {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .nav-scuole .col.nav {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .nav-scuole .col.nav {
        width: 100%
    }
}
.scuole-militari-rio16 .nav-scuole .col.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    padding: 20px 0
}
.scuole-militari-rio16 .nav-scuole .col.nav ul li {
    float: left;
    margin-left: 45px
}
.scuole-militari-rio16 .nav-scuole .col.nav ul li a {
    display: block;
    color: #333434
}
.scuole-militari-rio16 .nav-scuole .col.nav ul li a:hover,
.scuole-militari-rio16 .nav-scuole .col.nav ul li a.active {
    color: #d2222c
}
.scuole-militari-rio16 .tile {
    overflow: hidden;
    float: left;
    height: 100%;
    margin-bottom: 0px;
    padding: 0 0px;
    width: 25%;
    
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .tile {
        width: 50%
    }
}
.scuole-militari-rio16 .tile a {
    display: block;
    height: auto;
    width: 100%;
    
     
}
.scuole-militari-rio16 .tile a img {
    display: block;
    /*height: 167px;
    width: 232px*/
}
.scuole-militari-rio16 .tile h3 {
    /*background-color: #333434;*/
    font-size: 16px;
    text-align: left;
    /*text-transform: uppercase;*/
    width: 100%
}
.scuole-militari-rio16 .tile h3 a {
	position: relative;	
    display: block;
    /*bottom: 0px;
    left: 0px;*/
    width: 237px;
    height: 177px;
    
    padding: 110px 20px 7px;
    color: #ffffff;
    font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif;
    line-height: 20px;
    background: rgba(0,0,0,1);
background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(45,45,45,0.53) 47%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left bottom, right bottom, color-stop(0%, rgba(45,45,45,1)), color-stop(47%, rgba(45,45,45,0.53)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(45,45,45,0.53) 47%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(45,45,45,0.53) 47%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(45,45,45,0.53) 47%, rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(45,45,45,0.53) 47%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#', GradientType=1 );
}
.scuole-militari-rio16 .tile.box {
    overflow: hidden;
    height: 100%
}
.no-rgba .scuole-militari-rio16 .tile.box {
    height: 170px
}
.scuole-militari-rio16 .tile.box h2 {
    text-align: left
}
.scuole-militari-rio16 .tile.box h2 a {
    background-color: #eee;
    display: inline-block;
    padding: 63px 28px
}
.scuole-militari-rio16 .tile.box h2 a:hover {
    background-color: #fff;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari-rio16 .tile.box h2 a span {
    color: #2a2b2c;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    height: 80px;
    text-transform: uppercase;
    width: 177px
}
.no-rgba .scuole-militari-rio16 .tile.box h2 a span {
    font-size: 22px
}
.scuole-militari-rio16 .tile.box h2 a span:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    color: #d4d4d4;
    font-size: 43px;
    float: right;
    margin: -2px 0 0
}
.scuole-militari-rio16 .tile.box h2 a:hover span:before {
    color: #2a2b2c;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari-rio16 .tile:hover a {
    /*background-color: #3f4141;*/
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari-rio16 .wrap-scuole {
    background-repeat: no-repeat;
    background-size: cover
}
.no-rgba .scuole-militari-rio16 .wrap-scuole {
    background-position: center top;
    background-color: #bdb79e
}
.scuole-militari-rio16 .wrap-scuole.interna {
    background-image: none;
    background-color: #fff
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna {
    background-color: rgba(233, 233, 233, 0.4);
    overflow: hidden;
    margin-top: 35px
}
.no-rgba .scuole-militari-rio16 .wrap-scuole .special .nav-interna {
    background-color: #e9e9e9
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna .logo-scuola {
    width: 25%;
    float: left;
    display: inline;
    background-color: #323233
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .nav-interna .logo-scuola {
        width: 20%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .nav-interna .logo-scuola {
        width: 25%;
        float: left;
        display: inline
    }
}
@media only screen and (min-width: 1220px) and only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .nav-interna .logo-scuola {
        width: 20%
    }
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna .logo-scuola img {
    display: block;
    padding: 29px;
    width: 100%;
    height: auto
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 40px 0 34px 10px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li {
        margin: 46px 0 40px 20px
    }
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    margin-left: 5px
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a:link,
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a:visited,
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a:hover,
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a:focus,
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a {
        margin-left: 30px
    }
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e80d';
    font-size: 20px;
    line-height: 100%;
    color: #000;
    margin-top: -5px;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a:hover:before,
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li:first-child a.active:before {
    color: #e12620
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li a {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li a.active {
    color: #e12620
}
.scuole-militari-rio16 .wrap-scuole .special .nav-interna ul li a:hover {
    color: #e12620
}
.scuole-militari-rio16 .wrap-scuole .special .breadcrumb {
    margin: 25px 0
}
.scuole-militari-rio16 .wrap-scuole .special .breadcrumb span>a+span>a {
    color: #2b2b2b;
    font-weight: bold
}
.scuole-militari-rio16 .wrap-scuole .special .breadcrumb span span {
    display: block;
    overflow: hidden
}
.scuole-militari-rio16 .wrap-scuole .special .breadcrumb span span a {
    color: #8b8c8e
}
.scuole-militari-rio16 .wrap-scuole .special .hidden {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.scuole-militari-rio16 .wrap-scuole .special .hidden:link,
.scuole-militari-rio16 .wrap-scuole .special .hidden:visited,
.scuole-militari-rio16 .wrap-scuole .special .hidden:hover,
.scuole-militari-rio16 .wrap-scuole .special .hidden:focus,
.scuole-militari-rio16 .wrap-scuole .special .hidden:active {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin: 30px 0 0;
    padding: 0 5px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .primo-piano {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .primo-piano {
        width: 100%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .primo-piano {
        width: 60%;
        margin: 30px 0 15px;
        padding: 0 5px
    }
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box {
    overflow: hidden;
    text-align: left
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box img {
    display: block;
    float: left;
    height: 100%
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box .descrizione {
    overflow: hidden;
    /*background: rgba(243,243,243,0,1);*/
    background-color:#f3f3f3;
    
    height: 354px;
    position: relative
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box .descrizione h2 {
    text-align: left;
    text-transform: uppercase;
    color: #4faa33;
    font-size: 20px;
    padding: 25px 0 10px 20px
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box .descrizione p {
    text-align: left;
    padding: 0 20px;
    color: #1d1d1d;
    font-weight: lighter;
    font-size: 14px;
    line-height: 140%
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box .descrizione a {
    display: inline-block;
    color: #4faa33;
    padding: 14px 0;
    position: absolute;
    bottom: 0;
    right: 0
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box .descrizione a:hover {
    color: #001e35
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box .descrizione a em {
    font-style: italic
}
.scuole-militari-rio16 .wrap-scuole .special .primo-piano .big-box .descrizione a em:before {
    content: '>>';
    display: inline-block;
    float: right;
    padding: 0 20px 0 5px
}
.scuole-militari-rio16 .wrap-scuole .special .evidenza {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin: 10px 0 15px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .evidenza {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .evidenza {
        width: 100%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .evidenza {
        width: 40%;
        margin: 30px 0 15px
    }
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 50px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .scuole-content {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .scuole-content {
        width: 100%
    }
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article {
    width: 75%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .scuole-content .article {
        width: 60%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .scuole-content .article {
        width: 80%
    }
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article img {
    width: 100%
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .internal-gallery img {
    width: inherit
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .primo-piano {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 0 40px;
    padding: 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .primo-piano img {
    width: 100%
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .primo-piano>h1 {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 20px;
    font-size: 60px;
    font-weight: bold
}
.no-rgba .scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .primo-piano>h1 {
    background-color: #000
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .primo-piano>h1 span {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    display: block
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .primo-piano>h1 img {
    display: block;
    width: 100%;
    height: auto
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article>.descrizione {
    text-align: left
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article>.descrizione h1 {
    color: #2a2b2c;
    font-size: 45px;
    font-weight: bold;
    margin: 35px 0 10px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article>.descrizione h2 {
    color: #2a2b2c;
    font-size: 40px;
    font-weight: lighter;
    margin-bottom: 35px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article>.descrizione p {
    color: #2a2b2c;
    font-size: 18px;
    font-weight: lighter;
    line-height: 140%;
    text-align: left;
    margin: 30px 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article hr {
    color: #b8b6b6
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article h2 {
    color: #2a2b2c;
    font-size: 37px;
    font-weight: bold;
    margin: 35px 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .ms-rtePosition-1 {
    display: block;
    height: auto;
    width: auto;
    float: left;
    margin-right: 10px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .ms-rtePosition-2 {
    display: block;
    height: auto;
    width: auto;
    float: right;
    margin-left: 10px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article p {
    color: #2a2b2c;
    font-size: 16px;
    font-weight: lighter;
    line-height: 140%;
    text-align: left;
    margin: 30px 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .half {
    width: 50%;
    float: left
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .half h3 {
    text-transform: uppercase;
    font-size: 40px;
    color: #2a2b2c;
    font-weight: bold
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .half ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 20px 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .half ul li {
    color: #2a2b2c;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 150%;
    text-transform: uppercase
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .half ul li span {
    font-weight: lighter;
    text-transform: none;
    font-size: 18px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article .half.dx li {
    font-size: 18px;
    font-weight: lighter;
    line-height: normal;
    padding: 0 20px 20px 0;
    text-transform: none
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article.addestramento .descrizione ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .article.addestramento .descrizione ul li {
    color: #2a2b2c;
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 150%;
    text-transform: uppercase
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar {
    width: 25%;
    float: left;
    display: inline
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar {
        width: 20%
    }
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container {
    margin-left: 10px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .menu-interno {
    text-align: left
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li {
    text-align: left;
    background-color: #535354;
    border-top: 1px solid #6f7071;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li:first-child {
    border-top: 0 none
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li:hover {
    background-color: #353535
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li a {
    display: block;
    color: #e2e2e2;
    padding: 10px;
    font-size: 20px;
    padding: 15px 18px;
    font-weight: lighter
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .menu-interno ul li a:hover {
    color: #fefefe
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .concorso {
    background-color: #007db5;
    margin: 20px 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .concorso a {
    display: block;
    padding: 20px 18px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .concorso a span {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    height: 35px;
    text-transform: uppercase;
    line-height: 110%
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .concorso a span:before {
    font-family: 'esercito-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    content: '\e804';
    color: #0090d1;
    font-size: 40px;
    float: right;
    margin: -4px 0 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .concorso a:hover {
    background-color: #00a0e8
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .pdf {
    background-color: #dedede;
    width: 100%
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .pdf a {
    display: block;
    padding: 30px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .pdf a span {
    color: #353535;
    display: inline-block;
    font-size: 21px;
    height: 100%;
    padding: 10px 5px;
    vertical-align: middle;
    width: 100%
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .pdf a span:before {
    background-image: url("../sample-img/icona-pdf.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    float: left;
    height: 55px;
    margin-right: 10px;
    margin-top: -8px;
    width: 40px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .pdf:hover {
    background-color: #b8b8b8;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza {
    width: 12.5%;
    float: left;
    display: inline;
    width: 100%;
    background-color: #e0dbc7;
    margin: 0;
    color: #2a2b2c
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza {
        width: 10%
    }
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza {
        width: 100%
    }
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza h2 {
    font-size: 25px;
    font-weight: bold;
    padding: 20px 15px 15px;
    text-transform: uppercase
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza h3 {
    font-size: 22px;
    padding: 20px 15px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza p {
    padding: 0 15px;
    line-height: 130%
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza a {
    margin: 20px;
    display: block
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza a em {
    font-style: italic;
    color: #2a2b2c;
    font-weight: bold;
    font-size: 15px
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container .evidenza a em:before {
    content: '>>';
    display: inline-block;
    float: right
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container>.box {
    width: 100%;
    padding: 0;
    margin: 20px 0
}
.scuole-militari-rio16 .wrap-scuole .special .scuole-content .sidebar .container>.box a:hover {
    background-color: #e1e1e1
}
.scuole-militari-rio16 .approfondimenti {
    background-color: #f1eee4
}
.scuole-militari-rio16 .approfondimenti .medium-box {
    width: 50%;
    float: left;
    display: inline;
    padding: 0 5px;
    margin-top: 15px;
    height: 171px;
    position: relative
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .approfondimenti .medium-box {
        width: 40%
    }
}
.scuole-militari-rio16 .approfondimenti .medium-box>div {
    background: rgba(255,255,255,0.2);
    /*box-shadow: inset 0 0 0 2px #d9d4bf;*/
    padding-bottom: 30px
}
.scuole-militari-rio16 .approfondimenti .medium-box h2 {
    color: #2a2b2c;
    text-align: left;
    /*text-transform: uppercase;*/
    font-size: 17px;
    padding: 2px 15px 5px;
    font-weight: bold
}
.scuole-militari-rio16 .approfondimenti .medium-box p {
    text-align: left;
    padding: 0 15px;
    line-height: 1,5em;
    font-weight: lighter;
    color: #2a2b2c;
    font-size: 11px
}
.scuole-militari-rio16 .approfondimenti .medium-box a {
    display: inline;
    
    color: #575757;
    padding: 0px;
    float: left;
    position: relative;
    /*left: 15px
    bottom: 5px;*/
}
.scuole-militari-rio16 .approfondimenti .medium-box a:hover {
    color: #4faa33;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari-rio16 .approfondimenti .medium-box a em {
    font-style: italic
}
.scuole-militari-rio16 .approfondimenti .medium-box a em:before {
    content: '>>';
    display: inline;
    float: left;
    padding: 0 5px
}
.scuole-militari-rio16 .approfondimenti .tile {
    width: 25%;
    float: left;
    display: inline;
    margin: 15px 0
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .approfondimenti .tile {
        width: 20%
    }
}
.scuole-militari-rio16 .approfondimenti .tile h3 {
    background-color: #d4a110
}
.scuole-militari-rio16 .approfondimenti .tile h3 a {
    color: #f9f9f9
}
.scuole-militari-rio16 .approfondimenti .tile.box {
    width: 25%;
    float: right;
    margin: 0 0 50px 0
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .approfondimenti .tile.box {
        width: 20%;
        margin: 15px 0 50px 0
    }
}
.scuole-militari-rio16 .approfondimenti .tile.box h2 a {
    background-color: #d4a110;
    padding: 20px 28px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .approfondimenti .tile.box h2 a {
        padding: 63px 28px
    }
}
.scuole-militari-rio16 .approfondimenti .tile.box h2 a:hover {
    background-color: #edb411;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}
.scuole-militari-rio16 .approfondimenti .tile.box h2 a span {
    color: #f9f9f9;
    text-align: right;
    float: right;
    padding-top: 10px
}
@media only screen and (min-width: 1220px) {
    .scuole-militari-rio16 .approfondimenti .tile.box h2 a span {
        padding-top: 15px;
        float: none
    }
}
.scuole-militari-rio16 .approfondimenti .tile.box h2 a span:before {
    color: #e9b214;
    margin: -10px 0 0
}
.scuole-militari-rio16 .approfondimenti .tile.box h2 a:hover span:before {
    color: #bd900e;
    -webkit-transition: color .25s;
    transition: color .25s
}
.scuole-militari-rio16 .approfondimenti .tile:hover a {
    background-color: #ecb312;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

/* fine scuole militari - rio 2016 */

#sub { 
    vertical-align: sub;
    font-size: smaller;
}

#sup { 
    vertical-align: baseline;
    font-size: smaller;
}


/* banner 4 novembre */

.hp .content .col.banner4nov {
    text-align: center;
    margin-bottom: 6px;
    overflow: hidden
}
.hp .content .col.banner4nov .box_4nov {
    display: block;
    position: relative
}
.hp .content .col.banner4nov .box_4nov img {
    display: block;
    max-width: 100%;
    height: auto
}
.hp .content .col.banner4nov .box_4nov .section {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: lighter;
    font-size: 12px;
    font-weight: bold;
    color: #fefefe;
    background-color: #061a26
}
.hp .content .col.banner4nov .box_4nov .caption_4nov {
    height: 60px;
    width: 100%;
    display: block;
    padding: 430px 10px 14px;
    font-weight: lighter;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,027138+70&0+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 31%, rgba(6,26,38,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 31%,rgba(6,26,38,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 31%,rgba(6,26,38,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6061a26',GradientType=0 ); /* IE6-9 */

/*
background: -moz-linear-gradient(top,  rgba(6,26,38,0) 0%, rgba(6,26,38,0.27) 30%, rgba(2,113,56,0.63) 70%, rgba(2,113,56,0.9) 100%); 
background: -webkit-linear-gradient(top,  rgba(6,26,38,0) 0%,rgba(6,26,38,0.27) 30%,rgba(2,113,56,0.63) 70%,rgba(2,113,56,0.9) 100%); 
background: linear-gradient(to bottom,  rgba(6,26,38,0) 0%,rgba(6,26,38,0.27) 30%,rgba(2,113,56,0.63) 70%,rgba(2,113,56,0.9) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#061a26',GradientType=0 ); */

    height: 540px
}
.hp .content .col.banner4nov .box_4nov .caption_4nov span {
    display: block;
    text-align: left
}
.hp .content .col.banner4nov .box_4nov .caption_4nov span.first_4nov {
    color: #ffffff;
    font-size: 16px;
    
}
.hp .content .col.banner4nov .box_4nov .caption_4nov span.second_4nov {
    color: #ffffff;
    font-size: 2.225rem;
    text-align: left;
    line-height: 110%;
    padding: 7px 0 8px;
    -webkit-transition: color .25s;
    transition: color .25s;
    
}
.hp .content .col.banner4nov .box_4nov:hover .caption_4nov span.second_4nov {
    color: #ffffff
}


/* fine banner 4 novembre */

/* Modifiche di stile Medagliere EI */

.EISelectedMedalContainer20More img {
	display: inline !important;
}

/* Fine modifiche stile */

/* radio esercito */
div.radioei {
	width: 100%;
	height:100px;
	background-image:url(../img/radio-esercito-head-cor.png);
	background-repeat:no-repeat;
	text-align:center;
	left: 200px;
	
	}


/* riga pubblicistica */
div.editpubevidenza {
	width: 180px;
	height:60px;
	margin: 2px 2px 10px 2px;
	 float:left;
	
	}
	div.editpubevidenza a.editpubevidenza {
	font-size: 12px;
	font-weight:bold;
	color:black;
	text-transform:uppercase;
	padding:0px;
	text-align:center;
	text-decoration:none  
	}
	div.editpubevidenza a.editpubevidenza:hover {
	
	color: #e66a00;
	
	}

div.editpub {
	width: 180px;
	height:212px;
	margin: 2px 2px 10px 2px;
	 float:left;
	background-color: #fff;
	}
div.editpub img {
	float:left;
	margin: 15px;
	width:150px;
	}
div.editpub h2, div.editpub p {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-size:12px;
	
	}
div.editpub a.editpub {
	font-size: 12px;
	font-weight:bold;
	color:black;
	text-transform:uppercase;
	padding:0px;
	text-align:center;
	text-decoration:none  
	}
	div.editpub a.editpub:hover {
	
	color: #e66a00;
	
	}
div.editpub h2 {
	margin-top: 10px; color: #666
	}
div.clearer {
clear: left
	}
	
	
	
a#viewcss {
	color: #434343;
	font-size:12px;
	
	}
	
a#viewcss hover {
	color: #ffca36;
	font-size:12px;
	text-decoration: underline;
	}
/* pubblicistica */	
	div.med_ale {
	width: 231px;
	margin: 20px 2px 20px 4px;
	float:left;
	border-top: 8px solid #ff7600;
	background-color:#FFFFFF;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	}
div.med_ale img {
	float:left;
	width:212px;
	margin:3px;
	
	}
div.med_ale h2, div.med_ale p {
	 font-family:Verdana;
	font-size:12px;
	padding:10px;
 	line-height: 22px;
	color:black;
	}
div.med_ale span {
	font-size: 12px;
	font-weight:bold;
	
	/*text-transform:uppercase;*/
	text-align:center;
	}
	div.med_ale span a:hover {
	
	color: #e66a00;
	
	}
	
	
/* contenitore base evidenza */
.image-container {
    width: 161px;
    height: 102px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    margin: 10px;
    /*-webkit-box-shadow: 2px 2px 40px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 40px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 40px rgba(0,0,0,0.4);*/
}
 
/* immagine al interno del contenitore */
.image-container img {
    width: 100%;
    height: 100%;
    position: absolute;
}
 
/* contenitore con didascalia */
.image-container .image-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    font-family: 'Open Sans',sans-serif;
    text-align: center;
}
 
/* titolo */
.image-caption h2 {
    margin-top: 10px;
	font-size:12px;
    color: #fffefe;
    font-weight: bold;
	text-transform: uppercase;
}
 
/* descrizione dell'immagine  */
.image-caption p {
    color: #fff;
	font-size:12px;
	text-align:left;
	padding-left:5px;
	
}
 
/* Tipi di animazioni apparizione didascalie */
 
/* animazione da sinistra*/
 
.image-container .caption-1 {
    left: -260px;
    transition: all 0.5s;
}
.image-container:hover .caption-1 {
    left: 0;
    transition: all 0.5s;
}
 
/* animazione da sopra */
.image-container .caption-2 {
    top: -210px;
    transition: all 0.5s;
}
.image-container:hover .caption-2 {
    top: 0;
    transition: all 0.5s;
}
 
/* animazione da basso */
.image-container .caption-3 {
    bottom: -210px;
    transition: all 0.5s;
}
.image-container:hover .caption-3 {
    bottom: 0;
    transition: all 0.5s;
}
 
/* animazione da destra */
.image-container .caption-4 {
    right: -260px;
    transition: all 0.5s;
}
.image-container:hover .caption-4 {
    right: 0;
    transition: all 0.5s;
}
 
/* animazione dall'angolo in alto a sinistra  */
.image-container .caption-5 {
    left: -260px;
    top: -210px;
    transition: all 0.5s;
}
.image-container:hover .caption-5 {
    left: 0;
    top: 0;
    transition: all 0.5s;
}
 
/* animazione dall'angolo in alto a destra */
.image-container .caption-6 {
    right: -260px;
    top: -210px;
    transition: all 0.5s;
}
.image-container:hover .caption-6 {
    right: 0;
    top: 0;
    transition: all 0.5s;
}
 
/* animazione dall'angolo in basso a sinistra */
.image-container .caption-7 {
    left: -260px;
    bottom: -210px;
    transition: all 0.5s;
}
.image-container:hover .caption-7 {
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}
 
/* animazione dall'angolo in basso a destra */
.image-container .caption-8 {
    right: -260px;
    bottom: -210px;
    transition: all 0.5s;
}
.image-container:hover .caption-8 {
    right: 0;
    bottom: 0;
    transition: all 0.5s;
}

/* multimediadue */
@media only screen and (min-width: 953px) {
.hp .content .col.multimediadue {
    margin-bottom: 30px;
    overflow: hidden;
	width: 100%;
	margin-top: 10px;
	margin-left: 5px;
	/*background-color:#FFF;*/
	
}

.hp .content .col.multimediadue p {
    width:100%; 
	padding:0px;
	margin-top:5px;
    
}


.hp .content .col.multimediadue span {
	width: 222px;
	padding: 7px;
    display: block;
	text-align:center;
	color: #000;
    font-size: 12px;
    line-height: 1.2em
}

div.editpubcoldx a.editpubcoldx {
	font-size: 12px;
	font-weight:bold;
	color:black;
	
	padding:0px;
	text-align:center;
	text-decoration:none  
	}
	div.editpubcoldx a.editpubcoldx:hover {
	
	color: #e66a00;
	
	}


}

div.editpubcoldx a.editpubcoldx {
	font-size: 12px;
	font-weight:bold;
	color:black;
	
	padding:0px;
	text-align:center;
	text-decoration:none  
	}
	div.editpubcoldx a.editpubcoldx:hover {
	
	color: #e66a00;
	
	}
	
	.giornalisti-trincea {
	height: 198px;
	width: 375px;
	margin: auto;
	position: relative;
	overflow: hidden;
}

.giornalisti-trincea img {
	height: 132px;
	width: 250px;	
	top: 0px;
	left: 0px;
	opacity: 0.5;
	position: absolute;
	transition: all 800ms;
}
.giornalisti-trincea img:hover {
	height: 198px;
	width: 375px;
	top: 0px;
	left: 0px;
	opacity: 1;
}


* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}



/* Slideshow container */
.slideshow-container {
  max-width: 1193px;
  position: relative;
  margin-left: 5px;
}

/* Caption text */

.text {
  color: #000;
  /*background-color: #000;
  font-size: 15px;*/
  padding: 0px 12px;
  /*position: absolute;*/
  
  /*text-align: center;*/
  /*text-transform: uppercase;*/
  
}
@media screen and (max-width: 300px) { 
    .slideshow li div h3 { font-size: 50px }
  }
  


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 0px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  background: none;
  
}

.active {
  background-color: #717171;
  background: none;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 2.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* immagini scorrevoli */

/* fine immagini scorrevoli */

.coppaesercito div {
    font-family: "helvetica neue", helvetica;
    float: left;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px;
    line-height: 1em;
    color: rgba(14, 13, 13, 0.8);
  }


  .tabella{
	display: table; 
	width: 930px; 
  
}

.triangolo_up{
	background-image: url(/organizzazione/Sport/Torneo-di-calcio-Coppa-Esercito-2a-edizione/PublishingImages/stemmi/triangolo-u.png); 
    float: left;
    vertical-align: middle;
    width: 8px;
    height: 63px;
}
.triangolo_down{
	background-image: url(/organizzazione/Sport/Torneo-di-calcio-Coppa-Esercito-2a-edizione/PublishingImages/stemmi/triangolo-d.png); 
    float: left;
    vertical-align: middle;
    width: 8px;
    height: 63px;
}
.triangolo_null{
	background-image: url(/organizzazione/Sport/Torneo-di-calcio-Coppa-Esercito-2a-edizione/PublishingImages/stemmi/triangolo-n.png); 
    float: left;
    vertical-align: middle;
    width: 8px;
    height: 63px;
}
.legenda{
	 width: 98%;
     height: 68px;
     margin: 2px;
     float: left;
     border: 1px solid #cccccc;
     background-color: #f8f9fa;
}
.legenda_uno {
    
    padding: 5px;
}
.legenda_due {
    width: 8px;
    height: 8px;
    float: left;
    background-color: #0070c0;
    padding: 5px;
    margin: 5px;
    vertical-align: middle;
}
.legenda_tre {
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
    float: left;
}

div.gallery {
    margin: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
  }
  
  div.gallery:hover {
    border: 1px solid #777;
  }
  
  div.gallery img {
    width: 100%;
    height: auto;
  }
  
  div.desc {
    height: 72px !important;
    padding: 15px;
    text-align: center;
    color: black;
    font-family: Verdana, sans-serif;
    font-size: 14px !important;
  }


  div.gallery_apcsm {
    margin: 5px 5px 5px 35px;
    border: 1px solid #ccc;
    float: left;
    width: 250px;

  }
  
  div.gallery_apcsm:hover {
    border: 1px solid #777;
  }
  
  div.gallery_apcsm img {
    width: 100%;
    height: auto;
  }
  
  div.desc {
    height: auto !important;
    padding: 15px;
    text-align: center;
    color: black;
    font-family: Verdana, sans-serif;
    font-size: 14px !important;
    
  }

  /* inizio cartina operazioni */  

  /*@media only screen and (min-width: 375px) {
    
    #map-mille-miglia {
        
        height: 531px !important;
        margin: 0 auto;
        background: url(/comunicazione/attivita_promozionali/1000-Miglia/2024/PublishingImages/roadmap-mobile.jpg) no-repeat;
        
    }
    }*/
  
 
    @media only screen and (min-width: 375px) {  
#map-mille-miglia {
	width: 930px;
	height: 1300px;
    margin: 0 auto;
	background: url(/comunicazione/attivita_promozionali/1000-Miglia/2024/PublishingImages/roadmap.jpg) no-repeat;
    
}
}

/* alex-operazioni */
#map-mille-miglia ul {
	width: 100%;
	height: 100%;
    
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#map-mille-miglia li {
	width: 25px;
	height: 26px;
	position: absolute;
	/*background: url(marker.png) no-repeat;*/
}

#map-mille-miglia a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#map-mille-miglia a span {
	width: 20em;
	padding: 0.4em;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size:14px !important;
	background: #e9f1f3;
	color: #000;
	border-radius: 6px;
	position: absolute !important;
	top: -1000em;
}

#map-mille-miglia a:hover span {
	top: 0;
	left: 25px;
}

#brescia {
	top: 285px;
	left: 330px;
}

#torino {
	top: 365px;
	left: 78px;
}

#viareggio {
	top: 535px;
	left: 355px;
}
#roma {
	top: 823px;
	left: 587px;
}
#bologna {
	top: 450px;
	left: 465px;
}


/* fine cartina operazioni */