@charset "utf-8";
/* CSS Document */

/* Style the header */
header {
   font: normal 20px Geogrotesque-Medium, Helvetica, Arial, sans-serif;
   text-shadow: 0 1px 1px #FFF;
   color: #fff;
   padding: 30px;
   text-align: center;
   font-size: 2.5em;
   color: white;
}
.container {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   width: 98%;
   margin: 0 auto;
}
.container div { box-sizing: border-box; }

/* Style the columns */
nav {
   background-color: #A44E00;
   padding: 10px;
   text-align: center;
   width: 100%;
   position: sticky;
   top: 0;
   margin-top: 5px;
   z-index: 100
}
nav a {
   color: white;
   text-decoration: none;
   margin: 0px 20px;
   font-size: 1.3em;
}
nav a:hover { text-decoration: none; }
/**********/
section { min-height: 100vh; }
.coloane {
   column-count: 2;
   column-gap: 100px;
   column-rule-style: solid;
   column-rule-width: 1px;
   column-rule-color: #CCC;
   text-align: justify
}
.coloane {
   column-count: 3;
   column-gap: 100px;
   column-rule-style: solid;
   column-rule-width: 1px;
   column-rule-color: #CCC;
   text-align: justify
}
.coloane4 {
   column-count: 4;
   column-gap: 24%;
   column-rule-style: solid;
   column-rule-width: 1px;
   column-rule-color: #FFF;
   text-align: left
}
.topnav {
   overflow: hidden;
   background-color: #BA7901;
}
.topnav a {
   float: left;
   display: block;
   color: #fff;
   text-align: center;
   padding: 8px 5px;
   text-decoration: none;
   font-size: 1.4em;
}
.topnav a:hover {
   background-color: #FED17E;
   color: black;
}
.topnav a.active {
   background-color: #04AA6D;
   color: white;
}
.topnav .icon { display: none; }
/* Clear floats columns */
section::after {
  content: "";
  display: table;
  clear: both;
}
/* Style the footer */
footer {
   color: white;
   background-color: #886900; 
   border-bottom:solid 10px #E69B00;   
   border-top:solid 10px #E69B00;
}
.dim_2 {
   padding-bottom: 10px;
   padding-left: 20px;
   padding-right: 0px;
   padding-top: 10px;
   }
.dim_2a {
   padding:10px 20px;
   }   
.dim_2am {
   padding:10px 20px;
   }   
   .dim_3 {
   padding:10px 20px;
   }
.topdiv {
   width: 100%;
   margin: 0;
   padding: 4px;
   background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,218,30,1.00)),color-stop( 100% , rgba(0,176,42,1.00)));
   background-image: -webkit-linear-gradient(270deg,rgba(255,218,30,1.00) 0%,rgba(0,176,42,1.00) 100%);
   background-image: -moz-linear-gradient(270deg,rgba(255,218,30,1.00) 0%,rgba(0,176,42,1.00) 100%);
   background-image: -o-linear-gradient(270deg,rgba(255,218,30,1.00) 0%,rgba(0,176,42,1.00) 100%);
   background-image: linear-gradient(180deg,rgba(255,218,30,1.00) 0%,rgba(0,176,42,1.00) 100%);
 }
 input {
   width: 100%;
   padding: 10px 5px;
   border: solid 1px #DBDBDB;
   border-radius: 3px;
   font-size: 1.2em;
   color: #333333;
   font-size: 0.9em
}
 textarea {
   width: 100%;
   padding: 10px 5px;
   border: solid 1px #DBDBDB;
   border-radius: 3px;
   font-size: 1.2em;
   color: #333333;
   font-size: 1.1em
}
 
.dim_1, .dim_2,  .dim_2am, .dim_2a, .dim_3, .dim_4, .footer_3, .dim_2_mare, .dim_2_mic { width: 100%; }
@media (min-width: 480px) {
.dim_10 {
   width: 17.43%;
   text-align: center;
}
}
@media (max-width: 800px){
.dim_1{ margin:2px 0 0 0;}

}


@media (min-width: 800px) {
   
.adslot_1 {
   width: 468px;
   height: 60px;
}
.dim_1 { width: 100%; }
.dim_2 {
   width: 49%;
   padding: 5px 2%;
}
.dim_2a {
   width: 70%;
   padding: 5px 2%;
   float:none;
}
.dim_2am {
   width: 28%;
   padding: 5px 2%;
   float:none;
   margin: 5px 1%;
   float:right
}
.dim_3 {
   width: 30.2%;
   padding: 5px 2%;
   float:none;
}

.dim_2col { }
.dim_2col_2 { }
.dim_3 { margin: 4px 1.5%; }
.dim_4 { width: 49%; }
.dim_5 { width: 32.313%; }
.dim_10 { width: 11.73%; }
.dim_10p { width: 23.9823%; }
.dim2_mare { }
.dim2_mic { }
.input_client { width: 90%; }
.input_log { width: 80%; }
.imput_client_bt, .imput_client_bt_t { width: 46%; }
.imput_client_bt_go { width: 70%; }
/*********************/
.stats { width: 10.53%; }
}

@media (min-width: 800px) {
.adslot_1 {
   width: 728px;
   height: 90px;
}
.dim_2 {
   width: 48%;
   padding: 5px 10px
}
.dim_2col { width: 71.68%; }
.dim_2col_2 { width: 26.28%; }
.dim_2_intern { width: 48.241%; }
.dim_3, .footer_3 {
   width: 30.3%;
   margin: 10px 1.5%;
}
.dim_4 {
   width: 23.9978%;
   display: block;
}
.dim_5 { width: 18.9978%; }
.dim_10 { width: 9.2422%; }
.dim_10p { width: 19%; }
.input_log { width: 40%; }
.input_client { width: 90%; padding:8px 5px}
.imput_client_bt, .imput_client_bt_t {
   max-width: 280px;
   min-width: 250px;   
   width: 25%
}
.imput_client_bt_go {
   max-width: 240px;
   width: 50%
}
.stats { width: 7.5%; }
}
@media screen and (max-width: 860px) {
nav{ position: relative;}
.coloane{ column-count: 1;}
.topnav a:not(:first-child) { display: none; }
.topnav a.icon {
   float: right;
   display: block;
}
.topnav.responsive { position: relative; }
.topnav.responsive .icon {
   position: absolute;
   right: 0;
   top: 0;
   
}
.topnav.responsive a {
   float: none;
   display: block;
   text-align: left;
}

}

@media (min-width:1300px) {
.container {
   max-width: 1300px;
   margin-left: auto;
   margin-right: auto;
}
}


@media print{
.print { text-align:center;
  display: none;
}   
   .noprint{
       display:none;
   }
   @page {size: landscape}
   p {font-size:1.2em !important;}
  .print {
    display: block;
  }
}