@charset "utf-8";
/* CSS Document */
/* menu */

.leftImg{
	width:6px;
	height:59px;
	float:left;
	background-image:url(../img/web_design/index/leftNav.png);
	background-repeat:no-repeat;}
	
.rigthImg{
	width:6px;
	height:59px;
	float:left;
	background-image:url(../img/web_design/index/rigthNav.png);
	background-repeat:no-repeat;}
	
#menu{
	/*width:780px;*/
	width:100%;
	float:left;
	/*background-image:url(../img/web_design/index/barra_nav.jpg);*/
	background-repeat:repeat-x;
	/*height:43px;*/
	/*height:28px;*/
	/*height:33px;*/
	height:36px;
	}	


.icono-Head{
	/*float:left; */
	float:right;
	width:210px;
	/*width:180px;*/
	/*height:43px;*/
	/*height:28px;*/
	height:33px;
		}



.nav > li {
float:left;
 padding: 0 18px;
/*height:39px;*/
/*height:28px;*/
height:33px;
/* border-right:solid 1px  #657107; */
 border-right:solid 1px  white; /* OJO */

}
/* color de txt del menu  */
.nav li a {
color:#000;
/*font-family: 'AVGARDN',Arial, Helvetica;*/
font-family: Arial, Helvetica;
font-size:16px;  /*  14px;  */
color:#FFF;
display:block;
font-weight:normal;
/*line-height:45px;*/
/*line-height:26px;*/
line-height:35px;
text-decoration:none;
/*padding:10px 10px;*/

}

.nav li .flecha{
font-size: 9px;
padding-left: 6px;
display: none;
}

.nav li a:not(:last-child) .flecha {
display: inline;
}
/* color de fondo  y txt dle menu  */
.nav li a:hover {
color:#FBFE1C;


}



/* color activo del fondo menu */
.nav li {
position:relative;


}

.nav li ul {

display:none;
position:absolute;
width:100%;
background:#FFF;
padding-left:20px;
*left:-1px;
*top:45px;


 -moz-box-shadow: 0px 0px 8px #c4c4c4;
    -webkit-box-shadow: 0px 0px 8px #c4c4c4;
    box-shadow: 0px 0px 8px #c4c4c4;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color='#c4c4c4')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color='#c4c4c4');
	border:1px solid #e7e7e7;
}


.nav li ul.ancho {
display:none;
position:absolute;
width:170px;
background:#FFF;
padding-left:20px;
 -moz-box-shadow: 0px 0px 8px #c4c4c4;
    -webkit-box-shadow: 0px 0px 8px #c4c4c4;
    box-shadow: 0px 0px 8px #c4c4c4;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color='#c4c4c4')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color='#c4c4c4');

}


.nav li ul li{
list-style-image:url(../img/web_design/index/bullet.png);

}


/*cambia color de txt del submenu */
.nav li ul a {

color:#55565a;
background-color:#fff;
font-family:Arial, Helvetica;
font-size:14px; /* 12  */
width:100%;
border-bottom: 1px solid #d5d5d5;
line-height:18px;


height:100%;
text-align:left;
text-decoration:none;
}

<!--  ddddddddddddddddddddddddddddd  -->
.nav li ul a:hover {

color:#0076c0;
background-color:#fff;
font-family:Arial, Helvetica;
font-size:14px;  /* 12 */
width:100%;
border-bottom: 1px solid #d5d5d5;
line-height:18px;
height:100%;
text-align:left;
text-decoration:none;
}


/* color de fondo del submenu */
.nav li:hover > ul {
display:block;

}

.nav li ul li ul {
	
/* right:-140px; */
top:0;
*z-index:2 !important;
}


#redsocial {
	/*height:43px;*/
	/*height:28px;*/
	height:32px;
}

	
#redsocial ul{
	margin:0;
/*	padding-top:6px;*/
	margin-top:-4px;
	list-style:none;}
	

#redsocial li a {
	float:right;
	width:31px;
	/*height:42px;*/
	height:35px;
	text-indent:-9999px;
	padding:5px;
	
	}
	
#redsocial li a.home {
	background-image:url(../img/web_design/index/home.png);
	background-repeat:no-repeat;
	}
	
#redsocial li a.fb {
	background-image:url(../img/web_design/index/facebook.gif);
	background-repeat:no-repeat;
	margin-top : 6px;
	}
	
#redsocial li a.tw {
	background-image:url(../img/web_design/index/twitter.jpg);
	background-repeat:no-repeat;
	margin-top : 6px;
	}

#redsocial li a.py {
	background-image:url(../img/web_design/index/500px.jpg);
	background-repeat:no-repeat;
	margin-top : 6px;
	}
	
#redsocial li a.fl {
	background-image:url(../img/web_design/index/flickr.png);
	background-repeat:no-repeat;
	margin-top : 6px;
	}
	
#redsocial li a.yt {
	background-image:url(../img/web_design/index/youtube.jpg);
	background-repeat:no-repeat;
	margin-top : 6px;
	}