/* ================================
    CSS STYLES FOR EUROTECH PORTAL 
    v2.0, 06/2008
   ================================  */   
   
/* RESET 
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; 	border-spacing: 0; }

/* Disable first block of css */ 
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


/*
#admin-bar div, #admin-bar span, #admin-bar applet, #admin-bar object, #admin-bar iframe, #admin-bar h1, #admin-bar h2, #admin-bar h3, #admin-bar h4, #admin-bar h5, #admin-bar h6, #admin-bar p, #admin-bar blockquote, #admin-bar pre, #admin-bar a, #admin-bar abbr, #admin-bar acronym, #admin-bar address, #admin-bar big, #admin-bar cite, #admin-bar code, #admin-bar del, #admin-bar dfn, #admin-bar em, #admin-bar img, #admin-bar ins, #admin-bar kbd, #admin-bar q, #admin-bar s, #admin-bar samp, #admin-bar small, #admin-bar strike, #admin-bar strong, #admin-bar sub, #admin-bar sup, #admin-bar tt, #admin-bar var, #admin-bar b, #admin-bar u, #admin-bar i, #admin-bar center, #admin-bar dl, #admin-bar dt, #admin-bar dd, #admin-bar ol, #admin-bar ul, #admin-bar li, #admin-bar fieldset, #admin-bar form, #admin-bar label, #admin-bar legend, #admin-bar table, #admin-bar caption, #admin-bar tbody, #admin-bar tfoot, #admin-bar thead, #admin-bar tr, #admin-bar th, #admin-bar td, #admin-bar article, #admin-bar aside, #admin-bar canvas, #admin-bar details, #admin-bar embed, #admin-bar figure, #admin-bar figcaption, #admin-bar footer, #admin-bar header, #admin-bar hgroup, #admin-bar menu, #admin-bar nav, #admin-bar output, #admin-bar ruby, #admin-bar section, #admin-bar summary, #admin-bar time, #admin-bar mark, #admin-bar audio, #admin-bar video {
margin: 0 4px; padding: 0; border: 0; font-size: 100%; font: inherit; 	vertical-align: baseline; 	z-index:99000; }
*/

/* HTML5 display-role reset for older browsers */
#admin-bar article, #admin-bar aside, #admin-bar details, #admin-bar figcaption, #admin-bar figure, #admin-bar footer, #admin-bar header, #admin-bar hgroup, #admin-bar menu, #admin-bar nav, #admin-bar section {
	display: block }
	


/* *********************************************************** */
/* Footer admin Bar 3 */
#uptomenu { list-style:none; width:90% ;z-index:999; margin:30px auto 0px 2px; height:43px; padding:0px 5px 0px 5px;
	/* Rounded Corners */	
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	/* Background color and gradients */	
	background: #014464; background: -moz-linear-gradient(top, #0272a7, #013953); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));	
	/* Borders */	
	border: 1px solid #002232;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff;
	/*position:fixed; */
    bottom:42px;
}

#menut_base { list-style:none; width:96%; margin:1px auto 0px auto; height:43px; padding:0px 6px 0px 6px;
	position:fixed; top:1px;
	/* Rounded Corners */	
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	/* Background color and gradients */	
	background: #014464; background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));	
	/* Borders */	
	border: 1px solid #002232; 
	-moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff;
} 


#menut_base1 { list-style:none; width:100%; height:26px; padding:0px 5px 6px 0px;
	position:fixed; top:0px; left:-7px; 
	/* Rounded Corners */	
	-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
	/* Background color and gradients */	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));	
	/* Borders */	
	/* border: 1px solid red */ /*#002232; */
	-moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff;	
}

#menut { list-style:none; width:100%;min-height: 20px; height:26px; padding:0px 5px 6px 0px;
    	 position: fixed; top: 0px; left: 0; z-index:999;          
         /* background: #222222; /* for IE*/ /*background: rgba(0, 0, 0, 0.8); */
	     /* font-family : Arial, sans-serif; font-size: 12px; color: #989898; */	     
	    /* -webkit-box-shadow: 0px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 2px rgba(0, 0, 0, 0.6);  box-shadow: 0px 2px rgba(0, 0, 0, 0.6); */
	    }

#menutop {  list-style:none; width:100%; z-index:999; min-height: 22px; height:26px; padding:0px 5px 0px 5px;    	   
	        position :fixed;left: -7px; top:0px;              
	        background: #222222; /* for IE*/ background: rgba(0, 0, 0, 0.8);
	        -webkit-box-shadow: 0px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 2px rgba(0, 0, 0, 0.6);  box-shadow: 0px 2px rgba(0, 0, 0, 0.6);
            }

#menu { list-style:none; width:99% ;z-index:9999; margin:0px auto 0px 2px; height:30px; padding:5px 1px 0px 1px;
	/* Rounded Corners */	
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	/* 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));	
	/* Borders */	
	border: 1px solid #4b90cf;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff;
	-moz-box-shadow:1px 2px 1px #3f3f3f; -webkit-box-shadow:1px 2px 1px #7f7f7f; box-shadow: 1px 2px 1px #afafaf; 
    /* position:absolute; */	
    /* bottom:12px; */
}

#menu2 { list-style:none; width:25% ; margin:30px 0px 0px 50%; height:43px; padding:0px 5px 0px 5px;
    color: white ; line-height: 1.2;  
	/* Rounded Corners */	
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	/* Background color and gradients */	
	background: #014464; background: -moz-linear-gradient(top, #0272a7, #013953); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));	
	/* Borders */	
	border: 1px solid #002232;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff;
	position:fixed;
    bottom:12px;
    /* float:right;*/
}

#menu3 { list-style:none; width:23% ; margin:30px 0px 0px 76%; height:43px; padding:0px 5px 0px 5px;
    color: white ; line-height: 1.2;  
	/* Rounded Corners */	
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	/* Background color and gradients */	
	background: #014464; background: -moz-linear-gradient(top, #0272a7, #013953); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));	
	/* Borders */	
	border: 1px solid #002232;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff;
	position:fixed;
    bottom:12px;
    /* float:right;*/
}

/* ------------------------  */ 
/* inizio menu               */
/*                           */
#menu li,  #menut li { float:left; display:block; text-align:center; position:relative; /* background: navy;*/
    padding: 3px 10px 3px 10px; margin-right:5px; margin-top:1px; border:none } 
                         

#menu li:hover, #menut li:hover { border: 1px solid #777777; padding: 4px 9px 4px 9px; /**/
	/* Background color and gradients 	*/ color:#161616;
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FcFcFc), to(#fafafa));
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 5px 0px; border-radius: 5px 5px 5px 0px;
} 


#menut .nulla, #menut .none, #menut li.none:hover  {  border: 0px solid red;  
    padding: 3px 4px 3px 4px; margin-right:6px;
	color: #EEEEEE; 
	background: #323232; /* for IE*/ background: rgba(0, 0, 0, 0.8);
	/* Background color and gradients 
	background: #222222;
	background: -moz-linear-gradient(top, #222222, #222222);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#222222));	*/
}


#menu li a, #menut li a  { /* font-family:Arial, Helvetica, sans-serif; font-size:14px; */ color: #EEEEEE;
	display:block; outline:0; text-decoration:none; text-shadow: 1px 1px 1px #000; 	}	
#menu li:hover a, #menut li:hover a { color:#161616; text-shadow: 1px 1px 1px #ffffff; }
#menu li .drop, #menut li .drop { padding-right:21px; background:url("images/drop.png") no-repeat right 8px; }
#menu li:hover .drop, #menut li:hover .drop { background:url("images/drop.png") no-repeat right 7px; }


.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto; float:left; position:absolute; left:-999em; /* Hides the drop down */
	text-align:left; padding:5px 2px 5px 2px; border:1px solid #777777; border-top:none;	
	text-shadow: none; z-index:9999;
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 160px;}
.dropdown_2columns {width: 300px;}
.dropdown_3columns {width: 440px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 660px;}

#menu li:hover .dropdown_1column, #menut li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, #menut li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns, #menut li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns, #menut li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns, #menut li:hover .dropdown_5columns  {
	left:-1px; 	top:auto; text-shadow: none;z-index:9999;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 { 
        display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; }
.col_1 {width:150px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right, #menut .menu_right { float:right; margin-right:0px;                                     
                                        }
#menu li .align_right, #menut li .align_right 
{	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;  -webkit-border-radius: 5px 0px 5px 5px;  border-radius: 5px 0px 5px 5px; }	
#menu li:hover .align_right, #menut li:hover .align_right   { left:auto; right:-1px; top:auto;    }


#menu p, #menu h2, #menu h3, #menu ul li, 
#menut p, #menut h2, #menut h3, #menut ul li { /* font-family:Arial, Helvetica, sans-serif; */
	line-height:18px; font-size:12px; text-align:left; text-shadow: 1px 1px 1px #FFFFFF;  }

#menu h2, #menut h2 { font-size:21px; font-weight:400; letter-spacing:-1px; 
    margin:7px 0 14px 0; padding-bottom:14px; border-bottom:1px solid #666666; }

#menu h3, #menut h3 { font-size:14px; margin:12px 0 8px 0;	padding:8px 0px 6px 4px; /*	border-bottom:1px solid #888888; */ }
#menu p, #menut p { line-height:18px; margin:0 0 10px 0; }

#menu li:hover div a, #menut li:hover div a { font-size:12px; color:#015b86; }
#menu li:hover div a:hover, #menut li:hover div a:hover{ color:#029feb; }

.strong, .bs { font-weight:bold;  }
.italic, .ei { font-style:italic; }

.imgshadow { /* Better style on light background */
	background:#FFFFFF; padding:4px; border:1px solid #777777; margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; }
		
.img_left { /* Image sticks to the left */
	width:auto; float:left; margin:5px 15px 5px 5px; }

#menu li .black_box, #menut li .black_box {
	background-color:#333333; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding:4px 6px 4px 6px;
	/* Rounded Corners */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000; -moz-box-shadow:inset 0 0 3px #000000; box-shadow:inset 0 0 3px #000000; }

#menu li ul, #menut li ul {
	list-style:none; padding:0; margin:0 0 12px 0; }
#menu li ul li, #menut li ul li  {
	font-size:12px; line-height:24px; position:relative; text-shadow: 1px 1px 1px #ffffff;
	padding:0; margin:0; float:none; text-align:left; width:130px; }
	
#menu li ul li:hover, #menut li ul li:hover {
	background:none; border:none; padding:0; margin:0; }

#menu li .greybox li, #menut li .greybox li {
	background:#F4F4F4; border:1px solid #bbbbbb; margin:0px 0px 4px 0px; padding:4px 6px 4px 6px; width:116px;
	/* Rounded Corners */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#menu li .greybox li:hover, #menut li .greybox li:hover { 
	background:#ffffff; border:1px solid #aaaaaa; padding:4px 6px 4px 6px; margin:0px 0px 4px 0px; }

/* POPUP  *********************************************  */ 

a.popupcss { position: relative; text-shadow: 1px 1px 1px #000; z-index:19;}

a.popupcss:hover { z-index:10;}

a.popupcss span { display:none!important}

a.popupcss:hover span { display:block!important; position:absolute;text-shadow: 1px 1px 1px #fff;
  right:1em; left:auto; bottom: 1em; min-width:10em; padding:2px; 
  border: 1px solid #797979; background-color:#f9f9f9 }

a.popupcssdn:hover span { display:block!important; position:absolute;text-shadow: 1px 1px 1px #fff;
  right:1em; left:auto; bottom: 1em; min-width:10em; padding:2px; 
  border: 1px solid #797979; background-color:#f9f9f9 }

a.Top:hover span { 
  right:auto ! important; left:2em ! important; background-color:#fff !important }