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

.menuresp {width:100%;position:fixed; top:128px; left:0px; display:none; background:black; border-right:1px solid gray; text-align:left; font-family:Open Sans Condensed, Verdana, Times, "Times New Roman", serif; text-transform:uppercase; overflow:scroll; overflow-x:hidden; overflow-y:auto; padding-bottom: 20px; padding-top: 10px;}
.menuresp h2 {width:100%; color:white; font-size:1.7em; padding:21px 0px 15px 15px; margin:0px; background:rgb(91,123,138); text-align:left; position:relative}
.menuresp img {position:absolute; top:30px; right:50px}

.menuresp a {display:block; color:white; font-size:1.1em; padding:15px 10px; text-align: center; margin:0px; text-decoration:none; text-align:center;}
.menuresp a:hover, .menuresp a.active {color:red}

.menuresp a.celuon {padding:0px}
.menuresp span {color:white; position:absolute; right:20px; top:30px; font-size:0.5em}
.textocel {display:none; position:absolute; top:25px; right:10px; text-align:right; z-index:20; padding:10px 5px}

@media (max-width: 991px) {
  .textocel {display:block}
  .textocel p {text-align:right; font-size:1.3em; color:rgb(91,123,138)}
  .textocel p.ce {margin-bottom:10px; }
  .textocel p a {color:rgb(91,123,138); font-size:1em}
  .textocel p.ce a {color:white;}
  a.celuoff, a.ray {color:white; text-align:right; cursor:pointer; padding:5px 20px; text-decoration:none;}
  a.celuoff:hover {color:white; }
  a.ray {display: none;}
  nav {display: none;}
}
@media (max-width: 480px) {
  .textocel p {font-size:1em;}
  a.celuoff, a.ray {padding:5px 15px;}
  a.ray {display: none;}
}