/*** GERAL ***/
#base .titComboNot { margin-top:25px; display:none; }

.aviso {
     background-color: #009955;
     color: #FFFFFF ! important;
     display: block;
     font-size: 12px;
     padding: 5px;
	 margin-bottom:1px;
}

.aviso * { color: #FFFFFF; }

.aviso a {
     color: #FFFF00 ! important;
     font-size: 12px ! important;
}

.aviso a:hover { color: #99FFCC; }

.aviso, .titlebar, .janela, .carregando { text-align: left; }

div.btn { 
    width:auto; position:relative; float:left; color:#fff;
	padding:3px 15px!important;
	background-color: #093;
    border-radius:1em
}

.loading { 
  	background-image: url("/svg/_loader.svg");
  	background-repeat:no-repeat;
  	background-position:center;
  	min-height:15px;
}

button.loading { 
  	background-image: url("/svg/_loader.svg")!important;
  	background-repeat:no-repeat!important;
  	color:#fff!important
}

li.required label:after { 
  	content:"*";
  	color:red;
}

label.required:after { 
  	content:"*";
  	color:red;
}

#base.loading { min-height:120px }

.menuTopo { margin-top:53px }

.btn ul { 
    position:absolute; background-color:#fff; border:2px solid #06b; z-index:1; display:none 
}

.btn ul li { 
    border-bottom:1px solid #06b; width:120px; padding:2px 5px;
  	cursor:pointer; text-align:center;
    color:#06b
}

.btnsave, button.save {
     background-color: #CC6600;
     border-color: #990000;
}

#base button.save {
	background-color:#c00;
}

#base button.upload {
	background-color:#a50;
}

.btntrash, button.delete {
     background-color: #666600;
}

.btnLog {
     background-color: #006699;
     color: #FFFFFF;
     display: block;
     font-size: 12px;
     margin: 0px 3px;
     padding: 2px 15px ! important;
}

.btnnew, button.new {
     background-color: #03a!important;
     border-color: #003366;
}

.btnanexo, button.anexo {
     background-color: #990077;
}

.btnexcel, button.excel {
    background-color: #004400;
		margin-left:5px!important;
    margin-bottom:10px!important;
  	position:relative;
}

button.excel span { 
  position:absolute;
  color:#036;
  padding:5px!important;
  width:300px!important;
  left:80px;
  top:5px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
  border:1px solid white;
 	display:none;
}

button.excel:hover span { 
   display:block;
}

.btnUp {
     border-color: transparent transparent #BBCCDD;
     border-style: solid;
     border-width: 1px 7px 7px;
     cursor: pointer;
     height: 0px;
     line-height: 0;
     width: 1px;
}

.btnDown {
     border-color: #BBCCDD transparent transparent;
     border-style: solid;
     border-width: 7px 7px 1px;
     cursor: pointer;
     height: 0px;
     line-height: 0;
     width: 1px;
}

.btnFecha, #base .btnFecha {
     background-color: transparent;
     border: 1px solid #FFFFFF;
     color: #FFFFFF;
     cursor: pointer;
     float: right;
     font-size: 8px;
     margin: 2px 4px;
     padding: 1px 3px;
}

.btnsearch {
     background-color: #119999;
     background-image: url("/images/btns/search.jpg");
}

.botao {
     background-image: url("/images/btns/bck0.jpg");
     background-repeat: repeat-x;
}

.botao, .btnexcel, .btnprint, .btnanexo, .btnsave, .btntrash, .btnnew, .btnsearch {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #6699BB;
     background-repeat: repeat;
     border-color: #FFFFFF #003366 #003366 #FFFFFF;
     border-image: none;
     border-style: solid;
     border-width: 1px;
     cursor: pointer;
     margin: 5px;
     padding: 5px 3px;
     width: 150px;
}

.btnprint, .btn_imprimir, button.print {
     background-color: transparent;
     background-image: url("/images/ico/imprimir.png") !important;
     background-repeat: no-repeat ! important;
     border: medium none ! important;
     box-shadow: none ! important;
     margin-left: 10px ! important;
     padding: 2px 18px ! important;
}

button.plus {
  	font-weight:bolder;
  	background-position:right!important;
  	padding:1px 0!important;
  	padding-left:8px!important;
  	font-size:11px!important;
  	text-transform:uppercase;
  	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  	border:none!important;
}

button.plus:after { content:"+";
    margin:0 1px;
  	margin-left:4px;
  	background-color: #060;
    border-radius:100%;
  	padding:0 4px
}

button.print {
    background-color: transparent!important;
  	color:#090!important;
  	border-radius:0!important;
  	font-weight:bolder;
  	background-position:right!important;
  	padding:0!important;
  	padding-right:22px!important;
  	font-size:11px!important
}

.titBoxConteudoGeralInt button.print,
.boxConteudoInt button.print,
.titBoxConteudoIntMenor button.print{ float:right; margin-top:15px!important }

.caixaIn {
     height: auto;
     max-height: 750px;
     min-height: 100px;
     overflow: auto;
}

.caixaIn .btnprint, #base .btnprint {
     background-color: transparent;
     background-image: url("/images/ico/imprimir.gif");
     background-position: left center;
     border: medium none;
     padding-left: 10px;
}

.caixaIn .btnprint span, #base .btnprint span {
     background-image: none;
     color: #009900;
     font-weight: bold;
     text-transform: uppercase;
}

.dock { position:relative }

.dock ul { 
  	display:none ;
  	position:absolute;
  	border:1px solid #036;
  	background-color:#eee;
  	padding:5px;
	z-index:1;
	top:5px;
	left:5px;
}

.dock.btn ul { 
	top:20px; left:10px;
}

.dock:hover ul { display:table }

div.wrap { width:115px; position:relative; }

div.wrap input{ max-width:100% }

fieldset .wrap { float:left }

.wrap .cal-img { position:absolute; right:1px; top:7px }

.cal-img { cursor:pointer; }

.cntr ,.documento{ text-transform:uppercase }

.dica { 
     background-image: url(/images/texturas/trp_06b.png);
     position:absolute;
     padding:2px 10px; top:-19px; left:0; color:#fff;
     border-radius:0 10px 0 0;
     border-bottom:2px solid blue;
}

.dica:after { content:" ";
    position:absolute;
    bottom:-12px!important;
    left:5px;
    border-color: blue transparent transparent  ;
    border-style: solid;
    border-width: 10px 7px 1px;
    height: 0px;
    line-height: 0;
    width: 1px;
}

.btn .dica { top:auto; top:28px;  border-radius:0 0 10px 0; border-top:2px solid blue; border-bottom:none; }

.btn .dica:after { 
    border-width: 1px 7px 10px; bottom:auto!important; top:-12px!important;
    border-color: transparent transparent blue;
}

.erro { background-color:#C30; padding:10px; clear:both }

.erro .btn { float:right; margin:0!important; margin-left:5px!important }

.list { background-color:#ccc; padding:10px }	

.mobile { display:none }

.subHomePrincipal { width:100%!important }
/*XX ******************************************************************************************************* GERAL XX*/

/*** CONSULTA CONTAINER ***/
.consulta_container label{
	font-weight:bold;
	font-size:12px;
}

.consulta_container #base {
	margin:0px;
	padding:0px;
	padding-bottom:100px;
	width:100%;
}

.dados{
	background-color:#FFFFFF;
	text-align:left;
	border: 1px solid #DDD;
	border-top:0px;
	margin-left:5px;
	margin-right:5px;
	width:631px;
	padding-left:5px;
	font-size:12px;
}

.dadosFilho{
	background-color:#FFFFFF;
	text-align:left;
	border: 1px solid #DDD;
	width:614px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:5px;
	font-size:12px;
}

.labelStatus{
	text-align:right;
	float:right;
}

.resultado{
	font-size:12px;
	margin-right:10px;
}

.resultadoStatus { position:absolute; top:5px; right:5px }

.resultadoStatus span{
	border: 1px solid #999;
	background-color:#DDD;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	color:#0080C0;
	margin:0!important;
}

.titulo{
	padding:5px;
	margin-left:5px;
	margin-top:10px;
	width:626px;
	font-style:normal;
	background-color:#F4F4F4;
	border: 1px solid #DDD;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	color:#218abd;
}

.tituloFilho{
	font-style:normal;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#218abd;
}

.infConteiner{ margin:5px;background-color:#FFF;padding:5px;border:1px solid #CCCCCC;position:relative }	
.infConteiner span { margin-right:15px; }
	
.datas-cntr { overflow:hidden; padding-top:5px }

.datas-cntr label{ display:block; float:left; padding:4px 0 }

.datas-cntr span { display:block; float:left; margin-right:30px; padding:6px 3px  }

.hist {
	 position: relative;	
	 float:right;
	 margin-right:100px;
}

.hist ul {
	 border: 1px solid #aaa;
	 background-color:#ddd!important;
	 bottom:20px;
	 left: 0px;
	 position: absolute;
	 width:230px;
	 display:none;
}

.hist ul li{ 
  	color:#036;font-size:10px;border-bottom:1px solid #aaa;padding:5px; cursor:pointer 
}

.hist ul li:hover{ background-color:#bcd; }

.hist ul li:last-child{ border:none }
		
.tituloTermo { width:605px;font-size:9pt;padding:5px; }

.navio_info { 
		cursor:pointer; 
		clear:both; 
		background-image:url(/images/icons/navio.png); 
		background-position:0 -6px; 
		background-repeat:no-repeat;
		margin:5px 0;
		padding:5px 0;
		padding-left:70px!important; 
	}
/*XX CONSULTA CONTAINER XX*/

.buttonbar {
     background-color: transparent ! important;
     background-position: right center;
     background-repeat: no-repeat;
     padding: 8px 0px;
}

.buttonbar a, .buttonbar div, .buttonbar img {
     float: left;
}

.buttonbar a, .buttonbar div {
     color: #777777;
     display: block;
     font-size: 10px;
     padding: 6px 0px;
}

.caixa {
     border: 2px solid #CCCCCC;
     box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
     display: none;
     left: 10px;
     padding: 6px;
     position: fixed;
     top: 10px;
     width: auto;
}

.coluna {
     display: block;
     float: left;
     margin-left: 10px;
     padding: 5px;
     text-align: left;
     width: 500px;
}

.destaque {
     background-color: #FF9933;
     background-image: url("/images/texturas/degrade.png");
     background-position: center center;
     color: #000000;
     font-size: 18px;
     font-weight: bold;
     text-align: center;
}

.dragbar {
     background-color: #009955;
     background-image: url("/images/texturas/degrade.png");
     background-position: center center;
     border: medium none;
     color: #003366;
     cursor: move;
     display: block;
     height: 20px;
     padding: 1px 2px;
     text-align: left;
     width: 99%;
}

.dragbar label {
     color: #FFFFFF;
     float: left;
     font-weight: bold;
     margin: 2px 3px;
}

.dragbar img {
     border: medium none;
     cursor: pointer;
     float: right;
     height: 16px;
     margin: 2px 4px;
     opacity: 0.7;
     width: 16px;
}

.fIMG {
     height: 35px;
     width: 50px;
}

.formas, .hidden {
     display: none;
}

.hidewrite {
     background-color: #BBCCDD;
     clear: both;
     display: none;
     margin: 1px;
}

.horachegada {
     float: left;
     height: 270px;
     width: 270px;
}

.infoLabel {
     float: left;
     margin: 0px 5px;
     width: auto;
}

.janela, #aux, .carregando {
     background-color: #EEEEEE ! important;
     border: 1px solid #CCCCCC;
     padding: 3px;
}

.legendabox, .legendasBox div {
     background-image: none;
     border: 1px solid #003399;
     float: left;
     height: 10px;
     margin-right: 3px;
     padding: 0px;
     width: 10px;
}

.legendasBox span {
     float: left;
     margin-right: 10px;
}

.legendasBox li {
     padding-bottom: 5px;
	 overflow:hidden;
}

ol.legendasBox li { clear:both; padding: 10px 0; border-bottom:1px solid #ccc }

.listagem {
     clear: both;
     padding: 10px;
}

.listagem li {
     padding: 5px;
}

.m_terno {
     border-radius: 0px 0px 10px 10px;
     color: #003366;
     display: block;
     float: left;
     font-size: 10px;
     margin: 0px 3px 3px;
     padding: 5px;
     text-align: center;
     width: 30px;
}

.menubutton {
     float: right;
     padding-left: 10px;
     width: 430px;
}

.menubutton a {
     color: #0088CC;
     float: left;
	/*font-style: italic;*/
     width: 100%;
}

.menubutton a:hover {
     background-color: #CCDDEE;
     text-decoration: none;
	 border-radius: 0px 8px 0px 0px;
	 padding-right:10px;
}

.menubutton li {
     background-image: url("/images/texturas/divisor.jpg");
	/*background-position: center 30px;*/
     background-repeat: no-repeat;
     clear: left;
     float: left;
     height: auto;
     margin-left: 10px;
     min-height: 50px;
	/*padding: 5px 3px;*/
	/*padding-top:8px;*/
     position: relative;
     width: 187px;
	 margin-bottom:10px;
}

.titulo_menu {
	display:table-cell;
	height:33px;
	vertical-align:middle;
	line-height: 10px;
}

.borderadius li{
	 border-radius: 0px 8px 0px 0px!important;
	 padding-right:10px;
}

.menusub li{
	 border-radius: 0px!important;
}

.menubutton li:nth-child(2n) {
     clear: right;
     float: right;
}

.menubutton .menusub {
     box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
     clear: both;
     display: none;
     height: auto;
     margin-bottom: 20px;
     overflow: hidden;
     position: absolute;
     top: 30px;
     left:40px;
     z-index: 10;
}

.menubutton .menusub:first-child {

     display: block ! important;
}

.menubutton .menusub li {
     background-color: #EEEEEE;
     background-image: none;
     border-bottom: 1px solid #006699;
     clear: both;
     float: none;
     margin: 0px;
     min-height: 15px;
     overflow: hidden;
     padding: 0px;
	 width: 200px;
}

.menubutton .menusub a {
     margin: 0px;
     padding: 7px;
     text-decoration: none;
}

.menubutton .menusub a:hover {
     background-color: #BBCCDD;
}

.menubutton h5 {
     clear: both;
     color: #FFFFFF;
     display: block;
     height: 40px;
     padding-top: 15px;
}

.menubutton label {
     font-size: 12px;
     padding: 10px 2px;
}

.menubutton img {
     float: left;
     margin-right: 3px;
}

.menuL {
     padding: 10px;
}

.menuL li {
     padding: 5px;
}

.menuL a {
     background-image: url("/images/ico/balao.png");
     background-repeat: no-repeat;
     color: #000066;
     font-size: 12px;
     height: 32px;
     margin-bottom: 13px;
     padding-left: 18px;
}

.naoliberado {
     background-color: #999999 ! important;
}

.org {
     border: 1px solid #336699;
     display: block;
     float: left;
     padding: 10px;
     width: 400px;
}

.produto {
     border-bottom: 1px solid #336699;
     display: block;
     height: 90px;
     margin: 3px;
     padding: 3px;
}

.produto img, .noImg {
     border: 1px solid #336699;
     float: left;
     height: 80px;
     width: 120px;
}

.produto button {
     margin-bottom: 5px;
     width: 100px;
}

.produto span, .produto h5 {
     display: block;
     width: 250px;
}

.promocao {
     background-image: url("/images/texturas/tra_am.png");
}

.spDiasemana {
     font-family: "Courier New",Courier,monospace;
     font-size: 12px;
     font-weight: bold;
     margin: 0px 1px;
     padding: 4px 4px 4px 11px;
     text-align: right;
}

#aux .submenu, #base .submenu, .basesubmenu {
     background-color: #FFFFFF;
     border: 2px solid #2288BB;
     box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
     display: none;
     padding: 10px;
     position: absolute;
     z-index: 1;
}

#aux .submenu li, #base .submenu li, .basesubmenu li {
     list-style: circle outside none;
}

.basesubmenu li:last-child a {
     border-bottom: medium none;
}

#aux .submenu a, #base .submenu a, .basesubmenu a {
     background-color: #FFFFFF;
     border-bottom: 1px solid #2288BB;
     color: #2288BB;
     display: block;
     padding: 4px;
     width: 156px;
}

#aux .submenu a:hover, #base .submenu a:hover, .basesubmenu a:hover {
     background-color: #BBCCDD;
     color: #FFFFFF;
}

.subHomeMenu a {
     color: #FFFFFF ! important;
}

.clickavel { cursor:pointer }



/* *********************************** TABELA  ************************************************* */
.lista_titulo { font-size:2em }


    /*XX FILTRO LISTA XX*/
	fieldset.filter , fieldset.filter *{
    	box-sizing: border-box; 
    	-moz-box-sizing: border-box;
    }

    fieldset.filter {
        background-color:#bcd;
        padding:0!important;
        border-bottom:2px solid #069!important;
        width:400px!important;
        float:left;
        clear:left
    }  
		
	fieldset.filter .radios span{ 
      	margin:0 3px;margin-left:10px;width:auto 
    } 
		
	fieldset.filter .buttons { float:none!important; clear:both; margin-top:5px }

    #base fieldset.filter .buttons button { 
				border-radius:0;
      	background-image:#bcd;
      	box-shadow:none;
      	background-image:none;
      	border:none;
      	margin:0!important;
				width:75%;
    }

		#base fieldset.filter .buttons button.btn_limpa{
    	background-color:#069; width:25%;
    }

    fieldset.filter ol {
        background-color:#bcd;
      	display:none;
      	margin:0;
      	width:100%;
    }  

    fieldset.filter label	{ color:#036; }

		fieldset.filter label.date_to	{ width:35px; }
		
 

		fieldset.filter span	{ color:#369; }

    fieldset.filter legend { 
        background-color:#069; cursor:pointer;
        height:20px; 
        border-radius:0 10px 0 0;
        background-image:none!important;
        float:none!important;
        width:100%;
        padding-bottom:4px;
    }

    fieldset.filter li{ 
      	/*overflow:hidden; */
			padding: 5px 10px;
	    display: table;
    	width: 100%;
    }

	  fieldset.filter li:nth-child(even){ 
      	background-color:#cde;
    }
		
	  fieldset.filter div.wrap { width:95px }

		fieldset.filter div.wrap img{ width:20px; margin-top:-3px }

    fieldset.filter li.boolean label{ 
      	color:transparent; height:20px; width:20px
    }

		fieldset.filter li.boolean span{ 
      	width:auto!important;
      	padding:3px 5px;
    }


    fieldset.filter input, .filtroDIV select{ 
      	background-color:#fff;
      	border-radius:0!important;  
    }

		fieldset input.data { width:90px!important }

    fieldset.filter select:not(.mes){ width:275px!important }

    fieldset.filter h4 { color:#fff; margin:0; padding:0 }

    fieldset.filter .btnUp {
       	float:left;
    	border-color: transparent transparent #fff;
    	border-width: 1px 10px 10px;
        margin:0 5px;
        margin-top:7px;
    }

    fieldset.filter .btnDown {
         border-color: #fff transparent transparent;
         border-width: 10px 10px 1px;
         margin:0 5px;
         margin-top:7px;
    }
	
	.calendario .btnDown {
        margin:0 1.5px 0 3px!important;
        margin-top:0px!important;
		border-width: 7px 7px 1px!important;
    }

    .calendario .btnUp {
         margin:0 1.5px 0 3px!important;
         margin-top:0px!important;
		 border-width: 1px 7px 7px!important;
    }
    /*XX FILTRO LISTA XX*/

.tabelaTMP {
	 clear: both;
	 height: auto;
	 width: auto;
	 position:relative;
}

.tabelaTMP caption {
     text-align: left; color:#369
}

.tabelaTMP table {
		width:100%
}

.tabelaTMP table thead {
	position:relative
}

.tabelaTMP table thead tr:after { 
	content:" ";
    position:absolute;
    top:0;
    left:-25px;
    background-image:url("/svg/refresh.svg");
  	background-position:center;
  	width:25px;
	height:28px;
  	background-color:#bcd;
  	border-radius:5px 0 0 5px;
  	cursor:pointer;
  	display:none;
  	opacity:0.7
}

.tabelaTMP:hover table thead tr:after { content:" ";
  	display:block;
}

.tabelaTMP table th {
	 text-transform: capitalize;
}

.tabelaTMP table tr {
	 height: 18px;
	 text-align: center;
	 background-position:center bottom;
	 background-repeat:repeat-x;
}

.tabelaTMP .clickavel:hover {
	background-image:url(/images/texturas/degrade_blue.png);
}

.tabelaTMP .refresh {
	 position:absolute;
	 left:-32px;
	 top:0;
	 padding:5px;
	 cursor:pointer;
	 display:none!important;
	 background-image:url("/images/icons/Refresh.png");
	 background-repeat:no-repeat;
	 background-position:center;
	 width:24px;
	 height:24px;
}

.lista_btns { float:left; clear:both }

.pages {
	 display: block;
	 float: left;
	 border-bottom:1px solid #069;
	 margin-bottom:5px;
	 padding-bottom:10px;
     max-width:750px
}

.pages a {
    border-right:1px solid #036;
    /*padding:1px 5px;*/
	/*width:10px;*/
	/*text-align:right;*/
	text-align:center;
    width:25px;
    display:block;
	float:left;
    margin-bottom:3px;
}

.pages a:hover {
    background-color:#9bd; text-decoration:none
}

.pages a:last-child {
	 border: none;
}

.pages a.selected {
	 background-color:#069;
	 color:#fff!important
}
/* xxxx TABELA xxxx */

/* ***** FORMS ****** */
.hora { width:55px }


#base td .data, #base td .hora { border-radius:0; padding:3px!important }

/* xxxx FORMS xxxx */


.thumb {
     border: 1px solid #003366;
     float: left;
     margin: 5px;
     padding: 5px;
}

.topLabel {
     background-color: #228844;
     color: #FFFFFF;
     height: 20px;
     padding: 0px;
     width: 100%;
}

.txtweek {
     float: left;
     font-family: "Courier New",Courier,monospace;
     font-size: 12px;
     margin: 0px 1px;
     padding: 4px;
     text-align: center;
     width: 15px;
}

.counter {
    clear: left;
    color: #FFFFFF;
    float: left;
    margin-left: 100px;
    border-bottom:1px solid #ccc
}

.counter * { float:left }

.counter, .counter * {
    color: #777777;
    font-size: 12px!important;
    padding: 2px 2px 0!important;
}

.counter span { width:auto }

.descLimite {
    display: inline;
    float: none;
    font-weight: bold;
    width: auto;
}
.counter strong, .descLimite {
    color: #06b !important;
}

.vcard {
     padding: 15px;
     width: 600px;
}

.vcard img {
     border: 1px solid #336699;
     float: left;
}

.sistema_status {
	letter-spacing: 1px;position: absolute; background-color:#FF6868; 
	color: rgb(255, 255, 255); width: auto; font-family: arial; font-style: normal; 
	font-size: 8px; left: 3px; top: -8px; padding: 1px 4px; border-radius: 6px 6px 6px 6px; 
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.sistema_status.novo { background-image: url(/images/texturas/trp_green.png); }

.menubutton .sistema_status { left:auto; right: 5px; top:-5px; }

div.dev   { margin-right:10px; float:right; }
div.dev * { float:left; margin:0 }

.recycle::after {
    background-color: #bcd;
    background-image: url("/svg/recycle.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    /*border: 1px solid #888;*/
    border-radius: 5px 0 0 5px;
    content: "Excluir";
    cursor: pointer;
    display: none;
    height: 20px;
    left: -5px;
    opacity: 0.55;
    position: absolute;
    top: 0;
    width: 20px;
}

.recycle:hover:after { content:" ";
  	display:block;
}

div.export {  
	background-color: #bcd;
    background-image: url("/svg/download.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border-radius: 100px;
    content: " ";
    cursor: pointer;
    height: 40px;
    left: 95%;
    opacity: 0.35;
    position: absolute;
    top: 3%;
    width: 40px; 
	z-index:1;
}

.export:hover{
	content:" ";
    opacity: 0.55;
}

.export:click{
	content:" ";
    background-color: #fff;
	border:1px solid #bcd;
}

nav.header:not(.hidden){ 
	display:table; 
	width:inherit; 
}

nav.header img {  
	margin:0 10px;
	float:left; 
}

nav.header span:not(.hidden) { 
	display:table; 
	width:inherit;
	float:left;
	background-image:url("/images/texturas/divisor.jpg"); 
	background-position:center bottom; 
	background-repeat:no-repeat; 
	background-position-y:40px;
	height:70px;
}

nav.header h3 { line-height:40px; }

nav.header button:not(.hidden), nav.header em { float:right; display:table; }
nav.header em { clear:right; margin-top:10px; }