﻿
/*LG*/
@media (min-width:768px) {
    #header { background: url(/img/nero.gif) repeat-x #fff; }
    #header:after { content: ''; display: table; clear: both; }
    #header #menu { width: 100%; margin-top: -120px; }
    #top_menu { background: #1f1d1e; height: 32px; margin-bottom: 38px; color: #fff; text-align: center; }
    #header .logo { padding-top: 0; position: relative; z-index: 100; margin-top: 58px; }
    #top_menu .social { position: absolute; left: 30px; top: 3px; opacity: 1; }
    .oldie #top_menu .social { top: -9px; filter: alpha(opacity=100); }
    #top_menu a { color: #fff; }
    #top_menu a:hover { color: #eee; }
    .social_ico { background-image: url(../img/social_ico_white.png?v=2); margin-right: 3px; }
    #top_menu .form { display: none; background: #383637!important; width: 165px; }
    #top_menu .paesi { display: none; }
    #top_menu .extra_link { position: absolute; right: 0; top: 4px; }

    .cont_form { display: inline-block !important; margin-top: 4px; padding: 0 !important; }
    .cont_form .form { display: block !important; float: left; height: 24px !important; background-color: #383637 !important; background-position: 105px 6px !important; padding: 0 !important; margin: 0 20px 0 0 !important; }
    .cont_form #form_cerca input[type="text"] { top: 2px; }
    .cont_form #form_cerca input[type="submit"] { top: 2px; z-index: 100; opacity: 1; text-indent: -9999px; font-size: 0; background: url(../img/bg_cerca.png) no-repeat center; }

    .cont_form .paesi { display: block !important; float: left; padding: 0 !important; }
    .cont_form .paesi a { line-height: 18px; padding: 0 0 0 18px; }
}



/*--------------------------------------------------
mediaquery
--------------------------------------------------*/
/* LG */
@media (min-width:1200px) {
}

/* MD */
@media (min-width:992px) and (max-width:1199px) {
    #top_menu { margin-bottom: 29px; }
    #header #menu { margin-top: -119px; }
    #main_menu ul li.subarrow a:after { top: 48px; }
    #main_menu ul li.subarrow a:hover:after, #main_menu ul li.subarrow a.on:after { top: 54px; }
}

/* SM */
@media (min-width:768px) and (max-width:991px) {
    #header #menu { margin-top: -109px; }
    #top_menu { margin-bottom: 30px; }
    #sub_menu_wrapper { clear: both; top: -6px; margin-bottom: -6px; }
    #main_menu ul li.subarrow a:after { top: 30px; }
    #main_menu ul li.subarrow a:hover:after, #main_menu ul li.subarrow a.on:after { top: 37px; }
}

/* XS */
@media (max-width:767px) {
}
