@charset "utf-8";

/* ==========================================================================
   ConverteTexto - Custom Styles
   ========================================================================== */

body{padding:90px 0 20px 0; background:#ccc;}

/*
 * General
 */
a{cursor:pointer;}

/* Navbar */
.navbar{height:90px; background:#fafafa; box-shadow: 0 0px 3px rgba(0,0,0,.28);}
.navbar-brand{color:#001b23 !important; line-height:13px; font-size:14px; font-family:"Trebuchet MS"; font-weight:400;}
.navbar-brand img{float:left;}
.navbar-fixed-bottom{padding-top:7px;}
.navbar-dropdown-li{height:30px !important;}

#menu{float:left; list-style:none; padding:0; background:#666;}
#menu li{width:121px; height:56px; float:left; border-left:1px solid #ddd; padding:5px 0 0 5px; margin-top:2px; margin-right:1px; line-height:17px; font-weight:bold;}
#menu li a{color:#eee;}


.bt-copiar,.bt-download,.bt-limpar{margin:3px 0 0 3px; opacity:0.8; border-radius:none; border:none;}
/*#menu-horizontal{padding-top:5px;}*/

#footer-custom{
	/*position:fixed;*/ bottom:0; width:100%; padding:5px 0 5px 0;
	background:#fafafa !important; font-size:13px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.28); box-shadow: 0 -0px 3px rgba(0,0,0,.28);
	/*offset-x | offset-y | blur-radius | spread-radius | color*/
}

/* Colors */
.gray, .gray:hover{ color:#666666; }
.graylight, .graylight:hover{ color:#cccccc; }
.green, .green:hover{ color:#33cc33; }
.red, .red:hover{ color:red; }
a.gray, a.green, a.editar, a.ativar, a.obrigatoria{ width:30px; height:25px; text-decoration:none; text-align:center; }
a.naoeditar{width:30px; height:25px; text-decoration:none; text-align:center;}
.bg_green{background:#9ED89E;}
.bg_green:hover{background:#9ED899;}
.opcty08{opacity: 0.8;}
/* Align */
.text-center { text-align:center !important; }

/* Code */
code{background:#eee; display:block; padding:20px;}

/* Display Counter */
#display-counter{padding:5px 0 0 10px; font-size:12px; font-family:'verdana'; margin:0; float:left;}

/* margin-top: 5px; */
.mt5{margin-top:5px !important; margin-bottom:5px !important;}


/* Media Queries */
@media only screen and (max-width: 600px) {
  	.mt5{display:block;}
}

@media (max-width: 1200px) {}

/* Logotipo */
#logotipo{font-size:25px; font-weight:bold; padding-top:22px; color:#265a88 !important;}
#tipo{float:left; padding:15px 0 0 10px; padding-bottom: 3px;}