﻿/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
a.area_ris { color:#00833f; text-decoration:none }
a.area_ris:hover{ color:#333;}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
.gridContainer0 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
#LayoutDiv1, #LayoutDiv2, #LayoutDiv3, #LayoutDiv4, #LayoutDiv5, #LayoutDiv6,  #LayoutDiv9, #LayoutDiv10{
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv7, #LayoutDiv8,  #LayoutDiv11, #LayoutDiv12 {
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#LayoutDiv9_bis {
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
}
#LayoutDiv7_bis {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv13 {
	float: left;
	margin-left: 0;
	width: 2%;
	display: block;
}

.language a{ display:block; background:#666; color:#FFF; height:25px; padding:5px 0 0 8%; margin:0 0 20px 0; text-align:left; position: absolute;  top:0; left:0; width:100%}
.language a:hover{ color:#ccc; }
.nav_servizio { display:block; background:#eee; color:#666; height:25px; padding:60px 0 0 0; margin:0; text-align:center;}
.logo_teneso { display:block; background:#666; height:30px; padding:0; margin:0 0 20px 0; text-align:right; position: absolute;  top:0; right:0;}
.logo_mit{ text-align:center; padding:10px 0}

ul.news-list{list-style:none;position:relative;display:inline-table;padding:0px;margin:10px 0 0 0;height:100%; border:1px solid #ccc; width:100%; background:url(../images/sf_menu.jpg) repeat-x bottom; font-size:1.1em; font-weight:bold}

.box_dx{margin:10px 0 0 0;height:100%;  width:96%;  background: url(../images/testata_box.jpg) no-repeat top left #00833f; color:#FFF; padding:14px 2% 0; font-size:14px}
.box_dx2{ margin:10px 0 0 0;height:100%; width:96%; background: url(../images/sf_link_hp.jpg) repeat-x top #f19a45; color:#333; padding:9px 2% 0; font-size:14px  }
.box_dx3{ margin:10px 0 0 0;height:100%; width:96%; background: url(../images/sf_link_hp.jpg) repeat-x top #f19a45; color:#333; padding:9px 2% 0; font-size:14px  }
.box_home{ margin:0;height:100%; width:92%; color:#333; padding:10px 4%; font-size:14px;}
.box_home2{ margin:0;height:100%; width:89.50%; color:#333; padding:10px 6.50% 10px 4%; font-size:14px  }
.box_home3{ margin:0;height:100%; width:89.50%; color:#333; padding:10px 4% 10px 6.50%; font-size:14px  }
.box_home4{ margin:0;height:100%; width:96%; color:#333; padding:10px 2% 10px; border-bottom:1px solid #CCC; font-size:14px; }
.box_page{ margin:0;height:100%; width:100%; color:#333; padding:0; font-size:16px;   }
.box_text{ padding:0 20px 20px 20px; font-size:16px;line-height:26px; }

div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 50%; }
div.gallery-item a { display: block; margin:10px 5px 0 5px; }
div.gallery-item img { display: block; width: 100%; height: auto; }
div.gallery-item2 { float: left; width: 100%; }
div.gallery-item2 a { display: block; margin:10px 5px 0 5px; }
div.gallery-item2 img { display: block; width: 100%; height: auto; }

.img_home { display:none}
.spz_dx_home {display:none}
.spz_dx_home2 {display:none}
.footer { border:1px solid #CCC; border-left:none; border-right:none; padding:10px 0; text-align:left}
.carousel-inner {display:none}
#slider-thumbs{display:none}
#slider-text-tit{display:none}
.sf_interno {background:#00833f;height:75px; padding:0; margin:5px 0 0 0;}
.text_banda{position: absolute; z-index:99;	margin:-1px 0 0 0; padding:15px 5px; color:#fff; font-size:18px; }

.cert { text-align:center; margin:0 0 5% 0; width:100%; float:left; border-bottom:1px solid #CCC}
.certificazioni {border:none;}
.certificazioni2 {padding:0}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer0 {
	width: 98%;
	padding-left: 2%;
	padding-right: 0;
	text-align: right;
}
.gridContainer {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
#LayoutDiv1 {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	float: left;
	margin-left: 0;
	width: 91.66666666666666%;
	display: block;
}
#LayoutDiv3 {
	float: left;
	margin-left: 0;
	width: 83.33333333333334%;
	display: block;
}
#LayoutDiv4 {
	float: left;
	margin-left: 0;
	width: 75%;
	display: block;
}
#LayoutDiv5 {
	float: left;
	margin-left: 0;
	width: 66.66666666666666%;
	display: block;
}
#LayoutDiv6 {
	float: left;
	margin-left: 0;
	width: 58.333333333333336%;
	display: block;
}
#LayoutDiv7 {
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#LayoutDiv7_bis {
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#LayoutDiv8 {
	float: left;
	margin-left: 0;
	width: 41.66666666666667%;
	display: block;
}
#LayoutDiv9 {
	float: left;
	margin-left: 0;
	width: 33.33333333333333%;
	display: block;
}
#LayoutDiv9_bis {
	float: left;
	margin-left: 0;
	width: 36.25%;
	display: block;
}
#LayoutDiv10 {
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
}
#LayoutDiv11 {
	float: left;
	margin-left: 0;
	width: 16.666666666666664%;
	display: block;
}
#LayoutDiv12 {
	float: left;
	margin-left: 0;
	width: 8.333333333333332%;
	display: block;
}
#LayoutDiv13 {
	float: left;
	margin-left: 0;
	width: 2.5%;
	display: block;
}

.language a{ display:block; background:#EEE; color:#666; height:25px; padding:5px 0 0 0; margin:0; text-align:center; position:relative}
.language a:hover{ color:#00833f;}
.nav_servizio { display:block; background:#eee; color:#666; height:25px; padding:5px 0 0 0; margin:0; text-align:right}
.logo_teneso { display:block; background:#eee; color:#666; height:30px; padding:0; float:right; margin:0; text-align:right; position:relative}
.logo_mit{ text-align:left; padding:10px 0}
ul.news-list{list-style:none;position:relative;display:inline-table;padding:0px;margin:0 0 0 10%;height:100%; border:1px solid #ccc; width:90%; background:url(../images/sf_menu.jpg) repeat-x bottom; font-size:1.1em; font-weight:bold}
.box_dx{ margin: 0 0 2px 10%;height:100%; width:80%;  background: url(../images/testata_box.jpg) no-repeat top left #00833f; color:#FFF; padding:15px 5% 0; font-size:14px}
.box_dx2{ margin: 0 0 2px 10%;height:100%; width:80%; background: url(../images/sf_link_hp.jpg) repeat-x top #f19a45; color:#333; padding:10px 5% 2px; font-size:14px  }
.box_dx3{ margin: 0 0 2px 10%;height:100%; width:80%; background: url(../images/sf_link_hp.jpg) repeat-x top #f19a45; color:#333; padding:10px 5% 2px; font-size:14px  }
.box_home{ margin:0;height:100%; width:92%; color:#333; padding:10px 4%; font-size:14px;}
.box_home2{ margin:0;height:100%; width:89.50%; color:#333; padding:10px 6.50% 10px 4%; font-size:14px  }
.box_home3{ margin:0;height:100%; width:89.50%; color:#333; padding:10px 4% 10px 6.50%; font-size:14px  }
.box_home4{ margin:0;height:100%; width:96%; color:#333; padding:10px 2% 10px; border-bottom:1px solid #CCC; font-size:14px; }
.box_page{ margin:0;height:94%; width:100%; color:#333; padding:0; font-size:14px;  }
.box_page_dx{ margin: 0 0 2px 10%;height:90%; width:90%; padding:0 ; font-size:16px;}
.box_page_dx2{ margin: 0 10% 2px 0;height:90%; width:90%; padding:0 ; font-size:16px;}
.box_text{ padding:0 20px 20px 20px; font-size:16px;line-height:26px; }

.img_home {display:none}
.spz_dx_home {display:none}
.spz_dx_home2 {padding:0 0 65px 0; display: inherit}
.footer { border:1px solid #CCC; border-left:none; border-right:none; padding:10px 0; text-align: right}

div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width:100%; }
div.gallery-item a { display: block; margin:0 0 10px 0; }
div.gallery-item img { display: block; width: 100%; height: auto; }

div.gallery-item2 { float: left; width:100%; }
div.gallery-item2 a { display: block; margin:0 0 10px 0; }
div.gallery-item2 img { display: block; width: 100%; height: auto; }

.carousel-inner {bottom: 0; height:300px; left: 0;margin-bottom: 0!important;right: 0; top: 0; position: relative; overflow: hidden;display:inherit;}
#slider-thumbs{	position: relative;	z-index:99;	margin:0;	width:98.3%;	background: url(../images/bkg_40_2.png) repeat;	padding:2px 5px; display:inherit;
}
#slider-text-tit{	position: absolute; z-index:101; top:0; margin:50px 0 0 0; padding:25px; display:inherit; color:#FFF; font-size:44px;text-shadow:-1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff; font-weight:bold; color: #00833f;}


#slider-text{font-size:32px; display:inherit;text-shadow: 2px 2px 3px #000; color:#FFF;  letter-spacing:0.05em}
.sf_interno {background:#00833f;min-height:80px; display:inherit; padding:0; margin:5px 0 0 0;}
.text_banda{position: absolute; z-index:99;	margin:-1px 0 0 0; padding:15px 5px 5px 20px; color:#FFF; font-size:20px; }

.cert { text-align:center; margin:0 0 5% 0; width:100%; float:left; border-bottom:1px solid #CCC}
.certificazioni {border:none;}
.certificazioni2 { padding:0}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer0 {
	width: 96%;
	max-width: 1260px;
	padding-left: 2%;
	padding-right: 0;
	margin: auto;
	text-align: right;
	border: 1px solid #ccc;
	border-bottom: none;
	border-top: none;
}
.gridContainer {
	width: 94%;
	max-width: 1260px;
	padding-left: 2%;
	padding-right: 2%;
	margin: auto;
	border: 1px solid #ccc;
	border-bottom: none;
	border-top: none;
}
#LayoutDiv1 {
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	float: left;
	margin-left: 0;
	width: 91.66666666666666%;
	display: block;
}
#LayoutDiv3 {
	float: left;
	margin-left: 0;
	width: 83.33333333333334%;
	display: block;
}
#LayoutDiv4 {
	float: left;
	margin-left: 0;
	width: 75%;
	display: block;
}
#LayoutDiv5 {
	float: left;
	margin-left: 0;
	width: 66.66666666666666%;
	display: block;
}
#LayoutDiv6 {
	float: left;
	margin-left: 0;
	width: 58.333333333333336%;
	display: block;
}
#LayoutDiv7 {
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#LayoutDiv7_bis {
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#LayoutDiv7_bis2 {
	float: left;
	margin-left: 0;
	width: 49%;
	display: block;
}
#LayoutDiv8 {
	float: left;
	margin-left: 0;
	width: 41.66666666666667%;
	display: block;
}
#LayoutDiv9 {
	float: left;
	margin-left: 0;
	width: 33.33333333333333%;
	display: block;
}
#LayoutDiv9_bis {
	float: left;
	margin-left: 0;
	width: 36.25%;
	display: block;
}
#LayoutDiv10 {
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
}
#LayoutDiv11 {
	float: left;
	margin-left: 0;
	width: 16.666666666666664%;
	display: block;
}
#LayoutDiv12 {
	float: left;
	margin-left: 0;
	width: 8.333333333333332%;
	display: block;
}
#LayoutDiv13 {
	float: left;
	margin-left: 0;
	width: 2.5%;
	display: block;
}
#LayoutDiv14 {
	float: left;
	margin-left: 0;
	width: 2%;
	display: block;
}

.language a{ display:block; background:#eee; color:#666; height:25px; padding:5px 0 0 0; margin:0 0 10px 0; text-align:center; position:relative}
.language a:hover{ color:#00833f;}
.nav_servizio { display:block; background:#eee; color:#666; height:25px; padding:5px 0 0 0; margin:0 0 10px 0; text-align:right}
.logo_teneso { display:block; background:#eee; color:#666; height:30px; padding:0; float:right; margin:0 0 10px 0; text-align:right; position:relative}
.logo_mit{ text-align:left; padding:5px 0 15px 0}
ul.news-list{list-style:none;position:relative;display:inline-table;padding:0px;margin:0 0 0 10%;height:100%; border:1px solid #ccc; width:90%; background:url(../images/sf_menu.jpg) repeat-x bottom; font-size:1.1em; font-weight:bold}
.box_dx{ margin: 0 0 2px 10%;height:90%; width:78%; background: url(../images/testata_box.jpg) no-repeat top left #00833f; color:#FFF; padding:15px 6% 0; font-size:14px  }
.box_dx2{ margin: 0 0 2px 10%;height:90%; width:78%; background: url(../images/sf_link_hp.jpg) repeat-x top #f19a45; color:#333; padding:8px 6%; font-size:14px  }
.box_dx3{ margin: 0 0 2px 10%;height:90%; width:78%; background:url(../images/sf_link_hp.jpg) repeat-x top #f19a45; color:#333; padding:8px 6%; font-size:14px  }
.box_dx_yt{ margin: 0px 2px 2px 10%;height:90%; width:78%; background:#A5A5A5; color:#333; padding:6% 6%; align:center}
.box_home{ margin:0;height:100%; width:92%; color:#333; padding:10px 4%; font-size:14px  }
.box_home2{ margin:0;height:100%; width:89.50%; color:#333; padding:10px 6.50% 10px 4%; font-size:14px  }
.box_home3{ margin:0;height:100%; width:89.50%; color:#333; padding:10px 4% 10px 6.50%; font-size:14px  }
.box_home4{ margin:0;height:100%; width:96%; color:#333; padding:10px 2% 10px; border-bottom:1px solid #CCC; font-size:14px; }
.box_page{ margin:0;height:94%; width:100%; color:#333; padding:0; font-size:14px;  }
/*.box_page{ margin:0;height:94%; width:100%; color:#333; padding:0; font-size:14px; border:1px solid #CCC;  }*/
.box_page_dx{ margin: 0 0 2px 0;height:90%; width:90%; padding:0 0 0 10% ; font-size:16px;}
.box_page_dx2{ margin: 0 0 2px 0;height:90%; width:90%; padding:0 10% 0 0 ; font-size:16px;}
.box_text{ padding:0 20px 20px 20px;; font-size:16px;line-height:26px; }
/*.box_text{ padding:20px; font-size:16px;line-height:26px; }*/

div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 50%; }
div.gallery-item a { display: block; margin:0 2px 5px 2px; }
div.gallery-item img { display: block; width: 100%; height: auto; }
div.gallery-item2 { float: left; width: 100%; }
div.gallery-item2 a { display: block; margin:0 0 10px 0; }
div.gallery-item2 img { display: block; width: 100%; height: auto; }

.img_home {padding:0 0 20px 15px; display:inherit;}
.spz_dx_home {padding:0 0 10px 0; display: inherit}
.spz_dx_home2 {padding:0 0 65px 0; display: inherit}
.footer { border:1px solid #CCC; border-left:none; border-right:none; padding:10px 0; text-align:right}
.carousel-inner { height:380px; left: 0;margin-bottom: 0!important;right: 0; top: 0; position: relative; width: 100%; overflow: hidden;display:inherit;}
#slider-thumbs{	position: relative;	z-index:99;	margin:-68px 0 0 0;	width:98.5%; background: url(../images/bkg_40.png) repeat; padding:2px 5px; display:inherit;}
#slider-text-tit{	position: absolute; z-index:101; top:0; margin:50px 0 0 0; padding:25px; display:inherit; color:#FFF; font-size:44px;text-shadow:-1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff; font-weight:bold; color: #00833f;}
	
	
	
#slider-text{font-size:32px;display:inherit;text-shadow: 2px 2px 3px #000; color:#FFF; letter-spacing:0.05em}
.sf_interno {background:url(../images/sf_int.jpg) no-repeat right;height:85px; display:inherit; padding:5px 0 0 0}
.text_banda{position:relative; z-index:99;	margin:0 0 0 0; padding:18px 5px 15px 20px; color:#FFF; background:url(../images/banda_verde.png) no-repeat right top; width:75%; font-size:24px; }

.cert { text-align:center; margin:0 1% 1% 0; width:24%; float:left; border-bottom:none}
.certificazioni {border:1px solid #CCC;}
.certificazioni2 { text-align:left; padding:0 5px}
 }
 

@media only screen and (min-width: 1200px) {
.carousel-inner { height:350px; left: 0;margin-bottom: 0!important;right: 0; top: 0; position: relative; width: 100%; overflow: hidden;display:inherit;}
.gridContainer0 {
	padding:0 2%;
	margin: auto;
	text-align: right;
	border: 1px solid #ccc;
	border-bottom: none;
	border-top: none;
}
#slider-thumbs{	position: relative;	z-index:99;	margin:-68px 0 0 0;	width:98.9%; background: url(../images/bkg_40.png) repeat; padding:2px 5px; display:inherit;}
.spz_dx_home2 {padding:0 0 53px 0; display: inherit}
}

.second-row {display: table-row; width:100%; height: 100%; background-color: red; overflow: hidden }

.h_iframe iframe {
    /*position:absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*MORENO 08/05/2023*/
/*  carousel      */
.carousel-item {
    height: 100vh;
    min-height: 350px;
}

.bg, .bg, .bg {
    background-size: cover;
    height: auto;
    max-width: 100%;
    line-height: 1;
}

.carousel-indicators {
    z-index: 99;
    margin: -68px 0 0 0;
    background: url(../images/bkg_40.png) repeat;
    padding: 2px 5px;
    display: inherit;
}

    .carousel-indicators img {
        border: solid 1px #fff;
        display: block;
    }

    .carousel-indicators [data-bs-target] {
        min-width: 50px;
    }


*, ::after, ::before {
    box-sizing: unset !important; 
}

p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
