.ddsmoothmenu{text-align: left;float: left;width: 70%;margin-top:10px;min-height: 18px}
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;}

.ddsmoothmenu ul li{
    position: relative;
    float: left;
    display: inline;
}
.ddsmoothmenu ul li.sep{width:2px;margin:0px 15px;height: 12px; position: relative;float: left;background-color:#ababab}
.ddsmoothmenu ul li a{
    color: #ababab;
    text-decoration: none;
    height: 14px;
    font-family: 'swis721_cn_bt';
    font-size: 13px;
    text-align: center;
    display: block;
    line-height: 14px;
    padding: 0px;
     
}

.ddsmoothmenu ul li.invisible{display: none}
.ddsmoothmenu ul li.visible{display:inline-block}

.ddsmoothmenu ul li a.btn_menu_chico{width:40px;}
.ddsmoothmenu ul li a.btn_menu_chico img{float: left;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{}
.ddsmoothmenu ul li a.selected{ }
.ddsmoothmenu ul li a:hover{border-bottom:3px solid #ababab}
.ddsmoothmenu ul li a.btn_menu_chico.selected{}
.ddsmoothmenu ul li a.btn_menu_chico:hover{border-bottom:0}

.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden;
    box-shadow: 3px 3px 3px #ababab;
    opacity: 0.98;
    filter:alpha(opacity=98);
    background-color: #f9f9f9 /*white*/;
}

.ddsmoothmenu ul li ul.ul_menu_1nivel{
    left:-15px !important;
}

.ddsmoothmenu ul li ul li{
    display: list-item;
    float: left;
}

.ddsmoothmenu ul li ul li ul{
    top: 0;
}

.ddsmoothmenu ul li ul li a{
    width: 120px;
    padding: 12px 16px;
    margin: 0;
    text-align: left;
    font-size: 12px;
    color:#8a8a8a;
    font-family:arial;
    text-transform:uppercase;
    height:auto;
}

.ddsmoothmenu ul li ul li a.talleres_m{width:200px}

.ddsmoothmenu ul li ul li.sep{
    width:120px !important;
    margin:0 16px;
    height: 2px !important;
    line-height: 2px;
    background-color: #c4c4c4;
    min-height:2px !important
}

.ddsmoothmenu ul li ul li.sep.talleres_m{
    width:200px !important
}

.ddsmoothmenu ul li ul li ul{
    background-image: url("/themes/default/css/estilos/menu/images/flecha.png");
    background-position: left top;
    background-repeat: no-repeat
}

.ddsmoothmenu ul li ul li ul li ul li{
    width:350px;
    min-height:100px;
    margin:15px;
}

.ddsmoothmenu ul li ul li ul li ul li.normal{
    width:auto;
    min-height:0px;
    margin:0 !important
}

.ddsmoothmenu ul li ul li ul li ul li a.img_a_cont{
    float: left; width:100%; 
    margin: 10px 0px 0px 0px;
    padding: 0;
    height: auto;
    background: none;
}
.ddsmoothmenu ul li ul li ul li ul li a.img_a_cont img{
    width:100%;float:left
}

.ddsmoothmenu ul li ul li ul li ul li div.tit{
    width:100%;
    float:left;
    font-weight: bold;
    font-size: 20px; 
    color: #000;
}

.ddsmoothmenu ul li ul li ul li ul li div.desc{
    float: left;
    width: 100%; 
    font-size: 13px; 
    line-height:16px; 
    color: #444;
    margin-top:10px;
}

.ddsmoothmenu ul li ul li a:hover{border-bottom: 0;color:#006bab}
.ddsmoothmenu ul li ul li a.selected{border-bottom: 0;color:#006bab}


.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
}
.rightarrowclass{
    position: absolute;
    top: 12px;
    right: 5px;
}

.ddshadow{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: #9c9c9c;
    z-index: 80;
    display: none
}



.toplevelshadow{opacity: 0.9;}

/*@media only screen and (max-width:1080px){.ddsmoothmenu ul li a{padding: 0 15px}} 
@media only screen and (max-width:890px){.ddsmoothmenu ul li a{padding: 0 10px}} 
@media only screen and (max-width:840px){.ddsmoothmenu ul li a{padding: 0 7px}} 
*/

@media only screen and (max-width:1024px){
    .ddsmoothmenu ul li.sep{margin:0 10px}
}

@media only screen and (max-width:900px){
    .ddsmoothmenu{width: 75%;}
}
@media only screen and (max-width:810px){
    .ddsmoothmenu ul li.invisible{display: inline-block}
    .ddsmoothmenu ul li.visible{display:none}
    .ddsmoothmenu{width:auto}
}