/* JS disabled styles */
.no-js nav li:hover ul { display:block; }

/* base nav styles */
nav { display:block; margin:0 auto 20px; border:0px solid #222; position:relative; font:15px Arial; }
nav ul { padding:0; margin:0; }
nav li { position:relative; float:left; list-style-type:none; width: 20%; }
.redes {margin-left: -5%; width: 7.3%;}
.redes2 {left: 0; width: 10%;}
.redes3 {margin-left: -3%; width: 5%;}
.imgsocial {width: 18px; display: block; float: left; }

nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a { display:block; padding:10px 20px; border-left:0px solid #999; border-right:0px solid #222; color:#eee; text-decoration:none; cursor: pointer;}
nav li a:focus { outline:none; text-decoration:none; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
/*nav a span { display:block; float:right; margin-left:5px; } */
nav ul ul { display:none; position:absolute; left:-50px; }
nav ul ul li { float:none; width:250px; padding: 5px;}
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:15px; }
nav ul ul a:hover {}

/* CSS3 */
.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
/*.cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); }*/
.cssgradients nav {}
.boxshadow.rgba nav {}
/*.cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); }*/
.cssgradients nav li:hover { }
.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.boxshadow.rgba nav ul ul {}
.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); background-color:rgba(85,85,85,.6); }
.rgba nav ul ul a:hover { }
.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
/*.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }*/