@media only screen and (min-width: 980px) {
	.ddsmoothmenu{
		clear: none;
	    height: 100%;
	    line-height: 30px;
	    margin: 0;
	    position: absolute;
	    right: 0;
	    top:0;
	    z-index: 100;
	     font-weight: 400;
	}
	
	.ddsmoothmenu ul{
		margin: 0;
	z-index:100;
	padding: 0;
	list-style-type: none;
	}
	
	/*Top level list items*/
	.ddsmoothmenu ul li{
	position: relative;
		display: inline;
		margin: 0 0px 0 0;
		padding: 0px;
		float:left;
		font-size:10pt;
	}
	.ddsmoothmenu ul>li>a{height:88px;line-height:88px;}
	
	/*Top level menu link items style*/
	.ddsmoothmenu ul li a{
	display: block;
		color: #fff;
	text-decoration: none;
	}
	
	* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}
	
	.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: #fff;
	}
	
	.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
		color: #000;
	}
	
	.ddsmoothmenu ul li a:hover{
	text-decoration: none;
		color: #000;
	}

	#cabecera.cabestudiante .ddsmoothmenu ul li a:hover {color: #ccc;}
	
	.ddsmoothmenu ul li.cojo{
	text-decoration: none;
	}
	.ddsmoothmenu ul li.cojo a{font-weight:bold;	color: #000;}
	#cabecera.cabestudiante .ddsmoothmenu ul li.cojo a {color: #e52b37;}
		
	/*1st sub level menu*/
	.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	visibility: hidden;
		background: #fff;
	}
	
	/*Sub level menu list items (undo style from Top level List Items)*/
	.ddsmoothmenu ul li ul li{
	display: list-item;
	/*float: none;*/
	}
	
	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.ddsmoothmenu ul li ul li ul{
	top: 0;
	}
	
	/* Sub level menu links style */
	.ddsmoothmenu ul li ul li a{
	margin: 0;
	border-top-width: 0;
	font-weight:normal !important;
	}
	.ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited {color:#e52b38;background:#fff;}
	
	.ddsmoothmenu ul li ul li a:hover {background:#f2eff2;color:#000;}
	.ddsmoothmenu ul li ul li a.cojo {color:#818181;}
	
	/* Holly Hack for IE \*/
	* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
	
	
	/* ######### CSS classes applied to down and right arrow images  ######### */
	
	.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	}
	
	.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	}
	
	/* ######### CSS for shadow added to sub menus  ######### */
	
	.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
	}
	
	.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
	}
	
	.ddsmoothmenu ul:first-child >li > ul{
	border-top-width:2px;
	border-top-style: solid;
	background-color:#FFF;
	border-top-color:#fff;
	
	}
	
	.ddsmoothmenu ul:first-child > li{
	line-height: 30px;
	}
	
	.ddsmoothmenu ul:first-child > li > a{
	display:block;
	text-decoration: none;
	padding:0 5px;
	font-weight: normal;
	font-size:12px;
	
	font-size: 13px;
	
	
	}
	
	.ddsmoothmenu li:first-child>a{
	border-top:none;
	}
	
	.ddsmoothmenu>li:last-child>a{
	padding-right:0;
	}
	
	.ddsmoothmenu ul li:last-child>a{
	border-bottom-style: solid;
	border-bottom-width: 0px;
	}
	
	.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a{
	font-weight: 600;
	}
	
	.ddsmoothmenu li a strong {
	display:block;
	font-size:14px;
	font-weight:normal;
	cursor: pointer;
	}
	
	
	.ddsmoothmenu li{
	float:left;
	position:relative;
	z-index:20;
	}
	
	.ddsmoothmenu li:hover{ z-index: 100 }
	
	#top .main_menu ul:first-child > li > ul > li, #top .main_menu ul:first-child > li > ul > li li{
	margin:0;
	padding:0;
	width:100%;
	}
	
	
	.ddsmoothmenu ul li ul {
	margin-left:0;
	left:0;
	position: absolute;
	top: 100%;
	width: 208px;
	z-index: 2;
	padding:0 0;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	margin-top:-1px;
	}
	
	/* fixes IE8 menu width issue*/
	.ddsmoothmenu li a { max-width:none; }
	
	.ddsmoothmenu ul li a{
	border-right-style: solid;
	border-right-width:0px;
	border-left-style: solid;
	border-left-width:0px;
	}
	
	.ddsmoothmenu li ul a{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	line-height:23px;
	padding:8px 15px;
	font-size: 12px;
	min-height: 23px;
	max-width: 208px;
	min-width: 208px;
	text-decoration: none;
	}
	
	.ddsmoothmenu ul ul{
	top:auto;
	padding-top: 0px !important;
	}
	
	.ddsmoothmenu li ul ul {
	left:-207px;
	top:0px;
	margin:0;
	border-top-style: solid;
	border-top-width:0px;
	border-color: #e52b38;
	background-color:#FFF;
	}
	
	.ddsmoothmenu li ul ul {}
	
	.ddsmoothmenu a{
	-ms-transition:     color 0.15s ease-out;
	-moz-transition:    color 0.15s ease-out;
	-webkit-transition: color 0.15s ease-out;
	-o-transition:      color 0.15s ease-out;
	transition:         color 0.15s ease-out;
	
	-ms-transition:     background 0.15s ease-out;
	-moz-transition:    background 0.15s ease-out;
	-webkit-transition: background 0.15s ease-out;
	-o-transition:      background 0.15s ease-out;
	transition:         background 0.15s ease-out;
	}
}

@media only screen and (min-width: 1180px) {
	.ddsmoothmenu ul:first-child > li > a{
	padding:0 7px;
	}
}