@charset "UTF-8";

iframe#madunit { display: none; }

/* Shared responsive stuff */
@media (max-width: 767px) {
  body, html{
    overflow-x: hidden !important;
  }

  div#all { width: 100%; font-size: 120%; line-height: initial; overflow-x: hidden; }
  div.page h3 { font-size: 140%;  }
  .blu160, .giallo160 { overflow: hidden; }
  div#tpc-slider { font-size: 130% !important; }
  div#header { height: auto; min-height: 60px; padding: 0px; margin: 0px; background-color: transparent !important; }
  div#edmasterbar_wrapper { display: none; }
  div#head_tpclogo { text-align: center; transform: rotate(0deg); display: block; width: 100%; top: 0px; left: 0px; height: 50px; padding: 5px; position: fixed;
  z-index: 1000000001; background: #FFCC00 !important; }
  div#head_tpclogo b { display: inline-block; font-size: 20px; margin: 10px 10px 10px 90px;}
  a#head_tpclogo_img { position: relative; display: block; background: #FFCC00; text-align: center; margin: 0px 50px; }
  a#head_tpclogo_img img { width: auto; height: 50px; display: inline-block; }
  div#head_tpclogo #mobilemenuico { display: block; width: 40px; height: 40px; top: 10px; left: 10px; position: absolute; background: rgba(0,0,0,.3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 60%; background-repeat: no-repeat; background-position: center center; border-radius: 32px; }
  div#head_tpclogo #mfinderico { display: block; width: 40px; height: 40px; top: 10px; right: 15px; position: absolute;
  background: rgba(0,0,0,.3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5%20s2.463%2C5.5%2C5.5%2C5.5c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 60%; background-repeat: no-repeat; background-position: center center; border-radius: 32px; }

  div#head_tpclogo #mobilemenuico.active, div#head_tpclogo #mfinderico.active { background-color: rgba(0,0,0,.75); }
  #cc-notification.cc-top { top: 60px !important; }
  #cc-notification #cc-notification-wrapper { width: auto; }
  #cc-notification #cc-notification-wrapper a { display: inline; }
  ul.lista_orizzontale.italia li p { display: none; }

  div#msearch { display: block; overflow: hidden; max-height: 1px; transition: all .5s; visibility: hidden; background-color: #F2F2F2; position: relative; }
  div#msearch.active { display: block; overflow: visible; max-height: 100px; transition: all .5s; visibility: visible; }
  div#msearch form { padding: 15px; }
  div#msearch input[type='search'] { display: inline-block; padding: 5px; width: 75%; border-radius: 6px; }
  div#msearch input[type='submit'] { display: inline-block; position: absolute; right: 10px; border: 0px; padding: 5px 3px; border-radius: 10px; color: #FFF; background-color: #0551a1; }

  div.slide-overlay, div.slide-overlay-bottom { line-height: 17px; font-size: 14px; }
  div.slide-overlay b { text-transform: uppercase; line-height: 22px; font-size: 19px; }

  .col400 .gotored.spaced { font-size: 110%; margin: 15px auto; }
  div#head_userbar, form#head_search, ul#head_social, div#adv_strip, div#masthead { display: none; }
  div#adv_leaderboard { width: 728px; display: block; position: relative; background-color: #000; margin: 10px auto 10px auto; display: none; }
  div.page div#adv_leaderboard { display: block !important; visibility: visible; }


  div#head_nav, div#head_nav.tabmenu { transform: rotate(0deg);  display: block; top: 0px; height: 100%; width: 38%; left: -38%; z-index: 1000000000; position: fixed; transition: all .5s; background: #FFCC00; padding: 0px; overflow-y: auto; }
  div#head_nav.tabmenu ul { padding-top: 60px; }
  div#head_nav.tabmenu li { border-bottom: 2px solid #FFF; font-size: 19px; font-weight: bold; font-family: sans-serif; text-decoration: none; color: #FFCC00; display: block; height: 2em; overflow: hidden; }
  div#head_nav.tabmenu li a { color: #000; display: block; padding: 10px; text-transform: uppercase; font-size: 18px; }
  div#head_nav.tabmenu li a:hover { color: #000; }

  div#head_nav.active { left: 0% !important; }
  div#topnav-submenu { display: none; }

  /* HP */
  #tpc-slider-wrapper { z-index: 0; width: 100% !important; }
  img.slide-img { width: 100% !important; height: 300px !important; }
  div.col400 { max-width: 64%; float: left; width: auto; }
  div.col640 { width: auto; clear: both; float: none; }

  div.col300 { width: auto; clear: both; text-align: center; border: 0px; float: none; }
  div.col300 h3, div.col300 #mappamondo_flash, div.col300 ol, div.col300 a.gotoright, div.col300 ul, div.col300 > h4, div.col300 > p { display: none !important; }
  div.col300 div.emediate { display: inline-block; max-width: 300px; vertical-align: top; }

  div.col400 > a { text-align: center; display: block; }

  div.col400 h3, div.col640 h3 { background: #f7cc31; color: #000 !important; height: auto; line-height: initial; padding-top: 3px; padding-bottom: 3px; }
  div.col400 a.firma { display: none; }
  div.col400 img { max-width: 100%; height: auto; }
  ul.magazine li, div.home_capitali { width: 45%; }
  ul.italia li { width: 120px; }
  ul.weekend li { width: 29%; }
  ul.weekend li h2, ul.italia li h2 { max-height: none !important; }

  /* diari */
  h2 a { font-size: 135%; padding-top: 5px; padding-bottom: 5px; display: block; line-height: initial; }
  a.gotoright { font-size: 130%; height: auto; margin: 5px 0px; display: block; }
  div.mappamondo { display: none !important; }
  div.page div.col640 a { font-size: 120%; line-height: initial; }
  div.page div.col640 a.firma { font-size: 11px; }
  div.taglist, a[rel="author nofollow"], div.social_votes { display: none; }
  ol.index_diari h6 { color: #FFF; }
  ol.index_diari h6 span { color: #797979; }
  div.page .paginator { clear: both; margin-top: 2em; }
  #btn_search_diario { height: 2em; }

  div.breadcrumb, div.page .paginator li a { font-size: 120%; }
  div.breadcrumb { font-size: 105%; line-height: initial; }
  ol.forum h6 { font-size: 115%; }
  p.foto_menu, form#cerca_foto, a.btn_poiadd, form#cerca_video { display: none; }
  form.searchmapbox { visibility: hidden; }
  #foto_strillo, #foto_strillo img, #foto_strillo a.strillo { width: 100%; }

  ul.image_index li { width: 30%; }
  ul.image_index.grey li { margin: 10px 5px; }
  ul.image_index figure p { visibility: hidden; }
  ul.image_index figure p:nth-child(2) { visibility: visible; word-break: break-all; }
  ul.image_index figure p b { visibility: visible; }
  ul.image_index figure div.snap { float: left; clear: none; }

  div.col640 div.box h3 { background-color: transparent; }
  .index div.socialbar a { font-size: 15px; }
  #toptenintro .socialbar { display: none; }

  .index figure figure { float: left; margin-right: 10px; }
  a.goto.right { font-size: 16px; padding-top: 10px; }

  video { width: 100%; }
  ul.video_index li { float: left; width: 21%; }
  #all > ins.adsbygoogle { background-color: #FFF; }

  iframe#madunit { display: block; width: 100%; height: 60px; background-color: white; margin-top: 5px; }
  div#id_text iframe { max-width: 100% !important; }

  div.page .paginator a.next, div.page .paginator a.prev { display: block; }
  div#head_nav.tabmenu li.active a, div#head_nav.tabmenu li.active { color: #000 !important; background: transparent !important; }

  ul.forum_reply_bar { margin: 10px 0px; clear: both; display: block; }
  ol.comments div.reply_bar { position: relative; left: 10px; bottom: -25px; margin-top: -5px; text-align: right; padding-right: 5px; }
  ol.comments div.reply_bar a { display: inline-block; float: none; }
  ol.comments div.reply_bar a.edit { display: none !important; }
  div.quicklogin { height: auto; }

  form#form_login, form#register { width: auto !important; float: none !important; border-right: 0px !important; }

}


/* Tablets */
@media (max-width: 767px) and (min-width: 480px) {


}
@media (max-width: 640px) and (min-width: 480px) {
  div.col400 { max-width: 100%; float: none; clear: both;}
  div.col160 { display: none; }
  div.col640 { padding-right: 0px; }
  ul.image_index li { width: 45%; }
  div#adv_leaderboard, div.page div#adv_leaderboard { display: none !important; }
  ul.italia li { width: 120px !important; }
  #id_text div.inline_ad { float: none; display: block; clear: both; height: auto; width: auto; text-align: center; margin: 0px auto 10px auto; }
  select#page_set { max-width: 100%; }
  .keywordcloud { display: none; }
}

/* Smartphone */
@media (max-width: 640px) {
  .col640 iframe[src*="trovaviaggi"] { display: block; width: 320px; margin: 5px auto; overflow: hidden; }
  #foto_zoom { min-height: 300px; }
  #foto_zoom img { max-width: 100%; }
  form#quickcomment { display: block; }
  div.adsense640 { display: none; }
}

@media (max-width: 480px) {
  div#header { height: 60px; }
  div#head_nav, div#head_nav.tabmenu { width: 50%; left: -50%; overflow-y: auto; }
  div#head_nav.tabmenu li a { font-size: 18px; }
  div#adv_leaderboard, div.page div#adv_leaderboard { display: none !important; }

  div.col400 { max-width: 100%; float: none; clear: both; padding-right: 0; }
  div.col160, form#cerca_foto { display: none; }
  div.col300 { padding-left: 0px; padding-right: 0px; }

  #id_text div.inline_ad { float: none; disply: block; clear: both; }

  ul.lista_orizzontale { }
  ul.lista_orizzontale h2 { height: auto !important; }
  ul.lista_orizzontale li { display: block; clear: both; width: auto; float: none; height: auto !important; padding: 10px 1%; margin-left: 0px; background-color: #F2F2F2; }
  ul.lista_orizzontale li a.clip, ul.lista_orizzontale li img { float: left; margin-left: 6px; margin-right: 6px; }
  ul.magazine li { padding: 5px; }
  ul.magazine li img, ul.magazine li a.clip { width: 100% !important; float: none; clear: both; }
  div.home_capitali { width: 100%; clear: both; margin-left: 0px; }
  div.home_capitali li { width: 98%; background-color: #F2F2F2; clear: both; padding: 5px 1%; }

  ul.weekend li { float: none; height: auto; min-height: initial; }
  ul.image_index li { width: 100%; }
  .image_index li p { clear: none; }
  ul.image_index figure div.snap { margin-right: 10px; }
  ul.video_index li { float: none; clear: both; width: auto; height: auto; margin-right: 0px; }
  div.fb_iframe_widget { display: block; width: auto; overflow: hidden; }
  div.fb_iframe_widget iframe { display: block; width: 100% !important; }

  div.videomenu div:first-child, div.videomenu div[style*="padding"] { display: none; }

  iframe#madunit { display: block; height: 50px; background-color: white; }

  ul.related.user { display: none; }
  ul.slider { height: auto; min-height: 90px; height: 90px; }
  ul.slider li { width: 100%; height: 90px; position: relative; }
  ul.slider li img { width: auto; float: left; margin-right: 1em; }
  ul.slider li div.thumb_caption { width: 50%; display: block; }
  ul.slider li a.clip { float: left; margin-right: 10px; }

  ul.socialbar { display: none; }
  select#page_set { max-width: 100%; }

  h3.giallo430 img { display: none; }
  img.slider_prev, img.slider_next { display: none !important; }
  div.carousel { width: auto !important; padding: 0px; margin: 0px; overflow: hidden; }
  #search_diari, table.mappamondo, p.gotoadd, div.trovaviaggi.images { display: none; }
  /*#cc-notification, #cc-notification-wrapper, p.foto_menu { display: none !important; height: 0px !important; }*/
  div#adsense640 { display: none; }
  div.col640 table.spaced { width: 100%; }
  div.col640 table.spaced td { display: none; }
  div.col640 table.spaced td:first-child { display: block; width: 100% !important; }

  ul.related { display: block; width: 100%; }
  .tabsmenu, .tabsmenu_search { display: none; }
  #topten li { padding-left: 0px; }
  #topten .clip { margin-left: 38px; margin-right: 0px; width: auto !important; position: static; display: block; height: 100px !important; margin-bottom: 10px; }
  #topten .cnt { margin-left: 38px; margin-right: 0px; position: relative; display: block; width: auto; margin-bottom: 10px; }

  div.col640 div.quicklogin > div { display: none; float: none; clear: both; }
  div.col640 div.quicklogin > div:nth-child(5) { display: block; }
  div.kwdatasheet, div#concorso { display: none; }
  p.truncatetext { height: auto !important; }

  div.fb_iframe_widget { display: none; }

  div#dotnAd_728x90_top, div#dotnAd_988x90_custom, div#dotnAd_1024x800_under, div#dotnAd_0x0_over, div#dotnAd_610x30_floorad,
  div#dotnAd_viralize_inveedeo, div#dotnAd_viralize_correlati { display: none; }

  div#crt-daec3689 { margin: 5px auto; }

}