/*
 Boilerplate Styles
 Author: Tatti Vitorino 2014
 Initial Styles for Typography and Helper Classes

 NOTES

This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:
html{font-size:62.5%;} = 10px
$rembase:     10;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.5rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.6rem; (16  / $rembase)
	line-height: 1.5; (relativo ao tamanho da fonte)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 2.4rem 0; ( 24 / $rembase )
}

 * */

.ie9 .img-responsive,
.ie10 .img-responsive{width: auto}

.row{position: relative}


::-moz-selection {
	color:#757575;
    background: #ffffff;
    text-shadow: none;
}

::selection {
    color:#757575;
    background: #ffffff;
    text-shadow: none;
}

/* ------------------ TYPOGRAPHY ---------------------- */

html{font-size: 62.5%}
body{font-family: Helvetica, Arial, sans-serif;color:#002a52;font-size: 14px;font-size: 1.4rem}

h1, h2, h3, h4, h5, h6{line-height:1.3;font-weight: 400;font-family: Helvetica, Arial, sans-serif;}

h1, h2, h3{margin:20px 0;margin:2rem 0;}
h4, h5, h6{margin:10px 0;margin:1rem 0;}
h1{font-size: 37px;font-size: 3.6rem;}
h2{font-size: 30px;font-size: 3rem;}
h3{font-size: 24px;font-size: 2.4rem;}
h4{font-size: 18px;font-size: 1.8rem;}
h5{font-size: 14px;font-size: 1.4rem;}
h6{font-size: 12px;font-size: 1.2rem;}


a{outline:0!important}
a, a:hover, a:active, a:visited{text-decoration:none;}
a, a:hover{color:#002a52}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, li a{font-family:inherit;font-size:inherit;color:inherit;font-weight:inherit;font-style:inherit}

p, li{line-height: 1.3;margin:0 0 10px;margin:0 0 1rem;}

strong, .bold{font-weight: 700;}
em, .italic{font-style:italic}

.lead {font-size: 110%;font-weight: 300;line-height: 1.4;}
.super{font-size:150%;font-weight: 700}
small, .small{font-size: 90%}
.smaller{font-size: 80%}
.tiny{font-size: 70%}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}

.text-danger{font-weight: bold;font-style: italic;color:#d9534f;}
.text-warning{font-weight: bold;font-style: italic;color:#f0ad4e;}
.text-success{font-weight: bold;font-style: italic;color:#5cb85c;}

.text-underline {text-decoration: underline;}

/* --- FONTS ---- */
/*
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
 * */
.font-OpenSans{font-family: 'Open Sans', sans-serif;font-weight: 400 }
.font-OpenSansCond{font-family: 'Open Sans Condensed', sans-serif;font-weight: 700 }
.font-Cabin{font-family: 'Cabin Condensed', sans-serif;font-weight: 400 }
.font-PTSans{font-family: 'PT Sans Narrow', sans-serif;font-weight: 500 }
.font-Arial{font-family: Arial, Helvetica, sans-serif }
.font-Helvetica{font-family: Helvetica, Arial, sans-serif }

.description{font-size: 14px;font-size: 1.4rem;}
.price-holder .description{width:40%;margin-left:59%;font-size: 12px;font-size: 1.2rem;margin-top:5px;margin-bottom:0;}

/* ------------------ LISTS ---------------------- */

/* grid lists - float left horizontally */
.grid2 li {width: 49%; float: left; padding:0; margin-left: 1%;}
.grid3 li {width: 32%; float: left; padding:0; margin-left: 1%;}
.grid4 li { width: 23%; float: left; padding:0; margin-left: 2%;}
.grid5 li { width: 18%; float: left; padding:0; margin-left: 2%;}
.grid6 li {width: 15%; float: left; padding:0; margin-left: 1%;}
.grid8 li {width: 11%; float: left; padding: 0; margin-left: .75%}

/*stop cascading and custom lists*/
.stop-list li{width: 100%; clear:both; padding: 5px 0 0 10px; margin: 0 0 5px 0;}
ol.stop-list li{margin-left: 25px; list-style: lower-alpha;}
.stop-list li:last-child{padding-bottom: 5px;}

.inline-list li{float:left;margin:0 5px;margin:0 .5rem}
.inline-list li a{display: block;padding:10px;padding:1rem}

ul.bullet,
ol.roman,
ol.decimal{padding:10px;padding:1rem;list-style-position:inside;list-style-type:circle;}
ol.roman{list-style-type: lower-roman;}
ol.roman-upper{list-style-type:upper-roman}
ol.decimal{list-style-type:decimal;}

/* ------------------ TABLE GRID ---------------------- */

table.grid2 th{width:50%}
table.grid3 th{width:33%}
table.grid4 th{width:25%}
table.grid5 th{width:20%}

.table.higher > thead > tr > td,
.table.higher > tbody > tr > td,
.table.higher > tfoot > tr > td{
	padding:12px 8px 15px 8px;
	vertical-align:middle;
}

.table-responsive{border:0}

.tb-1 > thead > tr > th{vertical-align: middle;border-bottom: none;background: #004a82;height: 50px;font-size: 16px;font-size: 1.6rem}
.tb-1 > tbody > tr > td{vertical-align: middle;background: #FFFFFF;color:#000000;font-size: 16px;font-size: 1.6rem}
.tb-1 .btn{padding:5px 10px;padding:.5rem 1rem;margin-left:15px;margin-bottom:2px;background: #004a82;font-size:14px;font-size:1.4rem}
.tb-1 .btn:hover,
.tb-1 .btn:active,
.tb-1 .btn:visited,
.tb-1 .btn:focus{color:#FFFFFF!important;}

/* ------------------ FORMS ---------------------- */

form{}
fieldset{padding:0;margin:0}
label{display: none}
input,button{border:none}

:-moz-placeholder{font-family:inherit;font-size:inherit;color:inherit;text-transform:uppercase;font-weight:bold;opacity:1} /* Firefox 18- */
::-moz-placeholder {font-family:inherit;font-size:inherit;color:inherit;text-transform:uppercase;font-weight:bold;opacity:1} /* Firefox 19+ */
:-ms-input-placeholder {font-family:inherit;font-size:inherit;color:inherit;text-transform:uppercase;font-weight:bold}
::-webkit-input-placeholder {font-family:inherit;font-size:inherit;color:inherit;text-transform:uppercase;font-weight:bold}

input[placeholder], [placeholder], *[placeholder]{color:#000000}

.form-holder{padding:0;width:100%;text-align:left}
form label,
form p{font-size:17px}

form label{margin-bottom:5px}

.input-holder,
.input-holder .turnintodropdown_holder{margin:10px 0!important;margin:1rem 0!important;}

.input-holder label{display:block;}
.input-holder .lbl-inline{display: inline-block;width:85%}
.lbl-full{width:100%!important;text-align:left!important;margin-bottom:10px}

.input-holder input,
.input-holder textarea{width:100%;height:30px;background: #ededed}

.input-holder input[type="checkbox"],
.input-holder input[type="radio"]{width:20%!important;height:20px}

.ie8 .input-holder input,
.ie9 .input-holder input,
.ie8 .input-holder textarea,
.ie9 .input-holder textarea{padding-top:15px!important;font-size:15px}
.ie8 .input-holder input[type="checkbox"],
.ie9 .input-holder input[type="checkbox"],
.ie8 .input-holder input[type="radio"],
.ie9 .input-holder input[type="radio"]{padding:0!important}

.input-holder input[type="text"],
.input-holder input[type="email"],
.input-holder input[type="password"],
.input-holder textarea{padding:5px 0 5px 10px;border:none}

.input-holder textarea{height: 100px;padding-top:10px}

.input-holder input[type="submit"]{width:30%;height:auto;padding:15px;color:#FFFFFF;white-space: normal;background:#fa5a0b;float:right}


/* ---- CHECKBOX ------- */

.checkbox-holder{}
.checkbox-holder label{display: inline-block; cursor: pointer; position: relative; padding-left: 40px; text-align: left; vertical-align: middle; line-height: 30px }

.checkbox-holder label:before{content: ""; display:inline-block; width:30px; height:30px; position:absolute; left:0; bottom:1px; background-color:#103e7a; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; vertical-align: middle;}

.checkbox-holder input[type="checkbox"]{display: none;}

.checkbox-holder input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 28px;
    color: #f3f3f3;
    text-align: center;
    line-height: 30px;
}

.ie8 .checkbox-holder input,
.ie9 .checkbox-holder input{display:inline-block;width:20px!important}
.ie8 .checkbox-holder label,
.ie9 .checkbox-holder label{padding-left:0}
.ie8 .checkbox-holder label:before,
.ie9 .checkbox-holder label:before{display:none}

form .turnintodropdown_holder a{text-transform:uppercase;font-size: 14px}
form .trigger,
form .activetrigger,
form .dropcontainer ul{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

.required{border:3px solid #CA352E!important}
.checkbox-required + label:before{border:3px solid #FFFFFF!important}

/* ---- FORM FALE CONOSCO ------- */
.form-holder{width:100%}

/* ---- FORM LOGIN ------- */
.form-login-holder{position: absolute;z-index: 10;right:55px;overflow:hidden;opacity:0;visibility: hidden;}

.form-login-holder.visible{opacity: 1;visibility: visible;}

.f-small{margin: 0 15px;margin: 0 1.5rem}
.f-small input[type="email"],
.f-small input[type="password"]{height: 40px}

.f-small input[type="submit"]{width:auto;padding:10px 20px;padding:1rem 2rem}
.f-small p{font-size: 13px;text-align:center}
.f-small .lk-cadastro{margin:-8px 0 20px 0}
.f-small .lk-senha{margin:-8px 0 0 0}

.f-small .lk-cadastro a,
.f-small .lk-senha a,
.f-small .lk-login a,
.f-small .lk-cadastro a:hover,
.f-small .lk-senha a:hover,
.f-small .lk-login a:hover{color:#f1f04a;text-decoration:underline}


/* ---- FORM VOUCHER ------- */
.f-voucher{}
.f-voucher .codigo-holder label{display: block;}
.f-voucher .codigo-holder, .f-voucher .submit-holder{width:100%;}
.f-voucher .submit-holder{width:24%}
.f-voucher input[type="text"]{width:87%;padding:10px;height:auto}
.f-voucher input[type="submit"]{width:auto;padding:10px;height:auto}


/* ------------------ PATTERNS ---------------------- */

/*colors
 black
 white
 menu blue: #0084c8
 text blue: #0066b3
 orange: #faa61a
 red: #f05123
 red mouse over: #f05123


 * */
.clr-white{color:#FFFFFF}
.clr-black{color:#000000}
.clr-blue{color:#00287a}
.clr-1{color:#838383} /*gray*/
.clr-2{color:#fa5a0b} /*menu laranja*/
.clr-3{color:#f6dc42} /*text yellow*/
.clr-4{color:#b33a35}
.clr-5{color:#b33a36}

/*backgrounds*/
.bkg-main{
	background: url(../images/bg_main.jpg) center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.bkg-menu{background: url(../images/bg_menu.jpg) top left repeat-x}
.bkg-home-content{background:url(../images/bg-hm.jpg) top left repeat}

.bkg-white{background-color:#FFFFFF}
.bkg-black{background-color:#000000}
.bkg-1{background-color:#757575}
.bkg-2{background-color:#ca352e}
.bkg-3{background-color:#f6dc42}
.bkg-4{background-color:#b33a35}
.bkg-5{background-color:#b33a36}

.fale-conosco .ui-maincontent.bkg-white a{color:#CA352E!important;text-decoration:underline!important}
.fale-conosco .ui-maincontent.bkg-white a:hover{color:#CA352E!important;text-decoration:underline!important}

.gradient{background:#06417a;background-image: linear-gradient(#296296, #255e93, #07427a); }
.ie .gradient{background-image:none;background: url(../images/gradient_ie.jpg) top left repeat-x #06417a}
.gradient-2{background-image: linear-gradient(#bace33, #63923f);}
.gradient-3{background-image: linear-gradient(#1ca4dd, #1179b4, #005797);}

/*borders*/
.bdr{border:1px solid;}
.bdr-2px{border:2px solid;}

/*border color*/
.bdr-1{border-color: #000000}

.bdr-top{border-left:none;border-right:none;border-bottom: none}
.bdr-right{border-left:none;border-bottom:none;border-top: none}
.bdr-bottom{border-left:none;border-right:none;border-top: none}
.bdr-left{border-bottom:none;border-right:none;border-top: none}

/*corners*/
.rnd-5px{-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;behavior: url(csspie/PIE.htc);}
.rnd-10px{-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;behavior: url(csspie/PIE.htc);}
.rnd-20px{-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;behavior: url(csspie/PIE.htc);}

/* top left, top right, bottom right, bottom left */
.rnd-top-leftright-5px{-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;behavior: url(csspie/PIE.htc);}
.rnd-top-leftright-10px{-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;behavior: url(csspie/PIE.htc);}

.rnd-bottom-leftright-5px{-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;behavior: url(csspie/PIE.htc);}
.rnd-bottom-leftright-10px{-webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;behavior: url(csspie/PIE.htc);}

.rnd-topbottom-right-5px{-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;behavior: url(csspie/PIE.htc);}
.rnd-topbottom-right-10px{-webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;behavior: url(csspie/PIE.htc);}

.rnd-topbottom-left-5px{-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px; border-radius:5px 0 0 5px;behavior: url(csspie/PIE.htc);}
.rnd-topbottom-left-10px{-webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;behavior: url(csspie/PIE.htc);}

/*box-shadows - hor, vert, blur, spread, color*/
.shdw{-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 2px 5px  rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 5px  rgba(0, 0, 0, 0.5);
  behavior: url(csspie/PIE.htc);}

.shdw-inset{-moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  behavior: url(csspie/PIE.htc);}

.shdw-text{text-shadow:1px 1px 1px rgba(0,0,0,.5)}
.no-shdw-text{text-shadow:1px 1px 1px rgba(0,0,0,0)}

.input-control,
.input-addon{display: table-cell;vertical-align:middle;margin:0;padding:5px 10px;padding:.5rem 1rem;line-height: 1.5}

.scroller-holder{padding:15px;padding:1.5rem;}
.scroller{padding-right:15px}
.scroller{font-size:14px}

.msg-holding{margin:10px;margin:1rem}
.msg-holding img{display: inline-block;vertical-align: middle;margin-right:10px;margin-right:1rem;width:40px}
.msg-holding p{display: inline-block;vertical-align: middle;margin:0;font-size:14px}

.msg-holding.small{margin:10px;margin:1rem}
.msg-holding.small img{width:20%;margin-right:2%;}
.msg-holding.small p{width:75%;line-height: 15px;line-height: 1.5rem;text-align:left}

.btn{padding:20px;padding:2rem;text-align:center;display:inline-block;font-size:18px;font-size:1.8rem;text-shadow:1px 1px 1px rgba(0,0,0,.5);white-space: normal;color:#FFFFFF}
.btn:hover{color:#FFFFFF!important}
.btn.btn-tiny{width:75px!important;}
.btn.btn-large{width:300px!important;}
.btn.btn-nowrap{white-space: nowrap}
.btn.active{background: none;background:#103E7A;color:#FFFFFF}

.btn.tipo-oferta{min-width:100%!important}
.btn.vale-experiencia{margin:20px 0 0 0;float:right}

.btn.gradient:focus{color:#FFFFFF!important;text-decoration:none!important;}

/* ------------------ HELPER CLASSES ---------------------- */

.alignLeft{text-align:left}
.alignCenter{text-align:center}
.alignCenter > *{display:inline-block}
.alignRight{text-align:right}

.alignMiddle > *{vertical-align:middle;display:inline-block}
.alignTop > *{vertical-align:top;display:inline-block}
.alignBottom > *{vertical-align:bottom;display:inline-block}

.padd-15{padding:15px;padding:1.5rem}
.padd-top-15{padding-top:15px;padding-top:1.5rem}
.padd-right-15{padding-right:15px;padding-right:1.5rem}
.padd-bottom-15{padding-bottom:15px;padding-bottom:1.5rem}
.padd-left-15{padding-left:15px;padding-left:1.5rem}
.padd-topbottom-15{padding-bottom:15px;padding-bottom:1.5rem;padding-top:15px;padding-top:1.5rem}

.padd-right-55{padding-right:55px;padding-right:5.5rem}

.padd-10{padding:10px;padding:1rem}
.padd-top-10{padding-top:10px;padding-top:1rem}
.padd-right-10{padding-right:10px;padding-right:1rem}
.padd-bottom-10{padding-bottom:10px;padding-bottom:1rem}
.padd-left-10{padding-left:10px;padding-left:1rem}
.padd-topbottom-10{padding-bottom:10px;padding-bottom:1rem;padding-top:10px;padding-top:1rem}

.padd-topbottom-30{padding-bottom:30px;padding-bottom:3rem;padding-top:30px;padding-top:3rem}

.clear-padd-top{padding-top:0}
.clear-padd-right{padding-right:0}
.clear-padd-bottom{padding-bottom:0}
.clear-padd-left{padding-left:0}
.clear-padd{padding:0}

.marg-54{margin:54px;margin:5.4rem}
.marg-top-54{margin-top:54px;margin-top:5.4rem}
.marg-right-54{margin-right:54px;margin-right:5.4rem}
.marg-bottom-54{margin-bottom:54px;margin-bottom:5.4rem}
.marg-left-54{margin-left:54px;margin-left:5.4rem}
.marg-topbottom-54{margin-bottom:54px;margin-bottom:5.4rem;margin-top:54px;margin-top:5.4rem}

.marg-45{margin:45px;margin:4.5rem}
.marg-top-45{margin-top:45px;margin-top:4.5rem}
.marg-right-45{margin-right:45px;margin-right:4.5rem}
.marg-bottom-45{margin-bottom:45px;margin-bottom:4.5rem}
.marg-left-45{margin-left:45px;margin-left:4.5rem}
.marg-topbottom-45{margin-bottom:45px;margin-bottom:4.5rem;margin-top:45px;margin-top:4.5rem}

.marg-35{margin:35px;margin:3.5rem}
.marg-top-35{margin-top:35px;margin-top:3.5rem}
.marg-right-35{margin-right:35px;margin-right:3.5rem}
.marg-bottom-35{margin-bottom:35px;margin-bottom:3.5rem}
.marg-left-35{margin-left:35px;margin-left:3.5rem}
.marg-topbottom-35{margin-bottom:35px;margin-bottom:3.5rem;margin-top:35px;margin-top:3.5rem}

.marg-25{margin:25px;margin:2.5rem}
.marg-top-25{margin-top:25px;margin-top:2.5rem}
.marg-right-25{margin-right:25px;margin-right:2.5rem}
.marg-bottom-25{margin-bottom:25px;margin-bottom:2.5rem}
.marg-left-25{margin-left:25px;margin-left:2.5rem}
.marg-topbottom-25{margin-bottom:25px;margin-bottom:2.5rem;margin-top:25px;margin-top:2.5rem}

.marg-20{margin:20px;margin:2.0rem}
.marg-top-20{margin-top:20px;margin-top:2.0rem}
.marg-right-20{margin-right:20px;margin-right:2.0rem}
.marg-bottom-20{margin-bottom:20px;margin-bottom:2.0rem}
.marg-left-20{margin-left:20px;margin-left:2.0rem}
.marg-topbottom-20{margin-bottom:20px;margin-bottom:2.0rem;margin-top:20px;margin-top:2.0rem}

.marg-18{margin:18px;margin:1.8rem}
.marg-top-18{margin-top:18px;margin-top:1.8rem}
.marg-right-18{margin-right:18px;margin-right:1.8rem}
.marg-bottom-18{margin-bottom:18px;margin-bottom:1.8rem}
.marg-left-18{margin-left:18px;margin-left:1.8rem}
.marg-topbottom-18{margin-bottom:18px;margin-bottom:1.8rem;margin-top:20px;margin-top:1.8rem}

.marg-15{margin:15px;margin:1.5rem}
.marg-top-15{margin-top:15px;margin-top:1.5rem}
.marg-right-15{margin-right:15px;margin-right:1.5rem}
.marg-bottom-15{margin-bottom:15px;margin-bottom:1.5rem}
.marg-left-15{margin-left:15px;margin-left:1.5rem}
.marg-topbottom-15{margin-bottom:15px;margin-bottom:1.5rem;margin-top:15px;margin-top:1.5rem}

.marg-10{margin:10px;margin:1rem}
.marg-top-10{margin-top:10px;margin-top:1rem}
.marg-right-10{margin-right:10px;margin-right:1rem}
.marg-bottom-10{margin-bottom:10px;margin-bottom:1rem}
.marg-left-10{margin-left:10px;margin-left:1rem}
.marg-topbottom-10{margin-bottom:10px;margin-bottom:1rem;margin-top:10px;margin-top:1rem}

.clear-marg-top{margin-top:0}
.clear-marg-right{margin-right:0}
.clear-marg-bottom{margin-bottom:0}
.clear-marg-left{margin-left:0}
.clear-marg{margin:0}

.pos-absolute{position:absolute;}
.pos-relative{position:relative;}
.pos-fixed{position:fixed;}
.pos-static{position:static;}

br.lg{display: block;}
br.md{display: none;}
br.sm{display: none;}
br.xs{display: none;}
br.tiny{display: none;}

/* -------------- SITE STYLES --------------- */



.page{}

#oldie{width:80%;margin:10px auto 0 auto;text-align: center;color:#c3201a}

.ui-mainheader{padding-top:0px}

.ui-mainheader > .row{position: relative;z-index: 1}
.ui-mainheader h1{margin:0;}

/*bt toogle nav-bar*/
.navbar-toogle{position:relative;float:right;padding:9px 10px;margin:10px 0;border:1px solid #838383;background-color:transparent;background-image:none}
.navbar-toogle .icon-bar{display: block;width:22px;height:2px;background-color: #838383}
.navbar-toogle .icon-bar+.icon-bar{margin-top:4px}
.navbar-toogle:hover{background-color: #FFFFFF;border-color:#CA352E}
.navbar-toogle:hover .icon-bar{background-color: #CA352E}

.logo-holder{position:absolute;z-index:2;top:0px;text-align:right;left:40px}
.logo-holder a{display: inline-block}
.benvindo{z-index:2;
  top: 0px;
  position: absolute;
  right: 16%;}

  .shadow{
    text-shadow: 30px 10px #00287a;
  }
  .rotated{
    /* the gradient makes the reflection fade out */
   -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);
	}

	#someid {

	   /* the gradient makes the reflection fade out */
	   /*-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 100%);*/
	   -webkit-box-reflect: below -4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, transparent),  to(rgba(255,255,255,0.5)));

	}

	.bg_lider{
		background:url(../img/bg_slider.jpg) repeat-x top left;
	}

.menu-holder{border-bottom:3px solid #fa5a0b}

.ui-mainmenu{font-size: 16px;text-align: right;
  margin-right: 14px;
  margin-top: 160px;
  z-index:2;
  }
.ui-mainmenu > ul{width:auto;display: inline-block}
.ui-mainmenu li{margin:0}
.ui-mainmenu a{padding:0 15px!important;padding:0 1.5rem!important;height:40px;line-height:40px; text-transform:uppercase}
.ui-mainmenu a:hover,
.ui-mainmenu li.active a{background-color:#FFFFFF;color:#fa5a0b}
.ui-mainmenu li a:active,
.ui-mainmenu li a:visited,
.ui-mainmenu li a:focus{text-decoration:none}

.ui-mainmenu a{padding-top:5px}
.ui-mainmenu a.bradescard{width:210px;height:45px;}
.ui-mainmenu a img{display: inline-block;vertical-align: middle}

.ui-maincontent{min-height:710px;min-height:71rem;}
.ui-maincontent a:hover{color:#fa5a0b;text-decoration:underline};

.ui-maincontent a:focus{color: #FFFFFF}

.bx-wrapper, .bx-wrapper .bx-viewport{background:transparent;border:0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none}

.home .slider-holder{height:630px;overflow: hidden}
.home .slide{width:100%;position:relative;height:630px;overflow:hidden;}
.home .slide .col{width:80%;position:absolute;z-index:1}
.home .slide .col img{display: inline-block}
.home .slide .col-left{}
.home .slide .col-right{width:33%;z-index:2;right:0;text-align:right;padding-top:40px}
.home .slide .col-right h3{margin-top:40px;line-height: 37px;font-size: 27px;letter-spacing: 1px;display:inline-block;width:90%}

.home .slide-2 .col-right{padding-top:20px;width:30%}
.home .slide-2 .col-right h3{margin-top:20px;line-height: 33px;font-size: 24px}
.home .slide-2 .col-right h3:last-child{margin-top:0}

.slider-holder .bx-wrapper .bx-pager{bottom:10px}
.slider-holder .bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.slider-holder .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider-holder .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fa5a0b;
}

.home {width:100%;min-height:80px;}
.cartoes-holder h4{margin-top:27px}


.min-height{
	min-height:70px;
}

.rightTextImg {
	text-align: left;
	max-width: 360px;
  float: left;
  clear: both;
  margin-bottom: 40px;
  margin-left:30px;
}

.carrousel-holder{margin-top:15px}
.carrousel-holder .bx-wrapper .bx-controls-direction a{
	margin-top:-20px;
}
.carrousel-holder .bx-wrapper .bx-prev{
	left: -40px;
	background: url(images/controls_red.png) no-repeat 0 -32px;}
.carrousel-holder .bx-wrapper .bx-next{
	right: -30px;
	background: url(images/controls_red.png) no-repeat -43px -32px;
}

.como-participar{}
.como-participar .ui-content-holder{padding:80px 0 40px 0;position:relative;z-index:2}
.como-participar .ui-images-holder{padding-top:80px;position:absolute;z-index:1;top:0;text-align:right;width:100%}
.como-participar .ui-images-holder img{display: inline-block;}
.como-participar img.cp-1{margin:100px 20px 100px 0}
.como-participar img.cp-2{margin-right:120px}
.como-participar h1{}
.como-participar h3{font-size:25px;font-size:2.5rem;line-height: 1.5;margin: 15px 0;margin: 1.5rem 0;letter-spacing:.3px}

.ui-content-holder .alignMiddle > div{width: 64%;text-align:left;margin-left:20px}

.experiencias{}
.experiencias .ui-content-holder{width:80%;margin:0 auto;padding:30px 0;padding-top:3rem 0;}

.restaurantes{}
.restaurantes .ui-maincontent{min-height:680px;min-height:68rem;}

.restaurantes .bkg-tela-1,
.restaurantes .bkg-tela-2{min-height:680px;min-height:68rem;
	background: url(../images/img-rest-t1.jpg) bottom left no-repeat;
}

.restaurantes .bkg-tela-3{min-height:680px;min-height:68rem;background: url(../images/img-rest-t2.jpg) bottom left no-repeat;}



.fale-conosco{}
.fale-conosco .ui-content{padding-top:60px}
.fale-conosco .ui-content-holder{padding:0}
.fale-conosco h3, .fale-conosco h4, .fale-conosco h5{display: block}
.fale-conosco h3{font-size: 27px;font-size: 2.7rem}
.fale-conosco h4{font-size: 24px;font-size: 2.4rem}
.fale-conosco h5{font-size: 21px;font-size: 2.1rem}
.fale-conosco .space-top{margin-top:60px}


.footer{
	background:#00649c;
}
.ui-mainfooter{}
.ie .ui-mainfooter{padding:20px 0 40px 0;}
.ui-mainfooter p{margin:15px;font-size: 10px}
.ie .ui-mainfooter p{margin:0}
.ui-mainfooter a,
.ui-mainfooter a:hover,
.ui-mainfooter a:focus{color:#B33A36;text-decoration:underline}

.ui-mainfooter .logo-tlc{max-width:170%;margin-left:-50%;margin-top:20px}

/* -------------- MEDIA QUERIES --------------- */
/*
 Bootstrap Grid System cascades UP from 320 to 1200 - bootstrap.css
 The values below cascades DOWN from 1200 to 320
 * */

/*bootstrap bp min-width:1200 - .col-lg*/
@media (max-width:1199px){
	.ui-mainmenu a{padding:0 15px!important;padding:0 1.5rem!important}

	br.lg{display: none}
	br.md{display: block;}

	.home .ui-maincontent{min-height:610px;min-height:61rem}

	.home .slider-holder,
	.home .slide{height:533px}
	.home .slide .col-right{padding-top:20px}
	.home .slide .col-right h3{font-size:25px;width:100%;margin-top:30px}

	.home .slide-2 .col-right{padding-top:5px}
	.home .slide-2 .col-right h3{font-size:20px;width:100%;margin:10px 0}

	.cartoes-holder h4{margin-top:15px}

	.como-participar .ui-content-holder{}
	.como-participar .ui-images-holder{}
	.como-participar h1{font-size: 33px}
	.como-participar h3{font-size:20px}
	.ui-content-holder .alignMiddle > div{width:55%}
	.como-participar img.cp-1{max-width:58%;margin:90px 20px 78px 0}
	.como-participar img.cp-2{max-width:49%;margin-right:108px}

	.restaurantes .bkg-tela-1{background-size:71% auto;}
	.tela-1 .col-right{width:100%;top:20px}
	.tela-1 h1{font-size: 45px}
	.tela-1 h3{width:70%;margin-top:0}

	.restaurantes .bkg-tela-2{background-size:71% auto;}
	.tela-2 .col-right{width:100%;top:20px}
	.tela-2 h3{width:50%;margin-top:0}

	.restaurantes .bkg-tela-3{background-size:58% auto;}

}

/*bootstrap bp min-width:992 max-width:1199 - .col-md*/
@media (max-width:991px){

	.logo-holder{left:0}

	.ui-mainmenu{/**/display: none;font-size: 15px}
	.ui-mainmenu ul{width:100%;margin:0 0 20px 0}
	.ui-mainmenu li{float:none}
	.ui-mainmenu li a{width:100%;height:32px}
	.ui-mainmenu li a.bradescard{width:180px;float:right}
	.ui-mainmenu li a.bradescard img{}

	.home .ui-maincontent{min-height:590px;min-height:59rem}

	.home .slider-holder,
	.home .slide{height:510px}
	.home .slide .col{width:100%}
	.home .slide .col-right{padding-top:20px}
	.home .slide .col-right h3{font-size:25px;width:100%;margin-top:30px;background:#cf3732;padding:10px 0}

	.home .slide-1 .col-right{width:100%}
	.home .slide-1 .col-right img{width:33%;margin-top:76px}

	.home .slide-2 .col-left img{margin-left:-20%}
	.home .slide-2 .col-right{padding-top:65px}
	.home .slide-2 .col-right img{margin-bottom:10px}
	.home .slide-2 .col-right h3{font-size:20px;width:100%;margin:0;padding-left:170px}
	.home .slide-2 .col-right h3:first-child{margin-top:10px}
	.home .slide-2 .col-right h3:last-child{margin-top:-17px}

	.cartoes-holder h4{margin-top:15px}

	.como-participar h1{font-size: 30px;width:89%}
	.como-participar img.cp-1{max-width:58%;margin:166px 20px 213px 0}
	.como-participar img.cp-2{max-width:49%;margin-right:23px}

	.restaurantes .bkg-tela-1{background-size:80% auto;}
	.tela-1 .col-right{top:20px}
	.tela-1 h3{width:90%;margin-top:0}

	.restaurantes .bkg-tela-2{background-size:80% auto;}

	.restaurantes .bkg-tela-3{background:none}
	.tela{text-align:left}
	.tela-3 .header-text{right:auto;left:0!important;top:50px;text-align:left;width:90%;margin-left:5%}
	.tela-3 .col-right{width:90%;text-align:left;margin-left:5%}


	.marg-ajust{
		margin-bottom:80px;
	}

}

@media (min-width:992px){
	.navbar-toogle{display: none}
	.ui-mainmenu{display:block!important}

	.marg-top-18{
		margin-top:0;
		min-height: 55px;
	}
}

/*bootstrap bp min-width:768 max-width:991 - .col-sm*/
@media (max-width:767px){

	.msg-holding img{}
	.msg-holding p{max-width:80%;font-size: 15px;font-size: 1.5rem;}

	.como-participar h3{font-size: 18px;font-size: 1.8rem}
	.como-participar img.cp-1{margin:152px 20px 153px 0}

	.carrousel-holder{margin:15px 0}
	.carrousel-holder .bx-wrapper .bx-prev{
		left: -40px;
	}
	.carrousel-holder .bx-wrapper .bx-next{
		right: -30px;
	}

	.tela-3 h1{font-size: 42px}

	.ui-mainfooter img{padding-bottom:15px}
}

@media (max-width:690px){
	.home .slide .col{overflow:hidden};

	.home .slide-1 .col-left img{margin-left:-12%}
	.home .slide-1 .col-right{padding-top:54px}
	.home .slide-1 .col-right img{margin-top:106px}
	.home .slide-1 .col-right h3{font-size:23px;margin-top:0;text-align:center}

	.home .slide-2 .col-left img{margin-left:-21%}
	.home .slide-2 .col-right{padding-top:86px}
	.home .slide-2 .col-right h3{font-size:20px;padding:10px;line-height:1.5;text-align:center}
}

/*bootstrap bp smaller than 768 - .col-xs*/
@media (max-width:639px){
	html{font-size: 50%}

	.home .slide .col h3{text-align:center;padding:10px 20px}
	.home .slide-2 .col-right h3{font-size:18px;line-height:1.5}

	.como-participar .ui-content-holder{padding:60px 0 40px 0}
	.como-participar h1{font-size: 28px}

	.ui-content-holder .alignMiddle > div{width:48%}

	.como-participar img.cp-1{margin:120px 20px 140px 0}

	.tela-3 h1{font-size: 37px}
}

@media (max-width:570px){
	.home .slide-2 .col-right img{max-width:38%}

	.carrousel-holder{margin-bottom:40px}
	.carrousel-holder .bx-wrapper .bx-controls-direction a{
		margin-top:27px;
	}
	.carrousel-holder .bx-wrapper .bx-prev{
		left: 50%;
		margin-left:-30px
	}
	.carrousel-holder .bx-wrapper .bx-next{
		right: 50%;
		margin-right:-30px
	}

}

@media (max-width:480px){

	.como-participar img.cp-1{margin:142px 20px 267px 0}

	.restaurantes .bkg-tela-1,
	.restaurantes .bkg-tela-2{background-size:100% auto;}
	.tela-1 .col-right,
	.tela-2 .col-right{top:20px}
	.tela-1 h1,
	.tela-2 h1{width:100%;margin-top:60px;font-size:35px}
	.tela-1 h3{width:90%;margin-top:0;font-size:28px}
	.tela-2 h3{width:88%;margin-top:0;font-size:25px}

	.tela-3 h1{font-size: 28px}
	.tela-3 h3{font-size: 23px}

	.fale-conosco .ui-maincontent{min-height: 640px}
	.fale-conosco .ui-content-holder{padding:10px 20px 20px 20px}
	.fale-conosco h3{font-size: 20px}
	.fale-conosco h4{font-size: 17px}

	.benvindo{
		display:none;
	}
}