/* ================================
    CSS STYLES FOR EUROTECH PORTAL 
    v3.0
   ================================  */  
/* *****************************************  */


h2 { text-shadow: 1px 1px 1px #c7c7c7 !important;  }

h2.product  { text-shadow: 1px 1px 1px #a7a7a7 !important;  }

.m3D, b.m3D { text-shadow: 1px 1px 1px #a7a7a7 !important;  }

.triangolo {
width: 0;  height: 0;
border-left: 0px solid transparent;
border-right: 30px solid transparent;
border-top: 15px solid #e4e4e4;
}


table.w3-bordered tr {border-bottom: 1px solid #d0d0d0;}
table.w3-striped tbody tr:nth-child(odd) {background-color: #f2f2f2;}
table.w3-hoverable tbody tr {transition: background-color .25s ease;}
table.w3-hoverable tbody tr:hover {background-color: #f2f2f2;}
table.w3-centered tr th, table.w3-centered tr td {text-align: center;}
thead.w3-bordered {border-bottom: 1px solid #d0d0d0;}


.floatingmenu {
    position:fixed; top:5%; left:0; 
    opacity: 0.8;
    float:left; border: 1px solid #c9c9c9; 
    /* Background color and gradients */	
    background: #f7f7f7;
    box-shadow: 0px 2px 4px #c7c7c7;
    font-size:.9em  ; 
    padding:0 0px 10px 0px;z-index:10;
    /* z-index:-40; */
}

.floatingmenubody {
    /*opacity: 0.8;
    background color and gradients
    background: #f7f7f7; 
    position:fixed;*/	
    /* z-index:-40; */
    position: absolute; 
    left:-13em;    
    height:20px; 
    border: 1px solid navy ; 
}

.floatingmenu:hover {/* opacity: 1!important;*/ background:#fff; opacity: .9; }
.floatingmenubody:hover { opacity: 1!important;border:1px solid 0px;  position: relative; background:yellow; left:0 }


#floatingbar {
    position:fixed; top:40%; right:0; 
    opacity: 0.8;text-align: center;width:30px;
    float:left; border: 1px solid #c9c9c9; 
	/* Background color and gradients */	
        background: #f7f7f7;
        background: -webkit-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: -moz-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: -o-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
	-moz-box-shadow: 1px 3px 4px #c7c7c7; 
	-webkit-box-shadow:1px 3px 4px #c7c7c7; 
 	box-shadow: 0px 2px 4px #c7c7c7;   	
    
    padding:0 0px 10px 0px;z-index:10;}
    
#floatingbar:hover { opacity: 1!important } 
    
    
    
#floatingbar .sharebutton {opacity: .6!important; clear:both;margin:4px ; }
#floatingbar .sharebutton:hover { opacity: 1!important }

.fb_share_count_top {
     width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {
     -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {
    width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text { 
   padding:2px 2px 3px !important;
    -moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

#bottombarbase  {
    position:fixed; 
    bottom:0; left:0; 
    background:#fff;
    border: 1px solid #2685bb; 
    padding: 2px 5px; 	
    /* Background color and gradients */		    
   z-index:10;}



.boxheader3d {  
	/* Background color and gradients */	
        background: #f7f7f7;
    	background: -webkit-linear-gradient( #ffffff,#f2f2f2);
    	background: -moz-linear-gradient( #ffffff,#f2f2f2);
    	background: -o-linear-gradient( #ffffff,#f2f2f2);
    	background: linear-gradient( #ffffff,#f2f2f2);
	
	/* Borders */	
	/*border: 1px solid #2685bb;*/
	-moz-box-shadow: 1px 3px 4px #c7c7c7; 
	-webkit-box-shadow:1px 3px 4px #c7c7c7; 
	box-shadow: 1px 3px 4px #c7c7c7;   
}

.bckfoot{  
	/* Background color and gradients */		
	background: #e4e4e4; 
	background: -moz-linear-gradient( middle, #f7f7f7, #E4E4E4); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#E4E4E4));
}

.boxlist { 
	margin-bottom:5px; 
	border-color:#eceee0!important;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
/*	background: #f7f7f7;
	background: -webkit-linear-gradient(#f7f7f7 ,  #ffffff 80%);
	background: -moz-linear-gradient(#f7f7f7 ,  #ffffff 80%);
	background: -o-linear-gradient(#f7f7f7 ,  #ffffff 80%);
	background: linear-gradient(#f7f7f7 ,  #ffffff 80%);*/	
     }


.grayboxhome { 
    font-size:1em;/*letter-spacing:0.05em;*/ height:108px!important; padding:0px 0px 0px 1px; 
}

.grayboxhome
{   /*width: 298px ; */	
    -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;
    height:130px!important;
    padding:0px!important; margin:0px; 
    background: #f7f7f7;
    background: -webkit-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
    background: -moz-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
    background: -o-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
    background: linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
	/* Borders */	
	/* Border: 1px solid #a7a7a7; */
    -moz-box-shadow: 1px 2px 6px #c7c7c7;    
    -webkit-box-shadow: 1px 2px 6px #c7c7c7;    
        box-shadow: 1px 2px 6px #c7c7c7;    
}


.graybox3d, .whitebox3d 
{       
    -moz-border-radius : 3px; -webkit-border-radius: 3px;  border-radius: 3px;
	/* Borders */	
	/* border: 1px solid #a7a7a7; */
   -moz-box-shadow: 1px 2px 6px #c7c7c7;    
   -webkit-box-shadow: 1px 2px 6px #c7c7c7;    
        box-shadow: 1px 2px 6px #c7c7c7;    
}

.graybox3d
{       
    background: #f7f7f7;
    background: -webkit-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
    background: -moz-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
    background: -o-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
    background: linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
}



.brd5r {
	/* Rounded Corners */
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	    border-radius: 5px; }



.messager { font-size: 1.2em; color: #8b0000; z-index:50;
	/* Background color and gradients */
	/* Borders 
	border: 1px solid #2685bb;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff;*/	
}



.CommandButtonBox { height:21px; padding:0px 7px 0px 7px; margin: 3px; 
	font-size:1em; font-weight:bold; 
    /* Rounded Corners */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	/* Background color and gradients */		
	background: #c7c7c7; 
	background: -moz-linear-gradient(top, #ffffff, #c7c7c7); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c7c7c7));
	/* Borders */	
	border:1px solid #797979; 
	-moz-box-shadow:inset 0px 0px 2px #797979; 
	-webkit-box-shadow:inset 0px 0px 2px #797979;
	 box-shadow:inset 0px 0px 2px #797979;    
}

a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active, 	
.CommandButton {
	border-radius: 0.5em;
	border: 1px;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.5);
	color: maroon;
	display: inline-block;
	text-decoration: none;
	background: #d1d1d1 ;
	font-weight:bold ; 
	/* font-size:.8em ! important; */
	cursor: pointer;
	padding:1px 10px;  
	text-align:center; 
	opacity:0.9;
     }



/* ================
   PULSANTI  prd solut
   ================  */
.boxgraymenups { height:38px; 

    /* Rounded Corners */	
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        background: #f7f7f7;
        background: -webkit-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: -moz-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: -o-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
	/* Borders */	
	/*border: 1px solid #a7a7a7; */
	-moz-box-shadow: 1px 2px 6px #a7a7a7;
	-webkit-box-shadow: 1px 2px 6px #a7a7a7;
	box-shadow: 1px 2px 6px #a7a7a7;    
}
/* need display: block  */
a.PulsanteLink, .PulsanteLink, .PulsanteLink_PSel, 
.PulsanteLinkSolutions, .PulsanteLinkSolutions, .PulsanteLinkSolutions_Sel 
   { display:block; height:35px; text-align:center;
     text-decoration:none}     
         
a.PulsanteLink, .PulsanteLink, .PulsanteLink_PSel
   {  line-height: 35px; width:98%; font-size: 1.2em; margin:1px 2px;}      
   
.PulsanteLinkSolutions, .PulsanteLinkSolutions, .PulsanteLinkSolutions_Sel 
   { width:98%;  letter-spacing:2px; margin:1px 2px;  }

a.PulsanteLink:link, a.PulsanteLink:visited { color:#6e7178 } 
a.PulsanteLink:active, a.PulsanteLinkSolutions:active { color:#595959!important } 

a.PulsanteLink_PSel, a.PulsanteLink:hover, 
a.PulsanteLinkSolutions_Sel, a.PulsanteLinkSolutions:hover {
       color:white;  text-decoration:none;
       -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
       /* Background color and gradients */	
       background:#4b90cf;

        background: -webkit-linear-gradient( #ffffff 50%,#4b90cf, #f7f7f7);
        background: -moz-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: -o-linear-gradient( #ffffff 50%,#f2f2f2, #f7f7f7);
        background: linear-gradient( #0272a7, #4b90cf, #0272a7);	
	/* Borders */	
	-moz-box-shadow: 0px 0px 1px #edf9ff;
	-webkit-box-shadow: 2px 2px 3px #edf9ff;
	 box-shadow: 2px 2px 3px #edf9ff } 

/*-------------- */
.boxeurotech {  font-size:1em;
	/* Background color and gradients */	
	background: #014464;
        background: -moz-linear-gradient(top, #ffffff, #2685bb); 
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#2685bb));
        background: -linear-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#2685bb));
	/* Borders */	
	/*border: 1px solid #2685bb;*/
	-moz-box-shadow:0px 1px 2px #edf9ff;    
     	-webkit-box-shadow: 0px 1px 2px #edf9ff;    
     	box-shadow: inset 0px 1px 2px #edf9ff;    
}

.boxeurotech3D, .boxeurotech3Dw, .boxeurotech3Dy   {
    height: 35px;
    font-size:1em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #3f3f3f;
    padding: 8px 7px 5px 7px;   margin: 3px;
    /* Rounded Corners */ 
    -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;
	/* Borders */	
	border: 1px solid #2685bb;
	-moz-box-shadow:2px 3px 5px #a7a7a7;
    -webkit-box-shadow:2px 3px 5px #a7a7a7; 
    box-shadow: 2px 3px 5px #a7a7a7; 
}

.boxeurotech3D { color:white;
	/* Background color and gradients */	
	background:#4b90cf; 
	background: -moz-linear-gradient(top,  #0272a7, #4b90cf); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#4b90cf));	
}

.boxeurotech3Dw { color:white;	 
	/* Background color and gradients */	
	background: #014464; background: -moz-linear-gradient(top, #ffffff, #2685bb); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#2685bb));

}

.boxeurotech3Dy { color:yellow;	 text-shadow: 1px 1px 1px #3f3f3f!important; 
	/* Background color and gradients */	
	background:#4b90cf; background: -moz-linear-gradient(top,  #0272a7, #4b90cf); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#4b90cf));	
}