.header { position: relative; background-image: url(/SiteCollectionImages/header.png); background-repeat: no-repeat; width: 100%; height: 356px;}
.nav { width: 100%; display: block; position: absolute; bottom: 10px; background-color: #071724; padding: 15px 0px 12px; }
.container { width: 100%; overflow: hidden; padding-top:20px; }
.footer { width: 100%; display: block; overflow: hidden; height: 110px; margin-top: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.header .top-head { height: 57px; background-color: rgba(216, 217, 217, 0.8); }
.header .top-head {background-color: #d8d9d3\0/;}

.header .top-head .logo { background-color: #071D2E; padding: 0 15px 40px; top:80px; left: 35px; position: absolute;}
.header .logo div{margin: 0;}
.header .logo .logo-marina{ width: 129px; height: 81px; background-image: url(/SiteCollectionImages/logo-marina-militare.png); background-repeat: no-repeat; z-index1; display: block; margin-top: 35px;}

.header .social{margin-left: 120px;}
.header .social a{margin: 0; height: 40px;}

.header .top-head .ministero-della-difesa { width: 195px; height: 30px; display: block; margin: 15px 0 15px 30px; float: left; }
.header .top-head .icon.ministero-della-difesa { background-image: url(../images/ministero-della-difesa.png); }
.header .top-head .search-panel { background-color: #071D2E; display: block; float: right; height: 42px; width: 42px; margin: 7px 25px;}
.header .top-head .search-panel .icon-search { display: inline-block; width: 18px; height: 18px; background: url(../images/search.png) center no-repeat; padding: 12px; }
.header .top-head .search-panel .input{ display: none; position: absolute; right: 25px; top: 60px;}

.header .top-head .active .input{display: block; background-color: #071D2E; padding: 10px; margin-top: -11px;}
.header .top-head .active input{background-color: #ffffff;}

.header .top-head .search-panel .icon.search:focus {position: absolute; right: 3px; box-shadow: 0px 0px 0px white; }

.header .top-head .localization { float: left; margin-top: 23px; margin-left: 10px; margin-right:0;}
.header .top-head .localization li { float: left; margin: 0 5px; }
.header .top-head .localization li a { display: block; }
.header .top-head .localization li a.active { border: 3px solid #505050; margin-top: -3px; }


.container .sidebar.public ul.menu li a{
    padding: 2px 0 !important;
}

/*.nav div > ul > li { text-transform: none; margin: 0px 12px; display: block; float: left; overflow: hidden; }
.nav div > ul > li.first-item { margin-left: 20px; }
.nav div > ul > li a { color: #ffffff !important; font-size: 13px; overflow: hidden; display: block; padding: 5px; }
.nav div > ul > li a:hover { color: #00A1DA; }
.nav div > ul > li:first-child span span { padding: 0px; width: 20px; height: 20px; display: block; background-image: url(../images/icon-home.png); background-repeat: no-repeat;}*/
.MMInavigation 
{
	background-color: #071724 !important;
   
    margin: 30px 0 10px !important;
    padding: 15px 20px 12px !important;
    width: 100% !important;
    *width: 96% !important;
}
.MMInavigation .ms-topNavContainer tbody tr td table {
    *min-width: 30px !important;
    *width: 30px !important;
}
.ms-topnav a 
{
	border-style: none !important;
    color: #414042 !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 5px !important;
    height: auto !important;
    text-transform: initial!important;
}
.ms-topnav 
{
	background: none !important;
	border: 0px none !important;
	color: inherit !important;
	font-family: Arial, Helvetica, Sans-Serif !important;
}
.MMINavigationDynMenu, .ms-topNavFlyOuts a 
{
	border-style: none !important;
    color: #414042 !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 5px !important;
    height: auto !important;
    text-transform: initial !important;
	background: #f0f0f0 !important;
}

.MMInavigation > div {border:0 none; background:url(../images/icon-home.png) no-repeat; }
.MMInavigation > div > div > ul > li > a {font-size:1px; text-indent:-999px;min-width:30px;}
.MMInavigation > div > div > ul > li > ul > li {
    margin-right: 15px;
}
.MMInavigation > div > div > ul > li > ul a > span {
    padding-right: 12px !important;
   
}
.MMInavigation > div > div > ul.root .menu-item-text{
    color: #ffffff;
}
.MMInavigation > div > div > ul.root .menu-item-text:hover{
    color: #00a1da;
}
.MMInavigation > div > div ul.dynamic{
    background-color: #071724;
    border: 0 none;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.47);
    margin-left: 0;
}

.MMInavigation [role="navigation"] > .noindex > .root > li > ul {
	margin-left: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
   
}
.MMInavigation [role="navigation"] > .noindex > .root > li > a {
	height: 22px;
	width: 22px;
	overflow: hidden;
}
.MMInavigation [role="navigation"] > .noindex > .root > li {
    display: block;
    height: 20px;
    margin-top: 0;
}
	/*background: url("../images/home.png") no-repeat left center transparent;
}*/
.ms-core-listMenu-horizontalBox UL.static {
	background-image: none;
}
.MMInavigation table {/*height:17px;*/}               
.MMInavigation img{display:block; position:relative;}
.MMINavigationDynMenu {margin-top:-3px;
                       z-index:1000;
                       position:absolute;
                       display:block;
                       left:370px;}


.box-wrap{width: auto; display: block; overflow: hidden; margin: 10px -31px 30px}
.box-wrap .box{float: left; position: relative; height: auto; margin: 0; display: block; padding:0 31px; box-sizing:border-box;}
.box-wrap .box.small {
	width: 33.33%;
}
.box-wrap .box.medium {
	width: 66.66%;
}
.box-wrap .box.large {
	width: 100%;
}

    .box-wrap .box.box-video {
        padding-bottom: 30px !important;
    }
.content .evidenza h2{
        padding: 10px 0 35px; margin-bottom: 15px;
    }

    .container .content .evidenza h2{
        font-size: 22px !important;
    }
.box-wrap .box a{display: block; position:relative;}
.box-wrap .box *{box-sizing: border-box;}

.box-wrap .box a img{display: block; width: 100%; height: 257px;}
.box-wrap .box a .atleti {background-color: rgba(7, 29, 46, 0.85); margin: 0; padding: 5px 15px; color: #ffffff; position: absolute; bottom: 0; text-align: center; width: 100%;}
.box-wrap .box a .atleti{background-color: #051827\0/;}
.box-wrap .box a .atleti span{display:block;}
.box-wrap .box a .atleti .title{display: block; text-transform: uppercase; font-weight: bold; font-size: 18px; margin-bottom: 5px;}
.box-wrap .box a .atleti .abstract{font-size: 12px;}
.box-wrap .box a .atleti .more{font-size: 14px; margin-top: 5px; margin-bottom: 5px; color: #F1D847; display: inline-block;}
.box-wrap .box a .atleti .more:hover{ color: #c3a90f; }

.box-wrap .box-formazione a{padding-top: 74px; display: block; overflow: hidden; }
.box-wrap .box-formazione a img{ height: 178px;}
.box-wrap .box a .formazione {background-color: #1F527A; margin: 0; color: #ffffff; position: absolute; top: 0; text-align: left; width: 100%; padding:10px 0;}
.box-wrap .box a .formazione .category{display: block; padding: 12px 10px 7px; font-size: 14px; color: #23BCFF; text-transform: uppercase;}
.box-wrap .box a .formazione .title{display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 0 10px 10px;}
.box-wrap .box a .formazione .more{font-size: 14px; color: #1f507b; display: block; background-color: rgba(249, 249, 249, 0.9); bottom: -150px; left: 0; right: 0; margin: auto; padding: 10px; position: absolute; text-align: center; width: 100px;}
.box-wrap .box a .formazione .more{background-color: #d8d9d3\0/;}
.box-wrap .box a .formazione .more:hover{color: #10293d; }
.box-wrap .box-video a{padding-top: 60px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; width: 100%; }
.box-wrap .box a .video {background-color:#242525; margin: 0; padding: 13px 20px 0px 20px; color: #ffffff; position: absolute; bottom:2px; text-align: left; width: 100%; box-sizing: padding-box;}
.box-wrap .box-video a span {padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;}
.box-wrap .box a .video .title{display: block; text-transform: uppercase; color: #F1D847; font-weight: bold; font-size: 13px; margin-bottom: 5px;}
.box-wrap .box a .video .title:hover{ color: #c3a90f; }
.box-wrap .box a .video .category{font-size: 12px; display: block;}
.box-wrap .box a .video .date{font-size: 14px; margin-top: 0px; margin-bottom: 10px; display: block;}


.container .content { width: 730px; float: left; display: block; overflow: hidden; margin-right: 15px; }

.content .multimedia {padding: 5px 0 0px; /*border-bottom: 1px solid #e5e5e5; margin: 0 39px 30px;*/}
.content .multimedia h2 { margin: 0px 0px 0px; border-bottom: 1px solid #e5e5e5; font-family: Arial, Helvetica, "Helvetica Neue", sans-serif; font-size: 22px; padding-bottom: 10px; text-transform: uppercase; color: #454648; font-weight: lighter;}
.content .multimedia .multimedia-wrap { overflow: hidden; margin-top:30px; margin-left:37px;}
.content .multimedia .multimedia-wrap .tile img{ display: block;}
.content .multimedia .multimedia-wrap .tile.gallery img{ display: block;  width:200px; height: auto;}
.content .multimedia .multimedia-wrap .tile{position:relative; float:left; margin-right:8px; margin-left:8px; overflow:hidden;}
.content .multimedia .multimedia-wrap .tile.video iframe{width:200px !important; height: 140px !important;}
/*.content .multimedia .multimedia-wrap .tile.video{margin-right:8px;}*/
.content .multimedia .multimedia-wrap .tile.gallery{width:200px; height:144px;}
.content .multimedia .multimedia-wrap .tile a span{position: absolute; z-index:1; bottom:-5px; left: 0; background-color: #101010; width:100%; text-transform: uppercase; font-size: 12px; color: #fff; padding: 10px 0; box-sizing: padding-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content .multimedia .multimedia-wrap .title{padding-left:10px !important;}
.content .multimedia .multimedia-wrap .tile #EiVideo1, .content .multimedia .multimedia-wrap .tile #EiVideo2{height:100%;}

/*


, 
.content .multimedia .multimedia-wrap .jwplayer{float: left; margin-bottom: 20px; max-height: 134px; width: auto;}

.content .multimedia .multimedia-wrap .tile.video, .content .multimedia .multimedia-wrap .tile.gallery{ margin: 0 10px 0 0; position: relative; width:100%; }

.content .multimedia .multimedia-wrap .tile a{display: block; position: absolute; bottom:0;}
.content .multimedia .multimedia-wrap .jwplayer {display:block; max-width:201px; height: 134px; margin-right: 10px;}
.content .multimedia .multimedia-wrap a img,{display:block; height: 134px; width: 201px; margin-right: 10px;}

.content .multimedia .multimedia-wrap a span{ margin: 0; padding: 10px 5px 10px 10px; background-color: #101010; text-transform: uppercase; color: #29BEFF; font-size: 12px;}

.content .multimedia .multimedia-wrap a span:hover{color: #ffffff; background-color: #199FDA;}
.content .multimedia .multimedia-wrap .tile.gallery a span:before{background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center right; content: ''; display: block; float: right; width: 20px; height: 20px; margin-top: -3px; margin-right: 20px;}*/



.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    margin-right: 0px !important;
}
#ctl00_MMIBreadcrumbPlaceHolder_MMISiteMapPath1{
    top: 15px;
}
.MMIpageTitle{
    margin: 20px 0px 40px;
}


/*mc 8/06/2015*/

.box-wrap.video-active .box a{
    height:176px;
    overflow:hidden;
    margin-bottom:30px;
}


.loader {
    display: block;
}
    .loader:before {
    content: '';
  position: absolute;
  top: 0;
  left: 0;
   width: 100%;
    height: 383px;
        /*width: calc(100% - 5px);*/
              z-index: 2;

     background: url(classic-loader.gif) no-repeat center #000;
    }

.loader * {
visibility: hidden;

}

.ms-rteFontSize-4{
  border-bottom: 1px solid #e5e5e5;
  font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: lighter;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 22px;
  color: #454648;

}

/*COOKIE*/
.cookie .cookie {
		display: block; }
	.cookie.accepted .cookie {
		display: none; }

	.no-cookies .cookie {
		display: none; }

	div.cookie {
		display: none; }

	.cookie .cookie {
		background-color: #828483;
		border-top: 5px solid #D4D4D4;
		color: #ffffff;
		font-size: 13px;
		line-height: 120%;
		padding: 10px 50px 10px 10px;
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		z-index: 10;
		text-align: left;
		box-shadow: 0 2px 12px #000;
		font-family: arial;
	}
	.cookie .cookie-sinistra p{
		padding: 0 50px;
	}
	.info-cookie{
		max-width: 1000px;
		margin: 0 auto;
		display: block;
		overflow: hidden;
	}
	.cookie .cookie-sinistra {
		float: left;
		display: block;
		overflow: hidden;
          padding: 20px 0;
	}
	.cookie .cookie-destra {
		float: left;
		display: block;
		padding: 20px 50px;
	}
	.cookie .cookie a {
		color: #ffffff;
		text-decoration: underline; }
	.cookie .cookie a:hover {
		color: #9c9c9c;
		text-decoration: none; }
	.cookie .cookie a.close {
		text-decoration: none;
/*
		position: relative;
		right: 0;
		top: -40px;
		bottom: 0;
*/
		margin: auto 10px auto auto;
		display: block;
		width: 30px;
		height: 30px; 
		background-color: #FBC933;
		border-radius: 5px;
		padding: 0px 5px;
	}
	.cookie .cookie a.close:before {
		content: 'OK';
		color: #333;
		display: block;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 13px;
		line-height: normal;
		padding-top: 8px;
		text-align: center; }

	.modal-active {
		height: 100%; }
	.modal-active body {
		height: 100%;
		background-size: cover; }
	.modal-active .cookie {
		display: none !important; }
	.modal-active .modal-cookies {
		display: block;
		min-height: 100%; }
	.modal-active .modal-cookies ~ * {
		display: none !important; }

	.modal-cookies {
		display: none;
		padding: 5% 15%;
		position: relative;
		background-color: rgba(255, 255, 255, 0.5); }
	.modal-cookies .title {
		font-size: 52px;
		font-size: 3.25rem;
		margin-bottom: 20px; }
	.modal-cookies p {
		line-height: 165%;
		margin: 10px 0 30px; }
	.modal-cookies .toggle-modal {
		display: block;
		position: absolute;
		top: 0;
		right: 0; }
	.modal-cookies .toggle-modal:before {
		content: 'OK';
		color: #333333;
		display: block;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 56px;
		line-height: normal;
		margin: 30px; }