body 
{

  color: #f7f7f7;
/*background-color: #508dca;*/
 margin: 0;
 padding: 0;
     font-family: "Open Sans", sans-serif, Arial, Helvetica, sans-serif;
 font-size: 16px;
 line-height: 20px;
 /*color:#333; 
 /*background-color: #333333;*/
 -webkit-text-size-adjust:100%;
 


 }
 
 
 
 
 /* Reset di base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
        font-family: "Open Sans", sans-serif, Arial, Helvetica, sans-serif;
}

/* Struttura dell'Header */
.main-header {
    width: 100%;
    height: 130px;
    background-color: #A27264; 
    display: flex;
    justify-content: space-between; /* Spazia a sinistra e destra */
    align-items: center;
    padding: 0 25px;
    border-bottom: 1px solid #b2dac3; /* Bordo inferiore opzionale per rifinitura */
}

/* Sezione Sinistra (Logo + Separatore + Titolo Sezione) */
.header-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Contenitore Logo ARPA */
.logo-arpa img {
    height: 70px; /* Regola in base al tuo file logo originale */
    display: block;
}

/* Linea di separazione verticale */
.divider {
    width: 1px;
    height: 80px;
    background-color: #ffffff; /* Blu scuro scuro matching con il brand */
}

/* Titolo Sezione (RIFIUTI URBANI + Icona) */
.section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-weight: 700;
    font-size: 2.0rem; /* ~24px */
    letter-spacing: 0.5px;
}

.section-icon {
    height: 55px; /* Regola in base alle dimensioni della tua icona */
    width: auto;
}

/* Sezione Destra (Testo GIS) */
.header-right {
    display: flex;
    align-items: center;
}

.system-title {
    color: #ffffff;
    font-size: 1.25rem; /* ~20px */
    font-weight: 600;
}

/* Responsiveness per schermi piccoli (opzionale) */
@media (max-width: 900px) {
    .main-header {
        height: auto;
        padding: 15px;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .header-right {
        align-self: flex-end;
    }
    
    .system-title {
        font-size: 1rem;
    }
    
    .section-title {
        font-size: 1.2rem;
    }
}
 
 
 .container, .container-fluid {
    margin-top: 25px; 
}
 
 .img-thumbnail, body {
    background-color: #ffffff;
}
 
.testoscuro {
  color: #2B2B2B;
}

.testoscuro a {
  color: #A27264!important;
  font-weight: bold!important;
  text-decoration: none;
}

.testoscuro a:hover {
  text-decoration: underline;
}
 
p.testoscuro {

  color: #2B2B2B;
}

p.testoscuro a {
  color: #A27264!important;
  text-decoration: none;
}

p.testoscuro a:hover {
  text-decoration: underline;
}
 
 
 
 
@media only screen and (max-width:900px) {


#logo {
position: relative;
    top: 2%;
    /* left: 2%; */
    text-align: center;
}


body {
/*
background-image: url();
*/

 }
}


button {
    background-color: #3b7e31; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	    cursor: pointer;
}


.terra 
{
    text-align: center;
    width: 30%;
    max-width: 400px;
    min-width: 300px;
  }
  
h1 
{
  color: #f7f7f7;
  text-align: center;
  font-size: 1.8em;

}

p
{
  color: #2B2B2B;
    font-weight: normal !important;
	    font-size: 18px;
    line-height: 25px;

}
 
a:link {
    color: #fff;
    text-decoration: none;

}

/* visited link */
a:visited {
    color: #fff;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #cccccc;
    text-decoration: underline;
}

/* selected link */
a:active {
    color: #fff;
    text-decoration: none;
}




/* effetto scritta su foto */

.captionEffect {
position: relative;
overflow: hidden;
/*width: 90%;*/
margin: 0 auto;
}

.captionEffect img {
width: 100%;
display: block;
-moz-transition:800ms;
-webkit-transition: 800ms; 
-o-transition: 800ms; 
transition: 800ms;
}

.captionEffect figcaption {
background: rgba(0,0,0,0.8);
color: #fff;
padding: .5rem;
position: absolute;
-webkit-transition: 800ms; 
-o-transition: 800ms; 
transition: 800ms;
width: 100%;
cursor: pointer;
}


.captionEffect[data-effect="fade-in"] figcaption {
top: 0;
left: 0;
height: 100%;
opacity: 0;
}

.captionEffect[data-effect="fade-in"]:hover figcaption {
opacity: 1;
}

.captionEffect figcaption h2 {
font-size: 2em;
padding:25px 0 0 0;
margin:0 0 25px;
}

.captionEffect figcaption p {
margin: 0;

    font-size: 13px;
    line-height: 16px;

}




/*font*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif, Arial, Helvetica, sans-serif!important;
}

legend {
    border-bottom: 0px solid #e5e5e5;
}

/* Box-sizing -*/
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 *behavior: url('/test/grid/script/boxsizing.htc');
}

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}


/* menu multilivello*/
/*
ul, li, a  {margin: 0; padding: 0;}
/*body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
*/
a {text-decoration: none;}
.container {
    width: 100%;
  /*  max-width: 700px;*/
    text-align:left;
	margin: 10px auto;
	float:left;
}
.toggleMenu {
    /*float: left;/*
	text-align:right;*/
	display:  none;
    /*background: #333333;
	*/
	background:#0d5f7e;
    padding: 10px 15px;
    color: #ffffff;
    margin-top:3px;
        width: 100%;
}

.toggleMenu a {

    color: #ffffff;
}

.nav ul, li, a  {margin: 0; padding: 0;}



.nav {
    /*border-top: 3px solid #f7f7f7;*/
	list-style: none;
     *zoom: 1;
	 /*
    background:#f7f7f7;
	background:#333333;
	
	background:#0d5f7e;
	color: #ffffff;
*/
	
	}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#333;
	color: #ffffff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    /*border-top: 1px solid #104336;*/
	border-radius: 10px 10px 0px 0px;
}
.nav > li > .parent {
    background-image: url("../img/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
	
}
.nav li li a {
    display: block;
    background: #f0f0f0;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
	color: #0c5c7f;
}
.nav li li li a {
    background:#ccc;
    z-index:200;
    border-top: 1px solid #1d7a62;
}



@media screen and (max-width: 700px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
		padding-left: 15px;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

#logo {
position: relative;
    top: 2%;
    /* left: 2%; */
    text-align: center;
}
	
	
	
	
}


.blue-different  { 
        background-color: #333333 !important;
 	
}

#corpo-stretto 
{ 
        max-width: 800px;
 	
}

img.mappa { 
 max-width:20px; 

	
}


/*icona*/

.icona { 
width: 20px;
margin-right: 5px;
}


/* bottoni */
.pulsante { 
text-align: center;
}

.btn{-webkit-box-shadow:0 2px 4px 0 rgba(28,32,36,.26);box-shadow:0 2px 4px 0 rgba(28,32,36,.26);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}.btn-default.focus,.btn-default:focus,.btn-default:hover{background:#65dde0;border-color:#65dde0;color:#004a4d;opacity:1;filter:alpha(opacity=100)}.btn-default.active,.btn-default.active.active,.btn-default.active.focus,.btn-default.active:active,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active,.btn-default:active.active,.btn-default:active.focus,.btn-default:active:active,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle,.open>.btn-default.dropdown-toggle.active,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:active,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover{background:#004a4d;border-color:#004a4d;color:#65dde0;opacity:1;filter:alpha(opacity=100)}a.btn-default:visited{color:#004a4d}a.btn-danger:visited,a.btn-info:visited,a.btn-primary:visited,a.btn-success:visited,a.btn-warning:visited{color:#fff}
 

/* fine bottoni/*/


/* tabs*/


ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-left: 16px;
    margin-top: 8px;
    /*border: 1px solid #ccc;
    background-color: #f1f1f1;*/
}

/* Float the list items side by side */
ul.tab li {float: left; background-color: #e8eeef; border-radius: 5% 0% 0% 0%; border-right: 1px solid #ccc;}


/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
	border-radius: 0% 0% 0% 0%;
	 
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
background-color: #A27264; 
  /* border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;*/
  
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 0px;
    /*border: 1px solid #ccc;*/
    border-top: none;
}


.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* fine tabs */


/* tabs per modificare css bootstrap */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
  font-size:25px;
	  background-color: rgba(0,0,0,0.01); 
    border: 1px solid rgba(0,0,0,0.01); 
    border-bottom-color: transparent; 
    cursor: default;
	border-radius: 10px 10px 0px 0px;
    margin-right: 4;
}



.nav-tabs {
    border-bottom: 0px solid #ddd;
    font-size: 25px;
    color: #fff;
    float: right;
 
    MARGIN-top: -40px;
}


.tab-content>.active {
   
    border-radius: 12px;
}



.nav-tabs>li>a {
    background-color: #dddddd; 
    color: #A27264;
    font-weight: 700;
    margin-right: 4;
    margin-left: 4;
    border-radius: 10px 10px 0px 0px;
    height: 40px;
    padding-top: 5px;
}



.nav-tabs>li {
    float: left;
    margin-bottom: 0px; 
}

/* Immagini responsive */
img { 
 border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
}
 
img.scala { 
 max-width:100%; 
	height:auto; 
}

/* Stili di base e tipografia */
html {
  font-size: 100%;
}


a {
 color: #558bc4;
 text-decoration: none;
}

a:hover {
 color: #f7ae04;
 text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { 
	font-family:inherit, "Georgia", "Times New Roman", serif; 

} 

h1 { 
 font-size:42px; 
	line-height:46px; 
	margin-bottom:20px; 
}

h2 { 
 font-size:21px; 
	ine-height:25px;
	margin-bottom:12px; 
}

h3 { 
 font-size:18px; 
	line-height:18px;
	margin-bottom:0px; 
}


p.didascalia { 
 font-size:12px; 
	height:auto; 
}

/* Griglia */

.riga {
 width: 100%; 
max-width: 1400px; 

 
 min-width: 720px; 
 margin: 0 auto;

}



 /* per cartina */
.iframe-class {
 width: 100%; 
 /*
 max-width: 960px; 
 min-width: 720px; 
 */

  height: 601px;
 margin: 0 auto;
 background: #fff; 
}
/* fine per cartina */


/* box */

#box 

{
 width: 100%; 
 margin: 0 auto;
 background: #f7f7f7;
 padding: 20px;
 border: 1px solid #ccc;

 
}



.manina {
    cursor: pointer;
   
}


/* fine box*/

[class*='colonna-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 15px; 
/* background: #fff; */
}

.colonna-1-4 {
 width: 25%;
}

.colonna-1-5 {
 width: 20%;
}

.colonna-1-6 {
 width: 16%;
}


.colonna-1-45 {
 width: 80%;
}

.colonna-1-34 {
 width: 75%;
}



.colonna-1-3 {
 width: 33.33%;
 
}
/* modifiche fatte con Giacomo*/
.colonna-1-2 {
 width: 100%;
}


.colonna-1-3 {
 width: 100%;
 
}

/*
@media (max-height:768px) {
	.colonna-1-2
	{
	width: 50%;
	}
}
*/

@media (min-width:1024px) {
	.colonna-1-2
	{
	width: 50%;
	}


.colonna-1-3 {
 width: 33%;
}

.colonna-1-32 {
    width: 66%;
}




}

/* fine modifiche fatte con giacomo*/
.colonna-1-21 {
 width: 200px;
float:left;
padding-left: 0px;
padding-right: 0px;


}

.colonna-1 {
 /*width: 100%;
 /*padding: 0 0px; 
*/

    float: unset;
    width: 800px;

    margin: 0 auto;




}

.colonna-0 {
 width: 100%;
 padding: 0 0px; 

}

.colonna-00 {
 width: 100%;
 padding: 10px; 
background-color: #e8eeef;
}







.homep {
    list-style: none;
     *zoom: 1;
   /* background:#f7f7f7;
    */
	padding: 0px 0px 0px 0px;
		}


	.homep li {
    position: relative;
	padding: 10px 10px 10px 0px;
	/*border: 1px solid #cccccc;*/
}

/*		
.homep > li {
    float: left;
    
}
	
	*/
	
	/* per home page */

.homep > li > .parent {
    background-image: url("downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}


.titolo-discarica
{
  /*z-index: 1400;
  background-color: #65dde0;*/
  margin-top: 0px;

    z-index: 10;
    position: absolute;
    right: 0px;
    padding-top: 12px;




}


.titolo-discarica h1
{
  color: 0d5f7e;
    margin-right:20px;
    text-align: right;
	 font-size: 28px;
 line-height: 20px;
 margin-bottom: 0px;
 margin-top: 0px;
   
}


#testo {
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #ffffff;
    MARGIN: 0px 0px 0px 0px;
    PADDING-LEFT: 10px;
    /*WIDTH: 711px;
    */
	PADDING-RIGHT: 10px;
    FLOAT: left;
    PADDING-TOP: 10px;
}

 
 .ritaglia {
    position: relative;
    height: 200px;
    overflow: hidden;
	    width: 100%;
}

  .ritaglia2 {
    position: relative;
    /*height: 100px;*/
    overflow: hidden;
	    width: 100%;
}

 
 
.ritaglia img {
  
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
		  
		  border: 0px solid #000;
  border-radius: 0%;
  filter: none; 
filter: contrast(150%); 

-webkit-filter: contrast(150%);
  
/*  
  -webkit-filter: grayscale(0%);
*/

  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
   
		    border: 1px #508dca solid;
		  
}

.ritaglia img:hover {
border: 0px solid #000;
  border-radius: 0%;
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray;-webkit-filter: grayscale(100%);

} 





[class*="colonna-"] + [class*="colonna-"]:last-child {float: right;}






/* Micro-clearfix */
.riga:before,
.riga:after {
 content: " "; 
 display: table;
}

.riga:after {
 clear: both;
}

.riga {
 *zoom: 1;
}

/* Stili  per le varie sezioni */
header {
 height: 92px;
 border-bottom: 1px solid #333;
 position: relative;
 background-image: url("../img/header-discariche.jpg");
 background-repeat: no-repeat;
 background-color: #0d5f7e;
 
}


#logo {
position: absolute;
    top: 2%;
    Left: 2%;
}



#news {
position: absolute;
    top: 2%;
    right: 2%;
}




header #logo {
/*float: left;
 /*float: right;*/
}



header h2 {
padding-top:45px;
color: #ffffff;
margin:0px 0px 5px 5px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#logo a {display: block;}

.img_logo
{
    float: left;
}

#tabella_volumetria 
{
    /*
BORDER-LEFT: #333333 1px solid; BACKGROUND-COLOR: #f0f0f0; BORDER-COLLAPSE: collapse; BORDER-TOP: #333333 1px solid; BORDER-RIGHT: #333333 1px solid;
    /* float: left; */
   /* max-width: 960Px;
	*/
	
}


#tabella_volumetria p  { font-size:12px;}


footer {
 border-top: 0px solid #333;
 border-bottom: 0px solid #333;
 
}



hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #c6c6c6;
}
/* tabelle */


.xls
 {
width:32px;
margin-top:20px;

}

.scarica
 {
color:green;

}



.table-responsive {
    font-size: 12px;
    padding: 1px;

/*per scroll tabella dati*/
  /*  
    overflow-y: auto;
    height: 500px;
        
/*fine per scroll tabella dati*/


}



.divtabella
{ 
 background:#f7f7f7;
 width: 100%;
 heigth: 400px;
 z-index: 1500;
 position: absolute;
 /*top: 720px;*/ 
 top: 720px;
 left: 0px;
 margin-left: 0px; 
 margin-right: 0px;
 padding-left: 16px;
 padding-right: 16px;
  /*  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
   /* -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
 /*   animation-name: spostamento;
    animation-duration: 2s;
    animation-delay: 1s; */
}


.freccia
{

width:251px;
height:150px;

margin-top:20px;
    margin-left: auto;
    margin-right: auto;

text-align:center;

padding-top:50px;
color:#f0f0f0;
background:url("../img/freccia-giu-arancio.png");
opacity: 0;
background-repeat: no-repeat;
    background-position: right;
     z-index: 1501;
 position: relative;

 

/*    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
  /* -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
  /*  animation-name: spostamento;
    animation-duration: 2s;
    animation-delay: 1s; 

      */

   /* background-color: red; */
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: freccia-fade;
    animation-duration: 4s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes freccia-fade {
     0%   {opacity: 0;}
 /*   25%  {opacity: 1;}*/
    50%  {opacity: 1;}
  /*  75%  {opacity: 1;}*/
    100% {opacity: 0;}
}

/* Standard syntax */
@keyframes freccia-fade {
   0%   {opacity: 0;}
 /*   25%  {opacity: 1;}*/
    50%  {opacity: 1;}
  /*  75%  {opacity: 1;}*/
    100% {opacity: 0;}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes spostamento {
    0%   {left:0px; top:-100px;}
   /* 25%  {left:0px; top:550px;}
    50%  {left:0px; top:600px;}
    75%  {left:0px; top:650px;} */
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes spostamento {
    0%   {left:0px; top:-100px;}
/*    25%  {left:0px; top:550px;}
    50%  {left:0px; top:600px;}
    75%  {left:0px; top:650px;} */
    100% {left:0px; top:0px;}
}




/*custom tabelle*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 3px;
    line-height: 1.55555556;
    vertical-align: top;
    border-top: 1px dotted #ddd;
    font-size:1.3em;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
 background-color:#0d5f7e;
 color:#f0f0f0;
 text-align: center;
 font-size:1.3em;
}

.GridPager
{
font-size:20px;
 
}
.GridPager2
{
font-size:20px;
max-width:300px;
 
}

/* caselle tabella*/


.vai-al-punto
{

width:20px;
  cursor: pointer;
  /*padding:5px;*/
}


.casella-sx-pic {

width:8%;
  text-align: left;
  vertical-align: middle !important;
  
 
}

.casella-center-pic {

width:8%;
  text-align: center;
  vertical-align: middle !important;
 
}


.casella-dx-pic {

width:8%;
  text-align: right;
  vertical-align: middle !important;
 
}


.casella-sx-large {

width:15%;
  text-align: left;
  vertical-align: middle !important;
 
}

.casella-center-large {

width:15%;
  text-align: center;
  vertical-align: middle !important;
 
}


.casella-dx-large {

width:15%;
  text-align: right;
  vertical-align: middle !important;
 
}

.casella-sx-large-note {

width:15%;
  text-align: left;
  vertical-align: middle !important;
  font-size:1.0em !important;
 
}


.gray {

    background-color: rgba(0, 0, 0, 0.03);
}




/**************** scheda *****************/

#div_cartine_foto {
    height: auto;
    width: 100%;
    /* max-width: 206px; */
    text-align: center;
    border: 0px #cccccc solid;
    padding: 0px;
    border-radius: 15px 15px 15px 15px;
   /* float: left;*/
    margin-top: -90px;
 


    /* z-index: 2;
    position: relative;
    top: -175px;
    left: 70%;
    float: left;
    color: white;
    background-color: rgba(0,0,0,0.5);
    border: 3px white solid;
    width: 226px;
   
         
         */

}


#div_titolo_foto
{
font-size: 28px;
    line-height: 32px;
    margin-bottom: 12px;
 text-align:left;
   
    color: #0c5c7f;
}

.ballimg {
   
    
  border-radius: 50px 50px 50px 0px;
    border: solid 2px rgb(0,255,0);
    height: auto;
    width: 200px;
    float: left;
    margin-bottom: 20px;
    background-color: rgba(255,255,255,0.5);
        margin-right: 15px;


}




img.struttura
{
    width:700px;
 border-radius: 50px 50px 50px 0px;
    border: 2px solid #333;
}



/* div posizionamento ball sopra cartina*/
   


    
.dettaglio-belladanza-1{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 500px; 
     top: -150px; 
     width: 49px; 
     z-index: 5;
 
}


.dettaglio-belladanza-2{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 560px; 
     top: -180px; 
     width: 49px; 
     z-index: 5;
}


.dettaglio-belladanza-3{
     display:none;
}
    
 
    
.dettaglio-borgogiglione-1{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 300px; 
     top: -280px; 
     width: 49px; 
     z-index: 5;
 
}


.dettaglio-borgogiglione-2{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 200px; 
     top: -280px; 
     width: 49px; 
     z-index: 5;
}


.dettaglio-borgogiglione-3{
     display:none;
}
    

 
    
.dettaglio-colognola-1{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 340px; 
     top: -180px; 
     width: 49px; 
     z-index: 5;
 
}


.dettaglio-colognola-2{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 390px; 
     top: -120px; 
     width: 49px; 
     z-index: 5;
}


.dettaglio-colognola-3{
     display:none;
}
    



 
    
.dettaglio-lecrete-1{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 300px; 
     top: -280px; 
     width: 49px; 
     z-index: 5;
 
}


.dettaglio-lecrete-2{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 200px; 
     top: -280px; 
     width: 49px; 
     z-index: 5;
}


.dettaglio-lecrete-3{
     display:none;
}
    



 
    
.dettaglio-pietramelina-1{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 370px; 
     top: -380px; 
     width: 49px; 
     z-index: 5;
 
}


.dettaglio-pietramelina-2{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 340px; 
     top: -200px; 
     width: 49px; 
     z-index: 5;
}


.dettaglio-pietramelina-3{
      height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 120px; 
     top: -320px; 
     width: 49px; 
     z-index: 5;
}




 
    
.dettaglio-santorsola-1{
     height: 48px; 
     margin-left: 0px; 
     margin-top: 0px; 
     position: relative; 
     left: 390px; 
     top: -280px; 
     width: 49px; 
     z-index: 5;
 
}


.dettaglio-santorsola-2{
   display:none;
}


.dettaglio-santorsola-3{
     display:none;
}




    
/* fine div posizionamento ball sopra cartina*/

.ballimg-2 {
   
    
    border-radius: 50px 50px 50px 50px;
    border: solid 3px rgb(0,255,0);
    height: 50px;
    width:50px;
    background-color: rgba(255,255,255,0.9);
  

}












/****** responsive 1550 ****/



@media only screen and (max-width:1550px) {


h3 {
    font-size: 16px !important;

}


p {
  /*  font-size: 11px !important;
   /* font-weight: normal !important;*/
}

.ritaglia {
    height: 200px;

	    width: 100%;


}


.ritaglia2 {
    height: 100px;

	    width: 100%;


}



.iframe-class {

  height: 601px;

}

.divtabella
{ 

 top: 690px; 

 }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes spostamento {
    0%   {left:0px; top:-100px;}
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes spostamento {
    0%   {left:0px; top:-100px;}
    100% {left:0px; top:0px;}


}


/****** responsive 1370 ****/



@media only screen and (max-width:1370px) {


    /*custom tabelle*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px;
    font-size:1.2em;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
 font-size:1.2em;

 }


.ritaglia {
    height: 150px;
	

	    width: 100%;


	
}


.ritaglia2 {
    height: 150px;
	

	    width: 100%;


	
}

.iframe-class {

  height: 501px;

}

.divtabella
{ 

 top: 590px; 

 }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes spostamento {
    0%   {left:0px; top:-100px;}
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes spostamento {
    0%   {left:0px; top:-100px;}
    100% {left:0px; top:0px;}



}

}














/*********************    RESPONSIVE 900PX               *******************************/



@media only screen and (max-width:900px) {
header #logo {
 /*float: left;
 */
}


.titolo-discarica {
    position: inherit;
    margin-bottom: 10px;
    text-align: left;


}

.titolo-discarica h1 {
    color: 0d5f7e;
    text-align: left;
    font-size: 18px;

}


#div_cartine_foto {
    float: left;
    margin-top: -15px;


}

.iframe-class {

  height: 300px;

}


.divtabella
{ 
 background:#f7f7f7;
 width: 100%;
 /*heigth: 400px !important;*/
 z-index: 0;
 position: relative;
 top:auto; 
 left:auto;
 margin-left: 0px; 
 margin-right: 0px;
 padding-left:10px;
 padding-right:10px;
 /*overflow:auto;*/
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes spostamento {
    0%   {left:0px; top:auto;}

    100% {left:0px; top:auto;}
}

/* Standard syntax */
@keyframes spostamento {
    0%   {left:0px; top:auto;}

    100% {left:0px; top:auto;}
}


/*table.table-striped
{display:none !important; }
    */

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    width:8%;
}


    /*custom tabelle*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px;
    font-size:1em;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
 font-size:1em;

 }






#tabella_volumetria p  { font-size:8px;}


header h2 {
padding-top: 10px;
color: #ffffff;
margin:0px 20px 60px 5px;
font-size:13px;
line-height: 12px;
}




h1 {
   
    margin-top: 150px;
}



.nav-tabs {
    
    font-size: 12px; 
    float: none;
    MARGIN-top: 0px; 
}

.riga { 
 width: auto;
 min-width: 0; 
 margin-left: 0; 
 margin-right: 0;
}
 
[class*="colonna-"] { 
 width: auto !important; 
 float: none;  
}

[class*="colonna"] + [class*="colonna"]:last-child {float: none;}
 
[class*="colonna-"]:before, [class*="colonna-"]:after {
 content:""; 
 display:table;
}

[class*="colonna-"]:after {clear: both;}
/

}