#menu-wrapper{
background-color: #03364b;


}

header{

}

#phone-wrapper{
display: inline-block;
width: 218px;
float: right;
margin-top: 22px;
}


#phone-wrapper img{
margin: 0px 6px !important;
width: 22px;
}

#phone-wrapper label{
font-size: 18px;
vertical-align: top;
color: #03364b;
font-weight: 900;
}

header img{
	margin: 16px 50px 4px;
}

#menu{
	margin: 0px auto;
	padding: 10px 0px;
	text-align: center;
	
}

#menu > li{

	display: inline-block;
	margin: -2px;
}



#menu li > a{
color: #FFF;
font-size: 12px;
padding: 0px 14px;
padding-top: 14px;
padding-bottom: 11px;
border-right: 1px solid #fff;

}

#menu li a:hover{
background-color: #E0E0E0;
color: #03364b;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
-ms-transition: background-color 300ms ease-out;
-o-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
}

#menu > li:first-child a {
border-left: 1px solid #fff;
}

#menu li ul{
/*estilo de los submenus*/


height: 0px;
overflow: hidden;
transition: height .5s;
transition-delay: .05s;
position: absolute;
z-index: 999;
margin-top: 10px;
margin-left: -1px;

}

#menu li ul li{
/*estilo a cada uno de los elementos(li) de nuestro submenu*/
width:100%;
list-style:none;
display:block;
}
#menu li ul li a{
/*estilo a cada uno de los enlaces de nuestro submenu*/
font-size: 14px;
line-height: 1.3em;
display: block;
border: none;
padding: 10px 0px 10px 5px;
text-align: left;
width: 132px;
border: 1px solid #FFF;
border-top: none;
border-bottom: none;
background: #03364b;
}
#menu li ul li a:hover{
/*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */
background-color: #E0E0E0;
color: #03364b;
}
#menu li ul li:last-child a{
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	border-bottom: 1px solid #FFF;
}

#menu li:hover ul{
/*con este selector definimos que cuando el cursor este sobre un elemento(li) que contenga un elemento(ul) dentro le asigne la propiedad display:block; para que este a su vez pase de invisible a visible*/
display:block;
height: auto;
}