@charset "utf-8";
/* CSS Document */
/* https://www.w3schools.com/howto/howto_make_a_website.asp */

#wrapper {
	max-width: 63.250em; /* 900px = 56.25em ---  1002px = 62.625em  ---- 1010px  = 63.125em  1012px = 63.250em http://pxtoem.com/*/
	margin-left: auto;
	margin-right: auto;
	padding:11px;
	/*https://toolset.mrwebmaster.it/css/css3-box-shadow.html*/
	/*-webkit-box-shadow: 8px 12px 26px -3px #000000;
	-moz-box-shadow: 8px 12px 26px -3px #000000;
 	-o-box-shadow: 8px 12px 26px -3px #000000;
	box-shadow: 8px 12px 26px -3px #000000;*/
	background:#FFF;
		-moz-box-shadow:0 2px 28px 0 rgba(0,0,0,.6);
		-webkit-box-shadow:0 2px 28px 0 rgba(0,0,0,.6);
		box-shadow:0 2px 28px 0 rgba(0,0,0,.6);
	}


* {box-sizing: border-box;}


/* Style the body */
body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
	background-color:#eee;
}


/* Header/logo Title */
.header {
    /*padding: 80px;*/
    text-align: center;
	/*padding-right:4px;*/
	 /*  background: #1abc9c;*/
  /*  color: white;*/
  /*padding:0px;*/
 }


/* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */
.navbar {
    overflow: hidden;
    background-color: white/*#333*/;
    /*position: sticky;
    position: -webkit-sticky;*/
    top: 0;
	/*...*/
	margin-bottom:7px;
	margin-top:0px;
	text-align:right;
	border: dotted 1px #DDDDDD;
	border-top:0px; 
	border-left: 0px; 
	border-right:0px;
	padding-bottom:4px;
	}



/* Style the navigation bar links */
.navbar a {
    color: black/;
    text-align: center;
    /* top, right e left, botton, lefet */
	padding: 4px 5px; 
	/*padding-top:4px; 
	padding-right:5px;
	padding-left:5px;*/
	text-decoration: none;
	float: none;
    width: 100%;
}


/* Column container */
.row {  
    display: -ms-flexbox; /* IE10 */
    display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
    -ms-flex: 20%; /* IE10 */
	flex: 20%;
    background-color: white/*#f1f1f1*/;
    /*padding: 5px; */
}

/* Main column */
.main {   
    -ms-flex: 80%; /* IE10 */
	flex: 80%;
    background-color:  white;
   /* padding: 10px;*/
   padding-left:6px;
}

/* Fake image, just for this example */
/*.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}*/

/* Footer */
.footer { padding-top:0px; 
		padding-bottom:0px;
		padding-left:10px; 
		padding-right:20px;
       	background: white/*#ddd*/;
}


/* --------------------- MEDIA ------------- */

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
/* @media screen and (max-width: 700px) {
    .row {  flex-direction: column; }
 } */

/*@media screen and (max-width: 769px) {
   .pEpilogue {text-align:center;}
	   
} */

@media screen and  (min-width: 770px) {
    .pEpilogue {text-align:justify;}
	} 

@media screen and (max-width: 484px) {
   .side {text-align:center;}
   .navbar {text-align:center;}
   .pSideEvidence {text-align:center;}
	   
}	

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
/*@media screen and (max-width: 500px) {
    .navbar a {
        float: none;
        width: 100%;
    }
} */



/*------------------- Hx ------------------*/
h1, h2, h3, h4, h5  {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}

h1{ 
	font-size: 21px;
	color: #29AFBB;
	letter-spacing: 1.8pt; 
	line-height:100%;
	margin: 0px;
	text-align: center; 
	/*padding-top:0px; */
	padding-bottom:6px;
	padding-top: 6px;
	
}

h2{  
	font-size: 11pt; /*10.9 oggi*/
	color: #e45369;
	letter-spacing: 1.6pt; 
	line-height: 180%;
	margin-top: 10px; 
	margin-bottom: 0px;
}

h3{  
	font-size: 9.9pt; /*9.5* oggi*/
	color: #555555;
	letter-spacing: 1.6pt; 
	line-height: 150%;
	padding-top: 10px; 
	padding-bottom: 0px;
	margin-top: 0px; 
	margin-bottom:0px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
}

h4{  
font-size: 9pt;
color: #0193DD;
letter-spacing: 1.3pt; 
line-height: 180%;
margin-top: 4px; 
margin-bottom: 0px;
text-align: center;
padding-bottom:10px;
}

h5{  
font-size: 9.0pt;
color: #555555;
letter-spacing: 1.1pt; 
margin-top: 0px; 
margin-bottom: 0px;
text-align: center; 
padding-top:0px;
padding-bottom: 3px; 
padding-left:0px;
}

/*----------------------- image -------------------------------*/

.img-fluid
{
	width:100%;
	max-width:100%;
	height:auto;
	border: 1px solid #000;
}


.img-fluid-max-700px
{
	width:100%;
	max-width:700px;
	height:auto;
	border: 1px solid #000;
}

.img-fluid-max-600px
{
	width:100%;
	max-width:600px;
	height:auto;
	border: 1px solid #000;
}



.img-fluid-max-500px
{
	width:100%;
	max-width:500px;
	height:auto;
	border: 1px solid #000;
}

.img-fluid-max-500px-no-border
{
	width:100%;
	max-width:500px;
	height:auto;
}

.img-fluid-max-400px
{
	width:100%;
	max-width:400px;
	height:auto;
	border: 1px solid #000;
}

.img-fluid-max-400px-no-border
{
	width:100%;
	max-width:400px;
	height:auto;
}

.img-fluid-max-300px
{
	width:100%;
	max-width:300px;
	height:auto;
	border: 1px solid #000;
}

.img-fluid-max-300px-no-border
{
	width:100%;
	max-width:300px;
	height:auto;
}


.img-fluid-max-230px
{
	width:100%;
	max-width:230px;
	height:auto;
	border: 1px solid #000;
}

.img-fluid-max-200px
{
	width:100%;
	max-width:200px;
	height:auto;
	border: 1px solid #000;
}



.img-fluid-no-border
{
	width:100%;
	max-width:100%;
	height:auto;
}




 
/*-----------------------DIV-------------------------------*/

div.divLine{
margin-left: 0;
margin-right: auto;
margin-top: 10px;
margin-bottom: 2px;
padding-top:0px;
width: 92%;
height: 1px;
background-color: #CCCCCC;/*#0000FF;/*#0080bf;*/
}


div.divLineEnd{
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding:0px; 
/*max-width: 56.25em; /* 900px = 56.25em*/
width: 98%;
height: 1px;
background-color: #CCCCCC;
}

div.divHeightVeryThin {height: 4px;}

div.divHeightThin {height: 8px;}

div.divHeightThick {height: 15px;}
 
 
 
/*------------- divLinkPDF divLinkDOC divLinkPIC -------------*/

.divLinkPDF, .divLinkPDFsmallFont, .divLinkDOC, .divLinkPIC, .divLinkVID, .divLinkDWG, .divLinkInfo {
font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
font-size: 9.3pt;
letter-spacing:0.3pt;
text-align:left;
line-height: 140%;
color: #0080BF; /*#0080BF; */
background-repeat:no-repeat;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
width: auto;
}


div.divLinkInfo{ background-image:url(../images/icone/incona-informazioni-sfondo-trasparente.png);}


div.divLinkPDF{ background-image:url(../images/icone/4.jpg);}

div.divLinkDWG{ background-image:url(../images/icone/icona_file_dwg.gif);}



/*div.divLinkPDFsmallFont{ background-image:url(../images/icone/4.jpg); 
font-size: 7.2pt; 
letter-spacing:1.1pt;}*/

div.divLinkDOC{ background-image:url(../images/icone/doc1.jpg);}

div.divLinkPIC{background-image:url(../images/icone/pic5.jpg); 
}

div.divLinkVID{background-image:url(../images/icone/icmpg.png); 
}

div.divImmagineArticolo{float:left;}
		
div.divTestoArticolo{
float:left;
width:80%;
padding-left:10px;
}

/* ---------------------LINK------------------------- */

a.linkList
{

color: #0080BF;
LIST-STYLE-TYPE: none;*/
margin-left: auto;
margin-right: auto; 
LETTER-SPACING: 0.3pt; 
}


a.linkList:hover 
{
TEXT-DECORATION: none; 
COLOR: #000;
background-color: #ddd; 
  }


a.linkFeatures
{
color: #0080BF;
LIST-STYLE-TYPE: none;*/
margin-left: auto;
margin-right: auto; 
LETTER-SPACING: 1pt; 
}


a.linkFeatures:hover 
{
TEXT-DECORATION: none; 
COLOR: #000;
background-color: #ddd; 
  }


a.linkTopBar
{
FONT-WEIGHT: normal;
FONT-SIZE: 8.6pt;
BACKGROUND-IMAGE: none;
COLOR: #0080BF; 
FONT-FAMILY:    Tahoma, Helvetica, Arial, Verdana, sans-serif;  
LIST-STYLE-TYPE: none;
margin-left: auto;
margin-right: auto; 
LETTER-SPACING: 1.4pt;
TEXT-DECORATION: none;
 }

a.linkTopBar:hover 
{
TEXT-DECORATION: underline; 
COLOR: #00ccff;
}

a.linkSideBar
{
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
BACKGROUND-IMAGE: none;
COLOR: #0080BF; 
FONT-FAMILY:    Tahoma, Helvetica, Arial, Verdana, sans-serif;  
LIST-STYLE-TYPE: none;
margin-left: auto;
margin-right: auto; 
LETTER-SPACING: 0.3pt;
LINE-HEIGHT: 0px; 
TEXT-DECORATION: none; 
}

a.linkSideBar:hover 
{
TEXT-DECORATION: underline; 
COLOR: #00ccff;
 }


.linkNoTopBar
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8.7pt;
	BACKGROUND-IMAGE: none;
	COLOR: #777777;
	FONT-FAMILY: Tahoma, Helvetica, Arial, Verdana, sans-serif;  
	LIST-STYLE-TYPE: none;
	TEXT-DECORATION: none; 
	margin-left: auto;
	margin-right: auto; 
	width: 644px; 
	LETTER-SPACING: 0.6pt;
	 }


.linkNoSideBar
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8.7pt;
	BACKGROUND-IMAGE: none;
	COLOR: #777777;
	FONT-FAMILY:  Tahoma, Helvetica, Arial, Verdana, sans-serif;  /* Verdana, Arial, Helvetica, sans-serif;*/
	LIST-STYLE-TYPE: none;
	margin-left: auto;
	margin-right: auto; 
	LETTER-SPACING: 0.7pt;
	LINE-HEIGHT: 300%;
}

.linkSplit
{  
	font-size: 7pt;
	color: #555555;/*#999999;*/
}

a.link_w3
{  
font-size: 7pt;
color: #EEEEEE;
LIST-STYLE-TYPE: none;
TEXT-DECORATION: none;
}


 a.linkContactUs{ 
font-family: Verdana, Arial, Helvetica, sans-serif, ;
font-size: 8.8pt; 
LETTER-SPACING: 1.0pt;
color: #EB130B; 
text-decoration:none;
} 

a.linkContactUs:hover 
{
  COLOR:#06F; 
  text-decoration:underline;
  
}
 
 
  a.linkCallUs{ 
font-family: Verdana, Arial, Helvetica, sans-serif, ;
font-size: 9pt; 
LETTER-SPACING: 1.0pt;
color: #EB130B; /*#00C;*/
text-decoration:none;
} 

a.linkCallUs:hover 
{
  COLOR:#29AFBB; 
  text-decoration:underline; 
  font-size: 9.3pt; 
   }

/*a.linkEligue 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%; 
	padding-top:4px; 
	padding-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 9.2pt;
	LETTER-SPACING: 1.5pt;  
	LINE-HEIGHT: 170%;
	color:#3366CC;
}*/

a.linkEligue:hover
{
  COLOR: #00ccff; 
}


 
 /*-----------------------P---------------------*/
p {  
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.2pt; /*27 09 219 8,2 */ 
	color: #555555;
	LETTER-SPACING: 1.5pt; 
	LINE-HEIGHT: 175%;
	Text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top:3px;
	/*padding-right: 6px;*/
}

h1 + p 
{
	font-size:9.4pt; /*27 09 219 8,7 */ /* 9.7 oggi */
	Text-align:left;
}


p.pEpilogue 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-align:justify;*/
	width: 100%; 
	padding-top:4px; 
	padding-bottom:10px;
	/*padding-left:0px;
	padding-right: 16px;*/
	margin-left: auto;
	margin-right: auto;
	font-size: 9.2pt;
	LETTER-SPACING: 1.5pt;  
	LINE-HEIGHT: 170%;
	color:#3366CC;
}


p.pSideEvidence
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 90%; 
	padding-top:4px; 
	padding-bottom:0px;
	margin-left: 0px;
	margin-right: auto;
	font-size: 9.2pt;
	LETTER-SPACING: 0.8pt;  
	LINE-HEIGHT: 170%;
	color:#F33;
}


p.pEvidence
{
	font-size:8.7pt; 
	Text-align:left;
}


p.pRights{
font-size: 8.9pt; /* oggi7.1pt;*/
color: #BBBBBB;
font-weight: normal;
letter-spacing: 1.4pt; 
line-height: 150%/*20px*/;
margin-right: auto; 
padding-bottom:0px;
padding-top:5px;
text-align: center;
}

p.pNoEvidence2{
font-size:8pt;
color: #999;
font-weight: normal;
font-style: italic;
letter-spacing: 0.8pt; 
line-height: 170%/*20px*/;
margin-right: auto; 
padding-bottom:0pt;
padding-top:0pt;
text-align: left;
}

 p.pAlignRight{text-align:right;}
 
 /*p.pAlignCenter{text-align:center;}*/
 
 
 p.pPrice{
 width: 90%;
 font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
 font-size: 8.5pt;
 color: #EB130B;
 LETTER-SPACING: 1.6pt; 
 LINE-HEIGHT: 200%;
 padding-top: 0px;
 margin-left: auto;
 margin-right: auto; 
 text-align: center; 
 text-decoration:none;
 FONT-WEIGHT: bold;
}
 
 p.pPrice2{
 width: 90%;
 font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
 font-size: 9pt;
 color:#29AFBB;
 LETTER-SPACING: 1.6pt; 
 LINE-HEIGHT: 200%;
 padding-top: 0px;
 margin-left: auto;
 margin-right: auto; 
 text-align: center; 
 text-decoration:none;
 FONT-WEIGHT: bold;
}
 
/*-------------------- LIST ------------------- */

ol{margin: 0px;}
ul{margin: 0px; padding-left:4px;}
li
{  
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.2pt; /*27 09 219 8,2 */
	color:#000;
	LETTER-SPACING: 0.8pt; 
	LINE-HEIGHT: 145%;
	Text-align:justify;
	margin-left: 28px;
	margin-right: auto;
	padding-top:6px;
	font-style: italic;
	text-align:left;
}

/*--------------Table-------------*/

td.td1{width:300px; padding-right:4px; padding-bottom:0px;}

td.td2, td.td3{
width:400px; 
border: dotted 1px #666666;
padding:6px;
}

td.td2{background-color:#ffffee; }

td.td3{background-color:#EAFFFF; }


td.td4{width:400px;  text-align:center;}

td.td5{width:300px; padding-left:5px;  padding-right:5px;  border: dotted 1px #666666; text-align:center;}



/*----------------------ASTRAL---------------------------*/
	
.banners {
	width: 780px;
	padding: 0px;
	text-align: left;
	width:100%;
	max-width:100%;
	height:auto;
}

.item_box {
	height: 141px;
	width: 191px;
	background-image: url(../images/ast/bkg_familias.png);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	text-align: left;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}


.btn_item {
		position: absolute;
}

 .btn_item a {
	height: 125px;
	width: 175px;
	display: block;
	font-family: "Myriad Pro", sans-serif;
	font-size: 14px; 
	color: #666;
	text-decoration: none;
	background-image: url(../images/ast/arrow.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 14px;
	padding-left: 35px;
	letter-spacing: -1px;
	border: 1px solid #999;
}


 .btn_item a:hover { 
	background-image: url(../images/ast/arrow_over.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #243188;
	color: #FFF;
	}
	
	



 .image-item {
	padding-top: 41px;
	
}


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ----------------- end ASTRAL ----------------------*/


/* --------------- cpa -------------------*/

.prodotto{
	display:inline-block;
	width:214px;
}

.inside{
	background-color: #F5F6F7; /*#fff;*/
	box-shadow:0 1px 2px #999;
	margin:8px;
	padding:10px;
}

.inside{
	background-color: #fff;
	
}


.immagine{
	width:100%;
	margin-bottom:10px;
}

.immagine img{
	display:block;
	max-height:150px;
	margin:auto auto;
	max-width:100%;
}


.img-vedi img{
	max-height:400px;
	max-width:100%;
}

/*.....*/


.prodotto2{
	display:inline-block;
	width:214px;
}



.inside2{
	background-color: #fff;
	}


.immagine2{
	width:100%;
	margin-bottom:10px;
}





/*.............*/

p.pProdotto{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8.1pt;
LETTER-SPACING: 0.6pt; 
LINE-HEIGHT: 150%;
text-align: left;
padding-left: 0px;
padding-right:0px;
padding-top:4px;
	}
	
	p.pNotPayTrasport{
 width: 100%;
 font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
 font-size: 8.0pt;
 color:#666;
 LETTER-SPACING: 1.6pt; 
  padding-bottom:0px;
  margin: 0px;
 border:0px;
 text-align: center;
  font-style:italic;
}

div.divImages {text-align:center;}