﻿

/*************** modifiche bootstrap ****************/

/*  blu:      0,113,188    #0071BC  */
/*  azzurro:  27,230,175   #1BE6AF  */

.navbar-light .navbar-toggler
{
  border-color: #0071BC !important;
} 

.navbar-light span.navbar-toggler-icon
{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,113,188, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  color: #0071BC !important;
}

.carousel-inner > .carousel-item
{
  height: 400px;
}

  .carousel-inner > .carousel-item > img
  {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*max-height: 400px;*/
    width: auto;
  }

.carousel-control.left,
.carousel-control.right
{
  background-image: none;
}


/*************** media query ****************/


.bkMalvaWhite
{
  background-color: white !important;
}

.logodim
{
  height: 36px;
  position: relative;
}

.fs2vw
{
  font-size: 2vw;
}

.fs0
{
  font-size: 12pt;
}

.fs1
{
  font-size: 14pt;
}

.fs2
{
  font-size: 16pt;
}

.fs3
{
  font-size: 18pt;
}

.fs4
{
  font-size: 20pt;
}

.img1
{
  width: 40px;
  height: 40px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}




@media (max-width: 992px)
{
  .bkMalvaWhite
  {
    background-color: #EBE5FF !important;
  }

  .logodim
  {
    height: 28px;
    position: relative;
  }

  .img1
  {
    width: 36px;
    height: 36px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

}


@media only screen and (max-width : 768px)
{
  .navbar-collapse
  {
    background: #cf2430;
  }

  .fs0
  {
    font-size: 10pt;
  }

  .fs1
  {
    font-size: 12pt;
  }

  .fs2
  {
    font-size: 14pt;
  }

  .fs3
  {
    font-size: 16pt;
  }

  .fs4
  {
    font-size: 18pt;
  }

  .imgsh
  {
    width: 96px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .imgvh
  {
    height: 32px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

  .img1
  {
    width: 32px;
    height: 32px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }
}

@media (max-width: 425px)
{

  .fs0
  {
    font-size: 8pt;
  }

  .fs1
  {
    font-size: 10pt;
  }

  .fs2
  {
    font-size: 12pt;
  }

  .fs3
  {
    font-size: 14pt;
  }

  .fs4
  {
    font-size: 16pt;
  }

  .img1
  {
    width: 24px;
    height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }

}



@media (max-width: 320px)
{

  .logodim
  {
    height: 24px !important;
    position: relative;
  }


  .fs0
  {
    font-size: 6pt;
  }

  .fs1
  {
    font-size: 8pt;
  }

  .fs2
  {
    font-size: 10pt;
  }

  .fs3
  {
    font-size: 12pt;
  }

  .fs4
  {
    font-size: 14pt;
  }

  .img1
  {
    width: 20px;
    height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
  }
}






/*************** varie ****************/

.bk993Orange
{
  background-color: #EC7204;
}

.bk993Green
{
  background-color: #1B5B29;
}

.bkSfondo
{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bkBlackTrans
{
  background-color: rgba(0, 0, 0, 0.75);
}

.bkGreenTrans
{
  background-color: rgba(0, 155, 30, 0.75);
}

.bkBlueTrans
{
  background-color: rgba(0, 113, 188, 0.75);
}

.bkGoldTrans
{
  background-color: rgba(223, 225, 0, 0.75);
}

.bkOrangeTrans
{
  background-color: rgba(255, 165, 0, 0.75);
}

.bkRedTrans
{
  background-color: rgba(255, 0, 0, 0.75);
}

.bkVioletTrans
{
  background-color: rgba(135, 206, 235, 0.75);
}

.bkBlackTrans25
{
  background-color: rgba(0, 0, 0, 0.25);
}

.bkGreenTrans25
{
  background-color: rgba(0, 155, 30, 0.25);
}

.bkBlueTrans25
{
  background-color: rgba(0, 113, 188, 0.25);
}

.bkGoldTrans25
{
  background-color: rgba(223, 225, 0, 0.25);
}

.bkOrangeTrans25
{
  background-color: rgba(255, 165, 0, 0.25);
}

.bkRedTrans25
{
  background-color: rgba(255, 0, 0, 0.25);
}

.bkVioletTrans25
{
  background-color: rgba(135, 206, 235, 0.25);
}

.bkBlackTrans50
{
  background-color: rgba(0, 0, 0, 0.50);
}

.bkGreenTrans50
{
  background-color: rgba(0, 155, 30, 0.50);
}

.bkBlueTrans50
{
  background-color: rgba(0, 113, 188, 0.50);
}

.bkGoldTrans50
{
  background-color: rgba(223, 225, 0, 0.50);
}

.bkOrangeTrans50
{
  background-color: rgba(255, 165, 0, 0.50);
}

.bkRedTrans50
{
  background-color: rgba(255, 0, 0, 0.50);
}

.bkVioletTrans50
{
  background-color: rgba(135, 206, 235, 0.50);
}

.mh310
{
  min-height: 310px !important;
}

.mh140
{
  min-height: 140px !important;
}

.mh240
{
  min-height: 240px !important;
}


.mh192
{
  min-height: 192px !important;
}

.mh292
{
  min-height: 292px !important;
}

.mh392
{
  min-height: 392px !important;
}

.lh16
{
  line-height: 16px !important;
}

.lh26
{
  line-height: 26px !important;
}

.lh36
{
  line-height: 36px !important;
}

.boRadU4
{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.boRadD4
{
  border-bottom-left-radius : 4px;
  border-bottom-right-radius : 4px;
}

.rt
{
  padding: 5px 20px;
  border-radius: 60px;
  min-height: 200px;
  border: 10px solid white;
}

.bkRtPre
{
  background-color: sandybrown !important;
}

.bkRtImm
{
  background-color: #ffff66 !important;
}

.bkRtDur
{
  background-color: palegreen !important;
}


/* ------------- colori ----------------*/


.col993Orange
{
  color: #EC7204;
}

.col993Green
{
  color: #1B5B29;
}

.colSQ1
{
  color: #0071BC;
}

.colSQ2
{
  color: #1BE6AF;
}

.bkSQ1
{
  background-color: #0071BC !important;
}

.bkSQ2
{
  background-color: #1BE6AF !important;
}

/* ------------- link ----------------*/

a.lnkWhiteSQ1:link, a.lnkWhiteSQ1:visited, a.lnkWhiteSQ1:active
{
  color: white !important;
  text-decoration: none !important;
}

a.lnkWhiteSQ1:hover
{
  color: #0071BC !important;
  text-decoration: none !important;
}

a.lnkWhiteSQ2:link, a.lnkWhiteSQ2:visited, a.lnkWhiteSQ2:active
{
  color: white !important;
  text-decoration: none !important;
}

a.lnkWhiteSQ2:hover
{
  color: #1BE6AF !important;
  text-decoration: none !important;
}

a.lnkWhiteSQ3:link, a.lnkWhiteSQ3:visited, a.lnkWhiteSQ3:active
{
  color: #0071BC !important;
  text-decoration: none !important;
}

a.lnkWhiteSQ3:hover
{
  color: #1BE6AF !important;
  text-decoration: none !important;
}

/* ------------- map ----------------*/

#map
{
  height: 100%;
  width: 100%;
}

/* ------------- carousel ----------------*/

.carousel, .item, .active
{
  height: 100%;
}

.carousel-inner
{
  height: 100%;
}

.carousel-inner > .item > img
{
  height: 100%;
}

/* ------------- forme ----------------*/

.rtShp
{
  width: 50% !important;
}

.spin
{
  width: 20px !important;
  height: 20px !important;
}

