/*********************
GENERAL STYLES
*********************/
body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	color: #5c6b80;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	height: 100%;
}

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
	width: 96%;
	margin: 0 auto;
}
/*********************
LINK STYLES
*********************/
a, a:visited {
	color: #365e8e;/* on hover *//* on click */
/* mobile tap color */ }
a:hover, a:focus, a:visited:hover, a:visited:focus {
	color: #1d8bf9;
}
a:link, a:visited:link {
	/*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
	-webkit-tap-highlight-color: rgba(29, 139, 249, 0.3);
}
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	text-rendering: optimizelegibility;
	font-weight: 500;/*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
/* removing text decoration from all headline links */ }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none;
}
h1, .h1 {
	font-size: 1.75em;
	line-height: 1.333em;
}
h2, .h2 {
	font-size: 1.75em;
	line-height: 1.4em;
	margin-bottom: 0.375em;
}
h3, .h3 {
	font-size: 1.4em;
	font-weight: 700;
}
h4, .h4 {
	font-size: 1.1em;
	font-weight: 700;
}
h5, .h5 {
	font-size: 0.846em;
	line-height: 2.09em;
	text-transform: uppercase;
	letter-spacing: 2px;
}
/*********************
HEADER STYLES
*********************/
.header {
	background-color: #323944;
}
#logo {
	margin: 0.75em 0;
}
#logo a {
	color: white;
}
/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
/*********************
TYNINAV MENU CONFIG
*********************/
/* .tinynav { display: block; margin: 160px auto 0 auto; width:100%; }
/* #menu-main-menu { display: none }

/* END TYNINAV MENU CONFIG
*********************/
.nav {
	border-bottom: 0;
	margin: 0;/* end .menu li *//* highlight current page */
/* end current highlighters */ }
.nav li {
/*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
.nav li a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 0.75em;/*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */
}
.nav li ul.sub-menu li a, .nav li ul.children li a {
	padding-left: 30px;
}
/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
.wide-container {
	display:block;
	height: 380px;
	width: 100%;
	margin: 0 auto;	

}
.wide-container img
{background-size:cover;}

#slides img {
	width: 100%;
	height: auto;
	background-size:cover;
}
#slides {
	width: 100%;
	height: 100%;
	position: relative;
}
/* SUPERSLIDER */

#slides .slides-container {
	display: none;
}
#slides .scrollable {
 *zoom: 1;
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
#slides .scrollable:after {
	content: "";
	display: table;
	clear: both;
}
.slides-navigation {
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	top: 36%;
	width: 100%;
}
.slides-navigation a {
	position: absolute;
	display: block;
}
.slides-navigation a span {
	padding-top: 45px;
	height: 45px;
	display: block;
}
.slides-navigation a.prev {
	left: 20px;
	height: 45px;
	overflow: hidden;
	background: url(../images/prev-next.png) no-repeat top left transparent;
	transition-property: background-color;
	transition-duration: .5s;
}
.slides-navigation a:hover.prev {
	background-position: bottom left;
}
.slides-navigation a.next {
	right: 20px;
	height: 45px;
	overflow: hidden;
	background: url(../images/prev-next.png) no-repeat top right transparent;
	transition-property: background-color;
	transition-duration: .5s;
}
.slides-navigation a:hover.next {
	background-position: bottom right;
}
.slides-pagination {
	position: absolute;
	z-index: 350;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.slides-pagination a {
	border: 2px solid #222;
	border-radius: 15px;
	width: 10px;
	height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
	margin: 2px;
	overflow: hidden;
	text-indent: -100%;
}
.slides-pagination a.current {
	background: #222;
}
#content {
	margin-top: 1.5em;
}
.hentry {
	margin-bottom: 1.5em;
}
.hentry footer {
	padding: 1.5em;
}
.hentry footer p {
	margin: 0;
}
footer h3 {
	font-size: 1em;
}
/* end .hentry */
.single-title, .page-title, .entry-title {
	margin: 10px 0 ;
}
.single-title-40, .page-title-40, .entry-title-40 {
	margin: 40px 0 10px;
}
.category-title
 {
	 font-size:1.3em;
	margin: 10px 0 ;
}

.byline {
	color: #9fa6b4;
	font-style: italic;
	margin: 0;
}
/* entry content */
.entry-content {
	padding: 0 0 1.5em ;/*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}
.entry-content p {
	margin: 0 0 1.5em;
	text-align: justify;
}
.entry-content table {
	width: 100%;
	border: 1px solid #eaedf2;
	margin-bottom: 1.5em;
}
.entry-content table caption {
	margin: 0 0 7px;
	font-size: 0.75em;
	color: #9fa6b4;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.entry-content tr {
	border-bottom: 1px solid #eaedf2;
}
.entry-content tr:nth-child(even) {
	background-color: #f8f9fa;
}
.entry-content td {
	padding: 7px;
	border-right: 1px solid #eaedf2;
}
.entry-content td:last-child {
	border-right: 0;
}
.entry-content th {
	background-color: #f8f9fa;
	border-bottom: 1px solid #eaedf2;
	border-right: 1px solid #eaedf2;
}
.entry-content th:last-child {
	border-right: 0;
}
.entry-content blockquote {
	margin: 0 0 1.5em 0.75em;
	padding: 0 0 0 0.75em;
	border-left: 3px solid #2980b9;
	font-style: italic;
	color: #9fa6b4;
}
.entry-content dd {
	margin-left: 0;
	font-size: 0.9em;
	color: #787878;
	margin-bottom: 1.5em;
}
.entry-content img {
	margin: 0 0 1.5em 0;
	max-width: 100%;
	height: auto;
}
.entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail {
	max-width: 100%;
	height: auto;
}
.entry-content pre {
	background: #323944;
	color: #f8f9fa;
	font-size: 0.9em;
	padding: 1.5em;
	margin: 0 0 1.5em;
	border-radius: 3px;
}
/* end .entry-content */
.wp-caption {
	max-width: 100%;
	background: #eee;
	padding: 5px;
/* images inside wp-caption */ }
.wp-caption img {
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}
.wp-caption p.wp-caption-text {
	font-size: 0.85em;
	margin: 4px 0 7px;
	text-align: center;
}
/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
	margin: 0;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination, .wp-prev-next {
	margin: 1.5em 0;
}
.pagination {
	text-align: center;
}
.pagination ul {
	display: inline-block;
	background-color: white;
	white-space: nowrap;
	padding: 0;
	clear: both;
	border-radius: 3px;
}
.pagination li {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	overflow: hidden;
	border-right: 1px solid #eaedf2;
}
.pagination a, .pagination span {
	margin: 0;
	text-decoration: none;
	padding: 0;
	line-height: 1em;
	font-size: 1em;
	font-weight: normal;
	padding: 0.75em;
	min-width: 1em;
	display: block;
	color: #2980b9;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
	background-color: #2980b9;
	color: white;
}
.pagination .current {
	cursor: default;
	color: #5c6b80;
}
.pagination .current:hover, .pagination .current:focus {
	background-color: white;
	color: #5c6b80;
}
/* end .demosofc2018_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
	float: left;
}
.wp-prev-next .next-link {
	float: right;
}
/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments-title {
	padding: 0.75em;
	margin: 0;
	border-top: 1px solid #f8f9fa;
/* number of comments span */ }
.commentlist {
	margin: 0;
	list-style-type: none;
}
.comment {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 1.5em;
	border-bottom: 1px solid #999999;/* vcard *//* end .commentlist .vcard *//* end children */
  /* general comment classes */ }
.comment .comment-author {
	padding: 7px;
	border: 0;
}
.comment .vcard {
	margin-left: 50px;
}
.comment .vcard cite.fn {
	font-weight: 700;
	font-style: normal;
}
.comment .vcard time {
	display: block;
	font-size: 0.9em;
	font-style: italic;
}
.comment .vcard time a {
	color: #9fa6b4;
	text-decoration: none;
}
.comment .vcard time a:hover {
	text-decoration: underline;
}
.comment .vcard .avatar {
	position: absolute;
	left: 16px;
	border-radius: 50%;
}
.comment:last-child {
	margin-bottom: 0;
}
.comment .children {
	margin: 0;/* variations */
/* change number for different depth */ }
.comment[class*=depth-] {
	margin-top: 1.1em;
}
.comment.depth-1 {
	margin-left: 0;
	margin-top: 0;
}
.comment:not(.depth-1) {
	margin-top: 0;
	margin-left: 7px;
	padding: 7px;
}
.comment.odd {
	background-color: white;
}
.comment.even {
	background: #f8f9fa;
}
/* comment meta */
/* comment content */
.comment_content p {
	margin: 0.7335em 0 1.5em;
	font-size: 1em;
	line-height: 1.5em;
}
/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
	font-size: 0.9em;
	float: right;
}
/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
	font-style: italic;
	margin: 0 7px;
	text-decoration: none;
	font-size: 0.9em;
}
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
	padding: 1.5em;
	border-top: 1px solid #f8f9fa;
}
#reply-title {
	margin: 0;
}
.logged-in-as {
	color: #9fa6b4;
	font-style: italic;
	margin: 0;
}
.logged-in-as a {
	color: #5c6b80;
}
.comment-form-comment {
	margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
	padding: 1.5em;
	background-color: #f8f9fa;
	font-size: 0.9em;
}
/* comment submit button */
#submit {
	float: right;
	font-size: 1em;
}
/* comment form title */
#comment-form-title {
	margin: 0 0 1.1em;
}
/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
	margin: 1.5em 10px 0.7335em 0;
}
/* no comments */
.nocomments {
	margin: 0 20px 1.1em;
}
/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
/* deep nesting */ }
.no-widgets {
	background-color: white;
	padding: 1.5em;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 2px;
	margin-bottom: 1.5em;
}
/*********************
FOOTER STYLES
*********************/
.footer {
	clear: both;
	background-color: #FFF;
	color: #444;
	margin-top: 4em;
}

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/

@media only screen and (min-width: 768px) {
/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
.wrap {
	width: 760px;
}
/*********************
  HEADER STYLES
  *********************/
.header {
	background: transparent;
	height: 200px;
}
.header-wrap {
}
#inner-header {
	margin: 0px auto;
}
.relative {
	position: relative;
}

.logo-wrapper {
	float: left;
	margin: 0 0 0 20px;
}
#logo {
	display: block;
	height: 73px;
	width: 273px;
	overflow: hidden;
	margin: 0px auto;
	top: 50px;
	position: relative;
}
#logo {
	background: transparent url("../images/demosofc-logo-web.png") no-repeat scroll top left;
	margin: 0px auto;
}
#logo:hover {
	background-position: bottom left;
}
#logo h1 {
	margin: 0;
}
#logo h1 a span {
	display: block;
	width: 273px;
	padding: 73px 0 0 0;
}
#wrap-bar {
	background: transparent url("../images/wrap-bar.png") no-repeat top center;
	position: relative;
	top: 120px;
	height: 92px;
	clear: none;
}
/* SOCIAL */
.head-social {
	position: relative;
	top: -40px;
	right: 0;
}
#facebook {
	width: 35px;
	height: 35px;
	background-image: url(../images/social.png);
	background-repeat: no-repeat;
		background-position: 0 0;
	float: right;
	margin: 8px 0 0 8px;
	overflow:hidden;
}
#facebook a {
	width: 35px;
	height: 35px;
	display: block;
	padding: 35px 0 0;
	margin: 0
}

#facebook:hover {
	background-position: 0 -70px;
}

#twitter {
	width: 35px;
	height: 35px;
	background-image: url(../images/social.png);
	background-repeat: no-repeat;
		background-position: -35px 0;
	float: right;
	margin: 8px 0 0 8px;
	overflow:hidden;
}
#twitter a {
	width: 35px;
	height: 35px;
	display: block;
	padding: 35px 0 0;
	margin: 0
}

#twitter:hover {
	background-position: -35px -70px;
}

#slideshare {
	width: 35px;
	height: 35px;
	background-image: url(../images/social.png);
	background-repeat: no-repeat;
	background-position: -70px 0;
	float: right;
	margin: 8px 0 0 8px;
	overflow: hidden;
}
#slideshare a {
	width: 35px;
	height: 35px;
	display: block;
	padding: 35px 0 0;
	margin: 0
}
#slideshare:hover {
	background-position: -70px -70px;
}
#linkedin {
	width: 35px;
	height: 35px;
	background-image: url(../images/social.png);
	background-repeat: no-repeat;
	background-position: -70px -35px;
	float: right;
	margin: 8px 0 0 8px;
	overflow: hidden;
}
#linkedin a {
	width: 35px;
	height: 35px;
	display: block;
	padding: 35px 0 0;
	margin: 0
}

#linkedin:hover {
	background-position: -70px -105px;
}
#googleplus {
	width: 35px;
	height: 35px;
	background-image: url(../images/social.png);
	background-repeat: no-repeat;
		background-position: -105px 0;
	float: right;
	margin: 8px 0 0 8px;
	overflow:hidden;
}
#googleplus a {
	width: 35px;
	height: 35px;
	display: block;
	padding: 35px 0 0;
	margin: 0
}

#googleplus:hover {
	background-position: -105px -70px;
}

/* END SOCIAL */
  
/*********************
  NAVIGATION STYLES
  *********************/

#menu-main-menu {
	text-align: right;
	margin: 0;
	border:none;
}
/*********************************
Blueprint: Slide and Push Menus
**********************************/
.relative > section {
	max-width: 260px;
	width: 90%;
	margin: 0 auto;
}
.relative > section button {
	border: medium none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background: black url("../images/menu_icon.png") no-repeat center center;
	display: block;
	padding: 96px 0 0;
	position: absolute;
	width: 96px;
	height: 96px;
	bottom: 112px;
	right: 20px;
	overflow: hidden;
}
.relative > section button:hover {
	background-color: #466E96;
}
.relative > section button.active {
	background-color: #036;
}
.relative > section button.disabled {
/*background: #aaa;
	pointer-events: none;*/
}
.icon-drop:before, .icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}
.container > header nav a:hover:before {
	color: #fff;
}
.icon-drop:before {
	content: "\e000";
}
.icon-arrow-left:before {
	content: "\f060";
}
/**********************************/



  /*********************
ICONE PER BOTTONI MENU
  *********************/

/*    SIDEBAR NAV  */
nav li a {
	text-decoration: none;
}
#menu-main-menu li{border:none;}
#sidebar1 li {
	padding: 15px 0 10px 50px;
	font-weight: bold;
	font-size: 1em;
}



/* ABOUT */
#sidebar1 li {
	background-image: url("../images/drop0.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
/* ABOUT */
#sidebar1 .drop1 {
	background-image: url("../images/drop1.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
/* RESULTS */
#sidebar1 .drop2 {
	background-image: url("../images/drop2.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
/* NEWS AND EVENTS */
#sidebar1 .drop3 {
	background-image: url("../images/drop3.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
/* CONTACT */
#sidebar1 .drop4 {
	background-image: url("../images/drop4.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
/* PARTNERS */
#sidebar1 .drop5 {
	background-image: url("../images/drop5.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
#sidebar1 .drop6 {
	background-image: url("../images/drop6.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
#sidebar1 .drop7 {
	background-image: url("../images/drop7.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
#sidebar1 .drop8 {
	background-image: url("../images/drop8.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
#sidebar1 .drop9 {
	background-image: url("../images/drop9.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}
#sidebar1 .drop10 {
	background-image: url("../images/drop10.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	text-align: left;
}

#convion {
	background-image: url("../images/convion200.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 200px;
	height: 175px;
	padding: 0;
	margin: 0;
}

#sidebar1 .current-menu-item a{
	color:#1D8BF9;
}

/*********************/
  /*********************
  SIDEBARS & ASIDES
  *********************/
.sidebar {
	margin-top: 0;
}
.widgettitle {
	border-bottom: 1px solid #fff;
	margin: 0;
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
}
.widget {
	padding: 20px;
	margin:0 0 20px ;
	background-color: #37c1d2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:none;
}
.textwidget {
	color: #fff;
	text-align: center;
	font-size: .85em;
	margin-top: 10px;
}
.widget ul li {
	margin-bottom: 0.75em;
/* deep nesting */ }
.widget ul li ul {
	margin-top: 0.75em;
	padding-left: 1em;
}
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
	margin-top: 1.5em;
}
.hentry header {
	padding: 0;
	text-align: left;
	border: 0;
}
.hentry footer {
	padding: 0;
}
.hentry footer p {
	margin: 0;
}
.arguments {
	border-right: 1px dotted #666;
}
.plusclaim {
	text-align: center;
	border-bottom: 1px solid #999;
	margin-bottom: 24px;
}
.thumb-box img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.thumb-box {
	position: relative;
	overflow: hidden;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
.thumb-box:hover {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
.plustitle {
	font-weight: 500;
	font-size: 28px;
	color: #036;
	text-align: center;
	margin: 0 auto;
	padding: 20px;
}
.plustitle-settori {
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	top: 45%;
	width: 100%;
	text-transform: uppercase;
}
.plustitle-settori-aereo {
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	top: 35%;
	width: 100%;
	text-transform: uppercase;
}
.plustext p {
	margin: 0;
	padding: 0;
	display: block;
}
/* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
.footer-line {
	background-image: url("../images/footer-line.jpg");
	background-repeat: repeat-x;
	background-position: 0 0;
	width: 100%;
	height: 3px;
	padding: 0;
	margin: 0;
	clear: both;
}
.footer-links ul li {
/*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */ }
#inner-footer {
	padding-bottom: 2em;
}
#inner-footer a, #inner-footer a:visited {
	color: #999;
}
#inner-footer a:hover, #inner-footer a:visited:hover {
	color: #FFF;
}
#inner-footer p {
	font-size: 1em;
	line-height: 2;
}
/********** SPONSOR ************/
.fch {
	background-image: url("../images/logo-fch.jpg");
	margin: 0;	float: left;width: 70px;
}
.ue {
	background-image: url("../images/logo-ue.jpg");
	margin:0 0 0 20px;	float: left;width: 70px;
}
.convion {
	background-image: url("../images/logo-convion.jpg");
	margin: 0;	float: right;width: 70px;
}
.smat {
	background-image: url("../images/logo-smat.jpg");
	margin: 0;	float: right;width: 112px;
}
.vtt {
	background-image: url("../images/logo-vtt.jpg");
	margin: 0;	float: right;width: 112px;
}

.icl {
	background-image: url("../images/logo-icl.jpg");
	margin: 0;	float: right;width: 112px;
}

.polito {
	background-image: url("../images/logo-polito.jpg");
	margin: 0;	float: right;width: 112px;
}
.fch, .ue, .convion, .polito, .smat, .vtt, .icl{
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 70px;
	position:relative;
	padding: 0;
	overflow: hidden;
	border:none;
}
.fch span, .ue span, .convion span, .polito span, .smat span, .vtt span, .icl span {padding-top: 70px; position:absolute; width: 100%;}

/* end .footer-links */ }
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {
/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
.wrap {
	width: 1040px;
}
.wide-container {
	display:block;
	height: 550px;
	width: 100%;
	margin: 0 auto;	

}
.wide-container img
{background-size:cover;}
}