/* vim: set expandtab tabstop=2 shiftwidth=2 softtabstop=2: */

/**
 * main.css.
 * @author    Tiago R. Mello <timello@gmail.com>
 * @author    Franco K. Doi  <doi.san@gmail.com>
 * @author    Diogo Melo  <dmelo87@gmail.com>
 * @copyright Lecto Informacoes - 2005
 * @link      http://www.lecto.com.br
 */

/* Global */

@media only screen and (max-width: 320px) {
  .hidden-xxs {
    display: none!important;
  }
}

*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
  vertical-align: bottom;
}

html, body {
	font-family: Arial, sans-serif;
	height: 100% !important;
  background-color: white;
}

h2 {
  text-align: center;
}

.tudo {
  margin: 0 auto 0px;
  position:relative;
  min-height:100%;
  min-height: calc(100% - 67px);
}

img {
	border: none;
}

img.lecto-logo {
  border: 0;
}

a:hover {
	color: #0000ff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #bbb !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bbb !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bbb !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #bbb !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #bbb !important;
}

table {
	border-collapse: separate;
	border-spacing: 2px;
}

.container {
	/*position:relative;*/
	font-family: 'Roboto', sans-serif;
	width: 960px;
	padding-bottom: 100px;
}

.container-header {
  padding-bottom: 0px;
}

/* End of the global */

/* Page global */
#mainpage, #tickeriframe {
	margin: 0 auto 0 auto;
	width: 720px;
}

#title {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 16.5pt;
}

.subtitle {
	font-weight: bold;
	background: #ccc;
	font-size: 10pt;
	padding: 5px;
}

.subtitlesimple {
	padding-top: 3px;
	padding-bottom: 3px;
	background: #cccccc;
	font-size: 10pt;
}

/* Tag is filled by text */
.textblock {
	font-size: 10pt;
	text-align: justify;
	margin: 0 auto 0 auto;
}

/* Collors that are used */
.color1 {
	background: #f0f0f0;
}

.color2 {
	background: #fff;
}

.color3 {
	background: #f0f0f0;
}

.color4 {
	background: #f0f0f0;
}

.color5 {
	background: #fff;
}

.color6 {
	background: #fff;
}

tr.listcolor1 td, li.listcolor1 {
	background: #f0f0f0;
	padding: 3px;
}

tr.listcolor2 td, li.listcolor2 {
	background: #fff;
}

div.listcolor1 {
	background: #f0f0f0;
	/*padding: 0 10px 10px;*/
}

div.listcolor2 {
	background: #f0f0f0;
	/*padding: 0 10px 10px;*/
}

div.listcolor3 {
	background: #fff;
	/*padding: 0 10px 10px;*/
}

div.listcolor4 {
	background: #fff;
	/*padding: 0 10px 10px;*/
}
/* End of collors */

/* Category search
#category {
	margin-top: 1em;
	font-size: 7pt;
}
*/

hr#categorylinetop {
	border: 1px solid #ffcc00;
}

hr#categorylinebottom {
	border: 1px solid #ffcc00;
}

#category a {
	color: blue;
}

.categorycol {
	float: left;
	width: 50%;
	padding: 2px 0;
	font-family: Lucida, sans-serif;
	font-size: 7.5pt;
	text-transform: uppercase;
}

.categoryfooter {
	font-size: 10pt;
	text-align: center;
	clear: both;
}
/* End of Category search */

/* Border doesnt't exist */
.noborder {
	border: none;
	font-size: 10pt;
}

#header {
	position: relative;
	height: 60px; /*position of minilogo.jpg*/
	margin-top: 1em;
}
/* End of the global */

/* Logo */
#toplogo {
	text-align: center;
}

#minilogo {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
/* End of logo and minilogo */

/* Banners */
#banners {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
/* End of Banners */

/* Line that separate the mainpage and the footer */
.line {
	border-bottom: 2px solid rgb(255, 204, 0);
}

/* Searchbox */
#quicksearchbox input, #categorysearchbox input {
	border: 1px solid #666;
}

/*.inputText input {
  width: 280px;
}

.inputText select {
  width: 140px;
}
*/
#quicksearchbox select, #categorysearchbox select {
	border: 1px solid #666;
}

#quicksearchbox table {
	background: #ffffff;
	border: 0px;
	padding: 1px;
}

#searchat {
	position: absolute;
	bottom: 20px;
	left: 90px;
	font-size: 12px;
}

/* End of searchbox */

/* Resultbox */
.notadvbox {
	width: 100%;
	font-size: 11pt;
	min-height: 35px;
	border-top: 1px dashed gray;
}

.notadvbigbox {
	margin-top: 10px;
	font-size: 10pt;
	clear: both;
	border: 1px solid #ccc;
}

.notadvboxtitle {
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	padding: 0;
}

.counterbar {
	margin-bottom: 10px;
	margin-top: 10px;
	border-top: 2px solid #ffcc00;
	background: #f0f0f0;
	font-size: 10pt;
}

div.availtip {
	height: 44px;
	width: 156px;
	overflow: visible;
	margin-bottom: 3px;
	position: absolute;
	top: 167px;
	left: 913px;
	display: none;
}

div.availtip .img, div.availtip .img img {
	width: 208px;
	height: 50px;
}

div.availtip .text {
	font-family: Arial;
	margin-top: -46px;
	width: 160px;
	height: 40px;
	position: relative;
	padding: 6px 0pt 0pt 45px;
	font-size: 11px;
}

div.availtip .text .subtitle {
	color: rgb(128, 128, 128);
	font-size: 9px;
	line-height: 13px;
	margin-left: -1px;
	background: none;
	padding: 0;
}

.resultbox {
	margin-top: 20px;
	border: 1px solid #000;
	background: #f0f0f0;
	font-size: 10pt;
	border-radius: 3px;
	padding-bottom: 7px;
	/*-webkit-box-shadow: 0px 2px 5px 0px gray;*/
	/*-moz-box-shadow: 0px 2px 5px 0px gray;*/
	/*box-shadow: 0px 2px 5px 0px gray;*/
}

h1.resultboxtitle {
  margin-left: 33.333px;
  margin-right: 33.333px;
}

.resultboxtitle {
	color: #000;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}

.box-title {
	width: 100%;
	float: left;
	padding: 10px 0;
}

.box-detail {
	width: 10%;
	float: right;
	font-size: 1.5em;
	color: #ffcc00;
}

.rate_container {
	float: left;
	height: 15px;
	width: 150px;
	margin-top: -4px;
	margin-left: 15px;
}

.ratebox {
	float: left;
	margin-left: 0px;
	text-align: right;
	width: 200px;
}

.ratebox .star_container {
	float: left;
	width: 15px;
	height: 15px;
}

.ratebox .imgs {
	float: left;
	height: 17px;
	width: 75px;
}

.ratebox .imgs img {
	width: 15px;
	height: 15px;
}

.ratebox .avail {
	float: left;
	height: 17px;
	width: 120px;
	font-size: 9px;
	color: #808080;
	text-align: left;
	padding-top: 2px;
	padding-left: 5px;
}

div.localizations {
	position: relative;
	margin: 0em 2.5em;
	padding: 0;
	padding-top: 10px;
	background: #fff;
}

span.city, span.city1, span.boxlegend {
	position: absolute;
	top: -8px;
	left: 5px;
	font-weight: bold;
	font-size: 8pt;
	background: #f0f0f0;
	padding: 0;
}

div.city {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding-left: 10px;
}

.address-announce {
	position: relative;
	/** margin-left: 0.5em; */
	width: 59%;
	float: left;
	padding: 10px;
	text-align: left;
}

.leftresultcol, .leftresultcol-na {
	position: relative;
	margin-left: 0.5em;
	width: 49%;
	float: left;
	padding: 8px 10px;
	text-align: left;
}

.rightresultcol, .rightresultcol-na {
	position: relative;
	width: 49%;
	height: 100%;
	float: left;
	text-align: right;
}

div.webbox {
	position: relative;
	padding: 0 30px 40px;
  margin-top: 1em;
}

div.webbox>div {
	position: relative;
	width: 49%;
	float: left;
	padding: 8px 10px;
}

.internet-announce {
	text-align: left;
}

.share-announce {
	text-align: right;
}

.btn-map {
	background-image: url('../img/dropdown-arrow-7x6.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	padding-left: 10px;
	font-weight: bold;
	padding-left: 10px;
}

.phone-announce {
	width: 38%;
	font-weight: bold;
	text-align: right;
	padding: 10px;
	float: left;
}

.phone-naoanunciante {
	float: right;
	padding: 8px 10px;
}

.share {
	position: relative;
	float: right;
	margin-right: 0.6em;
	margin-top: -4px;
	padding-bottom: 4px;
	height: 19px
}

.share span {
	font-weight: bold;
	font-size: 10pt;
	position: absolute;
	left: -90px;
	top: 4px;
}

.pagination-current {
	background-color: #f0f0f0;
	padding: 10px;
	border-radius: 2px;
}

.pagination-others {
	background-color: rgb(255, 204, 0);
	padding: 10px;
	border-radius: 2px;
	font-weight: bold;
}

.keywordbox {
	position: relative;
	margin: 0em 2.5em 0em;
	padding: 20px;
	/*border: 1px solid #ffcc00;*/
	background: #f7f6f2;
	text-align: justify;
}

.clearbox {
	clear: both;
	padding: 0;
	font-size: 1pt;
}
/* End of resultbox */

/* Result page */
.notfound {
	text-align: center;
	font-weight: bold;
}

#searchcategoriesheader {
	font-size: 12pt;
	color: red;
	font-weight: bold;
}

/* End Result page */

/* It's the yellow box in the whatis page */
#contactbox {
	padding: 5px 20px; /* top & bottom = 5px, left & right = 20px */
	font-size: 10pt;
	background: #ffffcc;
	color: #000;
}

#messagebox {
	background: #ffffcc;
	border: 1px solid #000;
}

div#sidelinks {
	position: absolute;
	right: 5px;
	top: -5px;
}

div#leftsidelinks {
	position: absolute;
	text-align: right;
	left: 15px;
	top: 3px;
}

div#sidelinks ul, div#leftsidelinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#sidelinks a, div#leftsidelinks a {
	font-size: 8pt;
	color: #000;
}

/* Footer */
#footerlink {
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	clear: both;
}

#footerlink a {
	color: #000;
}

#footercredits {
	font-size: 7pt;
	text-align: center;
	margin-top: 10px;
}

/* Footer end */

/* Paginate */
#paginate {
	text-align: center;
	font-size: 9pt;
	width: 100%;
}

/* Opinion column */
#rightcolumn {
	float: right;
	width: 344px;
	margin: 0;
}

#leftcolumn {
	width: 344px;
	margin: 0;
	float: left;
}
/* End of opinion column */
#bottom {
	clear: both;
	font-size: 10pt;
}

/* Franchise page */
#franchise {
	width: 590px;
	padding-left: 52px;
}

/* Setting when the field are not filled */
.errormessage {
	font-size: 8pt;
	text-align: justify;
	font-style: italic;
	color: #ff0000;
}

/* Announce & AdvancedSearch*/
.advancedsearchform {
	position: relative;
	font-size: 9pt !important;
	border: 1px solid #ffcc00;
	padding-top: 20px;
	margin-bottom: 5px;
	font-size: 9pt !important;
}

.announceform, .opinionform {
	font-size: 9pt !important;
	border: 1px solid #ffcc00;
	padding: 0;
	margin-bottom: 5px;
}

.announceform table {
	width: 100%;
	padding: 0;
	margin: 0;
}

.announceform ul {
	padding: 0;
}

.announceform li {
	list-style: none;
	margin-left: 5px;
	padding: 0;
}

.announceform input, .announceform select, .announceform textarea {
	border: 1px solid #ffcc00;
}

.advancedsearchform input, .advancedsearchform select,
	.advancedsearchform textarea {
	border: 1px solid #ffcc00;
}

.opinionform input, .opinionform select, .opinionform textarea {
	border: 1px solid #ffcc00;
}

form#opinionform {
  margin-top: 10px;
  margin-bottom:10px;
}

form#opinionform input, form#opinionform textarea {
	border: 1px solid #ffcc00;
}

.opinionform textarea {
	width: 267px;
}

.announceform legend {
	font-weight: bold;
	font-size: 9pt;
	width: auto;
	margin-bottom: 0;
	border-bottom: none;
}

tr.buttonbar td {
	border-top: 2px solid #aaa;
	padding-top: 1em;
}

#announcesteps {
	float: right;
	padding-left: 5px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
}

#announcesteps li {
	list-style: none;
	border-bottom: 1px solid #ffcc00;
	padding: 2px;
	margin: 5px;
	font-size: 9pt;
	width: 105px;
}

li#selectedstep {
	border-bottom: 2px solid #ffcc00;
	font-weight: bold;
}

#announcehelp {
	float: left;
	font-size: 10pt;
	width: 410px;
	margin: 5px;
	padding-left: 10px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
	text-align: justify;
}

#announcehelp div {
	font-size: 14pt;
}

#announcehelp ul {
	padding-left: 15px;
}

#announcehelp li {
	margin-bottom: 5px;
}

.announceerror {
	background: #ffacac;
	padding-top: 3px;
	padding-bottom: 2px;
	border-bottom: 1px solid #fff;
}

.adconfirmtitle {
	background: #aaa;
	font-weight: bold;
	color: #fff
}

/* Announce */

/* Lecto Suggestions */
#lectosuggestion {
	margin-bottom: 10px;
}

#lectosuggestion span {
	font-size: 12pt;
	color: red;
	font-weight: bold;
}

/* Opinion */
#opinions {
	position: relative;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
	background-position: center;
	/* Hack or not! If remove this line it not show the background-image. */
	border: 1px solid #fff;
	margin-top: 5px;
	margin-bottom: 5px;
}

#opinions span {
	font-weight: bold;
	font-size: 10pt;
}

#opinions fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#opinions legend {
	font-size: 10pt;
}

#useropinions {
	position: relative;
	float: left;
	width: 49%;
}

#advertiseropinions {
	position: relative;
	float: right;
	width: 49%;
}

#useropinions div, #advertiseropinions div {
	text-align: justify;
	margin: 5px;
	padding: 3px;
	font-style: italic;
	font-size: 10pt;
}

#useropinions div {
	border: 1px dotted #aaa;
}

#advertiseropinions div {
	border: 1px dotted #ffcc00;
}

/* Admin bar */
#adminbar {
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
	text-align: center;
	background: #ffcc00;
	font-weight: bold;
	font-size: 10pt;
}

button {
	border: 1px solid #ffcc00;
}

script {
	margin: 0;
	padding: 0;
}

#ticker {
	border-top: 2px solid #ffcc00;
	padding-top: 4px;
	margin-top: 5px;
}

#searchat ul, #searchat li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

#searchattext {
	float: left;
	line-height: 20px;
}

#searchatradios {
	float: left;
}

.odd {
	background-color: #CCCCCC;
}

.even {
	background-color: #CCCCB0;
}

.form-row {
	float: left;
	padding: 4px 0;
	width: 100%;
}

#login-form label {
	color: #333333;
	float: left;
	font-size: 1em;
	line-height: 2em;
	padding-right: 0.5em;
	text-align: right;
	width: 9em;
}

.errornote {
	border: 1px solid red;
	color: red;
	display: block;
	font-size: 12px !important;
	margin: 0 0 3px;
	padding: 4px 5px 4px 25px;
}

.google-adv {
	width: 100%;
	text-align: right;
}

.extramessage {
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #dcdcdc;
	background: #fff;
	font-size: 10pt;
	width: 100%;
	float: left;
	text-align: center;
}

.extramessage>.header {
	width: 100%;
	height: 50px;
	background-color: lightgray;;
}

#closeExtraMessage {
	position: absolute;
	right: -10px;
	top: -10px;
	background-color: lightgray;
	width: 20px;
	height: 20px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #555;
	border-radius: 50px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 6px;
	color: #555;
	font-size: 10px;
}

#extramessagetext {
	padding: 10px 10px 0px 10px;
}

#extramessagetext>p>span>a {
	padding: 10px 20px;
	background-color: #cc3333;
	border-radius: 2px;
	color: #FFF !important;
	text-transform: uppercase;
}

.maisbt {
	position: relative;
	height: 30px;
	margin-top: -15px;
	background-color: #ffffcc;
	margin-left: 33px;
	margin-right: 33px;
	display: none;
}

.maisbt>a {
	padding: 0 20px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	background-image: url('../img/dropdown-arrow-7x6-trans.png');
	background-repeat: no-repeat;
	background-position: right;
}

.logo-banner {
	margin-top: 10px;
}

.caixabranca {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #ccc;
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.caixaamarela {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #ffcc00;
	background: #ffffcc;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.bottom_line {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #cccccc;
	height: 29px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 100%;
}

div.bottom_line .sociais {
	margin-top: 2px;
	float: right;
	width: 110px;
	height: 100%;
}

div.bottom_line .links {
	margin: 5px 10px 0 0;
	float: right;
	height: 100%;
}

.links a, .links a:visited, .links a:hover, .links a:active {
	font-size: 12px;
	color: black;
	text-decoration: none;
}

.left-align {
	text-align: left;
}

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

/*********************************/
/***** NOVA VERSAO DE LAYOUT *****/
/*****     JULHO DE 2016     *****/
/*********************************/

/* BEGIN: HOME PAGE */
.home {
  text-align: center;
}



.home .radio-inline {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.home>.logo>img {
	width: 324px;
	margin: 0 0 15px;
  margin-left: -12px;
}

.search-form-home {
  padding-bottom: 30px;
}

#busca-basica-form .search input {
	height: 53px;
  width: calc(100% - 66px);
}

#busca-basica-form .search button {
  float: right;
}

.home .buttons div {
  padding-bottom: 10px;
}

.home .buttons button, .home .buttons select {
	width: 100%;
	height: 50px;
}

.home .buttons select {
	border: 1px solid rgb(234, 234, 234);
}
/* END: HOME PAGE */

/* BEGIN: HEADER */
.header-row-search {
	width: 100%;
	height: 100px;
	margin: 0;
}

.header-row-search>div.logo {
	width: 40%;
	height: 100%;
	float: left;
	text-align: right;
	background-color: lightgray;
	padding: 10px 0;
}

.header-row-search>div.logo>a>img {
	height: 70px;
	width: 200px;
	padding-right: 10px;
	margin: 0;
}

.header-row-search>div.search {
	width: 60%;
	height: 100%;
	float: left;
	background-color: darkgray;
	padding: 23px 30px;
  box-sizing: border-box;
}

div.search>form>input {
	width: 40%;
	min-width: 335px;
	height: 53px;
}

/* HEADER - > ROW BANNER*/
.header-row-banner {
}

.header-row-banner>div {
	margin: 0 auto;
	max-width: 758px;
	padding: 15px 15px 15px 15px;
	text-align: center;
}

.header-row-banner>div a>img {
  max-width: 100%;
}

/* HEADER -> ROW MENU */
.header-row-menu {
	width: 100%;
}

.row {
  margin-top: 5px;
  margin-bottom: 5px;
}

.header-row-menu>div, .header-row-title>div {
	margin: 0 auto;
	/*width: 70%;*/
	min-width: 280px;
	height: 100%;
	color: gray;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

.header-row-menu>div>a {
	padding-right: 20px;
	color: gray;
}

.header-row-menu>div>a.current {
	padding: 10px 20px;
	/*background-color: rgb(255, 204, 0);*/
	border-radius: 2px;
	    text-decoration: underline;
}

/* RESULT -> COUNTER BAR*/
.result-row-counterbar {
	height: 60px;
	font-size: 15px;
	color: gray;
	padding: 20px 0;
}

.result-row-counterbar>.counter {
	left: 0;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

.result-row-counterbar>.orderby {
	right: 0;
	float: right;
}

.result-sugestion, .result-categoria {
	display: table;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	/*background-color: #f4f3f3;*/
	border-bottom: 1px solid #f4f3f3;
}

.result-sugestion>.title {
	display: table-caption;
	width: 100%;
	font-weight: bold;
	text-align: left;
	/*border-right: 1px solid #fff;*/
	/*border-left: 1px solid #fff;*/
	padding: 10px 0;
	color: gray;
	/*background-color: #f4f3f3;*/
	border-top: 1px solid #f4f3f3;
}

.result-sugestion>.itens, .result-categoria>.itens {
	display: table-row;
	width: 100%;
}

.result-sugestion>.itens>.item, .result-categoria>.itens>.item {
	display: table-cell;
	width: 50.0%;
	/*border: 1px solid #FFF;*/
	border-collapse: collapse;
	padding: 1px 8px;
    text-align: left;
    text-transform: lowercase;
}

.indice-categorias {
	text-align: center;
	margin: 15px auto;
	font-size: 16px;
}

.indice-categorias>a {
	padding: 0 5px;
}

.paginator {
  text-align: center;
}

/* FOOTER STYLE */
.footer {
	background-color: rgb(234, 234, 234);
	height: 67px;
  margin-top: 0px;
	font-family: 'Roboto', sans-serif;
  text-align: center;
	font-size: 10px;
}

.footer .container {
  padding-bottom: 0;
	background-color: rgb(234, 234, 234);
}

.footer-content {
  padding-top: 5px;
}

.footer-menu {
	color: gray;
	font-weight: bold;
	text-transform: uppercase;
  padding: 2px 15px 1px;
}

.footer-menu a {
	margin: 0 5px;
}

.footer-copyright {
	color: gray;
	font-weight: bold;
	text-transform: uppercase;
  padding: 2px 15px 1px;
}


/* STYLE FORM COMPONENTS DEFAULT */
a {
	text-decoration: none;
	color: gray;
}

.footer a:link, .footer a:visited {
	color: #0073bb !important;
}

a:link, a:visited, a:hover, a {
	color: #0073bb;
}


a:hover {
	color: darkgray;
}

a.vermapa {
	text-decoration: underline;
    font-weight: bold;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

input[type='text'], input[type='email'], textarea, select, input[type=tel], input[type=number] {
	border-width: 1.333333333px;
	border-color: rgb(255, 204, 0);
	border-style: solid;
	background-color: rgb(255, 255, 255);
	color: gray;
	padding: 0 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
  width: 100%;
}

form[name='search'] input[type='text'] {
  font-size: 20px;
}

.msie8 .localizations input {
  width: 45% !important;
}

button {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

a.btn, a.btn:hover, a.btn:active, a.btn:visited, button.btn:hover, button.btn:active, button.btn:focus {
	color: #fff !important;
}

a.btn-default, a.btn-default:hover, a.btn-default:active, a.btn-default:visited, button.btn-default:hover, button.btn-default:active, button.btn-default:focus {
	color: #0073bb !important;
}

.btn-red, a.btn-red {
	background-color: rgb(204, 51, 51);
	border: 1px solid rgb(204, 51, 51);
  color: #fff;
}

.btn-gray {
	background-color: rgb(234, 234, 234);
	border: 1px solid rgb(234, 234, 234);
	color: gray;
}

.btn-green {
	background-color: rgb(204, 240, 132);
}

.btn-route {
	font-weight: bold;
	font-size: 13px;
	margin-top: -5px;
}

.btn-search {
	width: 66px;
	height: 53px;
	background-image: url(../img/icon-pesquisar.png);
	background-position: center;
	/*background-size: 40px;*/
	background-repeat: no-repeat;
	padding: 18px 0;
}

select {
	/* styling */
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 2.1em;
	text-transform: uppercase;
	text-align: center;
	/*opacity: 0.6;*/
	background-color: white;
	border-radius: 0px;
	color: gray;
  vertical-align: middle;
	padding: 0.5em 3.5em 0.5em 1.5em;
	/* reset */
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select.minimal, select.default {
	background-image: linear-gradient(45deg, transparent 50%, gray 50%),
		                linear-gradient(135deg, gray 50%, transparent 50%);
	background-position: calc(100% - 20px) calc(50% + 2px),
		                   calc(100% - 15px) calc(50% + 2px);
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
  padding: 6px 27px 6px 12px;
}

select.minimal:focus, select.default:focus {
	background-image: linear-gradient(45deg, gray 50%, transparent 50%),
		                linear-gradient(135deg, transparent 50%, gray 50%);
	background-position: calc(100% - 15px) 50%,
                       calc(100% - 20px) 50%;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
	border-color: gray;
	outline: 0;
}

select.default {
	height: 32px;
	padding: 0 10px;
	line-height: normal;
}

.msie select {
	padding: 0.5em 0 0.5em 0;
}

.msie .home select {
	padding: 0.8em 0 0.8em 0;
}

.msie8 .home, .msie9 .home {
    margin-top: -153px;
}

.msie select {
  background-image: none;
}


/* BEGIN LARGE */
.len10pc {
	width: 9.5%;
}

.len20pc {
	width: 19.5%;
}

.len30pc {
	width: 29.5%;
}

.len40pc {
	width: 39.5%;
}

.len50pc {
	width: 49.5%;
}

.len60pc {
	width: 59.5%;
}

.len70pc {
	width: 69.5%;
}

.len80pc {
	width: 79.5%;
}

.len90pc {
	width: 89.5%;
}

.len100pc {
	width: 99.5%;
}
/* END LARGE */

/* BEGIN: FORM AREA */
.form-area {
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding: 10px 20px;
	text-align: left;
}

.form-area>input, .form-area>textarea, .form-area>select, .form-area>label>input,
  .form-area>label>textarea, .form-area>label>select {
	margin: 2px 0;
	font-size: 12px;
	padding: 6px 10px;
	border: 1px solid darkgray;
	border-radius: 3px;
	background-color: #eee;
	color: gray;
	text-align: left;
}

.form-area>button, .form-area>label>button {
	font-size: 14px;
	border-radius: 2px;
	margin-top: 15px;
	padding: 6px 20px;
}

.form-area button:hover {
	background-color: darkgray;
	color: #fff;
}

h3.center, h4.center, p.center {
  text-align: center;
}

.form-area>h4 {
	font-weight: bold;
	font-size: 18px;
	margin: 18px 0;
	font-family: verdana, sans-serif;
}

.form-area>label {
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: normal;
}

/* END: FORM AREA */
.btn-map-mobile {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: right;
	width: 32%;
	float: left;
}

/* BEGIN HEADER TOP*/
.header-top {
	position: relative;
	width: 100%;
	height: 34px;
	line-height: 22px;
	background-color: gray;
	color: #fff;
	font-size: 15px;
}

.header-top>ul {
	position: absolute;
	right: 0;
	width: 340px;
	list-style: none;
	float: right;
	padding: 5px 10px;
}

.header-top>ul>li {
	float: left;
	padding: 0px 14px;
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	height: 22px;
	cursor: pointer;
}
/*
.header-top>ul>li>a {
	text-decoration: none;
	color: #fff;
}
*/
.header-top>ul>li:hover {
	color: gray;
	background-color: #eaeaea;
	/*text-decoration: underline;*/
}

/* END HEADER TOP*/

/* BEGIN STEPS*/
.steps {
	position: relative;
	width: 100%;
	height: 30px;
}

.steps>ul {
	position: absolute;
	right: 0;
	padding: 0 5px;
	list-style: none;
}

.steps>ul>li {
	background-color: lightgray;
	color: #fff;
	float: left;
	margin: 5px 3px;
	padding: 2px 10px;
}

.steps>ul>li.current {
	background-color: rgb(255, 204, 0);
	color: gray;
}
/* END STEPS*/

/* BEGIN FORM LOGIN*/
form.login {
	text-align: center;
}

form.login>input[type='text'], form.login>input[type='password'] {
	margin-bottom: 20px;
	font-size: 20px;
	padding: 6px 15px;
	border: 1px solid darkgray;
	border-radius: 3px;
	background-color: #eee;
	color: gray;
	text-align: left;
	height: 50px;
}

form.login>button {
	height: 55px;
	width: 220px;
}

/* END FORM LOGIN */

/* BEGIN HELP */
.help {
	position: absolute;
	right: 25px;
	top: 25px;
	color: gray;
	background-color: rgb(255, 204, 0);
	padding: 3px 8px;
	font-size: 12px;
	border-radius: 50px;
	font-weight: bold;
	cursor: pointer;
	color: gray;
}

.help:hover {
	color: #fff;
	background-color: gray;
}

/* BEGIN BUBBLE */
.mini-bubble-add {
	color: #fff;
	background-color: rgb(204, 51, 51);
	padding: 5px 10px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: bold;
}

.mini-bubble-add:hover {
	background-color: darkgray;
	color: #fff;
}

/* END HELP */
@media print {
	a[href]:after {
		content: none !important;
	}
}


html.mobile .hide-mobile {
  display: none;
}

html.desktop .hide-desktop {
  display: none;
}


.has-error {
  border-color: red !important;
}

.has-success {
  border-color: green !important;
}

/* Fonts Awesome customization. */
.fa {
  padding-bottom: 2px;
  font-size: 15px;
  color: #25d366;
}

.mobile .fa {
  color: #ffcc00;
}

div.anunciar {
  text-align: justify;
}

div.anunciar a.btn {
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 50px;
}

div.anunciar p {
  margin-top: 26px;
  margin-bottom: 26px;
}

div.anunciar img {
  width: 80%;
  max-width: 350px;
}

div.anunciar div.ad {
  text-align: right;
}

div.anunciar a.btn-red {
  margin-top: 46px;
}

input[type=radio] {
  margin: 0;
}

.address-local {
  position: relative;
}

.legend {
  text-align: left;
}

.legend.error {
  display: none;
}

.legend ul {
  list-style-type: none;
}

.legend.error ul {
  list-style-type: decimal;
  color: red;
}



/****** JQUERY STEPS ***********/

h4 {
  padding-top: 8px;
}

ul.remarks {
  font-weight: bold;
  margin-left: 27px;
}

.wizard {
  text-align: left;
}

.wizard .current-info {
  display: none;
}

.wizard .title {
  display: none;
}

.wizard .title.current {
  display: block;
}

.wizard .body.current {
}

.wizard div.steps {
  min-height: 50px;
  text-align: center;
}

.wizard div.steps ul {
  list-style-type: none;
  position: relative;
  padding: 0px 15px;
  height: 100%;
  margin-top: 5px;
}

.wizard div.steps ul li {
  float: left;
  width: 20%;
  margin: 0px;
  height: 100%;
  vertical-align: middle;
  background-color: inherit;
  border-left: 1px solid black;
}


.wizard div.steps ul li.current a {
  font-weight: bold;
  font-size: 1.2em;
}

.wizard div.steps ul li:first-child {
  border: none;
}

.wizard div.steps ul li:last-child {
}


.wizard div.steps ul li a, .wizard div.steps ul li a:hover {
  color: #0073bb;
  text-decoration: none;
}

.wizard div.steps ul li a .number {
  display: none;
}

.wizard ul[role=menu] {
  list-style-type: none;
}

.wizard ul[role=menu] li {
  text-align: right;
  padding: 0;
}

.wizard ul[role=menu] li:first-child {
  text-align: left;
  padding: 0;
}

.wizard ul[role=menu] li a {
  color: white;
}

.wizard ul[role=menu] li a:hover {
  color: white;
}


select {
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  height: 34px;
}

.wizard input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-top: 0px
}

.wizard #contract {
  text-align: justify;
  height: 390px;
  overflow-y: scroll;
}

.wizard .whatsapp img, .send-by img, .whatsapp_dialog_body img {
  width: 19px;
}


.wizard .phone-record:first-child .remove-phone, .wizard .address:first-child .remove-address {
  visibility: hidden;
}

.wizard .special-padding {
  padding-left: 10px;
}

.wizard button span {
  vertical-align: middle;
}

.wizard .label-align-right {
  text-align: right;
}

select.bg-image option {
  text-align: left;
  background-size: 15px 15px;
  padding-left: 20px;
  background-repeat: no-repeat;
}

select option[value="mobile-vivo"] {
  background-image:url(/img/mobile-vivo.png);
}

select option[value="mobile-tim"] {
  background-image:url(/img/mobile-tim.png);
}

select option[value="mobile-claro"] {
  background-image:url(/img/mobile-claro.png);
}

select option[value="mobile-oi"] {
  background-image:url(/img/mobile-oi.png);
}

select option[value="cel"] {
  background-image:url(/img/cel.png);
}

select option[value="tel"] {
  background-image:url(/img/tel.png);
}

.wizard select.phone-type {
  width: 80px;
}


img.icon {
  max-width: 15px;
  max-height: 15px;
}

.phone-announce {
  min-width: 113px;
}

form label {
  width: 100%;
}

form label.radio-inline {
  width: inherit;
}

.wizard #contract img {
  display: none;
}

#anunciar-index #anunciar-button small {
  font-size: 64%;
  vertical-align: middle;
}

.wizard #div_dia_pagamento {
  display: none;
}

.get_quote img {
  height: 21px;
}

.rating {
  margin: 0 2.5em 1em;
  padding: 20px;
  text-align: justify;
}

.rating span {
  vertical-align: middle;
  padding-left: 12px;
}

.rating-logo-yelp {
  height: 29px;
  margin-top: -5px;
}

.quote {
}

.quote a, .quote a:hover {
}

div.get_quote {
  word-break: break-all;
  display: inline-block;
  line-height: 10px;
  text-align: center;
  font-size: 11px;
}

a.get_quote, a.get_quote:hover {
  font-weight: bold;
  color: #cc1419;
}

/*
#request_quote_form input[type="tel"] {
  width: 324.35px;
}

#request_quote_form button.whatsapp {
  width: 83px;
  height: 31px;
  margin: 2px 0;
  background-color: #eee;
  border: 1px solid #a9a9a9;
  border-top-color: rgb(169, 169, 169);
  border-right-color: rgb(169, 169, 169);
  border-bottom-color: rgb(169, 169, 169);
  border-left-color: rgb(169, 169, 169);
	border-radius: 3px;
}
*/

.table {
  border-collapse: collapse !important;
}

#quotes_statistics img {
  max-width: 100%;
}

.footer-blink {
  animation: blink 1s linear infinite;
  /* background-color: #cc1419; */
}


.footer .footer-blink a {
  animation: blink_a 1s linear infinite;
  color: #cc1419 !important;
  
  font-weight: bold;
}

@keyframes blink {
  0%{background-color: white;}
  50%{background-color: #cc1419;}
  100%{background-color: white;}
}

@keyframes blink_a {
  0%{color: #cc1419;}
  50%{color: white;}
  100%{color: #cc1419;}
}

.whatsapp_dialog_body {
  padding: 5px;
  text-align: center;
}

.whatsapp_dialog_body > div {
  padding: 5px;

}

#request_quote_form div.send-by button{
  margin-top: 0;
}

.btn[data-toggle="button"].active, .btn[data-toggle="button"].active:hover, .btn[data-toggle="button"].active:focus {
  background-color: #cc1419;
  color: white !important;
}

#request_quote_form .inline input[type="checkbox"] {
  margin-bottom: 2px;
}

img.whatsappg {
  width: 30px;
}