@charset "UTF-8";

/* Margini */
.mar-bot-1 {margin-bottom: 5%;}
.mar-bot-2 {margin-bottom: 10%;}
.mar-bot-3 {margin-bottom: 15%;}

.mar-top-1 {margin-top: 5%}
.mar-top-2 {margin-top: 10%}
.mar-top-3 {margin-top: 15%}

.mar-left-1 {margin-left: 5%}
.mar-left-2 {margin-left: 10%}
.mar-left-3 {margin-left: 15%}

.mar-right-1 {margin-right: 5%}
.mar-right-2 {margin-right: 10%}
.mar-right-3 {margin-right: 15%}

.mar-top-bot-1 {margin-top: 5%; margin-bottom:5%;}
.mar-top-bot-2 {margin-top: 10%; margin-bottom:10%;}
.mar-top-bot-3 {margin-top: 15%; margin-bottom:15%;}

.mar-tot-1 {margin: 5%}
.mar-tot-2 {margin: 10%}
.mar-tot-3 {margin: 15%}

/* Padding */
.pad-bot-1 {padding-bottom: 5%;}
.pad-bot-2 {padding-bottom: 10%;}
.pad-bot-3 {padding-bottom: 15%;}

.pad-top-1 {padding-top: 5%}
.pad-top-2 {padding-top: 10%}
.pad-top-3 {padding-top: 15%}

.pad-left-1 {padding-left: 5%}
.pad-left-2 {padding-left: 10%}
.pad-left-3 {padding-left: 15%}

.pad-right-1 {padding-right: 5%}
.pad-right-2 {padding-right: 10%}
.pad-right-3 {padding-right: 15%}

.pad-top-bot-1 {padding-top: 5%; padding-bottom:5%;}
.pad-top-bot-2 {padding-top: 10%; padding-bottom:10%;}
.pad-top-bot-3 {padding-top: 15%; padding-bottom:15%;}

.pad-tot-1 {padding: 5%}
.pad-tot-2 {padding: 10%}
.pad-tot-3 {padding: 15%}

/* Padding specifico per le 12 colonne*/
.pad-left0 {padding-left: 0%;}
.pad-left1 {padding-left: 8.33333%;}
.pad-left2 {padding-left: 16.66667%;}
.pad-left3 {padding-left: 25%;}
.pad-left4 {padding-left: 33.33333%;}
.pad-left5 {padding-left: 41.66667%;}
.pad-left6 {padding-left: 50%;}
.pad-left7 {padding-left: 58.33333%;}
.pad-left8 {padding-left: 66.66667%;}
.pad-left9 {padding-left: 75%;}
.pad-left10 {padding-left: 83.33333%;}
.pad-left11 {padding-left: 91.66667%;}
.pad-left12 {padding-left: 100%;}
.pad-right0 {padding-right: 0%;}
.pad-right1 {padding-right: 8.33333%;}
.pad-right2 {padding-right: 16.66667%;}
.pad-right3 {padding-right: 25%;}
.pad-right4 {padding-right: 33.33333%;}
.pad-right5 {padding-right: 41.66667%;}
.pad-right6 {padding-right: 50%;}
.pad-right7 {padding-right: 58.33333%;}
.pad-right8 {padding-right: 66.66667%;}
.pad-right9 {padding-right: 75%;}
.pad-right10 {padding-right: 83.33333%;}
.pad-right11 {padding-right: 91.66667%;}
.pad-right12 {padding-right: 100%;}

.cont {padding: 50px; width:250px;}

.cont1 {
  margin:0 auto;
    width:350px;
    height:350px;
}

.contenitore {
    background: #000;
    margin:10px auto;
    position: relative;
}

.centrato {
    position: absolute;
    width:90%;
    padding-left:5%;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    background: yellow;

}

/* RESPONSIVE */
@media(max-width:1440px) {
  
}
@media(max-width:1366px) {
    
}
@media(max-width:1280px) {
    
}
@media(max-width:1024px) {
  .cont1 {width:250px; height:250px;}  
}
@media(max-width:991px) {
    
}
@media(max-width:800px) {
    .cont1 {width:200px; height:200px;}
}
@media(max-width:600px) {
  
}
@media(max-width:480px) {
    
}
@media(max-width:350px) {
    
}
@media(max-width:375px) {
    
}

.mappa-responsive {
position: relative;
padding-bottom: 90%;
    padding-top: 0;
height: 350px; width:350px;
overflow: hidden;
}
.mappa-responsive iframe {
position: absolute;
top:0;
left: 0;
width: 350px;
height: 350px;
}