@charset "utf-8";
/* CSS Document */
@font-face {
 font-family:'MyriadPro-Regular';
*font-family:'MyriadPro-Regular';
 src: url('MyriadPro-Regular.eot');
 src: url('MyriadPro-Regular.eot#iefix') format('embedded-opentype'), url('MyriadPro-Regular.woff') format('woff'), url('MyriadPro-Regular.ttf') format('truetype'), url('MyriadPro-Regular.otf') format('opentypefont'), url('MyriadPro-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* main menu
----------------------------*/
.navigationtop{ font-size:.1px; color:#fff;}
#ddmenu
{
    display:block;
    font-family:'MyriadPro-Regular';
    text-align:center; /* Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing:normal; font-size:14px; margin-bottom:3px;
}

/*workable with bootstrap*/
#ddmenu, #ddmenu div {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing:content-box;
}

#ddmenu ul
{ 
    /*text-align:right;*/  /* Here you can further customize the alignment of its LIs */
    width:100%;
    margin:0; 
    padding:0;
    font-size:0;
    background: #f6f6f9;
    /*border-bottom:none;*/
    display:inline-block;
    list-style:none;
    position:relative;
    z-index:999999990;
    visibility:hidden;  
   /* border-radius:4px;
    box-shadow: 0px 2px 5px #DDDDDD;*/
}

#ddmenu li
{
    margin:0;
    padding:0;
    font-size:14px;
    display:inline-block;
    position:relative;
    color:#000000;
}

#ddmenu a
{	background: url("../images/piy.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
    color:#000000;
    padding:0 36px;
    line-height:40px;
    font-weight:normal;
    text-decoration:none;
    display:inline-block;
    outline:0;
    position:relative;
    white-space:nowrap; text-decoration:none;
text-transform:uppercase;
}

/* links without sub-menu */
#ddmenu li.over a
{
   background:#ededed;
    color:#215b9f;
}

/* links with sub-menu */
#ddmenu a.arrow
{
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#ddmenu li.over a.arrow
{
    background-color:#FFFFFF;
    color:#003366;
    /*border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;*/
    /*text-decoration:underline;*/
} 

/* arrow icon style */
#ddmenu li i.icon
{  
    border:4px solid transparent;/*adjust arrow size*/
    border-top-color:#000000;/*arrow color*/
    margin-left:12px;/*position*/
    display:inline-block;
}
/* arrow hovered */
#ddmenu li.over i.icon
{  
    border-top-color:#003366;
}

#ddmenu li > div 
{
    padding:0;
    margin:0;
    display:none;
}             
        
/* sub-menu layout
----------------------------*/

#ddmenu div.drop
{
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 3px 10px #eeeeee;
    color: #575c61;
    padding: 0 10px 10px 10px !important;
    position: absolute;
    text-align: left;
    
}
/* sub-menu offset
----------------------------*/

#ddmenu div.drop
{
    left:0px;/*Use this property to change offset of the sub-menu*/
}
#ddmenu div.dropToLeft
{
    left:auto; right:0px;
}
#ddmenu div.dropToLeft2
{
    left:auto; right:-120px;
}
  
/* links in sub menu
----------------------------*/

#ddmenu div.drop a
{
    line-height:25px;
    color:#575c61;
    text-decoration:none;    
    display:block;
    text-align:left;    
    position:static;
    background:none;
    background-image:none;
    padding:0 0;
}

#ddmenu div.drop a:hover
{
    text-decoration:none;
   color:#215b9f;
}

/* blocks within the sub-menu
----------------------------*/

#ddmenu div.drop div
{
    background:none;    
}  

#ddmenu div.column
{
    width:auto;
    float:left; /*align each column in one row*/
    padding:0 10px; /*padding of each column*/
}

#ddmenu div.column div
{
   padding:0px 10px; /*sub-div within div.column. 10px for indent.*/
}

/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages
----------------------------*/
#ddmenuLink {display:none;}