/*
Theme Name: Modelo de Secretarias V.11
Theme URI: http://www.seati.ma.gov.br
Description: Tema oficial de Secretarias do Governo do Estado do Maranhão 
Author: SEATI
Author URI: http://www.seati.ma.gov.br/
Version: 1.5
Tags: secretaria,maranhão,responsive, white, bootstrap
*/
@import url('bootstrap/css/bootstrap.min.css');
@import url('bootstrap/css/bootstrap-theme.min.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

body {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  background:url(img/header-bg.png);
  background-repeat:repeat-x;
  font-family: Open Sans, sans-serif;
}

html { overflow-x: hidden; }

li { padding: 0px; margin: 0px; }

img-destaque { max-width: 660px; width: 100%; max-height: 300px; height: auto; }




/*Fontes
*************************************************/
h1 {color: #337AB7;}
h2 {color:#337AB7; font-size: 1.2em;}
h3 {color:#337AB7; font-size: 1em;}
.rodape p {color:#ffffff; font-size: 0.8em;}


/*BOTÕES
*************************************************/

.botao-leia-mais {

  background-color: #0f5686;
  color: #ffffff;
  padding: 7px 8px;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
     
}

.botao-leia-mais:hover {
  background-color: #cf1b1c;
  color: #ffffff;
  text-decoration: none;
}



/*Estrutura
*************************************************/

#listadenoticiashome, #listadeprojetoshome, #listadeacoeshome, #listademidiashome {
  padding-top: 10px;
  padding-bottom: 10px;
}

#listadeprojetoshome { background-color: #2196F3; color: white; }
#listadeprojetoshome a { color: white !important; }

#barra { background-position: bottom center; background-color: #f0f0f0; }

#barra-topo { max-width: 980px; width: 100%; margin: 0px auto;}

.img-borda-branca { border: solid 1px #ffffff; }

.btn-mais-tit-lista {
  padding: 2;
  color: white !important;
  font-size: 12px !important;
  border-radius: 2px;
}

.tit_lista {
  font-size: 18px;
  color: #444444;
  margin: 0px;
  padding: 0px;
}

.tarja-separa-tit-lista {
  /*margin-top: -10px;*/
  /*background-image: url(img/tarja.png);*/
  height: 1px;
  border: none;
}

#conteudo {
  max-width: 980px !important;/*
  margin-top: 10px;
  width: 100%px !important;*/
    margin-top: 10px;
}

.conteudo {
  /*max-width: 980px !important;
  margin-top: 10px;
  width: 980px !important;*/
}

#barra-rodape { background-color: #607D8B; margin-top: 20px; padding: 0px}
#barra-autoria { background-color:#999999 }
#quadro-centro { padding-left: 40px; }
.quadro-menu-principal { margin-top: -16px; }
#rodape-barra { width: 100% !important; border: solid 1px blue; }
.quadro-sidebar h2 { font-size: 1.2em; color:#7E0B44; }

.quadro-sidebar input[type="submit"] {
  border: none;
  background-color: #669933;
  padding: 5px  15px;
  color: #fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius: 5px;
}
.quadro-sidebar p { color: #777; }
.quadro-sidebar textarea,
.quadro-sidebar input[type="text"],
.quadro-sidebar input[type="email"] { border: solid 1px #ccc; }
.useful_banner_manager_banner img {
  margin: 5px 0px;  
}

/*TOPO DA PAGÍNA
**************************************/



#topo-logo {
    margin-top: 15px;
    margin-bottom: 10px;
}

#cabecalho {
    margin-bottom: 15px;
    max-width: 980px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#quadro-busca {
    margin-top: 5.5%; /* valor anterior: 10% */
    line-height: 1em;
    /*padding: 0px;*/
}

.social-icons > a{
    margin-left: 8px;
}
.social-icons > a:hover{
    text-decoration: none;
    color: #efefef;
}

#topo-social { float: right; margin-right: 4px; padding-top: 7px; }

#topo-busca { float: right; }

.cnss-social-icon { text-align: right !important; }

#noticias p { font-size: 0.9em !important; }

/*
#noticias img.aligncenter {
    display:block;
    margin-left: auto;
    margin-right: auto;
}
*/

.aligncenter{
     position: relative;
    left:20% 

  }

#noticias img.alignleft { display: block; float: left; }

#noticias img.alignright { display:block; float: right; }


/*MENU ACESSO RÁPIDO*/
/*******************************************************/
#menu-menu-links {
  margin-left: -25px;
}

#menu-menu-links li {
  list-style: circle;
  margin-left: 15px;
  padding-bottom: 5px;
}


/*MENU ACESSO RÁPIDO*/
/*******************************************************/




/*MENU TOPO*/
/*******************************************************/


.navbar-default li:nth-child(1) a{background-color:#cf1b1c }
.navbar-default li:nth-child(2) a{background-color:#faba17 }
.navbar-default li:nth-child(3) a{background-color:#aec933 }
.navbar-default li:nth-child(4) a{background-color:#157bc0 }
.navbar-default li:nth-child(5) a{background-color:#37b0dd }
.navbar-default li:nth-child(6) a{background-color:#fac857 }
.navbar-default li:nth-child(7) a{background-color:#cf1b1c }
.navbar-default li:nth-child(8) a{background-color:#faba17}
.navbar-default li:nth-child(9) a{background-color:#aec933 }
.navbar-default li:nth-child(10) a{background-color:#157bc0 }
.navbar-default li:nth-child(11) a{background-color:#37b0dd }
.navbar-default li:nth-child(12) a{background-color:#fac857 }



.navbar-collapse {padding-left: 0px; padding-right: 0px;}
.navbar-default { background:transparent; box-shadow:none; border:0; }
.navbar-default .container-fluid { padding-left: 0px; padding-right: 0px; }
.navbar {min-height: 0px !important; margin-bottom: 0px !important}
.navbar-primary-collapse {text-align:center; padding:0}
/*******************************************************/

.navbar-nav>li>a:hover {
     background-color: #eee !important;
     color: #323232 !important;
}

#navbar .navbar-nav ul li:hover > ul li a {
  display: block !important;
}

/*#navigation .navbar-default ul li ul li:hover > ul li a {
	display: block !important;
}*/

.navbar-nav .open a{
    color: #323232 !important;
}

.navbar-default .menu-item a{
  color:#fff !important;
  padding:8px 12px;
  font-size:13px;
  margin-right:10px;
  font-weight:bold;
  text-transform:uppercase;
  word-wrap: break-word;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.dropdown-menu .menu-item a {
  background-color: #fff !important;
  color: #323232 !important;
}
/*******************************************************/

/*MENU MOBILE*/
@media only screen and (max-device-width: 480px) {
}

/*OBJETO
*************************************************/
.data-hora {
 font-size: 0.8em;
 color: #cf1b1c; 
}

/*LINHAS
*************************************************/

.linha-p {
  background: url(img/barra-m.png) repeat-x;
  padding: 0px;
  margin: 0px;
  height: 1px;
}

.linha-m {
  background: url(img/barra-m.png) repeat-x;
  padding: 0px;
  margin: 0px;
  height: 2px;
}

.linha-g {
  background: url(img/barra-m.png) repeat-x;
  padding: 0px;
  margin: 0px;
  height: 3px;
}

.linha-f{
  background: url(img/barra-m.png) repeat-x;
  padding: 0px;
  margin: 0px;
  height: 6px;
}


/*SLIDE
*************************************************/
#slide-noticia {background-color:#157bc0}

#slide-noticia .foto-destaque img{
  margin-bottom: 0px;
  width:980px;
  height: 400px;
}

#slide-noticia .chamada a {
  color: #FFFFFF; 
  font-size:75%;
  text-shadow: 1px 1px #333333;
  font-weight: bold;
  line-height: 0.8;
}

#slide-noticia .chamada {
  padding: 20px 20px;
  display: block;
  z-index: 99;
}

.carousel .container {
  position: relative;
  z-index: 9;
}

.carousel-indicators{
  /*top: 210px !important;
  width : 78% !important;
  text-align: right !important;*/

  width: 20% !important;
  text-align: right !important;
  margin-left: 25% !important;
}

.carousel-indicators li {
  display: inline-block;
  height: 20px;
  margin: 1px;
  cursor: pointer;
  background-color: rgb(126, 126, 126);
  width: 20px;
  border-radius: 10px;
  text-indent: -999px;
  border: 0px !important;
  text-align: right !important;
}

.carousel-indicators .active {
  width: 20px;
  height: 20px;
  margin: 1px;
  background-color: #950000;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}



/*TITULOS H1
**************************************/
.titulo h1{
  margin-left: 15px;
  font-size: 2em;
  color: #cf1b1c;
}

/*NOTÍCIAS
**************************************/
#noticias {
  margin-top: -30px;
  margin-left: 14px;
  padding:5px;
  padding-bottom: 20px;
}

#noticias h1 {
  color: #337AB7;
  /* border-bottom: solid 1px  #337AB7; */
  font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
  font-size: 1.3em;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 26.3999996185303px;
}

#noticias p {
  line-height: 160%;
  margin-top: 3%;
  font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
  font-size: 1.2em;
  font-style: normal;
  font-variant: normal;
}

#noticias img {
  float: left;
  margin-top:10px;
  margin-right:10px;
  margin-bottom: 10px;
  border: 1px solid #ebebeb;
}

#lista-noticias .subdestaque {
  margin-bottom: 10px;
}

#lista-noticias .subdestaque .foto {
  margin-right: 0px;
  padding-right: 0px;
}

#lista-noticias .subdestaque .titulo {
  padding-right: 30px;
  font-size: 1.2em;
}

#servicos { 
  margin-top: 15px;
}

#servicos img {
  width: 100px;
  height: auto;
  margin-bottom: 10px;
}

/*RODAPE
**************************************/
#rodape {
  padding-top: 10px;
  max-width: 980px;
  margin: 0 auto;
}

#rodape h2 {
  font-size: 1.3em;
 color: #ffffff;
}

#rodape p {
  font-size: 1em;
 color: #ffffff;
}

.rodape-contatos { 
  margin-top:5%;
  font-size: 1em;
  color: #fff !important;
}

.rodape-orgao h1{ 
  margin-bottom: -10px;
  font-size: 1.4em;
  color: #fff;
  margin-bottom: 10px; 
 }

 .rodape-orgao p {
   font-size: 1em;
   color: #fff;
 }

 .copyright p{
    margin-top: 7%;
    font-size: 0.8em !important;
    color: #041825 !important;
    text-transform: uppercase;
 }

/*busca
**************************************/
.assistive-text {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

#searchform input {
    padding: 10px 20px;
    border: none;
    background: #FFFFFF;
    font-weight: 100;
    letter-spacing: 2px;
    font-size: 12px;
    border-radius: 0px;
}

#searchsubmit { display: none;}

/*PAGINA
**************************************/
#pagina{
  width: 100%;
  margin: 0 auto;
  padding: 0px;
}

/*SUBPAGINA
**************************************/
#subpagina h1 {
}

#subpagina .data-hora{
  font-size: 1.2em;   
}

#subpagina #noticias{
  margin-top: -30px;
  margin-bottom: 40px !important;
}
#subpagina #noticias p{
  text-align: justify;
  line-height: 1.5em;
}
#subpagina input[type="submit"] {
  border: none;
  background-color: #669933;
  padding: 5px  15px;
  color: #fff;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius: 5px;
}
.leia-mais {
margin-top: 10px;
margin-bottom: 20px;
}
.read-more {
      background-color: #F0F0EE;
      padding: 5px;
       -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius: 5px;
      color: #1666A1 !important;
      font-size: 0.8em !important;
}
.read-more a{
  color: #fff !important;
}
.item-noticia .read-more {
}


/*PAGINAÇÃO 
******************************************* **/
.page-numbers { float: left; margin-top: 10px; } 
.page-numbers li { display: inline-block; margin-left: 3px; } 
.page-numbers a, .page-numbers .dots, .page-numbers .next, .page-numbers .prev { padding: 3px 5px; background: #eee; text-decoration: none; } 
.page-numbers a:hover, .page-numbers .next:hover, .page-numbers .prev:hover { background: #7E0B44; color: #fff; } 
.page-numbers .current { padding: 3px 5px; background: #7E0B44; color: #fff; }

/***************************************************************
* Barra de acessibilidade
*/

#lang_bar_nav {
  text-align:right;
  margin-top: 12px;
}

#lang_bar_nav li {
  display: inline-block;
  list-style-type: none;
  padding-right: 5px;
}

#accessibility-nav {
  font-size: 0.8em !important;
  padding: 10px;
  float: left;
}

.p-hidden { 
  visibility: hidden; 
  display: none; 
}

#accessibility-nav ul {
  padding:0px;
  margin:0px;
  list-style:none;
}

#accessibility-nav li {
  display: inline;
  margin-right: 5px;  
}

#accessibility-nav li a {
  color: #444444;
}

.a11y-toolbar-widget {
  padding: 0px;
}

.a11y-toolbar-widget ul li {
  display: inline !important;
}

.a11y-toolbar-widget a {
  color:#444444;
  font-size: 0.8em;
}

.a11y-toolbar-widget .aticon {
  margin: 0 5px;
}

.icone-social {
padding-top: 10px;
}

/* ROLAR AGENDA...
****************************************/
div.widgets-pa.widget-agenda {
  height: 348px;
  overflow: hidden;
  border-bottom: 1px solid #999;
}

div.widgets-pa.widget-agenda div.wraper {
  height: 230px;
  overflow: hidden;
  padding-top: 1px;
  margin: 8px 0;
}

div.widgets-pa.widget-agenda ul li {
  overflow: hidden;
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden;
  padding: 10px 0;
}

div.widgets-pa.widget-agenda ul li.first-child {
  padding: 0 0 10px;
}

div.widgets-pa.widget-agenda ul li span.seletor-data {
  width: 40px;
  height: 54px;
  color: #fff;
  font-size: 12px;
  float: left;
  margin-right: 10px;
  text-align: center;
  line-height: 16px;
  background-color: #2F546C;

}

div.widgets-pa.widget-agenda ul li span.seletor-data small {
  color: #777;
  font-weight: bold;
  background-color: #fff;
  display: block;
  line-height: 18px;
  margin-top: 3px;
  bottom: 1px;
  width: 40px;
  clear: both;
  z-index: 100;
  height: 18px;
  left: 0;
}

div.widgets-pa.widget-agenda ul li a,
div.widgets-pa.widget-noticias ul li a {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  display: block;
}

div.widgets-pa.widget-agenda ul li div.descricao p small a,
div.widgets-pa.widget-agenda ul li div.descricao h4 a {
  float: none;
  display: inline;
  margin: 0;
}

div.widgets-pa.widget-agenda ul li div.descricao {
  margin-left: 50px;
}

div.widgets-pa.widget-noticias ul li div.descricao {
  margin-left: 10px;
  overflow: hidden;
}

div.widgets-pa.widget-agenda a.botao-vertical {
  display: block;
  text-align: center;
  height: 30px;
  line-height: 30px;
  text-indent: -9999em;
}

div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical {
  margin: 5px 0 0;
  background: transparent url(../img/sprite-setas.png) center -127px no-repeat;
  border-bottom: 1px solid #E0E0E0;
}

div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical:hover {
  margin-top: 5px;
  background: #379 url(../img/sprite-setas.png) center -58px no-repeat;
  border-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical.inativo,
div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical.inativo:hover {
  background: transparent url(../img/sprite-setas.png) center 11px no-repeat !important;
  border-bottom: 1px solid #E0E0E0 !important;
}

div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical {
  margin-bottom: 5px;
  background: transparent url(../img/sprite-setas.png) center -196px no-repeat;
  border-top: 1px solid #E0E0E0;
}

div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical:hover {
  margin: 5px 0;
  background: #379 url(../img/sprite-setas.png) center -265px no-repeat;
  border-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical.inativo,
div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical.inativo:hover {
  background: transparent url(../img/sprite-setas.png) center -334px no-repeat;
  border-top: 1px solid #E0E0E0 !important;
}

div.widgets-pa.widget-emdestaque ul li {
  margin-top: 20px;
}

div.widgets-pa.widget-emdestaque ul li.first-child {
  margin-top: 10px;
}

div.widgets-pa.widget-noticias {
  border-bottom: 1px solid #999;
}

div.widgets-pa.widget-noticias ul {
  overflow: hidden;
}

div.widgets-pa.widget-noticias ul li {
  padding: 10px 0;
  border-top: 1px solid #E0E0E0;
  margin-top: -1px;
  overflow: hidden;
  clear: both;
}

div.widgets-pa.widget-noticias ul li h6 {
  font-size: 10px;
  line-height: 12px;
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
}

div.widgets-pa.widget-noticias.sem-thumb ul li div.descricao {
  margin-left: 0;
}

div.widgets-pa.widget-noticias.sem-thumb ul li {
  padding: 15px 0;
}

div.widgets-pa.widget-noticias.sem-thumb ul.linha-superior {
  border-top: 1px solid #999;
}

div.widgets-pa.widget-noticias.espaco-em-cima {
  padding-top: 30px;
}

div.widgets-pa.widget-noticias ul li span.barra-categoria {
  width: 3px;
  height: 54px;
  display: block;
  float: left;
}

div.widgets-pa.widget-noticias ul li small {
  color: #999;
  overflow: hidden;
}

body.artes-integradas div#sidebar.area-de-interesse div.widget-editais a.botao-pequeno-horizontal:hover,
body.artes-integradas div#section.area-de-interesse div.widget-agenda a.botao-vertical:hover,
body.artes-integradas div#section.area-de-interesse div.wp-pagenavi a:hover { background-color: #d20; }


div.widgets-pa.widget-agenda a.botao-vertical {
  display: block;
  text-align: center;
  height: 30px;
  line-height: 30px;
  text-indent: -9999em;
}

div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical {
  margin: 5px 0 0;
  background: transparent url(../img/sprite-setas.png) center -127px no-repeat;
  border-bottom: 1px solid #E0E0E0;
}

div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical:hover {
  margin-top: 5px;
  background: #379 url(../img/sprite-setas.png) center -58px no-repeat;
  border-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical.inativo,
div.widgets-pa.widget-agenda a.botao-vertical.voltar-vertical.inativo:hover {
  background: transparent url(../img/sprite-setas.png) center 11px no-repeat !important;
  border-bottom: 1px solid #E0E0E0 !important;
}

div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical {
  margin-bottom: 5px;
  background: transparent url(../img/sprite-setas.png) center -196px no-repeat;
  border-top: 1px solid #E0E0E0;
}

div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical:hover {
  margin: 5px 0;
  background: #379 url(../img/sprite-setas.png) center -265px no-repeat;
  border-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical.inativo,
div.widgets-pa.widget-agenda a.botao-vertical.avancar-vertical.inativo:hover {
  background: transparent url(../img/sprite-setas.png) center -334px no-repeat;
  border-top: 1px solid #E0E0E0 !important;
}



/**************************************/
/* 
* Ajustes para versão MOBILE. 
*/
@media only screen and (max-device-width: 480px) {
    #menu-nav {
        display: none;
    }
    
    .searchform.input[type="text"] {width: 100%;}
    
  body { 
    font-size: 1.5em; 
    background: none;
  }
  #noticia-principal { 
    /*padding-left: 30px;
    padding-right: 30px; */
  }
  .carousel img {
    /* margin-left: -245px; */
  }
  .item-noticia {
    /*margin-left: 30px;
    margin-right: 30px;*/
  }
  .noticias-lista p {
    display: none;
  }
  .mapa img {
    width: 70% !important;
  }
  #topo-logo img {
    width: 100% !important;
    height: auto !important;
  }
}

/*BANNER SLIDE */
/**************************************/

.banner-topo-slide{
                list-style:none;
                width:950px;
                height:148px;
                margin:0 auto;
                padding:0;
                overflow: hidden;
                position: relative;
}
 
.banner-topo-slide div{
               position: absolute;
               z-index: 0;
               display:none;
}
 
.bbanner-topo-slide div.sliderActive{
                z-index: 1;
}

/*MENU DROP SECRETARIAS
******************************************
*/
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}

#cssmenu {
  height: 37px;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  float: right;
}

#cssmenu > ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
}

#cssmenu > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}

#cssmenu.align-center > ul {
  text-align: center;
}

#cssmenu.align-center > ul > li {
  float: none;
  margin-left: -3px;
}

#cssmenu.align-center ul ul {
  text-align: left;
}

#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}

#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  color: #999999;
  padding: 12px 20px;
}

#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
}

#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}

#cssmenu > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #999999;;
}

#cssmenu > ul > li.has-sub:hover > a:before {
  top: 18px;
}

#cssmenu > ul > li.has-sub:hover > a {
  z-index: 999;
  border-color: #3f3f3f;
}

#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}

#cssmenu > ul > li.has-sub > a:hover,
#cssmenu > ul > li.has-sub:hover > a {
  background: #B22126;
}

#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  background: #B22126;
  z-index: 999;
  padding: 10px 0;
}

#cssmenu ul li > ul {
  min-width: 200px;
  width: 100%;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius: 5px;
}

#cssmenu ul ul ul {
  position: absolute;
}

#cssmenu ul ul li:hover > ul {
  left: 100%;
  top: -10px;
}

#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}

#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 8px 20px;
}

#cssmenu ul ul > li:hover > a,
#cssmenu ul ul li a:hover {
  background: #DE4B4F;
}

#cssmenu > ul > li > a:hover {
  background: #080808;
  color: #ffffff;
}

#cssmenu ul ul a:hover {
  color: #ffffff;
}

/************************************************/