/*
*   name           Haven
*   version        1.5
*   description    Responsive and customizable Joomla!3 template
*   demo           http://demo.favthemes.com/haven/
*   author         FavThemes
*   author URL     http://www.favthemes.com
*   copyright      Copyright (C) 2012-2016 FavThemes.com. All Rights Reserved.
*   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  custom style
///
//////////////////////////////////////////////////////////////////////////////*/

.navigation > .moduletable.nav-search
{
  float: right;
}

/* 158px = 58px(topmost) + 100px(header) */
#fav-containerwrap #fav-container.fav-fixed {
    margin-top: 158px;
}
/* 158px = 58px(topmost) + 100px(reduced menu) */
@media (min-width: 1029px) and (max-width: 1200px) {
  #fav-containerwrap #fav-container.fav-fixed {
    margin-top: 178px;
  }
  #fav-logo {
    float: left;
    width: 23.0769%;/* value taken from bootstrap-responsive.css (row 274) .row-fluid .span3 */
  }
  #fav-nav.span9 {
    width: 74.3094%;/* value taken from bootstrap-responsive.css (row 600) .row-fluid .span9 */
  }
}
/* 158px = 58px(topmost) + 100px(reduced menu) */
@media (min-width: 769px) and (max-width: 1030px) {
  #fav-containerwrap #fav-container.fav-fixed {
    margin-top: 278px;
  }
  #fav-logo {
    float: left;
    width: 23.0769%;/* value taken from bootstrap-responsive.css (row 274) .row-fluid .span3 */
  }
  #fav-nav.span9 {
    width: 74.3094%;/* value taken from bootstrap-responsive.css (row 600) .row-fluid .span9 */
  }
}

/* 158px = 58px(topmost) + 100px(reduced menu) */
@media (max-width: 768px) {
  #fav-containerwrap #fav-container.fav-fixed {
    margin-top: 0px;
  }
}


#fav-containerwrap #fav-container.fav-fixed #fav-slidewrap{
    margin-top: 0px;
}
#fav-footer .nav > li > a:hover,
#fav-footer .nav > li > a:hover
{
  background-color: transparent;
}

.sclogin-greeting{
  color: white;
}

.float-left{
  float: left;
}
.float-right{
  float: right;
}

.control-fix button.button
{
  margin-left: 0px !important;
}
.control-fix input,
.control-fix button,
.control-fix .add-on
{
  box-sizing: content-box;
}

/* Centers module in the nav position */
.navigation
{
  height: 100px;
  line-height: 100px;
}
.navigation > .moduletable
{
  display: inline-block;
  vertical-align: middle;
  margin-left: 50px;
}
.navigation .fav-search form
{
  margin: 0px;
}
.navigation .fav-search form input#mod-search-searchword
{
  vertical-align: middle !important;
}

#fav-topmost{
  background-color: #000000;
  opacity: 0.94;
  height: 58px;
}
.sourcecoast .btn{
  padding: 8px 22px;
}
.sourcecoast .btn-primary {
  background-color: #1b98d6;
}
.page-header h2 a,
h2.item-title a,
div.categories-list h3 a
{
  color: #1b98d6;
}
.page-header h2 a:hover,
h2.item-title a:hover,
div.categories-list h3 a:hover
{
  color: #444;
}

/*/////////////////////////////////////////////////////////////////////*/

/* #region stili mappa */
#wrap_mappa {
  width: 613px;
  height: 344px;
  border: 2px solid #CCCCCC;
  background-color: #EEEEEE;
}

#mappa img {
  border: none;
}

#mappa {
  /*width: 590px;
  height: 319px;*/
  position: relative;
  left: 10px;
  top: 10px;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
}

#mappa a {
  text-decoration: none;
  color: #000000;
  outline: none;
}

#mappa a img.regione {
  position: absolute;
  display: block;
}

#mappa a:hover img.regione {
  filter: alpha(opacity=60);
  -moz-opacity: .60;
  opacity: .60;
}

#mappa a span {
  display: none;
}

#mappa a:hover span,
#mappa #info {
  display: block;
  width: 265px;
  height: 373px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 2px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 10px;
  color: #333333;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  text-align: justify;
  overflow: hidden;
  z-index: 20;
}


#mappa span b {
  display: block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
}

#aosta {
  left: 5px;
  top: 37px;
  z-index: 1;
}

#piemonte {
  left: 2px;
  top: 27px;
}

#liguria {
  left: 20px;
  top: 77px;
}

#lombardia {
  left: 41px;
  top: 19px;
}

#trentino {
  left: 80px;
  top: 3px;
  z-index: 2;
}

#veneto {
  left: 85px;
  top: 15px;
}

#friuli {
  left: 120px;
  top: 15px;
  z-index: 3;
}

#romagna {
  left: 55px;
  top: 62px;
}

#toscana {
  left: 66px;
  top: 81px;
}

#marche {
  left: 118px;
  top: 96px;
}

#umbria {
  left: 113px;
  top: 108px;
}

#lazio {
  left: 105px;
  top: 132px;
}

#abruzzo {
  left: 139px;
  top: 128px;
}

#molise {
  left: 160px;
  top: 152px;
  z-index: 4;
}

#puglia {
  left: 182px;
  top: 154px;
}

#campania {
  left: 158px;
  top: 169px;
}

#basilicata {
  left: 194px;
  top: 179px;
  z-index: 5;
}

#calabria {
  left: 205px;
  top: 210px;
}

#sardegna {
  left: 30px;
  top: 175px;
}

#sicilia {
  left: 130px;
  top: 270px;
}

/* #endregion fine stile mappa*/

/* #region stili tabella club */

table.club-table {
  border-spacing: 0 !important;
  border-collapse: collapse !important;
  -webkit-border-horizontal-spacing: 0 !important;
  -webkit-border-vertical-spacing: 0 !important;

}

.club-table td {
  vertical-align: top;
  font-family: arial, helvetica, sans-serif;
  padding: 5px 5px;
  background-color: white;

}

.club-table a {
  color: #008d5e;
}

td.club-region-td,
.club-region {
  font-family: arial, helvetica, sans-serif;
  background-color: #98f0d3;

}

.club-city {
  font-family: arial black, avant garde;
  font-weight: bold;
  border-top: 1px solid #98f0d3;
  border-bottom: 1px solid #98f0d3;
  padding: 3px;
}

.club-logo {
  vertical-align: top;
  background-color: white;
}

.club-logo img {
  margin: 10px;
  max-width: 180px;
}

@media (max-width: 500px) {
  .club-logo img {
    max-width: 90px;
  }
}

.club-name {
  font-weight: bold;
}

.club-closed {
  color: red;
  border: 1px solid red;
  background-color: #eee;
  font-weight: bold;
  display: inline-block;
  border-radius: 5px;
  padding: 3px;
  text-align: center;
  top: 0;

}

.club-label {
  text-align: left;
  font-style: italic;
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
}

.club-field {
  text-align: left;
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
}

/* #endregion */