/* CSS file: - - - - - - - :  monitor.css
   Written from scratch for:  www.animosterapie.ch
   Text editor - - - - - - :  Vim, GNU sed
   Author and copyright  - :  www.saphes.net          */

body {
  min-width: 900px;
  max-width: 1100px;
  margin: auto;
  font-family: verdana, sans-serif;
  background: #77adae;
  padding: 6px;
}
img {
  border: none;
}
hr {
  color: #8eb2b3;
}
#body_aux {
  padding: 0.5em;
  padding-top: 0.5em;
}
a {
  color: #4e7273;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #4e7273;
}
.no_wr {
  white-space: nowrap;
}
.cnt {
  text-align: center;
}
.alt,
.alt_cn {
  display: none;
}
.img_pre {
  height: 0px;
  width: 0px;
}
.tes_col {
  color: #111111;
}
.tes_col_2 {
  color: #853b09;
}
.mn_act {
  color: #77adae;
}
.mn2 {
  padding-left: 0.38em;
}
.mn3 {
  padding-left: 0.76em;
}
.mn4 {
  padding-left: 0.76em;
}
.mn5 {
  padding-left: 0.76em;
}
.mn6 {
  padding-left: 1.90em;
}

/* ------ */

#lyt {
  float: left;
  margin: auto;
  width: 100%;
  height: 1.62em;
  background: url(../img/fn_lyt.250326.png) 20% 0% repeat-y;
}
#lyt_aux1 {
  float: left;
  width: 100%;
}
#lyt_aux2 {
  float: left;
  width: 100%;
  background: url(../img/an_cp_sp_sx.210810.png) left top no-repeat;
}
#lyt_aux3 {
  float: left;
  width: 100%;
  background: url(../img/an_lyt_sp_dx.201003.png) right top no-repeat;
}
#lyt_aux4 {
  float: left;
  width: 100%;
  background: url(../img/sp_lyt_sp.250326.png) 20% top no-repeat;
}
#lyt_aux5 {
  margin-left: 22%;
  margin-top: 0.06em;
}

/* ------ */

#cp {
  float: left;
  margin: auto;
  width: 100%;
  background: url(../img/fn_cp.250326.png) 20% 0% repeat-y;
}
#cp_aux1 {
  float: left;
  width: 100%;
  background: url(../img/an_cp_in_sx.210810.png) left bottom no-repeat;
}
#cp_aux2 {
  float: left;
  width: 100%;
  background: url(../img/an_cp_in_dx.210126.png) right bottom no-repeat;
}
#cp_aux3 {
  float: left;
  width: 100%;
  background: url(../img/sp_cp_in.250326.png) 20% bottom no-repeat;
}
#cp_aux4 {
  float: left;
  width: 100%;
  background: url(../img/an_cp_sp_dx.210126.png) right top no-repeat;
}

/* ------ */

#cn_1 {
  float: left;
  width: 20%;
}
#cn_1 ul {
  margin: 0%;
  padding-left: 16%;
}
#cn_1 li {
  list-style: none;
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 0.8em;
  margin-left: 0%;
  display: block;
  color: #fbfbfc;
}
#cn_1 li a:link,
#cn_1 li a:visited {
  display: block;
  color: #fbfbfc;
}
#cn_1 li a:hover,
#cn_1 li a:focus {
  display: block;
  color: #8fd0d1;
}
#cn_1 li a:active {
  display: block;
  color: #8fd0d1;
}
#cn_1 img {
  width: 100%;
}
#cn_1 .dropdown-content a {
  text-align: left;
  font-weight: normal;
  font-size: 90%;
}
#cn_1 .dropdown-content a:link,
#cn_1 .dropdown-content a:visited {
  color: #000000;
}
#cn_1 .dropdown-content a:active,
#cn_1 .dropdown-content a:focus,
#cn_1 .dropdown-content a:hover {
  color: #555555;
}
#logo {
  float: left;
  width: 87.5%;
  height: 144px;
  margin-left: 5%;
  margin-top: 2.4%;
  margin-bottom: 8.5%;
  background: url(../img/LOGO2_mod_8.png) left no-repeat;
  background-size: contain;
}

/* ------ */

.dropbtn {
  padding: 0px;
}
.dropdown {
  position: relative;
}
.dropdown-content {
  margin-left: 0px;
  margin-right: 16px;
  margin-top: 0px;
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border: 1px solid #9ac1c2;
  border-radius: 5px;
}
.dropdown-content a {
  padding: 6px 10px;
  text-decoration: none;
  display: block;
}
.dropdown:hover .dropdown-content {
  display: block;
}

/* ------ */

#cn_2 {
  float: left;
  width: 79.7%;
  padding-left: 0.3%;
  padding-top: 0.24em;
  padding-bottom: 0em;
}
#cn_2_aux {
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0.2em;
  text-align: justify;
}
.min {
  min-height: 500px;
}
.min_2 {
  min-height: 380px;
}
#trc {
  display: block;
  height: 1.62em;
  padding-top: 0.31em;
  font-size: 84%;
  color: #111111;
}
#trc a {
  text-decoration: underline;
  color: #111111;
}
#trc_2 {
  display: none;
  width: 95.2%;
  float: left;
  padding-left: 2.4%;
  margin-bottom: 0em;
  font-size: 77%;
  color: #111111;
}
#trc_2 a {
  text-decoration: underline;
  color: #111111;
}
#carr_2 {
  display: none;
}
.box {
  float: left;
  width: 98%;
  margin-left: 0.7%;
  margin-top: 0em;
  //margin-top: 0.62em;
}
.box_cont {
  float: left;
  width: 100%;
  box-shadow: 0px 0px 8px #267780;
  background: #ffffff;
}
.box_cont_bot {
  float: left;
  width: 100%;
  margin-top: 0.44em;
  box-shadow: 0px 0px 8px #267780;
  background: #ffffff;
}
.box_sf_top {
  float: left;
  width: 100%;
  height: 4px;
  background: #ffffff;
}
.box_sf_top_aux1 {
  width: 100%;
  height: 4px;
  background: url(../img/an_bx_sp_sx.210126.png) top left no-repeat;
}
.box_sf_top_aux2 {
  width: 100%;
  height: 4px;
  background: url(../img/an_bx_sp_dx.210126.png) top right no-repeat;
}
.box_sf_bot {
  float: left;
  width: 100%;
  height: 4px;
  background: #ffffff;
}
.box_sf_bot_aux1 {
  width: 100%;
  height: 4px;
  background: url(../img/an_bx_in_sx.210126.png) bottom left no-repeat;
}
.box_sf_bot_aux2 {
  width: 100%;
  height: 4px;
  background: url(../img/an_bx_in_dx.210126.png) bottom right no-repeat;
}
.box_sf {
  float: left;
  width: 100%;
  color: #000000;
  background: #ffffff;
  padding-bottom: 1.6%;
}
.box_sf_aux1 {
}
.box_sf_aux2 {
}
.box_sf_aux3 {
  padding-top: 0.16em;
  padding-left: 3.2%;
  padding-right: 2.4%;
  //padding-bottom: 0.16em;
}
.box_sf_aux3 h2 {
  text-align: center;
}
.box_sli {
  float: left;
  width: 100%;
  padding-top: 61.5%;
  height: 0;
  padding-left: 0%;
  padding-bottom: 0%;
  position: relative;
}
.box_tit {
  width: 100%;
  font-family: serif;
  text-align: center;
  color: #3a3757;
}
.box_tit h2 {
  margin-bottom: 0;
}
.tit_2 {
  margin-top: -0.24em;
  padding-bottom: 0.16em;
  font-weight: bold;
  font-size: 75%
}
.tit_3 {
  padding-top: 0.2%;
  font-size: 82%
}
.tit_4 {
  padding-top: 0.2%;
  font-size: 82%
}
.tit_5 {
  font-weight: normal;
  font-family: serif;
  text-align: left;
  padding-top: 0.62em;
}
.tes_hm {
  font-size: 100%;
  font-weight: bold;
  color: #222222;
}
.tes_err {
  color: #a63737;
}
.prodotti_intro {
  float: left;
  width: 98%;
  text-align: justify;
}
.prodotti_intro p {
  padding: 0px;
  margin: 0;
  margin-top: 1.62em;
  margin-bottom: 0.38em;
}
.prodotti {
  width: 98%;
  padding-top: 0.62em;
}
.prodotti a:hover {
  color: #5e898a;
}
.prodotti_carr h3 {
  //font-size:110%;
  //padding-top:1em;
}
.prodotti_carr h4 {
  font-size: 105%;
  margin: 0em;
  margin-top: 1.62em;
  margin-bottom: 0.62em;
}
.prodotti_carr a:hover {
  color: #5e898a;
}
.prodotti form {
  float: right;
}
.prodotti_sx {
  float: left;
  width: 48.1%;
  height: 100%;
  margin-top: 0.62em;
  padding-bottom: 1em;
}
.prodotti_dx {
  float: right;
  width: 48.1%;
  height: 100%;
  margin-top: 0.62em;
  padding-bottom: 1em;
}
.prod_img {
  margin-bottom: 0.24em;
  border: 2px solid #8eb2b3;
  border-radius: 5px;
  float: left;
  width: 100%;
}
.prod_desc {
  float: left;
  width: 100%;
}
.terapie_sx {
  float: left;
  width: 47.6%;
  margin-top: 0.16em;
  margin-bottom: 0.16em;
}
.terapie_sx a {
  float: left;
  font-size: 110%;
  width: 100%;
  font-weight: bold;
  font-family: serif;
  text-align: center;
  background-color: #d3eaeb;
  border: 2px solid #8eb2b3;
  border-radius: 6px;
  margin-top: 1.38em;
  margin-bottom: 0.38em;
  padding-top: 1.24em;
  padding-bottom: 1.24em;
  color: #111111;
}
.terapie_sx a:hover,
.terapie_sx a:focus {
  background-color: #ffffff;
}
.terapie_sx form {
  width: 100%;
}
.terapie_dx {
  float: right;
  width: 47.6%;
  margin-top: 0.16em;
  margin-bottom: 0.16em;
}
.terapie_dx a {
  float: right;
  font-size: 110%;
  width: 100%;
  font-weight: bold;
  font-family: serif;
  text-align: center;
  background-color: #d3eaeb;
  border: 2px solid #8eb2b3;
  border-radius: 6px;
  margin-top: 1.38em;
  margin-bottom: 0.38em;
  padding-top: 1.24em;
  padding-bottom: 1.24em;
  color: #111111;
}
.terapie_dx a {
  color: #111111;
}
.terapie_dx a:hover,
.terapie_dx a:focus {
  background-color: #ffffff;
}
.terapie_dx form {
  width: 100%;
}
.indirizzo {
  margin-top: 2em;
}
.vrf {
  margin: 0;
}
.vrf_t {
  margin-bottom: 0;
}
.vrf_b {
  margin-top: 0;
}
.indirizzo label {
  float: left;
  width: 6.2em;
  padding-bottom: 0.38em;
}
.indirizzo input[type=text] {
  width: 20em;
}
.indirizzo input[name=nap_fat],
.indirizzo input[name=nap_spd] {
  width: 20em;
}
.indirizzo label[for=no_spd],
.indirizzo label[for=si_reg] {
  float: right;
  width: 94%;
}
#fp_box {
  float: left;
  width: 20%;
  padding-top: 32%;
  margin-right: 1.38em;
  margin-top: 1.16em;
  margin-left: -0.62%;
  height: 0;
  background: url(../img/px2.jpg) top left no-repeat;
  background-size: 100%;
}
#fp {
  float: left;
  width: 100%;
  height: 100%;
  background: url(../img/simona.jpg) -1% no-repeat;
  background-size: cover;
}
#fm_txt {
  width: 98%;
  height: 12em;
  resize: none;
}
#contatto {
  float: left;
  width: 32%;
}
#mappa {
  float: left;
  width: 62%;
  padding-top: 1em;
  padding-bottom: 0em;
  margin-right: 1.6em;
}
#mappa iframe {
  width: 100%;
  height: 300px;
  border: 1px solid #808080;  
}
.campo_qnt {
  width: 3em;
  margin-right: 0.24em;
  font-weight: bold;
}
.puls {
  float: right;
  padding: 1em 1.62em;
  //padding: 0.62em 1em;
  background-color: #d3eaeb;
  border: 1px solid #8eb2b3;
  border-radius: 3px;
  font-size: 1em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.24em;
  color: #111111;
}
.puls:hover,
.puls:focus {
  background-color: #e0f9fa;
}
.puls_sx {
  float: left;
  font-size: 100%;
  padding: 1em 1.62em;
  //padding: 0.62em 1em;
  background-color: #d3eaeb;
  border: 1px solid #8eb2b3;
  border-radius: 3px;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.24em;
  color: #111111;
}
.puls_sx:hover,
.puls_sx:focus {
  background-color: #e0f9fa;
}
.puls_mod {
  padding:  0.62em 1.62em;
  background-color: #d3eaeb;
  border: 1px solid #8eb2b3;
  border-radius: 3px;
  font-weight: bold;
  margin-top: 0.38em;
  margin-bottom: 0;
  color: #111111;
}
.puls_mod:hover,
.puls_mod:focus {
  background-color: #e0f9fa;
}
.puls_2 {
  padding: 0.38em 1.62em 0.38em 1.62em;
  margin-right: 0.24em;
  background-color: #d3eaeb;
  border: 1px solid #8eb2b3;
  border-radius: 3px;
  font-weight: bold;
  color: #111111;
}
.puls_2:hover,
.puls_2:focus {
  background-color: #e0f9fa;
}
.puls_ter {
  float: left;
  width: 100%;
  padding-top: 1.24em;
  padding-bottom: 1.24em;
  background-color: #d3eaeb;
  font-weight: bold;
  font-size: 106%;
  font-family: serif;
  margin-top: 0.24em;
  margin-bottom: 0.24em;
  border: 2px solid #8eb2b3;
  border-radius: 5px;
  color: #111111;
}
.puls_ter:hover,
.puls_ter:focus {
  background-color: #e0f9fa;
}
.fm_inp {
  width: 30em;
}
.fm_ro {
  width: 70%;
}
.tb_dis1 {
  padding-top: 0.24em;
}
.tb_dis2 {
  padding-top: 0.38em;
}
.tb_dis3 {
  padding-top: 0.62em;
}
.ok img {
  height: 1.1em;
  margin-bottom: -0.18em;
}
.nm {
  height: 2.4em;
  margin-bottom: 0em;
}
.op {
  height: 1.2em;
  margin-bottom: -0.45%;
}
#flt img {
  border-style: none;
}
#flt input {
  width: 1.6em;
}
.totale {
  display: inline;
  text-align: right;
  font-size: 100%;
  float: right;
}
#ts {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  margin-top: -0.62em;
  padding-bottom: 0.24em;
}
#ts a {
  text-decoration: underline;
  color: #777777;
}
#ts a:hover {
  color: #555555;
}

/* ------ */

#pp {
  float: left;
  width: 100%;
  font-size: 94%;
  color: #2d4242;
  font-weight: bold;
  margin-bottom: 0.38em;
  padding-bottom: 0.62em;
}
#pp_cn_1 {
  width: 70%;
  float: left;
  margin-left: 15%;
  margin-top: 1em;
  text-align: center;
  color: #152f30;
}
#pp_cn_1 a:link,
#pp_cn_1 a:visited {
  color: #152f30;
}
#pp_cn_1 a:hover,
#pp_cn_1 a:focus,
#pp_cn_1 a:active {
  color: #2d4242;
}
#pp_cn_2 {
  float: right;
  margin-top: 0.38em;
  margin-right: 0.6%;
  text-align: right;
}
#w3c {
  width: 96px;
  height: 16px;
  margin: 0.16em;
}

/* ------ */

.disslv {
  width: 100%;
  height: 100%;
}
@-webkit-keyframes disslv-0 {
  0%    {opacity: 0;}
  10%   {opacity: 1;}
  24%   {opacity: 1;}
  34%   {opacity: 0;}
  100%  {opacity: 0;}
}
@-webkit-keyframes disslv-1 {
  0%   {opacity: 0;}
  20%  {opacity: 1;}
  48%  {opacity: 1;}
  68%  {opacity: 0;}
  100% {opacity: 0;}
}
@-webkit-keyframes disslv-2 {
  0%   {opacity: 0;}
  48%  {opacity: 1;}
  100% {opacity: 1;}
}
@-moz-keyframes disslv-0 {
  0%    {opacity: 0;}
  10%   {opacity: 1;}
  24%   {opacity: 1;}
  34%   {opacity: 0;}
  100%  {opacity: 0;}
}
@-moz-keyframes disslv-1 {
  0%   {opacity: 0;}
  20%  {opacity: 1;}
  48%  {opacity: 1;}
  68%  {opacity: 0;}
  100% {opacity: 0;}
}
@-moz-keyframes disslv-2 {
  0%   {opacity: 0;}
  48%  {opacity: 1;}
  100% {opacity: 1;}
}
@-o-keyframes disslv-0 {
  0%    {opacity: 0;}
  10%   {opacity: 1;}
  24%   {opacity: 1;}
  34%   {opacity: 0;}
  100%  {opacity: 0;}
}
@-o-keyframes disslv-1 {
  0%   {opacity: 0;}
  20%  {opacity: 1;}
  48%  {opacity: 1;}
  68%  {opacity: 0;}
  100% {opacity: 0;}
}
@-o-keyframes disslv-2 {
  0%   {opacity: 0;}
  48%  {opacity: 1;}
  100% {opacity: 1;}
}
@keyframes disslv-0 {
  0%    {opacity: 0;}
  10%   {opacity: 1;}
  24%   {opacity: 1;}
  34%   {opacity: 0;}
  100%  {opacity: 0;}
}
@keyframes disslv-1 {
  0%   {opacity: 0;}
  20%  {opacity: 1;}
  48%  {opacity: 1;}
  68%  {opacity: 0;}
  100% {opacity: 0;}
}
@keyframes disslv-2 {
  0%   {opacity: 0;}
  48%  {opacity: 1;}
  100% {opacity: 1;}
}
.disslv img {
  width: 97.6%;
  float: left;
  padding-left: 1.2%;
  padding-top: 0.24%;
  position: absolute;
  top: 0.6%;
}
.disslv0 img {
  opacity: 0;
  -webkit-animation: disslv-0 33.6s infinite;
  -moz-animation: disslv-0 33.6s infinite;
  -o-animation: disslv-0 33.6s infinite;
  animation: disslv-0 33.6s infinite;
}
.disslv1 img {
  opacity: 0;
  -webkit-animation: disslv-1 16.8s infinite;
  -moz-animation: disslv-1 16.8s infinite;
  -o-animation: disslv-1 16.8s infinite;
  animation: disslv-1 16.8s infinite;
}
.disslv2 img {
  opacity: 1;
  -webkit-animation: disslv-2 8.4s 1;
  -moz-animation: disslv-2 8.4s 1;
  -o-animation: disslv-2 8.4s 1;
  animation: disslv-2 8.4s 1;
}
.disslv0 img:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.disslv0 img:nth-child(2) {
  -webkit-animation-delay: 8.4s;
  -moz-animation-delay: 8.4s;
  -o-animation-delay: 8.4s;
  animation-delay: 8.4s;
}
.disslv0 img:nth-child(3) {
  -webkit-animation-delay: 16.8s;
  -moz-animation-delay: 16.8s;
  -o-animation-delay: 16.8s;
  animation-delay: 16.8s;
}
.disslv0 img:nth-child(4) {
  -webkit-animation-delay: 25.2s;
  -moz-animation-delay: 25.2s;
  -o-animation-delay: 25.2s;
  animation-delay: 25.2s;
}
.disslv1 img:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.disslv1 img:nth-child(2) {
  -webkit-animation-delay: 8.4s;
  -moz-animation-delay: 8.4s;
  -o-animation-delay: 8.4s;
  animation-delay: 8.4s;
}
.disslv2 img:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

/* ------ */

@media screen and (min-width: 820px) and (max-width: 970px) {

  body {
    min-width: 800px;
    max-width: 950px;
  }
  #cn_1 li {
    font-size: 114.6%;
    font-weight: bold;
  }
  .tes_hm {
    font-size: 100%;
  }
  #fp_box {
    margin-top: 1.16em;
    width: 22.6%;
    padding-top: 40%;
  }
  #mappa {
    float: left;
    width: 58%;
  }
}