/*
 *** [v. 2.1] Info generali sul file:
 *
 * sito web: Conftrasporto 
 * file: css versione it
 * data creazione: 
 * data ultima modifica: -
 * novita apportate: -
 *
 *** Macro areee [scrivi il numero per la ricerca]
 *
 */



/*
************************************
 001. stili standard
************************************
 */
html, body {width:100%; margin:0 auto; text-align:center; background:#EAEAEA;}
body, td, tr, th, table {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; text-align:left;}
div, p, span, a {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; text-align:left;}
* {margin: 0; padding: 0; }
textarea{resize:none;}

/*allinea*/
.centrata {width:100%; text-align:center;} /*utilizzata anche nel dinamic_form*/
.destrata {width:100%; text-align: right;}
.sinistrata {width:100%; text-align:left;}

/*flotta*/
.floatleft {float:left; display:inline;}
.floatright {float:right; display:inline;}

/*padding*/
.padding5 { padding:5px;}
.padding10 { padding:10px;}
.padding15 { padding:15px;}
.padding20 { padding:20px;}

a:link, a:visited {text-decoration:none;}
a:focus, a:hover, a:active {text-decoration:underline;}


img, a {margin:0; padding:0; border:0;}
br.cucu {clear:both; height:0px;}
hr.cucu {height:0px; margin:0px; padding:0px; overflow:hidden; clear:both; display:block; visibility:hidden;}

.ok {padding:5px; background:#66CC33; text-align:center; color:#000; font-weight:bold;} /*utilizzata anche nel dinamic_form*/
.ko {padding:5px; background:#CC3300; text-align:center; color:#fff; font-weight:bold;} /*utilizzata anche nel dinamic_form*/

/*modifiche stili bootstrap*/
.thumbnail {border:0;}
.thumbnail.personaliz {border:0; padding:0 20px;}
.thumbnail.nopadding {border:0; padding:0;}

/*aggiunte margin*/
.top30 {margin-top:30px;}
.bottom30 {margin-bottom:30px;}
.top50 {margin-top:50px;}

/*
************************************
002.home
************************************
*/
#top {width:100%; background:#fff; border-bottom:4px solid #E3001A; padding-bottom:20px;}
	.logo {margin-top:10px;}
	.navbar-collapse {padding-left:0; padding-right:0;}
	.navbar-default {background-color:#20449A; border-radius:0;}
		.navbar-nav {width:100%;}
			.navbar-nav>li {width:25%; border-right: 1px solid #fff;}
				.navbar-default .navbar-nav>li>a.voce-menu {font-family: 'Raleway', sans-serif; font-size:19px; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; padding-top:20px;}
				.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color:#20449A; color:#fff;}
					.navbar-nav>li>.dropdown-menu {width:100%;}
						.dropdown-menu {background-color:#20449A;}
							.dropdown-menu>li {border-bottom:1px solid #4D69AE;}
								.dropdown-menu>li>a {font-family: 'Raleway', sans-serif; font-size:16px; color:#fff;}
				.caret {margin-left:5px;}
		.data-attuale {font-size:16px; color:#1F4499; font-weight:bold; font-family: 'Raleway', sans-serif;}
		.cerca {padding:0;}
			.bottone-cerca {margin-top:10px;color:white; background-color:#1F4499; transition-property:background; transition-duration:2s; -webkit-transition-property:background; -webkit-transition-duration:2s;
				-o-transition-property: background; -o-transition-duration:2s; -moz-transition-property: background; -moz-transition-duration:2s;}
			.bottone-cerca:hover {background-color:#007BC6;}
			.navbar{ margin-bottom: 10px;}
.logout{
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	margin-right: 36px;
  	margin-bottom: 10px;
  	text-transform: capitalize;
}
.bottone-cerca:hover{
	color: white;
}
.ricerca_avanzata{
	font-size: 11px;
	color: #1F4499;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
.ricerca_avanzata_group{
	display: none;
	margin-top: 10px;
}
#boxazzurro,
.colonne_news_type:first-child .thumbnail {background:#DEE8F3;}

#boxrosa,
.colonne_news_type:last-child .thumbnail {background:#FFE6DD;}

.box-primopiano,
.box-primopiano .titoletto{
	overflow: hidden;
}
.colonne_news_type:first-child .contenitore_single_news .thumbnail:first-child .titoletto,
.colonne_news_type:last-child .contenitore_single_news .thumbnail:first-child .titoletto,
.titoletto.classe_evidenza{
	/*animation: slide-left 5s infinite;*/
}
.colonne_news_type:first-child .titoletto,
.colonne_news_type:last-child .titoletto{
	text-align: center;
}
.titoletto.classe_evidenza{
	animation: slide-left 5s infinite;
}
.contenitore_single_news{
	/*padding: 10px;*/
	background: #DEE8F3;
}
.box-primopiano {border-bottom:2px solid #00467F; padding:10px;}
@keyframes slide-left {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

.banner{
	/*border: 1px solid gray;*/
	padding: 10px;
}
.banner a{
	color: rgb(227, 0, 26);
	font-weight: bold;
}
.banner img{
	max-width: 100px;
}
.testo_banner a,
.testo_banner a > *{
	color: #3F3F43;
	font-size: 11px;
	font-weight: normal;
}
.banner a:hover{
	text-decoration: none;
}
.colonne_news_type:first-child .box-primopiano,
.colonne_news_type:last-child .box-primopiano
{
	border:none;
}
.data_news{
	color: gray;
	text-align: center;
	text-transform: capitalize;
}
.colonne_news_type .thumbnail{
	margin: 0;
}
	.nome-colonna {width:100%; background:#20449A; padding:5px 0; color:#fff; text-transform:uppercase; font-family:'Raleway', sans-serif; font-weight:bold; font-size:18px; text-align:center;}
		.box-approfond {padding:20px 0;}
			a.titoletto {font-family: 'Raleway', sans-serif; font-size:15px; font-weight:bold; text-decoration:none; display:block; line-height:120%; margin-bottom:12px; overflow:hidden;}
				.blu {color:#3965B3; }
				.verde {color:#006652;}
				.giallo {color:#B88C0A;}
				.grigio {color:#A0A0A0;}
			.img-approfond {margin:10px 0; width:100%;overflow:hidden;}
				.img-approfond img {height:50px;}
			.abstract-notizia,.abstract-notizia a {color:#3F3F43; line-height:120%; max-height:50px; overflow:hidden;}
			.abstract-notizia a:hover{text-decoration: none;}
		
			.img-primopiano {width:100%; height:150px; overflow:hidden;}
				.img-primopiano a img {height:150px; opacity: 0.8;}
				.img-primopiano a img:hover {opacity:1;}
				a.titoloblu {font-family: 'Raleway', sans-serif; font-size:18px; font-weight:bold; color:#00467F; text-decoration:none; line-height:110%; display:block; max-height:70px; overflow:hidden;}
				.abstract-lunga, .abstract-piulunga {color:#3F3F43; line-height:120%; max-height:80px; overflow:hidden; margin-top:10px;}
	
		.box-circolari {height:173px; border-bottom:2px solid #D80024;}
			.data {font-size:13px; color:#6C6D72; font-weight:300px;}
			.box-circolari strong {font-size:15px; color:#0066A4; display:block; margin-bottom:5px;}
			.abstract-piulunga {max-height:120px; margin:5px 0;}
			.icone {text-align:right; margin:10px 0;}
				.icone a>img {  margin-right:5px;}

#footer {width:100%; margin-top:150px;}
	#parte-alta {background:#ffffff; border-top:1px solid #00467F; padding:20px 0;}
		.cont-stretto {max-width:960px; margin:0 auto;}
		#parte-alta p {color:#0067A4; font-weight:bold; font-size:16px; margin-bottom:15px;}
		#parte-alta a {color:#55575D; display:block;}
		#parte-alta span {font-size:13px; color:#53575D;}
		#parte-alta strong {font-size:12px; color:#0066A4;}
			a.credits {color:#53575D; font-size:12px;}
	#parte-bassa {width:100%; background:#00467F; padding:10px 0; color:#fff;}
		#parte-bassa a {font-size:13px; color:#fff; text-transform:uppercase; text-decoration:none;}
.testo_container{
	padding: 30px;
}

/*
************************************
003.dettaglio news
************************************
*/
.dettaglio {max-width:980px; margin:0 auto;}
	h1 {font-family: 'Raleway', sans-serif; font-size:35px; color:#00467F; font-weight:bold; margin:0; text-align:center; text-transform:uppercase;}
	.img-dettaglio {margin:20px auto; overflow:hidden; text-align:center;}
		.img-dettaglio img {/*max-height:400px;*/}
		.dettaglio, .abstract-archivio {color:#3F3F43; line-height:160%; margin:10px 0 20px 0;}
			.dettaglio div, .dettaglio p {color:#3F3F43;}
		.dettaglio > p:nth-child(1)::first-letter, 
		.dettaglio > div:nth-child(1)::first-letter {color:#fff; background:#00467F; padding:20px; font-family: 'Raleway', sans-serif; font-size:30px; float:left; display:inline; margin:0 10px 0 0; text-transform:uppercase;}
			.data-dett {font-family: 'Raleway', sans-serif; font-weight:300; font-style:italic; text-align:right; font-size:13px; color:#6C6D72; margin-bottom:20px;}
			.bottone-indietro, .bottone-indietro:hover {background-color:#0067A4; transition-property:background; transition-duration:2s; -webkit-transition-property:background; -webkit-transition-duration:2s;
					-o-transition-property: background; -o-transition-duration:2s; -moz-transition-property: background; -moz-transition-duration:2s; color:#fff; text-transform:uppercase; font-size:17px; border:1px solid #fff;}
			.bottone-indietro:hover {background-color:#00467F;}

.categoria_news{
	padding: 7px;
	background-color: #337ab7;
	color: white;
	font-size: 18px;
}
.attachment{
	padding: 15px;
	font-size: 20px;
	text-align: right;
}
.thumbnail .attachment img, .thumbnail .attachment a>img{
	margin: 0;
	display: initial;
}
/*
************************************
004.associazioni
************************************
*/
.logo-associaz {width:100%; margin:20px 0; text-align:center;}
	.logo-associaz img {max-height:150px;}
.separatore {border:2px solid #E3001A; margin:30px 0;}


/*
************************************
005.archivio
************************************
*/
.data-archivio {border-bottom:8px solid #CBD0D8; padding:4px; padding-bottom:12px; color:#444; text-align:center; margin-bottom:20px;}
	.data-archivio h3 {color:#53657E; font-size:36px; line-height: 1.4; margin:0;}
	.data-archivio span {color:#53657E; font-size:13px; font-weight:400;}
	h2.titolo-archivio {color:#53657E; font-size:25px; margin:0;}
	.abstract-archivio {max-height:100px; overflow:hidden; margin-bottom:20px;}
	.categoria {font-style:italic; font-size:16px; color:#E3001A; text-align:right;}
	.icone-circolari {border:1px solid #CBD0D8; border-radius:40px; margin:0 10px 30px 0; float:left; display:inline; padding:9px;}
		.icone-circolari img { text-align:center;}


/*
************************************
006.search
************************************
*/
.search {max-width:600px; margin:30px auto;}
.separatore-grigio {border:2px dashed #CBD0D8; margin:30px 0;}
.data-search {font-style:italic; font-size:13px; color:#E3001A;}
.titolo-search {color:#0068a4; font-size:19px;}
.abstract-search {color:#6f6f72; max-height:50px; overflow:hidden; margin:10px 0;}
.bottone-search, .bottone-search:hover {background-color:#0067A4; font-size:14px; color:#fff; text-transform:uppercase;}


/*
************************************
007.contatti
************************************
*/
.sede-contatti {color:#0067A4; font-size:20px; display:block; text-transform:uppercase; margin-bottom:10px;}


@media (max-width: 960px){
.logo img {width:140px;}
.navbar-default .navbar-nav>li>a.voce-menu {font-size:17px;}
.dropdown-menu>li>a {padding:3px 6px; font-size:15px;}
#data-cerca {right:3%;}
.nome-colonna {font-size:14px;}
.thumbnail.personaliz {padding:0 auto;}
.img-approfond {height:40px;}
.abstract-notizia {height:70px;}
.box-approfond {padding:10px 0;}
.img-primopiano {height:auto;}
	.img-primopiano a img {height:auto;}
a.titoloblu {font-size:17px; height:auto;}
.box-circolari {height:auto;}
.padding20 {padding:10px;}
h1 {font-size:28px;}
}


@media (max-width: 480px){
.logo {text-align:center; margin-bottom:20px;}
.navbar-nav {margin:auto;}
	.navbar-nav>li {width:auto; border-right:0;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a  {color:#E0E3E9;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {color:#fff;}
.thumbnail.personaliz {padding:0 auto;}
.data-archivio {border-bottom:0; padding-bottom:5px; margin-bottom:5px;}
	.data-archivio h3 {font-size:29px; line-height:1.1;}
h2.titolo-archivio {font-size:21px;}
.categoria {font-size:15px; margin:10px 0;}
.top30 {margin-top:20px;}
.abstract-search {margin:15px 0;}
.form-mobile {margin-top:30px;}
.top50 {margin-top:30px;}
.bottone-indietro, .bottone-indietro:hover {font-size:15px;}
}