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

.menuresp {width:100%; height:100%; position:fixed; top:0px; left:0px; display:none; background:rgb(43,69,145); border-right:1px solid black; text-align:left; text-transform:uppercase; overflow:scroll; overflow-x:hidden; overflow-y:auto}
.menuresp h2 {width:100%; color:white; font-size:1.7em; padding:21px 0px 15px 15px; margin:0px; background:rgb(43,69,145); text-align:left; position:relative}
.menuresp img {position:absolute; top:30px; right:50px}

.menuresp a {display:block; color:rgb(43,69,145); font-size:1em; padding:15px 20px; margin:0px; background:rgb(240,240,240); border-bottom:1px solid black; text-decoration:none; text-align:left;}
.menuresp a:hover {background:rgb(240,240,240); padding-left:25px;}
.menuresp a.active {background:rgb(49,152,66); color:white}

.menuresp a.celuon {padding:0px; position:relative;}
.menuresp a.celuon img {position:absolute; top:20px; right:20px}
.menuresp span {color:white; position:absolute; right:20px; top:30px; font-size:0.5em}

a.celuoff, a.celuoff2 {cursor:pointer}

.otro {display:none;}
.otro a, .otro a:hover { padding-left:55px; color:gray; background-repeat:no-repeat; background-position:20px 10px}
.otro a:hover, .otro a.activo {background-position:20px -52px; color:rgb(49,152,66)}
.otro a.seg { background-image:url(/img/dsgn/seg-small.png)}
.otro a.med { background-image:url(/img/dsgn/med-small.png)}
.otro a.amb { background-image:url(/img/dsgn/amb-small.png)}
.otro a.sis { background-image:url(/img/dsgn/sis-small.png)}
.otro a.con { background-image:url(/img/dsgn/con-small.png)}
.otro a.ing { background-image:url(/img/dsgn/ing-small.png)}