@import url(/css/magnific-popup.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');
body {
	font-family: 'Roboto', sans-serif;
}
.boxhome {
	border:1px solid gray; 
	padding:10px;
	margin-bottom:10px;
	overflow:hidden;
}
.boxextra {
	border:1px solid gray; 
	padding:10px;
	margin-bottom:10px;
	margin-right:10px;
	overflow:hidden;
}
.boxnews {
	border:1px solid gray; 
	padding:10px;
	margin-bottom:10px;
}
.ppy-stage {
 		margin-left: 0px;
		margin-top: 0px;
		margin-bottom:10px;
   width: 390px; /* important to be same as image width */ 
   height: 260px; /* important to be same as image height */
}

.royalSlider {
  width: 1000px;
  height: 666px;
}
.royalSliderH {
  width: 1000px;
  height: 400px;
}
.royalSliderR {
  width: 390px;
  height: 260px;
}

.sfondobianco1 {
  padding: 12px;
  background: rgba(255,255,255,0.6);
  color: white;
   width: 300px;
   left: 20%;
   top: 5%;
   text-align:left;
}
.sxNero {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 0px;
  top:30px;
  width:200px;
  padding:20px;
}


.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
<!-- FiltroCatalogo -id_website=^id_website^ -id_template=1736 -id_visual=99 -campo_ordine=3187 -limit_da=0 -range=1 -filtro='3187';'1';'exact' -logical=and -->
<!-- multi_get_desc -DSN=wisi -query=SELECT campo,valore FROM catalogo.^id_website^_desc WHERE id_template='1736' and codice='^C_codici^' -->
<!-- set2 -3185 -2377a5 -->
<!-- set2 -3189 -b6bf29 -->
.page_sel {font-weight:bold;text-align:center;cursor:pointer;padding:2px;background:#4D5D80;color: white;font-weight:normal;margin-right:1px;margin-left:1px;border-radius: 2px;-moz-border-radius: 2px;width: 18px;height:18px;display:block;float:left;}
.page {font-weight:bold;text-align:center;cursor:pointer;padding:2px;background:#D1D1D1;color: #4D5D80;font-weight:normal;margin-right:1px;margin-left:1px;border-radius: 2px;-moz-border-radius: 2px;width: 18px;height:18px;display:block;float:left;}
#pagingdiv {display:block;width:380px;height:30px;margin-bottom:10px}
.pagingbuttons {float:left}
body {background:#^3185^ url(/IMA/original/^3186^) repeat left top}
#notizie {margin-top:10px}
.menutoplast-1, .menutop-1, .menutopfirst-1, .menutopselfirst-1 {
	background:#^3185^;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	margin-right:5px;
}
.menutopfirst-1, .menutopselfirst-1 {border-right:2px solid white}
.menu-link1 {color:#^3189^}
.menusel-link1 {color:#^3185^;font-size:14px}
.menutopsel-1,.menutopsellast-1 {
	background:#^3189^;
	color:#^3185^
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	margin-right:5px;
}
#cleaner-bottom {height:0px;}
* {margin:0;padding:0;} 
.menu-link2 {color:#^3185^}
.menu-2 {background:#^3189^;}
.menusel-link2 {color:#^3189^}
.menusel-2 {background:#^3185^;}

html, body {height: 100%;}

#outer {min-height: 100%;}

#center {overflow-y:auto;overflow-x:none;
	padding-bottom: 50px;
	background: white;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(24, 82, 114, 1);
	box-shadow: 0px 0px 5px 5px rgba(24, 82, 114, 1);
	padding:20px;
}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	margin-left: auto;margin-right: auto;
	background:#^3185^;color:#^3189^;width:980px;padding:10px;text-align:center;
} 
p {margin-bottom:10px}
ul {font-size:14px;margin-bottom:10px}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
#slot-barramenu-abc {
	/*background: transparent url(/images/00648/menu.png);*/
	margin-top:-25px;
}


.button2 {font-size:18px;
	cursor:pointer;
	background:#^3189^;color:#^3185^;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px 20px;
	width:180px;
	}
#ft {
	font-style: normal;
	text-decoration:none; 
	background-color: tansparent; 
	font-family: HomerSerifMedium,Georgia, 'Times New Roman', Times, serif; 
	color:#^3189^;
	font-size: 32px;
}
.uc {
	text-transform:capitalize;
}
.lett {
	display:inline; margin:0 5px 5px 0;
	padding: 5px;
	background:#^3185^;color:#^3189^;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor:pointer;
}
.lsel {
	background:#^3189^;color:#^3185^;
	border: 1px solid #^3185^;
}
#login {
	width:300px;
	margin: 40px auto;
	display:block;
	padding:20px;
	-webkit-box-shadow: 0px 0px 5px 5px #0e2e40;
	box-shadow: 0px 0px 5px 5px #0e2e40;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.label {color:#^3189^;font-size:16px;}
.butt {color: #aa1416;cursor: pointer;font-size:11px}
.mybold {font-weight: 600; color:black}
.mybold:hover {font-weight: 600; color:#f76d35}

<!-- placeVisual -^lingua^ -0 -0 -0 -1960-1974-30-0-entrata--0:0:0:0:0:0-:::none:::-::: -0 -0 -->
#categorie {float:right}
.white-popup-block{
	background:#FFF;
	padding:0;text-align:left;
	max-width:900px;
	margin:40px auto;
	position:relative
}

.tabella {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #505359;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.tabella table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.tabella tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.tabella table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tabella table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.tabella tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.tabella tr:hover td{
	
}
.tabella td{
	vertical-align:middle;
	
	
	border:1px solid #505359;
	border-width:0px 0px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
	color:#000000;
}.tabella tr:last-child td{
	border-width:0px 0px 0px 0px;
}.tabella tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tabella tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}


/*.tabella tr:first-child td{
		background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");	background: -o-linear-gradient(top,#ff7f00,bf5f00);

	background-color:#ff7f00;
	border:0px solid #505359;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}*/
.tabella tr:hover td{
	background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
	background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");	background: -o-linear-gradient(top,#ff7f00,bf5f00);

	background-color:#ff7f00;
	cursor:pointer;
}
.tabella td.bedit:hover,.tabella td.bdet:hover {
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);
	color: white;
	background-color:#005fbf;
	cursor:pointer;
}
.edit,.dtl {color:#23406b}
.edit:hover,.dtl:hover {color:white}
.tabella tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tabella tr:first-child td:last-child{
	border-width:0px 0px 1px 0px;
}
.tabella tr.inn {background: #fff5ec;border-bottom: 1px solid blue}
.tabella tr.inn td {background: transparent}
.tabella tr.bb:nth-child(odd){ background-color:#7797b7; }
.tabella tr.bb:nth-child(even){ background-color:#d4e6f7; }
.tabella tr.zen { background-color:#7797b7; }

.sky-form .checkbox input + i:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}


.btn-sm {
    padding: 3px 6px;
}
.custom-select {
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 15px;
}
#laform, #laform2 {
	/*opacity:0;*/
}
#c-c-tab {
	height:300px;overflow-y: auto
}
.dropdown-menu {
    padding: .5rem;
}
.badge {
    padding: .25em .4em;
}
a .text {
	color:#788DA5;
	font-weight: 700;
	font-size: 12px;
}
.display-4 {
	font-weight:700;
	opacity: 0.5;
	font-size: 2.5rem;
}
.table .thead-green th {
    color: #fff;
    background-color: #1E8838;
    border-color: #1E8838;
}
.table tbody td {
	font-size: 14px;
}
.sh-buttons {
	display: none;
}
#laform input, #laform textarea, #laform select {
	border-color:#FFC107;
}
#laform2 input, #laform2 textarea, #laform2 select {
	border-color:#0169D9;
}
#laform3 input, #laform3 textarea, #laform3 select {
	border-color:#13A2B8;
}
@media print{
   .noprint{
       display:none;
   }
}

.badge-light {
	color:#21252955 !important;
}