body 
{
    background-color:#E4E4E4;
}

body, div, a, span, b, table, tr, td, input
{
    font-family: 'Open Sans', sans-serif;
}

div .ui-panel-page-content-position-left.ui-panel-page-content-display-push
{
    margin:0px;
}

.oklist
{
    text-align:left;
}

.ui-block-c .ui-select
{
    display:inline-block !important;
}

div.login-pad div.login-content table tr td span.lblTitulo
{
       text-align:left !important;
}

#mainHeader
{
    /*background-image:url("/mobile/img/LogoDescontos320.png");*/
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto 42px;
    height:50px;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
}

#mainHeader a.aLogo
{   
    display:inline-block;
    text-align:center;
}

#mainHeader a.aLogo img
{
    padding-top:3px;
    text-align:center;
    height:42px;
}

#sidepanel
{
    background-color:#F0F0D8;
    padding:0px;
    margin:0px;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
}

#sidepanel img
{
    display:inline-block;
    margin: 10px 10px 0px 10px;
}

#sidepanel a
{
    margin:0px; 
    border-color:#B25600;
    font-weight:700;
    text-align:left;
}

a.goback
{
    margin:0px;
    border-color:#B25600;
    height:28px;
    padding-top:0.68em;
    border-right-style:none;
}

#loginpanel
{
    background-color:#E6E6E6;
    padding:0px;
}

#loginpanel .ui-panel-inner
{
    padding:0px; !important
}

#loginpanel a
{
    margin:0px;
    border-color:#B25600;
    height:28px;
}

#registerpanel 
{
    background-color:#E6E6E6;
    padding:0px;
}

#registerpanel .ui-panel-inner
{
    padding:0px; !important
}
    
#registerpanel a 
{
    margin:0px;
    border-color:#B25600;
    height:28px;
}

#sidepanel .ui-panel-inner
{
    padding:0px; !important
}

#HelpMenu 
{
    margin:0px;
    border:none;
    background-color:#EEEEEE;
}

#sidepanel #MenuList div.collapsible h2 a
{
    color:#FF7B00;
    text-shadow: none;
    background-color:#FFFFFF;
    border-color:#A6A6A6;
}

#HelpMenu a
{
    color:#000;
    text-shadow: none;
    background-color:#EEEEEE;
    border-color:#A6A6A6;
}

#HelpMenu div
{
    border-color:#A6A6A6;
}

#sidepanel #MenuList div.collapsible div
{
    border-color:#B25600;
}

#sidepanel .LoginButton
{
    padding-top:1em;
    padding-bottom:2em;
    width:100px;
    height:10px;
    display:inline-block;
}

#sidepanel .LoginButton a
{
    padding:2px;
}

#loginpanel 
{
    text-align:center;
    background-color:#eee;
    margin:0px;
}

.login-pad
{
    padding:10px;
}

.ui-collapsible-content p
{
    text-align:left;
}

div .login-content
{
    display:inline-block;
    text-align:left; 
    width:100%; 
    height:auto; 
    border-style:solid; 
    border-width:1px; 
    border-color:#D6D6D6; 
    border-radius:5px;
    background-color:#fff;
}

div .login-content div div div a.ui-link
{
    font-size:12px;
    font-weight:normal;
}

.login-title
{
    text-align:center;
    background-color:#EFEFEF;
    font-size:18px;
    color:#636363;
    padding:5px;
    border-radius:5px;
}

#sidepanel div.ui-panel-inner div.ui-select
{
    margin:0px;
    background-color:white;
    max-width:100% !important;
    width:100% !important;
    box-shadow:none;
    color:#000;
    text-shadow:1px 1px #eee;
    text-align:left;
}

#ddlRoomNum div.ui-select
{
    max-width:60px;
    width:60px;
    display:inline-block;
    vertical-align:middle;
}

#sidepanel div.ui-panel-inner div.ui-select div {
    text-align:left;
}

#sidepanel div div.ui-select div
{
    border-color:#B25600;
}

#MenuList
{
    margin:0px;
}

.WhiteButton
{
    background-color:#FFF;
    color:#FFF;
    text-shadow: 0px 1px #000000;
    margin:0px;
}

#mainContent
{
    max-width:100%;
    text-align:center;
    padding:10px;
}

.deals-container
{
    display:inline-block;
    max-width:620px;
    width:100%;
    text-align:center;
}

.image-container
{
    display:inline-block;
    max-width:340px;
    min-width:10px;
    max-height:255px;
}

.outmost-container
{
    display:inline-block;
    max-width: 600px;
    width:100%;
    min-width:100px;
    max-width:auto;
    height:auto;
    border-color:#FF7B00;
    border-style:solid;
    border-width:1px;
    border-radius:5px;
    margin: 10px 0px 10px 0px;
}

.outmost-container .outmost-title
{
    max-width: 600px;
    padding:5px;
    min-width:10px;
    height:20px;
    color:#FFF;
    text-shadow: 0px 1px #000;
    background-color:#FF7B00;
    text-align:left;
}

.outmost-container .outmost-title div {
    width:50%;
    float:left;
}

.outmost-container .outmost-title span
{
    display:inline-block;
    margin-top:2px;
}

.swiper-slide
{
    background-color:#FFF;
    width:100%;
    max-width: 600px;
    height:auto;
    min-width:10px;
    border-radius:5px;
}

.Deals
{
    text-decoration:none;
    display:inline-block;
    background-color:#FFF;
    width:100%;
    max-width: 600px;
    height:auto;
    min-width:10px;
    border-radius:5px;
    margin-bottom:10px;
}

.discount { font-family: 'Open Sans', sans-serif; 
color:White;
font-size:16px;
font-weight:600;
text-align:center;
position:absolute;
vertical-align:middle;
/*padding:8px 8px 0px 4px;*/
width: 45px;
height: 32px;
background: url('/mobile/img/OrangeBadge.png') top;
margin-left:-6px;
margin-top:34px;
text-shadow:none;
padding-top:13px;
}

.deals:hover .myButtonLink {
background-position: bottom;
}

.discountDetail { font-family: 'Open Sans', sans-serif; 
color:White;
font-size:16px;
font-weight:600;
text-align:center;
position:absolute;
vertical-align:middle;
/*padding:10px 8px 0px 4px;*/
width: 45px;
height: 32px;
margin-left:-306px;
margin-top:40px;
z-index:999;
background: url('/mobile/img/OrangeBadge.png') top;
padding-top:13px;
}

.Deals img
{
    width:90%;
    padding-top:20px; 
    max-height:300px;
}

.Deals div.divTitle
{
    height:60px !important;
    height:100%;
    max-height:132px;
    font-size:17px;
    vertical-align:middle;
    color:black !important;
    overflow:hidden !important;
    text-overflow: ellipsis;
    padding : 1rem 0rem;
}

.Deals div.divTitle:hover
{
    color:black !important;
}

.Deals .lower-info
{
  width:100%;
  max-height:30px;
  background-color:#FF7B00;  
  text-shadow: 0px 1px #000;
  color:#fff;
  vertical-align:bottom;
}

.Deals .lower-info .left
{
    background-color:#000;
    width:100%;
    height:30px;
    line-height:30px;
    float:left;
    /*border-bottom-left-radius:5px;*/
}

    .Deals .lower-info .right {
        background-color: #FF7B00;
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        float: right;
        text-transform: uppercase;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

.Deals .lower-info .left .NewPrice
{
    font-size:18px;
    font-weight:bold;
}

.Deals .lower-info .left .OldPrice
{
    font-size:14px;
    font-weight:bold;
    text-decoration:line-through;
}

.swiper-slide .swiper-image
{
    width:90%;
    padding-top:20px; 
    max-height:300px;
}

.swiper-slide .divTitle
{
    margin:5px;
    max-height:132px;
    height:100%;
    /*height:60px;*/
    font-size:17px;
    vertical-align:middle;
    color:black !important;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.swiper-slide .divTitle:hover
{
    color:black !important;
}

.swiper-slide .lower-info
{
  width:100%;
  max-height:30px;
  background-color:#FF7B00;  
  text-shadow: 0px 1px #000;
  color:#fff;
}

.swiper-slide .lower-info .left
{
    background-color:#000;
    width:50%;
    height:30px;
    line-height:30px;
    float:left;
}

.swiper-slide .lower-info .right
{
    background-color:#FF7B00;
    width:50%;
    font-size:20px;
    height:30px;
    line-height:30px;
    text-transform:uppercase;
    vertical-align:middle;
    float:right;
}

.swiper-slide .lower-info .left .NewPrice
{
    font-size:18px;
    font-weight:bold;
}

.swiper-slide .lower-info .left .OldPrice
{
    font-size:14px;
    font-weight:bold;
    text-decoration:line-through;
}

.swiper-container {
    max-width: 600px;
    max-height: 430px;
    min-width:10px;
}      

.swiper-pagination
{
    display:inline-block;
    text-align:center;
}

div.swiper-detail div.pagination-holder div.swiper-pagination span
{
    display:inline-block;
    text-align:center;
    padding:2px;
    margin-right:5px;
    background-color:#FFF;
    opacity:0.5;
    box-shadow: inset -1px 1px 1px 1px #333;
}

div.swiper-detail div.pagination-holder div.swiper-pagination span.swiper-pagination-bullet-active
{
    background-color:#FFF;
    opacity:1;
}


.swiper-pagination span
{
    display:inline-block;
    text-align:center;
    padding:2px;
    margin-right:5px;
    background-color:#FF7B00;
    opacity:0.7;
    box-shadow: inset -1px 1px 1px 1px #333;
}

.swiper-pagination span.swiper-pagination-bullet-active
{
    background-color:#FFF;
    opacity:1;
}

.swiper-wrapper a
{
    text-decoration:none;
}
 
#dealinfo
{
    display:inline-block;
    width:100%;
    text-align:center;
}

.dealdetalhe
{
    display:inline-block;
    text-align:center;
    max-width:600px;
    width:100%;
}

.detail-image
{
    width:100%;
}

.divComprar
{
    z-index:999;
    position:fixed; 
    bottom:48px;
    text-align:center;
    background-color:#4F4F4F; 
    padding:5px; 
    width:100%;
    color:#FFF;
    text-shadow:0px 1px #000000;
}

.divComprar span {
    text-decoration:line-through;
    font-size:15px;
}

.divComprar tr {
}
.divComprar .divPreco{
    background-color:#FF7B00;
    width:100%;
    font-size:20px;
    line-height:35px;
    vertical-align:middle;
    font-weight:bold;
}

#btnComprar
{
    border-style:none;
    display:inline-block;
    margin:0px;
    background-color:#B25600;
    font-size:25px;
    line-height:9px;
    padding-left:0px;
    padding-right:0px;
    width:100%;
    text-transform:uppercase;
}

.divComprar div
{
    height:38px;
    display:inline-block;
    background-color:#B25600;
    padding:3px;
}

.pagination-holder
{
    width:100%; 
    position:absolute; 
    height:12px; 
    z-index:900;
    background-color:rgba(60,60,60,0.4); 
    padding-top:5px; 
    padding-bottom:5px;
    text-align:center;
}

.errorsubmit
{
    color:#FF0000;
    font-weight:bold;
    list-style-type:none;
}

div.ui-checkbox label.checkbox-label
{
    font-size:12px !important;
}

div.ui-checkbox label.checkbox-label a.ui-link
{
    font-size:12px !important;
    color:#FFF;
    text-shadow:0px 1px #000000;    
}

div.card-number div.ui-input-text
{
    width:40px;
    float:left;
}

.credit-data .ui-select
{
    max-width:82px;
    float:left;
} 

.credit-data .slash
{
    width:20px;
    float:left;
    padding-right:5px;
    font-size:30px;
    vertical-align:bottom;
}

div.cvv-number div.ui-input-text
{
    width:40px;
}

.errorlist
{
    list-style-type:none;
    color:#FF0000;
    font-weight:bold;
    padding:0px;
}

.wrapreg
{
    border-radius:5px;
    background-color:#FFF;
    padding:5px;
}

table.tblComprar
{
    width:100%;
}

table.tblcomprar .ui-select
{
    margin:5px;
}

.username
{
    color:#FF7B00;
    font-weight:bold;
}

.login-content ul li
{
    list-style-type:none;
}

div.ui-simpledialog-container {
    background-color:#e9e9e9; !important
}

div.ui-simpledialog-container div 
{
    text-align:center;
}

div.ui-simpledialog-container div p
{
    padding-left:5px;
}


div.ui-simpledialog-container div div.ui-simpledialog-controls
{
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}

div.ui-simpledialog-container div div.ui-simpledialog-controls a.ui-btn {
    max-width:100px;
    display:inline-block;
    border-radius:6px;
    background-color:#FFFFFF;
    border-style:none;
    padding-left:20px;
    padding-right:20px;
}

div.ui-simpledialog-container div div.ui-simpledialog-controls a.ui-btn:after {
    display:none;
}

div.ui-simpledialog-container div p.ui-simpledialog-subtitle {
    background-color:#e9e9e9;
    color:#000;
    text-shadow: 0px 1px #fff;
}

div.ui-corner-all > div.ui-header:first-child {
    border-radius:0px;
    border-color:#000;
}

div.ui-header {
    border-radius:0px;
}

div.ui-simpledialog-container div.ui-bar-a {
    border-radius:0px;
}

div.ui-simpledialog-container div div.ui-simpledialog-controls a {
    border-radius:0px;
    margin:0px;
}

div.ui-datepicker
{
    width:90%;   
}

img.subir
{
    position:fixed;
    right:0px;
    top:50%;
    z-index:1000;
}
.destaques div.CollapsibleDetail
{
    white-space:normal !important;
}
.destaques div.CollapsibleDetail div.ui-collapsible-content p {font-size: 15px;}
.destaques .ui-collapsible-inset { margin:0;}
.destaques .CollapsibleDetail h4 a.ui-collapsible-heading-toggle, .destaques .CollapsibleDetail h5 a.ui-collapsible-heading-toggle {
background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#d1d1d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */color:#000000; text-shadow:0px 1px #FFFFFF; 
font-size:16px;
white-space:normal !important;
font-weight:bold;
}
.destaques .CollapsibleDetail h4 a.ui-collapsible-heading-toggle:hover, .destaques .CollapsibleDetail h5 a.ui-collapsible-heading-toggle
{
    color:#000000; 
    text-shadow:0px 1px #FFFFFF; 
}
.ui-panel-dismiss-open {
    background-color:#333;
    opacity:0.5;
}

#spnPrecoTotal
{
    background-color:#FF7B00;
    padding:2px;    
    color:#fff;
    text-shadow:1px 1px #000;
}

#divPrecoTotalTriangle
{
    display:inline-block;
    width: 0;
    height: 0;
    margin-top:2px;
    border-style: solid;
    border-width: 11px 0 10px 11px;
    border-color: transparent transparent transparent #FF7B00;
    vertical-align:bottom;
}

div.ui-radio label.ui-radio-off
{
    font-size:12px;
    font-family:'Open Sans', sans-serif;
    background-color:white;
    border-style:none;
    box-shadow:none;
    color:#000;
    text-shadow:1px 1px #eee;
    white-space: nowrap;
    font-weight:bold !important;
}

div.ui-radio label.ui-radio-off:hover
{
    background-color:#eee;
    text-shadow:1px 1px #eee;
    color:#000;
    font-weight:bold !important;

}

div.ui-radio label.ui-radio-on
{
    font-size:12px;
    font-family:'Open Sans', sans-serif;
    background-color:white;
    border-style:none;
    box-shadow:none;
    color:#000;
    text-shadow:1px 1px #eee;
    white-space: nowrap;
    font-weight:bols !important;
}

div.ui-radio label.ui-radio-on:hover
{
    background-color:#eee;
    text-shadow:1px 1px #eee;
    color:#000;
}

p div.ui-checkbox label.ui-checkbox-off
{
    max-width:110px;
}

div.ui-checkbox label.ui-checkbox-off
{
    padding-bottom:0px;
    padding-right:0px;
    background-color:white;
    border-style:none;
    box-shadow:none;
    color:#000;
    text-shadow:1px 1px #eee;
    white-space: nowrap;
    font-size:12px !important;
    font-weight:normal !important;
}

p div.ui.ui-checkbox
{
    max-width:110px;
}

div.ui-checkbox
{
    padding-right:0px;
    display:inline-block;
    
    padding-bottom:0px;
    padding-right:0px;
    font-size:12px !important;
}

p div.ui-checkbox label.ui-checkbox-off:hover
{
    max-width:110px;
}

div.ui-checkbox label.ui-checkbox-off:hover
{
    padding-right:0px;
    padding-bottom:0px;
    font-size:12px !important;
    background-color:#eee;
    text-shadow:1px 1px #eee;
    color:#000;
}

p div.ui-checkbox label.ui-checkbox-on
{
    max-width:110px;
}

div.ui-checkbox label.ui-checkbox-on
{
    padding-right:0px;
    padding-bottom:0px;
    font-size:12px !important;
    background-color:white;
    border-style:none;
    box-shadow:none;
    color:#000;
    text-shadow:1px 1px #eee;
    white-space: nowrap;
    font-weight:normal !important;
}

p div.ui-checkbox label.ui-checkbox-on:hover
{
    max-width:110px;
}

div.ui-checkbox label.ui-checkbox-on:hover
{
    font-family:'Open-Sans', sans-serif;
    padding-right:0px;
    padding-bottom:0px;
    background-color:#eee;
    text-shadow:1px 1px #eee;
    color:#000;
    font-weight:normal !important;
}

div.ui-select div.ui-icon-carat-d
{
    background-color:white;
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    border-radius: 5px;
    font-size:12px;
    box-shadow:none;
    color:#000;
    text-shadow:1px 1px #eee;
}

div.ui-panel-inner div.ui-select div.ui-icon-carat-d
{
    border-radius:0px;
    background-color:white;
    box-shadow:none;
    color:#000;
    text-shadow:1px 1px #eee;
}

div.ui-select div.ui-icon-carat-d:hover
{
    background-color:#eee;
    text-shadow:1px 1px #eee;
    color:#000;
}

#wrapLogin
{
    margin-top:15px;
    margin-bottom:15px;
}

#wrapCreate
{
    margin-top:15px;
    margin-bottom:15px;
}

a#btnContacto
{
    color:#000;
    text-shadow: 1px 1px #fff;
    background-color:#eee;
    border-color:#A6A6A6;
}

a#btnDesktop
{
    color:#000;
    text-shadow: 1px 1px #fff;
    background-color:#eee;
    border-color:#A6A6A6;
}

a.btnLogout
{
    color:#000 !important;
    text-shadow: 1px 1px #fff !important;
    background-color:#eee !important;
    border-color:#A6A6A6 !important;
}

div.destaques div h5 a.ui-btn:hover
{
    color:#000;
    text-shadow: 1px 1px #fff;
}

/* Icones de grupos*/


.ui-icon-0:after { /*genérico*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -260px !important;
    width:20px !important;
    height:20px !important;
    border-radius:1em !important;
    background-color:rgba(0, 0, 0, 0.3) !important;
}

.ui-icon-86:after { /*viagem*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -40px !important;
    width:20px !important;
    height:20px !important;
    border-radius:1em !important;
    background-color:rgba(0, 0, 0, 0.3) !important;
}

.ui-icon-9999:after { /*+Hoteis*/
    background-image: url("/mobile/img/group_icons.png") !important;
    background-position: 2px -40px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 1em !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.ui-icon-1:after { /*descontos do dia*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px 0px !important;
    width:20px !important;
    height:20px !important;
    border-radius:1em !important;
    background-color:rgba(0, 0, 0, 0.3) !important;
}

.ui-icon-3:after {/*produtos*/
	background-image: url("/mobile/img/group_icons.png");
    background-position:2px -20px !important;
    width:20px !important;
    height:20px !important;
    border-radius:1em !important;
    background-color:rgba(0, 0, 0, 0.3) !important;
}

.ui-icon-4:after
{ /*destinos*/
    background-image: url("/mobile/img/group_icons.png") !important;
    background-position: 2px -60px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 1em !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.ui-icon-:after {/*lazer*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -60px !important;
    width:20px !important;
    height:20px !important;
    border-radius:1em !important;
    background-color:rgba(0, 0, 0, 0.3) !important;
}

.ui-icon-88:after { /*decoração*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -80px !important;
    width:20px !important;
    height:20px !important;
}


.ui-icon-89:after { /*moda*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -100px !important;
    width:20px !important;
    height:20px!important;
}

.ui-icon-54:after { /*restauração*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -120px !important;
    width:20px !important;
    height:20px !important;
}

.ui-icon-100:after { /*motor*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -140px !important;
    width:20px !important;
    height:20px !important;
}

.ui-icon-91:after { /*bem-estar*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -160px !important;
    width:20px !important;
    height:20px !important;
}

.ui-icon-56:after { /*perfumes*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -180px !important;
    width:20px !important;
    height:20px !important;
}

.ui-icon-71:after { /*brinquedos*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -200px !important;
    width:20px !important;
    height:20px !important;
}

.ui-icon-59:after { /*tecnologia*/
	background-image: url("/mobile/img/group_icons.png") !important;
    background-position:2px -220px !important;
    width:20px !important;
    height:20px !important;
}

.paymentimages {
    display:inline;
}

.cta 
{
    width:148px;
    padding-left:5px;
}

.changebox
{
    font-size:12px;
}

.sendbox{
    font-size:14px;
}

#sidepanel div.ui-panel-inner div.ui-select span
{
    font-size:16px !important;
}

.payment payment_checked ui-radio
{
    font-weight:normal !important;
}

#openlogin, #openregistar
{
    text-align:center !important;
}

strong
{
    font-size:12px
}

#mainHeader .ui-btn{
    width:30px;
    height:30px;
    border-style:none;
    box-shadow:none;
    border-radius:20px;
    top:10px;
}

#mainHeader .ui-btn:after
{
    margin-top:-15px;
    margin-left:-15px;
    width:30px;
    height:30px;
    background-size: 60%;
    background-position:center center;
    background-color:rgba(0, 0, 0, 0);
}

p.codpostal div.ui-input-text:first-of-type
{
    display:inline-block;
    max-width:40px;   
}

p.codpostal div.ui-input-text
{
    display:inline-block;
    max-width:30px;   
}

#btnComprarOpenSales
{
    font-size:1em !important;
    font-family:'Open Sans', sans-serif;
}

.ui-btn
{
    font-family:'Open Sans', sans-serif !important;
}

div.ui-simpledialog-container .ui-header .ui-btn
{
    border:none !important;
}

#cookiewarning
{
    font-family:'Open Sans' ,sans-serif;text-align:center;position:fixed;padding:10px;width:100%;background-color:#FF7B00;color:#fff;bottom:0;
    z-index:1000;
}

#cookiewarning .cookieagree
{
    font-family:'Open Sans' ,sans-serif;text-decoration:none;background-color:#F3F3F3;color:#000;padding:5px;margin-top:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px
}

#cookiewarning .cookieagree:hover
{
    font-family:'Open Sans' ,sans-serif;
    background-color:#B25600;
    color:#fff;
    text-shadow:none;
}

.divRange a 
{
    margin:-15px 0 0 -15px !important;
}

#range-1a
{
    float:left !important;
}

#range-1b
{
    float:right !important;
}

.ui-rangeslider-sliders
{
    margin:40px 20px !important;
}

#lblPreco
{
    position:absolute;
    width:100%;
}

#ddlSubDeal-button 
{ 
    border-color:#FF7B00 !important;
    font-size:17px;
}

#ddlSubDeal-button::after 
{ 
    background-color:#FF7B00 !important;
    font-size:17px;
}

@media screen and (min-width: 980px)
{
    .divComprar
    {
        bottom:0px;
    }
}

/*---------------PUBLICIDADE----------------*/

.LblPubSubscribeEmail {
    font-size: 12px !important;
    top: -14px;
    left: 36px;
    position: relative;
}

.LblPubSubscribeSmsCall {
    font-size: 12px !important;
    top: -14px;
    left: 36px;
    position: relative;
    max-width: 350px;
}

/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    .LblPubSubscribeEmail {
        max-width: 250px;
    }

    .LblPubSubscribeSmsCall {
        max-width: 250px;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .LblPubSubscribeEmail {
        max-width: 300px;
    }

    .LblPubSubscribeSmsCall {
        max-width: 300px;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}


/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .LblPubSubscribeEmail {
        max-width: 550px;
    }

    .LblPubSubscribeSmsCall {
        max-width: 550px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}


/*NATAL*/

.chatlogo {
    width: 64px;
    height: 64px !important;
    position: absolute;
    top: -3px;
    left: 103px;
    z-index: 1000;
}

#flake {
    position: absolute;
    z-index: 100000;
}

/*NATAL*/