@charset "utf-8";
/* CSS Document */
nav1{
	position:relative;
	top:0;
	right:0 ;
	height:95px;;
	z-index: 999;
	background:#6F6;
		width:90%;
}
nav{
	position: absolute;
	top: 0;
	right: 10px;
	height: 129px;
	z-index: 999;
	background: #FFF;
	background-color: #FFFFFF;
		
	 }


#menu-icon{display:none;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:11px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border:#099 1px solid;
	background:#9FC ; 
	}
	.menu > li.last-item{background:none;}
	.menu > li > a {
	display: block;
	padding-left: 5px;
	background: #9FC;
	overflow: hidden;
	height: 128px;
	}
		.menu > li > a .right{display:block; padding-right:5px; height:100px; color:#9FC
		;}
.logommenu {
	float: left;
	width: 255px;
	position: relative;
	height: 155px;
	top: -50px;
}
			.menu > li > a .tail{display:block; padding:20px 20px 20px; height:55px; color:#000;
			padding-top:50px;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {text-decoration:none; color:#9F9; background-position: left top;}
		menu > li.current > a. right {background-position: right botton;background-color:#9F9; padding-top:-50px; }
			.menu > li.sfHover > a .right, .menu > li > a:hover .right {background-position: right top;background-color:#9F9;}
				.menu > li.sfHover > a .tail, .menu > li > a:hover .tail, .menu > li.current > a .tail{background-position: center top;
background-color:#9F9;				}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:143px; 
	display:none;
	padding:20px 0 18px;
	background:#414141;
	z-index:99;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.menu li li{
	width:100%;
	padding:0;
	position:relative;
}
	.menu li li a{
		display:block;
		color:#fff;
		padding:8px 11px;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{background-color:#99C; text-decoration:none;}
.menu li:hover ul, .menu li.sfHover ul {left:-2px; top:107px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu li li:hover ul, .menu li li.sfHover ul {left:148px; top:-20px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	nav{
	right: -9px;
}
	.menu ul .menu-arrow{display:inline-block; width:7px; height:4px; overflow:hidden; margin-left:5px; vertical-align:2px; text-indent:-999em; background:url(../images/submenu-arrow.gif) center top no-repeat;}
}

/* Design for a width of 320 and 480px*/
@media only screen and (max-width: 750px) {
	#activar {display: none;}
.inputlabel {
	display: inline-block;
	height: 30px;
	width: 30px;
	padding: 6px  6px;
	background:#FF8000; 
	
	border-radius: 6px;
}
#activar ~ .inputlabel:before {content: url('../images/menudesp.jpg');position:relative; top:2px; left:2px;}
#activar ~ .desplegable {display: none;overflow: hidden;background: #FFF;color: #fff;} 
#activar:checked ~ .desplegable {display: block;}
nav{position:absolute;
	top: 250px;
	height: auto;
	width:100%;
	float:left;
	z-index: 999;
	background: #FFF;
	background-color: #FFFFFF;}
#menur{width:100%;
height:auto;margin: 3px 0 3px;}
/*	#menu-icon{display:block; font:11px/14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; background:url(../images/menu-left.png) left top no-repeat; padding:0 0 0 5px; margin:0; cursor:pointer; overflow:hidden;}
		#menu-icon .right{display:block; padding-right:5px; background:url(../images/menu-right.png) right top no-repeat;}
			#menu-icon .tail{display:block; padding:74px 10px 18px; background:url(../images/menu-tail.gif) center top repeat-x;}
	/*menu*/
	.menu{
	display: block;
	padding: 20px 0 18px;
	background: #414141;
	z-index: 99;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Open Sans", sans-serif;
}
	.menu > li {position:relative; float:left; background:none; width:50%; padding:0;}
	.menu > li > a {display:block; color:#fff; padding:8px 11px; background:none; height:auto;}
		.menu > li > a .right{display:inline; padding-right:0; background:none;}
			.menu > li > a .tail{display:inline; padding:0; background:none;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {background-color:#202020;}
	.menu .menu-arrow{display:inline-block; width:7px; height:4px; overflow:hidden; margin-left:4px; margin-top:5px; text-indent:-999em; font-size:0; line-height:0; background:url(../images/submenu-arrow.gif) center top no-repeat;}
	/***submenu***/
	.menu ul {top:-20px; right:20px;}
	.menu li:hover ul, .menu li.sfHover ul {left:auto; top:-20px; right:-120px;}
	.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
	/***subsubmenu***/
	.menu ul ul {position:static; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; width:123px; padding:20px 10px 18px;}
}
@media only screen and (min-width: 768px) {.menu {display:block !important;}}