@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

/* Base Styles */
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {margin:0; padding:0; border:0; list-style:none; font-weight:normal; text-decoration:none; line-height:1; font-family:'DM Sans'; font-size:1em; position:relative; clear: both;}

#cssmenu {width:100%; /*border-bottom:4px solid #656659;*/ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:auto;}

#cssmenu a {line-height:1.3; }

#cssmenu > ul > li:first-child { background:#66665e; background:-moz-linear-gradient(#66665e 0%, #66665e 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #66665e)); background:-webkit-linear-gradient(#66665e 0%, #45463d 100%); background:linear-gradient(#66665e 0%, #66665e 100%); border:1px solid #45463d; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;  }

#cssmenu > ul > li:first-child > a {padding:15px 10px; background:url(menu_images/pattern.png) top left repeat; border:none; border-top:1px solid #818176; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; font-family:'Ubuntu', sans-serif; text-align:center; font-size:1em; text-shadow:0 -1px 1px #000000; }

#cssmenu > ul > li:first-child > a > span { padding:0; }

#cssmenu > ul > li:first-child:hover { background:#66665e; background:-moz-linear-gradient(#66665e 0%, #66665e 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #66665e)); background:-webkit-linear-gradient(#66665e 0%, #66665e 100%); background:linear-gradient(#66665e 0%, #66665e 100%);   }

#cssmenu > ul > li { background:#747373; background:-moz-linear-gradient(#747373 60%, #747373 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #747373), color-stop(100%, #747373)); background:-webkit-linear-gradient(#747373 60%, #747373 100%); background:linear-gradient(#747373 60%, #747373 100%); margin-bottom:0.5em; border-radius: 0.8em;  }

#cssmenu > ul > li:hover { background:#82827f; background:-moz-linear-gradient(#82827f 50%, #82827f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #82827f), color-stop(100%, #82827f)); background:-webkit-linear-gradient(#82827f 50%, #82827f 100%); background:linear-gradient(#82827f 50%, #82827f 100%); }

#cssmenu > ul > li > a {font-size:.9em; display:block; background:url(menu_images/pattern.png) top left repeat; color:#ffffff; /*border:1px solid #46b1a0; */border-top:none; text-shadow:0 -1px 1px #751d0c;}

#cssmenu > ul > li > a > span { display:block; padding:12px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.05em; }

#cssmenu ul ul { display:none; background:#fff; /*border-right:1px solid #a2a194; border-left:1px solid #a2a194;*/}

#cssmenu ul ul li:last-child { border-bottom:none; }

.input-box{background:#ffffff;color:#000000;border:0.001em solid #f6f4f4;padding-top:0.3em;padding-bottom:0.3em;margin-right:1em;margin-left:1em;}

.ao {font-size:0.9em; color:#333333; font-family:'DM Sans'; padding:0.4em; border-bottom:#dadada solid thin; border-right:#dadada solid thin;}

.aot{ font-size:0.9em; color:#333333; font-family:'DM Sans'; padding:0.4em; border-bottom:#dadada solid thin;}

.aotl{font-size:0.9em; color:#333333; font-family:'DM Sans'; padding:0.4em;padding-bottom:none; border-bottom:#dadada solid thin; list-style:square;}


@media only screen and (max-width:480px) and (min-width:320px) {
	
#cssmenu {width:100%; margin-top: 1.5em;}	
	
#cssmenu > ul > li > a > span { display:block; padding:12px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.2em; }	
		
}