body { padding-top: 42px}
/*#topbar {  background-color: #9b1222 ;}*/

#topbar  a:hover, #topbar  a:focus {
    color: #2a6496;
    text-decoration: none !important;
}
#topbar * { margin: 0; padding: 0; line-height: 100%;}

/*#topbar .submenu, #topbar .main-menu.sx-menu > li#main-menu-05 ul { background-color: #9b1222 ; -webkit-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.75);*/
/*-moz-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.75);*/
/*box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.75);} */
/*#topbar #megamenu .megamenu-col-1 ul.submenu-02 { background-color: #6f1818 ;   }*/
/*#topbar .main-menu > li#main-menu-01.on { background-color: #f07d00 ; }*/

/*#topbar #cercamenu form .form-control { background-color: #0c0a1d ; }*/
/*#topbar .main-menu > li#main-menu-01 { border-bottom: 4px solid #9b1222 }*/
/*#topbar .main-menu > li:hover { background-color: #6f1818  }*/
/*#topbar  form .btn { background-color: #6f1818 ; }*/
 

#topbar #megamenu article h4, #topbar #megamenu article h3.argomento {    background: none !important;    text-transform: uppercase;    padding: 0;    line-height: 16px;    color: #ffba00 !important;    font-size: 12px;    margin: 0 0 5px 0;}

.rubriche-feed article:nth-child(4n) {  margin-right: 0}

.edideskbar {  height: 0;   position: fixed; top: 4px; left: 0; text-align: center;   width: 100%; z-index: 999999999; }
		.edideskbar li { display: inline-block; margin: 0 1px 0 0;    } 
		.edideskbar li i { font-size: 16px}
		.edideskbar li input { height: 23px;    background-color: #ef2222;    border: none;    color: #FFF;    padding: 3px 9px;    display: inline-block;    margin: 0;    line-height: 14px;    width: 127px;    position: relative;    top: -5px; }
		.edideskbar li a {color: #FFF;    padding: 5px 10px;    font-size: 18px;    font-weight: 200;    display: inline-block;    background-color: #5a3131;    text-transform: uppercase;    font-family: 'Open Sans Condensed', sans-serif;}
    	.edideskbar li a:hover { opacity: 0.8}
		@media all and (max-width: 575px) { .edideskbar li a { padding: 5px 10px; font-size: 15px;   } }
		
		
#topbar {  position: fixed; width: 100%; top: 0;   z-index: 50;  }
.admin-bar #topbar { top: 32px; }
@media all and (max-width: 768px ) {
    .admin-bar #topbar { top: 46px; }
}
#topbar.header-animate {position: fixed;left: 0px;width: 100%; background-color: rgba(155, 18, 34, 0.93);  }
.admin-bar #topbar.header-animate { top: 32px !important;} 
#topbar .fa-caret-down { margin: 0 0 0 5px }
#topbar .fa-social { margin: 0 0 0 10px }
#topbar .today { text-align: center; cursor: pointer; color: #CCC; display: block; padding: 15px 0; font-size: 13px }

#topbar .main-nav { height: 42px; position: relative }
#topbar .main-menu.sx-menu { left: 0 }
#topbar .main-menu.dx-menu { right: 0 }
#topbar .main-menu { position: absolute; top: 0 }
#topbar .main-menu > li { display: block; float: left; color: #FFF; height: 42px;    padding: 14px 10px; font-size: 13px; /*border-right: 1px solid #984040;*/  font-weight: 600}
#topbar .main-menu > li > a { color: #FFF; }
#topbar .main-menu > li#main-menu-01 { /*border-bottom: 4px solid #9b1222;*/ position: relative; transition: background 1s; }
#topbar .main-menu.sx-menu > li#main-menu-05 { position: relative; }
#topbar .main-menu.sx-menu > li#main-menu-05 ul { top: 37px; display: none; background-color: #1D359C; position: absolute; left:0; padding: 5px; width: 167px;   }
#topbar .main-menu.sx-menu > li#main-menu-05:hover ul { display: block}
#topbar .main-menu.sx-menu > li#main-menu-05 ul li { display: block}
#topbar .main-menu.sx-menu > li#main-menu-05 ul li a { color: #FFF; padding: 4px; display: block}
#topbar .main-menu.sx-menu > li#main-menu-05 ul li a:hover { opacity: 0.8}
 
#topbar .main-menu > li .submenu { opacity: 0; display: none; cursor: default }
/*#topbar .main-menu > li:hover { background-color: #6f1818; }*/
#topbar .main-menu > li:hover .submenu { opacity: 1; display: block }
#topbar ul .sub-menu {      position: absolute;    top: 45px;    z-index: 99;        width: 170px;}
#topbar .sub-menu li { display: block; width: 100%}
/*#wrap-menu-presscomm { padding: 11px!important; }*/
#wrap-menu-presscomm img { width: 15px; padding-right: 5px;}
#wrap-menu-presscomm ul > li > a > img { width: 14px; margin-right: 5px; background-color: white; padding-right: 0;}

#topbar #presscommmenu { width: 342px; /*height: 230px;*/ margin-left: -35px; }
#topbar #presscommmenu ul { padding: 10px 0 0; box-shadow: 1px 1px 5px #a2a2a2; background-color: #ffffff; }
#topbar #presscommmenu ul li { padding: 4px 8px; width: 171px; }
#topbar #presscommmenu ul li a  { font-size: 13px; color: #333; }
#topbar #presscommmenu ul li:hover  { background-color: transparent!important;}
#topbar #presscommmenu ul li a:hover  { background-color: transparent; color: #ff9934!important; }
#topbar #presscommmenu ul li#logo-presscommtech { width: 100%; text-align: center; }
#topbar #presscommmenu ul li#logo-presscommtech hr { border-top: 1px solid lightgrey; border-bottom: none; color: lightgray; }
#topbar #presscommmenu ul li#logo-presscommtech img { width: 70%; max-width: 70%; padding: 5px 20px 0; background-color: transparent; }

	 
/*================================
Sharrre
================================*/

#topbar #socialmenu{ margin: 0 0 10px 0}
#topbar #socialmenu ul { margin: 0; padding: 0}
#topbar #socialmenu li { list-style: none;   width: 40px; width: 100%;   }
#topbar #socialmenu li.facebook {  background-color: #214285;  }
#topbar #socialmenu li.twitter {  background-color: black;   }
#topbar #socialmenu li.rss {  background-color: #ff6600;   }
#topbar #socialmenu li.youtube { background-color: #df2926 }
#topbar #socialmenu li.flickr { background-color: #0061dc }
#topbar #socialmenu li.instagram { background-color: #966449 }
#topbar #socialmenu li p { padding: 5px; font-weight: bold; color: #FFF; font-size: 14px; text-transform: uppercase;   line-height: 16px; text-align: left}
#topbar #socialmenu li span { border-right: 1px solid  #6f7ba9; float: left; margin:0 10px 0 0; text-align: center}
#topbar #socialmenu li.gplus { margin: 0}
#topbar #socialmenu li a { display: block; text-align: center; opacity: 1} 
#topbar #socialmenu li a:hover { text-decoration: none;  opacity: 0.8; color: #FFF}
#topbar #socialmenu li a i { font-size: 33px; line-height: 43px; color: #FFF !important}
#topbar #socialmenu li a span { display: block;   width: 41px; height: 41px; }

#topbar #socialmenu { height: 212px; width: 200px }
#topbar #socialmenu ul { padding: 12px 10px }
#topbar #socialmenu ul li { display: block; float: left }
#topbar #socialmenu ul li a { color: #FFF; padding: 3px 10px; display: block; font-weight: bold }
#topbar #socialmenu ul li a:hover {  color: #000 }



#topbar #servizimenu { height: 212px; width: 176px}
#topbar #servizimenu ul { margin: 0; padding: 12px 10px }
#topbar #servizimenu li { list-style: none;   width: 40px; width: 100%;   }
#topbar #servizimenu li a { display: block;   opacity: 1; color: #FFF ; padding: 5px 0;} 
#topbar #servizimenu li a:hover { text-decoration: none;  opacity: 0.8; color: #FFF}
#topbar #servizimenu li a i { font-size: 33px; line-height: 43px; color: #FFF !important}
#topbar #servizimenu li a span { display: block;   width: 41px; height: 41px; }

#topbar .submenu { position: absolute; left: 0; top: 42px; z-index: 999;  width: 1100px; }
#topbar .submenu#socialmenu { left: inherit; right: 49px}
#topbar .submenu#servizimenu { left: inherit; right: 303px}
#topbar .submenu.full  { height: 45px; padding: 12px 10px }
#topbar .submenu.full li { display: block; float: left }
#topbar .submenu.full li a { color: #FFF; padding: 3px 10px; display: block; font-weight: bold }
#topbar .submenu.full li a:hover { background: #ffba00; color: #000 }

#topbar #megamenu { height: 593px; overflow: hidden; padding: 0 }
#topbar #megamenu .megamenu-col-1 { width: 180px; display: block; float: left; height: 615px; }
#topbar #megamenu .megamenu-col-2 { width: 495px; float: left; height: 574px }
#topbar #megamenu .megamenu-col-3 { width: 340px; float: left; height: 574px }
#topbar #megamenu .megamenu-col-1 ul { padding: 2px 10px }
#topbar #megamenu .megamenu-col-1 ul.submenu-02 { padding: 7px 0 }
#topbar #megamenu .megamenu-col-1 ul li { display: block; font-size: 14px; line-height: 16px }
#topbar #megamenu .megamenu-col-1 ul li a { color: #FFF; padding: 3px 10px; display: block; font-weight: normal; font-size: 14px; line-height: 16px }
#topbar #megamenu .megamenu-col-1 ul li a:hover { text-decoration: none }
#topbar #megamenu .megamenu-col-2, #topbar #megamenu .megamenu-col-3 { padding: 20px }
#topbar #megamenu.submenu.full li { float: none}
#topbar #megamenu article { margin: 0 0 13px 0; display: table; width: 100% }
#topbar #megamenu article.meganews-02 { margin: 0 0 40px 0; }
#topbar #megamenu article.meganews-04 { margin: 0; }
#topbar #megamenu article a.thumb { float: left; width: 210px; margin-right: 10px; position: relative }
#topbar #megamenu article a.thumb img { width: 100%; height: auto }
#topbar #megamenu article header { float: left; width: 235px; }
#topbar #megamenu article h3.argomento { background: none; text-transform: uppercase; padding: 0; line-height: 16px; color: #ffba00; font-size: 12px; margin: 0 0 5px 0  }
#topbar #megamenu article h3.argomento a {  color: #ffba00; font-size: 12px; background: none}
#topbar #megamenu article h2 { font-size: 20px; line-height: 17px}
#topbar #megamenu article h2 a { color: #FFF; font-size: 14px; line-height: 17px }
#topbar #megamenu article h2 a:hover { opacity: 0.8 }
#topbar #megamenu article .mm-link { color: #ffba00; }
#topbar #megamenu article .mm-link:hover { opacity: 0.8 }
#topbar #megamenu .megamenu-col-3 article { margin: 20px 0 0 0; position: relative;  }
#topbar #megamenu .megamenu-col-3 article figure { padding: 10px;  background: #000;}
#topbar #megamenu .megamenu-col-3 article img { height: 155px !important}
#topbar #megamenu .megamenu-col-3 article h4 { margin: 5px 0 0 0 }
#topbar #megamenu .megamenu-col-3 a.thumb, #topbar #megamenu .megamenu-col-3 article header { width: 100% }
#topbar #megamenu .megamenu-col-3 article:hover .play-icon { opacity: 1; background: #ffba00; }  

#topbar #networkmenu { height: 300px; padding: 20px }
#topbar #networkmenu article { text-align: center; margin: 0; display: table; width: 310px; margin-right: 15px; float: left }
#topbar #networkmenu article.meganews-03 { margin: 0; }
#topbar #networkmenu article a.thumb img { width: 100%; height: auto }
#topbar #networkmenu article header { }
#topbar #networkmenu article h2 { text-align: left }
#topbar #networkmenu article h2 a { color: #FFF; font-size: 17px; line-height: 17px }
#topbar #networkmenu article h2 a:hover { opacity: 0.8 }

 

 #topbar  .btn { background-color: #6f1818; color: #FFF; text-transform:uppercase; font-weight: 600; border: 1px solid #262F8C;      display: inline-block;    padding: 6px 12px;    margin-bottom: 0;    font-size: 14px;    font-weight: normal;    line-height: 1.428571429;    text-align: center;    white-space: nowrap;    vertical-align: middle;    cursor: pointer;    background-image: none;    border: 1px solid transparent;    border-radius: 2px;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    -o-user-select: none;    user-select: none;} 

#topbar #comunimenu { height: 370px }
#topbar #comunimenu ul { padding: 0 0 15px 0 }
#topbar #comunimenu ul li { list-style: square; float: left;  clear: both;    margin-left: 29px;    padding: 0; color: #bd5656;     display: list-item;  }
#topbar #comunimenu ul li a { color: #FFF; padding: 5px 10px 5px 4px; display: block; font-weight: bold }
#topbar #comunimenu ul li a:hover , #topbar #comunimenu h5 a:hover { background: #ffba00; color: #000 }
#topbar #comunimenu h5 a { padding: 1px 5px 0px 5px;    border-bottom: 1px solid #bd5656;}

#topbar #comunimenu > div { padding: 10px; float: left; width: 250px; }
 
#topbar #comunimenu  h5 { font-weight: 400; font-size: 19px; margin: 0 0 20px 0}
#topbar #comunimenu  h5 a { color: #FFF}
 



#topbar #cercamenu { height: 240px }
#topbar #cercamenu ul { padding: 0 0 15px 0 }
#topbar #cercamenu ul li { display: block; border-bottom: 1px solid #000   }
#topbar #cercamenu ul li a { color: #FFF; padding: 5px 10px; display: block; font-weight: bold }
#topbar #cercamenu ul li a:hover { background: #ffba00; color: #000 }

#topbar #cercamenu > div { padding: 10px; float: right; width: 333px; }
#topbar #cercamenu form { padding: 12px 10px }
#topbar #cercamenu form h5 { font-weight: 400; font-size: 16px; margin: 0 0 10px 0}
#topbar #cercamenu form .form-control { margin: 0 0 10px 0;  padding: 5px; text-transform: capitalize;}
#topbar #cercamenu form .btn:hover { background-color: #FFF; color: #000}

#topbar .play-icon {    display: block;    border-radius: 4px;    color: #FFF;    background-color: #000;    padding: 6px 18px;    opacity: 0.7;    position: absolute;    z-index: 9;    font-size: 20px;    top: 28%;    left: 40%;    border: 2px solid #FFF;}

#topbar #profilemenu, #topbar #cercamenu  { height: 345px; left: inherit  ; right: 0  }
#topbar #profilemenu ul { padding: 0 0 15px 0 }
#topbar #profilemenu ul li { display: block; border-bottom: 1px solid #000   }
#topbar #profilemenu ul li a { color: #FFF; padding: 5px 10px; display: block; font-weight: bold }
#topbar #profilemenu ul li a:hover { background: #ffba00; color: #000 }



#topbar #profilemenu > div { padding: 20px; float: right; width: 333px; position: relative; height: 300px   }
#topbar #profilemenu #sub-profilemenu-01 { width: 450px;  }
#topbar #profilemenu #sub-profilemenu-02 { width: 300px;  }
#topbar #profilemenu #sub-profilemenu-03 { width: 270px;  }

 
#profilemenu  h3.title { margin: 0 0 10px 0}

#profilemenu .avatar { width:  200px; height: 200px; float: right; position: inherit !important}
#profilemenu .action { display: table; margin: 30px 0 0 0; margin: 10px 0 0 0; clear: both; width: 100%}
#profilemenu table { width: 200px; float: left}
#profilemenu table td { padding: 5px 0}
#profilemenu #sub-profilemenu-01 p { display: block;   padding: 20px 0 20px 29% }
#profilemenu .btn {   width: 70%; margin: 1%; display: block; color: #FFF; text-transform:uppercase; font-weight: 600; }
#profilemenu .btn:hover { background-color: #FFF; color: #000}
#profilemenu .inviacontributo .profile h4 { padding: 0 0 20px 0}
#profilemenu .inviacontributo .profile  h2 { text-align: center !important; padding: 0 0 30px 0}
#profilemenu .inviacontributo .action .btn { background-color: #ffba00 !important; width: 90%;  position: absolute; bottom: 10px; left: 20px }

#profilemenu .newsmycity { position: relative}
#profilemenu .newsmycity article { margin: 0 0 13px 0; display: table; width: 100% }

#profilemenu .newsmycity article a.thumb {   width: 100%; display: block;   }
#profilemenu .newsmycity article a.thumb img { width: 100%; max-height: 140px; position: inherit !important }
#profilemenu .newsmycity article header { float: left; width: 235px; }
#profilemenu .newsmycity article h4 { text-transform: uppercase; color: #ffba00; font-size: 12px }
#profilemenu .newsmycity article h2 a { color: #FFF; font-size: 17px; line-height: 17px }
#profilemenu .newsmycity article h2 a:hover { opacity: 0.8 }

#profilemenu.unlogged .row.profile p { padding: 0 0 10px 0}
#profilemenu.unlogged .row.profile p a { color: #FFF}
#profilemenu.unlogged .row.profile label { padding: 0 0 10px 0; display: block}
#profilemenu.unlogged .row.profile form { padding: 0}
#profilemenu.unlogged .row.profile .form-group { margin: 0 0 10px 0}
#profilemenu.unlogged .row.profile form-group { margin: 0 0 10px 0} 

#profilemenu.unlogged  h3.title { margin: 0 0 20px 0}
#profilemenu.unlogged  .services { padding: 0 0 10px 0} 
#profilemenu.unlogged  .services i { margin: 0 10px 0 0}


#main-menu-12 img { width: 22px;
    position: relative;
    top: -3px;}

@media only screen and (max-width : 1280px) {
 
 .topbar-today { display: none !important}
 #main-menu-04 a, #main-menu-05 a, #main-menu-12 a img { display: none}
 
}

@media only screen and (min-width : 1280px) {
#profilemenu table { width: 250px }
/*#main-menu-04 i, #main-menu-12 img { display: none}*/

#topbar #profilemenu #sub-profilemenu-01 { width: 500px }
#topbar #profilemenu #sub-profilemenu-02 { width: 400px }
#topbar #profilemenu #sub-profilemenu-03 { width: 350px; }
}

@media only screen and (min-width : 1350px) {
#topbar #profilemenu #sub-profilemenu-01 { width: 500px }
#topbar #profilemenu #sub-profilemenu-02 { width: 400px }
#topbar #profilemenu #sub-profilemenu-03 { width: 350px; }
}

@media all and (max-width: 1370px ){
    #sub-cercamenu-05 { display: none; }
}

@media all and (max-width: 1040px ){
    #sub-cercamenu-04 { display: none; }
}

@media all and (max-width: 790px ){
    #sub-cercamenu-03 { display: none; }
}