@charset "utf-8";

img {
  border: 0px;
}

.email{
  visibility:hidden;
}

.clear {
  clear: both
}

#loader {
  display: none;
  position: absolute;
  top: 38%;
  left: 35%;
  border: 1px solid #B00F1F;
  color: #777;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  padding: 10px;
  z-index: 1001
}

#win {
  display: none;
  position: absolute;
  border: 1px solid #999;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  padding: 10px;
  z-index: 1001
}

#select {
  display: none;
  position: absolute;
  border: 1px solid #777;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  padding: 3px;
  text-align: left;
  z-index: 1000
}

/*
#select a:visited, a:link {
  text-decoration:none;
  color:#655;
}

#select a:hover {
  color: #33789C;
}
*/

input {
  background: #f5f5f5;
  /*border: 1px solid #ddd;*/
  border: 1px solid #b3c2ca;
  border-radius: 3px;
  height: 34px;
  color: #555;
  font-size: 13px;
  width: 200px;
  padding-left: 5px
}

.inputSmall {
  width: 141px
}

.inputSmall_ {
  width: 178px
}

.inputSquare {
  width: 30px;
  text-align: center;
  padding: 0px
}

.inputPwd {
  width: 110px
}

textarea {
  background: #f5f5f5;
  /*border: 1px solid #ddd;*/
  border: 1px solid #b3c2ca;
  border-radius: 3px;
  height: 70px;
  color: #555;
  font-size: 13px;
  margin: 0px;
  padding-left: 5px
}

.footer {
  font-size: 13px;
  margin-top: -1px;
  background: url('../img/testataFooter.png') #F7F7F7 repeat-x;
  padding-top: 50px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
  background-size: 100%
}

.button, .buttonSmall, .buttonBig{
  background: #164869;
  border: 0px solid #ddd;
  width: 100px;
  font-size: 11px;
  color: #fff;
  margin-top: 0px;
  height: 34px;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
}

.buttonSmall {
  width: 58px;
  margin-top: 0px;
}

.buttonBig {
  width: 128px;
  margin-top: 0px;
}

.box {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 7px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px
}

.fb {
  background: url("../img/social.png");
  background-position: 25px 0px;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 3px;
  /*
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  */
  /*fade*/
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.fb:hover {
  background: url("../img/social.png");
  width: 25px;
  height: 25px;
  /*fade*/
  opacity: 0.5;
}

.tw {
  background: url("../img/social.png");
  background-position: -25px -25px;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 3px;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.tw:hover {
  background: url("../img/social.png");
  background-position: 0px -25px;
  width: 25px;
  height: 25px;
  opacity: 0.5;
}

.gPlus {
  background: url("../img/social.png");
  background-position: 0px -172px;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 3px;
  display: none
}

.gPlus:hover {
  background: url("../img/social.png");
  background-position: -25px -172px;
  width: 25px;
  height: 25px;
}

.skype {
  background: url("../img/social.png");
  background-position: 0px -415px;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 3px;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.skype:hover {
  background: url("../img/social.png");
  background-position: -25px -415px;
  width: 25px;
  height: 25px;
  opacity: 0.6;
}

.mail {
  background: url("../img/social.png");
  background-position: 25px -440px;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 3px;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.mail:hover {
  background: url("../img/social.png");
  background-position: -50px -440px;
  width: 25px;
  height: 25px;
  opacity: 0.5;
}

.fb a, .tw a, .gPlus a, .skype a, .mail a {
  display: block;
  height: 25px;
}

/*#boxLogin, #boxMenuEse, #boxComune, #boxDetAttivita, #boxMap, #boxDetTransazioniCliente, #boxDet{*/
#boxLogin, #boxMenuEse, #boxComune, #boxMap, #boxDet{
  position: absolute;
  width: 264px;
  background: url('../img/12x12_tratteggio_p.png');
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-bottom: 2px solid #b3c2ca;
  border-left: 2px solid #b3c2ca;
  border-right: 2px solid #b3c2ca;
  border-top: 2px solid #b3c2ca;
  right: 1px;
  padding: 0px;
  font-size: 14px;
  z-index: 0;
}

#boxMenuEse {
  width: auto
}

#boxComune{
  width: 300px;
  left: 0px;
  top: 0px;
  min-height: 120px;
}

#boxMap{
  margin-top: -9px;
  width: 719px;
  height: 360px;
  z-index: 1;
}

#boxDetAttivita{
  width: 725px;
  /*margin-top: -50px;*/
  top: 200px;
  left: 118px;
  background: #fff;
  z-index: 9999
}

input.user {
  padding-left: 32px; 
  background: url('../img/user.gif') no-repeat #f5f5f5;
  background-size: 18px;
  background-position: 6px 6px;
  width: 100%
}

input.password {
  padding-left: 32px; 
  width: 100%;
  background: url('../img/pass.gif') no-repeat #f5f5f5; 
  background-size: 18px;
  background-position: 6px 6px
}

input:focus {
  border: 1px solid #319B00;
}

@media screen and (-webkit-min-device-pixel-ratio:0)  {
  input:focus { outline:none; } 
}

.disNone {
  display: none;
}

.leftMio {
  float: left;
}
.rightMio {
  float: right
}

.wNomeCampo {width: 100px; line-height: 34px}
.wNomeCampoT {width: 130px; line-height: 34px}
.lH34 { line-height: 34px}
.h7 {line-height: 7px}
.h10 {line-height: 10px}

.wwNomeCampo {width: 150px; line-height: 34px}

.w5{width: 5px}
.w10{width: 10px}
.w15{width: 15px}
.w20{width: 20px}
.w40{width: 40px}
.w45{width: 45px}
.w50{width: 50px}
.w75{width: 75px}
.w80{width: 80px}
.w85{width: 85px}
.w92{width: 92px}
.w100{width: 100px}
.w110{width: 110px}
.w120{width: 120px}
.w130{width: 130px}
.w150{width: 150px}

.uppercase {
  text-transform: uppercase
}

.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml25 {margin-left: 25px}
.ml30 {margin-left: 30px}
.ml35 {margin-left: 35px}
.ml40 {margin-left: 40px}

.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px}

table.elenco {
  border-spacing: 2px;
  border-collapse: separate;
  font-size: 15px
}

table.elenco th {
  border-radius: 3px;
  background: #eee;
  padding: 10px;
  color: #1A476B;
  font-weight: normal
}

table.elenco td {
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
}

table.elenco tr {
  background: #f9f9f9
}

table.elenco tr:hover {
  background: #f3f3f3
}

.bold{
  font-weight: bolder
}

.attivita{
  font-weight: bold;
  text-transform: capitalize
}

select {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

#boxDetTransazioniCliente, #boxDet {
  width: 935px;
  top: 200px;
  left: 10px;
  background: #fff;
  z-index: 999
}

.totale{
  font-weight: bolder;
  text-align: right;
  white-space: nowrap
}

.titoloPage {
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 17px
}

.titoloPageCat {
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 40px;
  font-size: 17px
}

ul.paging {
  padding: 0px;
}

ul.paging li {
  list-style: none;
  float: left;
  padding: 0px;
  margin-left: 2px
}

ul.paging + table.elenco {
  clear: both
}

ul.paging li a:link, ul.paging li a:visited{
  font-weight: normal;
  display: block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #b3c2ca;
  border-radius: 4px;
}

ul.paging .current {
  background: #b3c2ca;
  color: #fff
}

table.elenco + ul.paging {
  margin-top: 1px
}

.corpo {
  font-size: 15px
}

.login a:link, .login a:visited{
  font-size: 15px;
}

.login a:link, .login a:visited, .footer a:link, .footer a:visited{
  color: #1A476B;
}

.login a:hover {
  /*text-decoration: none*/
}

.myCont{
  min-width: 1120px;
}

.marginR10{
  margin-right: 10px;
}

.datepicker { z-index: 999999999; position: absolute}

.datepicker td{ min-width: 35px}

.datepicker table tr td.disabled{
  text-decoration: line-through;
}

.liH li {
  padding-bottom: 40px;
  line-height: 28px
}

h4{
  text-transform: uppercase;
  font-size: 17px;
  height: 50px
}

.liC{
  padding-left: 20px;
  margin: 0px
}

.product-item {
  border: 1px solid #eee;
  border-radius: 7px;
  padding: 5px;
  margin-bottom: 27px
}

.product-item h4 {
  text-transform: uppercase;
  font-weight: normal
}

.cate {
  text-transform: none;
  font-size: 13px;
  font-style: italic;
  font-weight: bold
}

.btn-cat{
  background: #aaa;
  width: auto;
  padding-left: 10px;
  padding-right: 10px
}

.btn-cat:hover {
  background: #164869
}

.sconto {
  position: absolute; 
  bottom: 10px; 
  right: 10px;
  border-radius: 100px;
  padding: 5px;
  width: 50px;
  height: 50px;
  font-size: 20px;
  border: 1px solid #fff;
  background-color: rgba(69, 160, 224, 0.7);
  color: #fff;
  display: flex;
  align-items: center
}

#myMap {
  height: 80vh; 
  margin: 2px;
  margin-top: 1px
}

.glyphicon-refresh-animate {
  animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}


@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg);}
  to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg);}
  to { transform: scale(1) rotate(360deg);}
}

*{
  outline: none! important
}

div.containerLoad {
  width: 100%;
  height: 100%;
  display: table;
}

div.contentLoad {
  text-align: center;
  display:table-cell;
  vertical-align:middle;
  font-size: 24px;
}

.n_recensioni {
  font-size: 18px;
  color: #555;
  vertical-align: 5px;
}