/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}    	

/* Basic Styles */
nav { height: 50px; width: 100.2%; border-radius: 0px; background: #url(../images/menu_bg.gif) repeat-x bottom left; background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff -17%, #0064a5 50%, #ffffff 117%, #ffffff 0%, #999999 0%) repeat scroll 0 0; margin: 0 0 0 -0.1%; }
nav ul { padding: 0; margin: 0 auto; width: 1065px; height: 40px;}
nav li { display: inline; float: left; margin: 0% -18% 0% 16%; }
nav a { color: #fff; display: inline-block; font-size: 100%; width: 152px; text-align: center;	text-decoration: none; line-height: 50px; text-shadow: 1px 1px 0px #283744; }
nav li:last-child a { border-right: 0; }
nav a:hover { color:#fff; border-radius: 50px 0 50px 0; background: rgba(0, 0, 0, 0) linear-gradient(to right, #7186df 0%, #ff7b00 50%, #7186df 117%, #7186ac 0%, #cc9999 0%) repeat scroll 0 0; }
nav ul li a.active { color: #fcdb00; background:#1D6893 url(../images/menu_current.gif); }
nav a#pull {	display: none;}




@media only screen and (max-width: 1024px) and (min-width: 768px) {
	nav {width: 100%; max-width: 101%; width: 100.2%; margin: 0 0 0 -0.1%;  }
  	nav a { width: 128.8px; font-size: 13px; max-width: 100%;}
	nav ul { width: 100%; max-width: 100%; margin: 0 0 0 0%; padding: 0 0 0 0; }
}

/*Styles for screen 800px and lower - Apple Ipod mini - TABLETA*/
@media screen and (max-width: 800px) {
	nav {width: 100%; max-width: 101%; width: 100.2%; margin: 0 0 0 -0.1%;  }
  	nav a { width: 98.5px; font-size: 11px; max-width: 100%;}
	nav ul { width: 100%; max-width: 100%; }
}

/*Styles for screen 800px and lower - Apple Ipod mini - TABLETA*/
@media screen and (max-width: 768px) {
	nav {width: 100%; max-width: 101%; width: 100.2%; margin: 0 0 0 -0.1%;  }
  	nav a { width: 98.5px; font-size: 11px; max-width: 100%;}
	nav ul { width: 100%; max-width: 100%; }
}

/*Styles for screen 640px and lower vericat aici http://mattkersley.com/responsive */
@media only screen and (max-width : 640px) {
	nav { height: auto; border-bottom: 0; }
	nav ul { display: none; height: auto;}
	nav a#pull { font-size: 100%; display: block; background: url(../images/menu_bg.gif) repeat-x bottom left; width: 99.3%; position: relative; margin:  0 0 0 -0.1%; padding: 0 0 0 1%; }
	nav a#pull:after { content:""; background: url(../images/nav-icon.png) no-repeat; width: 30px; height: 30px; display: inline-block;	position: absolute; right: 20px; top: 15px; }
	nav li { width: 100%; float: left; position: relative; border-left: 1px solid; border-right: 1px solid; margin: -2% 0 2% -0.1%; }
	nav li a { text-shadow: 0 0px 0px #005791; color: white; border-top: 1px solid #005791; border-right: 1px solid #005791; }
	nav a { text-align: center; width: 100%; font-size: 100% }

}
/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
	nav { border-bottom: 0; }
	nav ul { display: none; height: auto; }
	nav a {font-size: 100%; text-align: center; }
	nav a#pull { display: block; background: url(../images/menu_bg.gif) repeat-x bottom left; width: 99.3%; position: relative; margin:  0 0 0 -0.1%; padding: 0 0 0 1%; }
	nav a#pull:after { content:""; background: url(../images/nav-icon.png) no-repeat; width: 30px; height: 30px; display: inline-block;	position: absolute; right: 20px; top: 15px; }
	nav li { border-left: 1px solid; border-right: 1px solid; margin: -2% 0 2% -0.3%; }
}

/*Smartphone vericat aici http://mattkersley.com/responsive */
@media only screen and (max-width : 320px) {
	nav {width: 100%; max-width: 100%; }
  	nav a { width: 100%; }
	nav a {font-size: 100%; text-align: center; }
	nav ul { width: 100%; max-width: 100%; }
	nav a#pull { display: block; background: url(../images/menu_bg.gif) repeat-x bottom left; width: 99.6%; position: relative; margin:  0 0 0 -0.1%; padding: 0 0 0 1%; }
	nav a#pull:after { content:""; background: url(../images/nav-icon.png) no-repeat; width: 30px; height: 30px; display: inline-block;	position: absolute; right: 20px; top: 15px; }
	nav li { border-left: 1px solid; border-right: 1px solid; margin: -2% 0 2% -0.3%; }
}