@charset "UTF-8";
/* CSS Document */

body {padding-bottom:0px;}

h1,h2,h3,h4 { color:#195588;}
h3, .h3 { font-size:22px;}

hr { clear:both;}
p { margin-bottom:20px;}

a:hover { text-decoration:none; color:#3498DB;}
a:hover.more { background-color:#3498db; color:#FFF; text-decoration:none;}

.more { display: inline-block; padding: 5px 14px; background-color: #195588; border: 1px solid transparent; border-radius: 15px; color:#FFFFFF; background-color:#195588; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.btn {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:5px;}
.txt-grey {color:#5a5a5a;}
img.align-left { float:left; margin-right:20px; margin-bottom:10px;}

#header {background-color:#FFF;  }
#header .logo { width:100%; max-width:700px; margin:10px 0px;}
#header form {margin-top:45px;}

.back-mobile a{ color:#FFFFFF; font-size:20px;}



#content { margin-top:20px;}
.main-content {padding:0px 20px;}

h1.blog-post-title { color:#195588; margin-bottom:0px; margin-right:80px;}

#functions { margin-top:-20px;}

.carousel-inner {background-color:#000000;}
#myCarousel h1 {color:#FFF;}

.sidebar-events li { list-style:none; margin:0px; margin-left:-40px; }
.news-item { padding:4px 4px; margin:0px; border-bottom:1px dotted #555; }
.news-item .more {margin-top:5px; margin-bottom:5px;}
.pull-right .next {margin-left:1px;}
.list-group.icoh-organization .list-group-item.active{background-color:#ffffff; color:#555555; border-right-color:#ffffff;}
.list-group.icoh-organization .list-group-item { background-color:#ececdc; border-color:#dfdfaa;}
.list-group.icoh-organization a:hover.list-group-item {background-color:#dfdfaa; }

.list-group.icoh-private .list-group-item.active{ background-color:#ffffff; color:#555555; border-right-color:#ffffff;}
.list-group.icoh-private .list-group-item { background-color:#ececdc; border-color:#dfdfaa;}
.list-group.icoh-private a:hover.list-group-item {background-color:#dfdfaa; }

.list-group-item.logout { background-color: #ececdc;  border-color: #dfdfaa;}
.list-group-item.logout:hover, .list-group-item.logout:focus { background-color: #dfdfaa; border-color:#dfdfaa;}


.date, .event { font-weight:700; display:block;}
.event {color:#195588;}
.place {color:#999999;}



.navbar-collapse {padding-left:0px; padding-right:0px;}
.navbar-default .navbar-nav > li > a:hover, .nav > li > a:visited,  .nav > li > a:active { color:#FFFFFF; background-color: #0a4170;}
.navbar-default .navbar-nav .private-area { background-color:#c3cce1; color:#195588;}
.navbar-wrapper { margin-top:0px;  position: inherit;}
.navbar {margin-bottom: 0px;}

.table {margin-bottom:0px; border:1px #FFFFFF solid;  }
.table-container { background-color:#ECF0F1; padding:10px; border:#d9e0f0 solid 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:20px;}
.table-striped { background-color:#ffffff;  }
.table-container hr { border-top-color: #CCC;}
table a:not(.btn), .table a:not(.btn) {text-decoration: none;}

#text { text-align:justify;}



#btn-plus img, #btn-less img, #btn-print img, #btn-email img {  width:25px; margin-bottom:10px; margin-left:5px; }


.box-sidebar, .box-blue {background-color:#195588; color:#FFFFFF; padding:7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:20px; text-align:left;  }
.box-sidebar .title, a:hover .box-sidebar .title { padding:5px; font-weight:700; text-decoration:none;}
.box-sidebar img {width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.bjqs { background-color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.box-blue {padding:10px 15px;}


.panel {}
.panel-info { background-color:#ECF0F1; border-color:transparent;}

.video-container {padding:7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:20px; background-color:#FFFFFF;overflow:hidden;}
video {overflow:hidden;}

a .box-sidebar { cursor:hand; background-color:#195588; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
a:hover .box-sidebar {background-color:#3498db; }

.sidebar-module { display:block; clear:both;}

#login-private-area {margin-bottom:15px;}
#login-private-area .title { text-transform:uppercase; margin-bottom:10px;}


#sidebar-right {background-color:#195588; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px; color:#FFFFFF; margin-bottom:20px;  }
#sidebar-right a, #sidebar-right .wrapper-sidebar { color:#FFFFFF;}
#sidebar-right a .box-sidebar, #sidebar-right .wrapper-sidebar .box-sidebar { background-color:#FFFFFF; color:#195588;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#sidebar-right a:hover .box-sidebar { background-color:#3498db; color:#FFFFFF;}
#sidebar-right .vjs-default-skin .vjs-duration {display: none;}

.feedback-input, .feedback-input:focus { color:#3c3c3c; font-family: Helvetica, Arial, sans-serif;  font-weight:500; font-size: 15px; border-radius: 0; line-height: 18px; border:0; background-color: #fbfbfb; padding: 13px 10px 12px 44px; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.focused{color:#30aed6; border:#30aed6 solid 3px;}

#password, #password:focus, #email, #email:focus { background-size: 20px 20px; background-position: 11px 10px; background-repeat: no-repeat; }
#password, #password:focus { background-image:url(../images/icons/ico-password.svg);}
#email, #email:focus {background-image: url(../images/icons/ico-username.svg);}

.twitter, .facebook, .wikipedia {background-size: 30px 30px; margin-left:5px;  background-repeat: no-repeat; cursor:pointer;}
.twitter {background-image: url(../images/icons/ico-twitter.svg);}
.facebook {background-image: url(../images/icons/ico-facebook.svg);}
.wikipedia {background-image: url(../images/icons/ico-wikipedia.svg);}

.navbar-default .navbar-nav > li > .social   { margin-top:15px; margin-left:10px;-webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; -ms-transition: .3s ease; transition: .3s ease;}
.navbar-default .navbar-nav > li > a:hover.social  {background-color: transparent; margin-top:10px;}


.publications h3 { margin-top:0px;}


#events .list-group { margin-left:15px; margin-bottom:20px;}
#events .list-group a .row {padding:5px 0px; border-bottom:1px solid #CCC;}
#events .list-group a:last-child .row { border-bottom:0px;}
#events td { padding-top:20px;}
#events h3 { margin-top:0px;}

#CONTENITORE_CELESTE { background-color:#c3cce1 }
#BOX_SFONDO_BIANCO  {margin:0px; padding:15px; background-color: #f5f5f5; border:#CCCCCC 2px solid;overflow:hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#BOX_SFONDO_BIANCO TD{ vertical-align:middle; padding:10px; }
#BOX_SFONDO_BIANCO h3 {padding:0px 0px 5px 0px; margin:0px; color:#666666; }

.titolo_grigio H1  {font-size:25px; color:#666666; margin:0px; padding:0px; font-weight:100;}
.titolo_grigio H2  {font-size:20px; color:#666666; margin:0px; padding:0px; font-weight:100;}
.sottotitolo {font-size:15px; color:#195588; margin:0px; padding-top:0px; font-weight:700; }
.sottotitolo h3 {font-size:16px; color:#195588; margin:0px; padding-top:0px;  }
.grigio { background-color:#E8E8E8;}
.testo_rosso { color:#C30;}


.form-profile div {padding:10px 20px;}

.journals .panel {margin-bottom:10px;}
.journals .panel img {margin-bottom:10px;}
.journals .panel-default {min-height:480px;}
.journals .btn {width:100%; margin-bottom:25px;}
.journals .frame { background-color:#ECF0F1; padding:10px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


.gallery ul {padding:0; margin:0;}
.gallery li {list-style:none; margin-bottom:25px;}
.gallery img, .gallery a img {margin-bottom:30px; margin-top:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.gallery a:hover img { opacity:0.5;}
.gallery h4 {margin-bottom:0px;}
.gallery a:hover h4 {color:#3498DB;}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}

#button-blue{
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #3498db;
	color:white;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

  font-weight:700;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

  	
  
}

#button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}
	
.submit:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 47px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}


.social-container {
			margin: 0 auto;
			width: 380px;
			height: 70px;
		}
		.social-container .links {
			margin-bottom: 40px;
			text-align: center;
		}
		.social-container .links a {
			margin: 0 20px;
			color: #ccc;
			text-decoration: none;
			font-size: 34px;
			font-weight: bold;
			text-shadow: 0px 2px 3px #fff;
		}
		.social-container .links a:hover {
			color: #ED452A;
		}
        .source {
		   display:none;
        }
    

#footer {background-color:#c3cce1; margin-top:30px; padding:20px 0px;}
#footer .logo {float:left; margin-right:20px; margin-bottom:30px; margin-top:10px;}


@media (min-width: 970px) and (max-width: 1200px) {
	.nav > li > a:not(.social)  { padding-left:12px; padding-right:12px;}
}

@media (max-width: 970px) {
	#sidebar-right {margin-left:13px; margin-right:13px;}
	#functions {display:none;}
	#events .text-right { text-align:left;}
}

@media (max-width: 767px) {
  #top-link-block, .social-container {display:none;}
  #header form {margin-top:0px; margin-bottom:20px;}
  h1.blog-post-title { color:#195588; margin-bottom:0px; margin-right:0px;} 
  #footer .logo {float:none; display:block; margin:0 auto;}
}

@media print {
	.side, #top-search, #functions, .breadcrumb, .social-container, #footer, .pager {display:none;}
	 #header .logo {margin-top:0px; margin-bottom:0px;}
}