@-ms-viewport {
   width: device-width;
}
@-o-viewport { 
   width: device-width;
}
@viewport {
   width: device-width; 
}
root { 
    display: block;
}

body {
    width: 100%;    
    box-sizing:border-box;
    font-family: Verdana, Helvetica, Arial;
    margin:0px;
    padding:0px;
    overflow-x: hidden;
    background-color: #f6f6f6;
}

body.admin_body {
    overflow: scroll;
}

* {
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-family: Verdana, Helvetica, Arial;
}

img {
    border: none;
}

div, span {
    
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#container {
    width:100%;
    max-width: 1280px;
    margin: 0 auto;
    /* must have same bg color as #content */
    background-image: url('../img/greyzz.png');
    position:relative;
}

#container.admin {
    
    padding-left: 55px;
    padding-right: 20px;
    width: auto;
    max-width: 100%;
    min-height: 800px;

}

#contapessoal #container {
    background: #E3E3E3;
}

/* TOP SEARCH START */

#head_box {
    width: 100%;
    margin-top: 10px;
    height: 350px;
    background-color: #f6f6f6;
    /*background-image:url('../img/background_top.jpg');*/
    background-position: bottom;
    /* background-size and/or position will varie a lot on resolutions, define the desktop here ( > 1280) */
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 40px;
    padding-top: 10px;
    position: relative;
    text-align: center;
}

#head_box form {
    margin-bottom:0px;
}

@media all\0 { 
    #head_box {
        width /*\**/: 100%\9; /* IE7 & IE8 HACK */
        margin-left /*\**/: 0%\9; /* IE7 & IE8 HACK */
    }
}

@media all and (monochrome:0) { 
    #head_box {
        width: 102%\9; /* IE7 & IE8 HACK */
        margin-left: -1%\9; /* IE7 & IE8 HACK */
    }
}

#top_search {
    background-color: rgba(180,0,0,0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cFF0000', endColorstr='#4cFF0000'); /* IE */
    width:575px;
    height: 145px;
    border-radius: 8px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 10px;
    
    
}

#logo_container {
    width: 230px;
    display:block;
    margin: 0 auto;
    margin-top: 12px;
    background-size: 100%;
    background-repeat:no-repeat;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}

/* any containers that are children of the top search square must have 20px padding*/

#top_search > div {
    padding:20px;
}

/* unless it's the search bar container, then the padding top changes */

#top_search > div#search_bar_container {
    padding-top:10px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

.top_search_btn_container {
    width: calc(100%/3);
    width/*\**/: 33%\9;
    padding: 3px;
    display:inline;
    
}

#triple_container {
    text-align:center;
    width:100%;
}

.triple_btn_left {
    border-radius:3px 0px 0px 3px;
    -moz-border-radius:3px 0px 0px 3px;
    -webkit-border-radius:3px 0px 0px 3px;
    -o-border-radius:3px 0px 0px 3px;
}

.triple_btn_right {
    border-radius:0px 3px 3px 0px;
    -moz-border-radius:0px 3px 3px 0px;
    -webkit-border-radius:0px 3px 3px 0px;
    -o-border-radius:0px 3px 3px 0px;
}

.btn_search {
    width: 18%;

    max-width:100px;
    
    background: url('../img/btnBg.png') 0 -60px repeat-x;
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    font-size: 14px;
    color: white;
    border:none;
    float:right;
    
}

.btn_search:hover  {
    line-height:39px;
}

.btn_search_resp {
    display:none;
}

.btn_large {
    max-width:175px;
    height: 54px;
    background: url('../img/btnBg.png') 0 -3px repeat-x;
    display: block;
    margin: 0 auto;
    line-height: 54px;
    font-size: 14px;
    font-weight:bold;
    color: white;
}

.btn_large:hover {
    line-height:56px;
}



.btn_inner_glow {
    -moz-box-shadow:    inset 0 0 7px rgba(0,0,0, 0.7);
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0, 0.7);
    box-shadow:         inset 0 0 7px rgba(0,0,0, 0.7);
    cursor:pointer;
}

.btn_outter_glow {
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0, 0.7);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0, 0.7);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0, 0.7);
    cursor:pointer;
}

/* when outter glow for certain buttons is hovered in .btn_large, it should slightly lose the glow  */

.btn_outter_glow:hover {
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.6);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.6);
}

/* and when clicked, it turns to inner glow */

.btn_outter_glow:active {
    -moz-box-shadow:    inset 0 0 8px rgb(0, 0, 0);
    -webkit-box-shadow: inset 0 0 8px rgb(0, 0, 0);
    box-shadow:         inset 0 0 8px rgb(0, 0, 0);
}

.btn_drop_shadow {
    -webkit-box-shadow: 0 8px 6px -6px rgb(0, 0, 0);
    -moz-box-shadow: 0 8px 6px -6px rgb(0, 0, 0);
    box-shadow: 0 8px 6px -6px rgb(0, 0, 0);
    cursor:pointer;
}


.input_inner_glow {
    -moz-box-shadow:    inset 0px 0px 6px 0px rgb(100,100,100);
    -webkit-box-shadow: inset 0px 0px 6px 0px rgb(100,100,100);
    box-shadow:         inset 0px 0px 6px 0px rgb(100,100,100);
}



.input_drop_shadow {
    -webkit-box-shadow: -1px 2px 11px -2px rgb(0, 0, 0);
    -moz-box-shadow: -1px 2px 11px -2px rgb(0, 0, 0);
    box-shadow: -1px 2px 11px -2px rgb(0, 0, 0);
    cursor:pointer;
}

.input_drop_shadow:hover {
    
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
    -moz-box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
    box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
}

.btn_drop_shadow:hover {

    -webkit-box-shadow: -0px 2px 6px -2px rgb(0, 0, 0);
    -moz-box-shadow: -0px 2px 6px -2px rgb(0, 0, 0);
    box-shadow: -0px 2px 6px -2px rgb(0, 0, 0);
    

}

.input_outer_glow {
    -moz-box-shadow: 0px 0px 7px 0px rgb(0, 0, 0);
    -webkit-box-shadow: 0px 0px 7px 0px rgb(0, 0, 0);
    box-shadow: 0px 0px 7px 0px rgb(0, 0, 0);
    cursor:pointer;
}

#search_bar {
    float:left;
    width: 50%;
    height: 40px;
    line-height:40px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 3px;
    padding-left: 15px;
    color: #777;
    font-size: 16px;
}

#top_search #district, #top_search  #county {
    width: 30%;
    height:40px;
    line-height:40px;
    padding:0px;
    margin:0px;
    border:0px;
    border-radius:0px;
    
    padding-left: 10px;
    font-size:14px;
    color: #777;
}

#top_search #district, #top_search #county,  x:-moz-any-link  { 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding-top:10px;
    
}

/* IE hack to remove <select> arrow */
#localidades::-ms-expand {
    display:none;
}
/* MENU AREA START */
/* container */
/*
menu height defines #content min-height
*/
#menu {
    
    width: 200px;
    float:left;
    left:0px;
    display:block;
    position:absolute;
    height: auto;
    height: auto\9;
    min-height: 490px;
    background-color:#303030;
    overflow-x:hidden;
    z-index:1000;
    margin-top: 20px;
    border-radius: 0px 4px 4px 0px;
}

.admin_body #menu {
    display:none;
}

#contapessoal #menu, #quemsomos #menu, #termos #menu, #comerciantes #menu, #contactos #menu, #categorias #menu {
    height: auto;
    border-radius: 0 5px 5px 0;
    margin-top: 30px;
}
/*
    In listing menu is larger cause of facet
*/
#campanhas #menu {  
    height: 810px;
    overflow: hidden;
}

#facet_title {
    color: white;
    width: 140px;
    white-space: pre-line;
    display: block;
    text-align: right;
    font-weight: bold;
}

#facet_form {
    width: 150px;
    background: url('../img/facet_bg.png') -294px -2px repeat-y;
    cursor: pointer;
    background-position: left;
    height: auto;
    padding:10px;
    margin-top: 10px;
    color: white;
    
    border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}

#facet_form span {
    width: 100%;
    text-align:right;
    font-size: 14px;
    font-weight: bold;
}

#facet_form select {
    width: 100%;
    text-align:right;
    height: 35px;
    
}

#facet_form input[type="submit"] {
    width: 100%;
    margin: 0px;
    max-width: none;
    margin-top: 10px;
    float:none;
}


#menu_header {
    width:100%;
    height:60px;
    padding-top:25px;
}

#menu_title {
    
    float:left;
    width: 115px;
    text-align:right;
    padding-right:20px;
    line-height: 25px;
    font-size:13px;
    font-weight:bold;
    color:white;
}

#close_menu {
    padding-left:2px;
    padding-right:2px;
    width:33px;
    float: left;
    cursor:pointer;
}

#close_menu span {
    margin-top:2px;
    margin-bottom:2px;
    background-color:white;
    height:4px;
    float:left;
    width:100%;
    border-radius:2px;
    display:inline-block;
}

.btn_menu {
    max-width:150px;
    height: 54px;
    width:150px;
    background: url('../img/sprite.png') -294px -58px;
    display: block;
    font-size: 12px;
    color: white;
    border-radius: 4px;
    margin-top: 15px;
    /* hide left corners */
    margin-left: -3px;
    padding-right:10px;
    text-align:right;
    z-index:999999;
}

.btn_menu.selected, .btn_menu:hover {
    
    background: url('../img/sprite.png') -294px -2px repeat-x;
    cursor:pointer;
}

.btn_menu a {
    text-decoration:none;
    color:inherit;
    color/*\**/: white\9;
    display:block;
    height: 54px;
    line-height: 54px;
}


.offer_buttons {
    margin-top: 12px;
    height: auto;
    float: left;
    width: 100%;
    clear: both;
    
}

.offer_buttons a, .offer_buttons a:hover, .offer_buttons a:visited {
    text-decoration:none;
}

.btn_listing_small {
    background: url('../img/btnBg.png') 0 -101px repeat-x;
    cursor: pointer;
    color: white;
    float: left;
    width: 29%;
    height: 29px;
    line-height: 28px;
    text-align: center;
    margin-left: 2%;
    margin-right: 2%;
    border-radius: 5px;
    font-size:13px;
    
}

/* CONTENT AREA */

/*  PUBLICITY

     TOP AD */

#pub_top {
    text-align: center;
    width: 100%;
    height: 90px;
    padding-top: 10px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}


/* in desktop default the menu is visible so we need a bigger left padding.*/
#content {
    float:right;
    height:auto;
    min-height: 545px;
    width: 100%;
    position:relative;
    padding-left: 220px;
    padding-right: 10px;
    z-index: 100;
    
}

#campanhas.home #content {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#campanhas #content {  
    min-height:800px;
}

#campanhas #content .pagination.bottom {
    margin-bottom: 20px;
}

#campanhas #content .pagination {
    padding-left: 20px;
    padding-right: 20px;
    clear: both;
}
.open_menu_vertical_label {
    margin-top: 165px;
    font-weight:bold;
    font-size:13px;
    color:white;
    
}
/* LISTING */
.listing_offer {
    width: 47%;
    max-width: 530px;
    min-width: 245px;
    height: auto;
    background-color: rgb(230,230,230);
    float: left;
    margin-left: 2%;
    padding: 10px;
    position: relative;
    margin-top: 40px;
}

.listing_offer .pic {
    height: 200px;
    overflow: hidden;
}

.listing_offer .pic .pic_image {
    width: 100%;
    height: 190px;
    background-position: center;
    background-size: 100%;
}

.listing_offer .title, #offer_container #offer_title, .contapessoal_pro_listing_offer .offer_title, #categorias_content #offer_title {
    position:absolute;
    top:30px;
    left:-6px;
    width:224px;
    height:36px;
    background: url('../img/sprite.png') 0px 0px no-repeat;
    display:block;
    line-height:34px;
    color:white;
    font-weight:bold;
    font-size:13px;
    padding-left:15px;
}
.listing_offer .discount, #offer_container #offer_discount {
    position:absolute;
    top:80px;
    left:-6px;
    width:136px;
    height:34px;
    background: url('../img/sprite.png') 0px -73px no-repeat;
    display:block;
    line-height:34px;
    color:white;
    font-weight:bold;
    font-size:12px;
    padding-left:15px;
}


.listing_offer .price_new, #offer_container #offer_price, .contapessoal_pro_listing_offer .offer_price {
    position:absolute;
    top: 80px;
    right:-6px;
    width: 68px;
    height:34px;
    background: url('../img/sprite.png') -226px 0px no-repeat;
    display:block;
    line-height:34px;
    color:white;
    font-weight:bold;
    font-size:12px;
    text-align: center;
}
.listing_offer .price_old, #offer_container #offer_price_old, .contapessoal_pro_listing_offer .offer_price_old {
    position:absolute;
    top: 30px;
    right:-6px;
    width: 68px;
    height:34px;
    background: url('../img/sprite.png') -226px 0px no-repeat;
    display:block;
    line-height:34px;
    color:#E8E8E8;
    font-weight:bold;
    font-size:12px;
    text-align: center;
}

.listing_offer .description, #categorias_content .description {
    height: 54px;
    width: 108%;
    margin-left: -4%;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: black;
    margin-top: -55px;
    background-color: rgba(200,200,200,0.8);
}

.listing_offer .description {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    height: 55px;
    line-height: 35px;
}

#categorias_content .description { 

    position: absolute;
    bottom: 0px;
    
}

.listing_offer .attrs {
    width: 100%;
    height: auto;
    background-color: rgba(180,0,0,0.8);
    border-radius: 3px;
    color: white;
    margin-top: 5px;
    display:none!important;
}

.listing_otherOffers {
    width: 104%;
    height: 40px;
    background-color: #666;
    color: white;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -2%;
    line-height: 40px;
    margin-top: 12px;
    font-size: 12px;
}

.user_other_offers, .user_other_offers:hover, .user_other_offers:visited {
    text-decoration:none;
    color:white;
}

.listing_offer .address, .listing_offer .people, .listing_offer .schedule {
    width: 50%;
    display: block;
    float: left;
    height: 50px;
    padding-left: 8px;
    padding-right: 8px;
    font-size:11px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

/* the num people / price has different width */
.listing_offer .people {
    font-size: 13px;
    height: 58px;
    width: 100%;
    border-bottom:2px solid rgb(230,230,230);
    border-radius: 7px;
    padding-top: 8px;
}

.listing_offer .address {
    
    border-right: 2px solid rgb(230,230,230);
}



.offer_link {
    text-decoration:none;
    color:black;
}

#all_cats {
    display: inline-block;
    font-size:13px;
    width: 285px!important;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

#register_btn {
    display: inline-block;
    font-size:13px;
    width: 285px!important;
    margin-right:auto;
    margin-left:auto;
    text-align:center; 
}

#all_cats a, #register_btn a {
    text-decoration:none;
    font-weight:bold;
    color:white;
    width:100%!important;
}

#breadcrumbs {
    padding-left: 15px;
    margin-top:20px;
    font-size:16px;
}

#breadcrumbs a {
    text-decoration:none;
    color:black;
}

#breadcrumbs .selected a {
    color: rgb(255,25,25);
    font-weight:bold;
}


.bread_cat a {
    
}

.bread_cat.selected a {
    
}

.bread_subcat a {
    
}

.bread_subcat.selected a {
    
}

.bread_title a {
    
}

.bread_title.selected a {
    
}

.noresults {
    padding-left:15px;
}

#listing {
    width: 100%;
    height: auto;
    float: left;
}

.error_box {
    position:absolute;
    width:80%;
    height:50px;
    background-color:rgb(255,25,25);
    color:white;
}


/* CONTAPESSOAL MENU */


#contapessoal_menu {
    background: url('../img/btnBg.png') 0 -133px repeat-x;
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    margin-left: 4%;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    
}

.btn_contapessoal {
    display:inline-block;
    float:left;
    color:white;
    font-size: 12px;
    font-weight:bold;
    width:33%;
    cursor:pointer;
}

.btn_contapessoal a, .btn_contapessoal a:hover, .btn_contapessoal a:visited {
    color:white;
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;  
}

.btn_contapessoal a:hover,
.btn_contapessoal.dados.dados_selected a,
.btn_contapessoal.promocoes.promocoes_selected a,
.btn_contapessoal.historico.historico_selected a
{
    background-color:#E3E3E3;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    height:24px;
    padding-bottom:18px;
    padding-top:2px;
    color:black;
    
    /* IE6 & 7 no background color */
    #background-color:#E3E3E3;
}


.btn_contapessoal.dados {
    
}
.btn_contapessoal.dados.dados_selected {
    
}


.btn_contapessoal.historico {
    
}
.btn_contapessoal.historico.historico_selected {
    
}



.btn_contapessoal.promocoes {
    
}
.btn_contapessoal.promocoes.promocoes_selected {
    
}

#contapessoal_dados, #contapessoal_history, #contapessoal_promos, #contapessoal_insert_offer {
    padding-left: 4%;
}

#contapessoal_dados input, #contapessoal_dados textarea {
    width: 40%;
    border:none;
    height:30px;
    line-height:30px;
}

#contapessoal_dados textarea {
    height: auto;
    min-height: 80px;
    padding: 5px;
    padding: 5px;
    line-height: 18px;
}

#contapessoal_dados select {
    
    width: 30%;
    border:none;
    height:30px;
    line-height:30px;
    
}

#contapessoal_dados select,  x:-moz-any-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding-top:10px;
}


/* IE hack to remove <select> arrow */
#contapessoal_dados select::-ms-expand {
    display:none;
}


#contapessoal_dados .input_container {
    
    position:relative;
    float:left;
    width:100%;
    margin-top:20px;
    
}

#contapessoal_dados .edit_btn, #contapessoal_promos .edit_btn, #contapessoal_history .edit_btn, #contapessoal_insert_offer .edit_btn,
#login_content .edit_btn, #registo_content .edit_btn, #all_cats .edit_btn, #register_btn .edit_btn,
#validate_content .edit_btn, .admin_body .edit_btn, #login_as .edit_btn, #contacto_content .edit_btn, #load_account_content .edit_btn {
    width: 100px;
    height: 40px;
    clear: both;
    line-height: 40px;
    margin-top: 10px;
    text-align:center;
    cursor:pointer;
    background: url('../img/btnBg.png') 0 -60px repeat-x;
    color:white;
    border: none;
    display: block;
    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}

#contapessoal_dados input[type="checkbox"] {
    width: 15px;
    height: 15px;
}


.mobile_verified, .email_verified {
    font-size: 12px;
    font-weight: bold;
    color: rgb(0,150,0);
}

#contapessoal_dados .mobile_not_verified, #contapessoal_dados .email_not_verified {
    font-size: 12px;
    font-weight: bold;
    color: rgb(210,0,0);
}
#contapessoal_dados .email_not_verified a, #contapessoal_dados .mobile_not_verified a, 
#contapessoal_dados .mobile_verified a, #contapessoal_dados .email_verified a {
    text-decoration:none;
    width:40%;
}

.mandatory {
    position: absolute;
    left:0px;
    top: 18px;
    text-align:right;
    color: rgb(225,0,0);
    width:40%;
    height:1px;
    overflow: visible;
}


.mandatory_double {
    position: absolute;
    left:0px;
    top: 18px;
    display:block;
    text-align:right;
    color: rgb(225,0,0);
    width:40%;
    height:1px;
    overflow: visible;
}

.mandatory_double_input {
    
}

.infoDouble {
    margin-top:10px;
    color: rgb(70,70,70);
    display:block;
    font-size:12px;
}

/* CONTAPESSOAL PROMO LISTING */

#contapessoal_promos {
    
    width:94%;
    font-size: 12px;
    margin-top: 10px;
}

.contapessoal_pro_listing_offer {
    width: 48%;
    margin-top: 40px;
    margin-right: 1%;
    margin-left: 1%;
    min-width: 235px;
    height: auto;
    float: left;
    position: relative;
    padding: 10px;
}

.contapessoal_pro_offer_info > div {
    margin-top: 8px;
}

.contapessoal_pic_container {
    padding: 7px;
    width:100%;
    height:154px;
    overflow:hidden;
    background-color:white;
    position:relative;
}

.contapessoal_pic_container .contapessoal_pic {
    
    width: 100%;
    height: 140px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}



#contapessoal_promos > a {
    color:white;
    text-decoration:none;
    width: 22%;
    margin-left:4%;
    float: left;
    display: inline-block;
}

#contapessoal_promos.private > a {
    margin-left: 0px;
}


#insert_promo_btn, .contapessoal_credit {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    background: url('../img/btnBg.png') 0 -60px repeat-x;
    height: 40px;
    line-height: 40px;
    float:left;
    font-weight:bold;
    border:none;
    color:white;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#contapessoal_promos a.insert_promo_link {
    float:left;
    margin-left:0px;
}

#contapessoal_promos .load_account a {
    color:black;
    font-weight:bold;
}

#contapessoal_promos form.clearLinkBtn, #contapessoal_promos a.clearLinkBtn {
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
}

#contapessoal_promos input.clearLinkBtn {
    width: 100%;
}

#contapessoal .contapessoal_pro_listing_offer  .edit_btn {
    width: 100%;
}

#contapessoal_promos .edit_btn_link {
    display: inline-block;
}

#contapessoal_promos .edit_offer_btn {
    width: 98%;
}

#promos_submenu {
    margin-top: 10px;
}

/* CONTAPESSOAL HISTORY */

#contapessoal_history, #contapessoal_insert_offer {
    
    width: 94%;
    
}

#contapessoal_history .edit_btn {
    float:left;   
    width: 25%;
}

.cancel_code {
    
    float: left;
    width: 60%;
    height: 40px;
    margin-top: 10px;
    margin-left: 20px;
    display:none;
}

#contapessoal_history .cancel_code .edit_btn {
    width: 25%;
    font-weight: bold;
    font-size: 11px;
    clear: none;
    margin-top: 0px;
    margin-left: 20px;
    border: none;
}

.cancel_code input, .cancel_code select {
    
    width: 25%;
    margin: 0px;
    padding: 0px;
    height: 30px;
    margin-top: 5px;
    float:left;
    color: #999;
    
}

#contapessoal_history table  {
    
    margin-top: 25px;
    width:100%;
    font-size: 11px;
    white-space:nowrap;
    border-collapse:collapse;
    text-align:center;
}

#contapessoal_history table tbody {
    font-size: 10px;
}
#contapessoal_history table tr td {
    padding: 5px;
}

#contapessoal_history table thead tr td {
    border: 1px solid black;
    color:white;
    font-weight:bold;
    background: url('../img/btnBg.png') 0 -133px repeat-x;
}

table tr.log_blue {
    background-color: rgb(120,0,0);
    color:white;
}

table tr.log_green {
    background-color: rgb(0,150,0);
    color:black;
}

table tr.log_darkgreen {
    background-color: rgb(0,100,0);
    color:white;
}

table tr.log_yellow {
    background-color: rgb(227,214,30);
    color:black;
}

table tr.log_red {
    background-color: rgb(150,0,0);
    color:white;
}

#contapessoal_history .edit_btn, .admin_body .edit_btn {
    width: 160px;
    font-weight: bold;
    font-size: 13px;
    text-decoration:none;
    color:white;
}

.admin_body .edit_btn {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

/* LOAD ACCOUNT PAGE */

#load_account_content {
    width:100%;
    text-align: center;
    padding-right: 30px;
    padding-left:30px;
    margin: 0 auto;
}

#load_account_content input[type="text"], #load_account_content select   {
    width: 25%;
    height: 35px;
}

#load_account_content .edit_btn {
    width: 25%;
    margin: 25px auto;
}

#new_booking {
    width: 50%;
    text-align: center;
    padding: 20px;
    border: 1px solid black;
    margin: 0 auto;
    margin-top: 70px;
}

#new_booking span {
    display:block;
    margin-top: 20px;
}

/* CONTAPESSOAL OFFER */

/* OFFER */

#offer_container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 100%;
    max-width: 845px;
    min-height: 500px;
    position: relative;
    background-color:#FFF;
}

#offer_container .pic_container {
    width:100%;
    height: auto;
    overflow:hidden;
    margin:0 auto;
    padding: 15px;
}

#offer_container .pic_container > img {
    
    width: 100%;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
    background-repeat: repeat-y;
    height: auto; 
    max-height: 400px;
    background-repeat: no-repeat;
}

#offer_container #offer_title, #offer_container #offer_price {
    font-weight:bold;
}

#offer_container .offer_details {
    
    height:auto;
    min-height: 235px;
    width:95%;
    margin:0 auto;
    padding-top: 15px;
    
}

#offer_container .offer_details .offer_desc {
    
    width: 100%;
    padding-right: 15px;
    padding-left: 0px;
    height: auto;
    padding-bottom: 25px;
    float: left;
    
}

#offer_container .offer_details .offer_addr {
    width: 45%;
    border-right: 1px solid black;
    padding-right: 15px;
    padding-left: 0px;
    float: left;
    height: 220px;
}

#offer_container .offer_details .offer_map {
    width:50%;
    background-color: black;
    height: 200px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.book_offer {
    width:100%!important;
}

#offer_container #offer_book, .book_offer {
    
    background: url('../img/btnBg.png') 0 -3px repeat-x;
    margin:0 auto;
    width:95%;
    height: 54px;
    line-height:54px;
    color:white;
    font-size: 18px;
    text-align:center;
    margin-top:30px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
}

#offer_container .book_link, #offer_container .book_link:visited, #offer_container .book_link:hover {
    text-decoration:none;
    display:block;
}

#offer_container .offer_more_details {
    
    height: auto;
    min-height: 75px;
    width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    padding-bottom: 30px;
    
}

#offer_container .offer_desc_title {
    color: #d00011;
    font-size: 17px;
}

.btn_more_details {
    
    margin-top: 15px;
    background: url('../img/btnBg.png') 0 -60px repeat-x;
    height:40px;
    line-height:40px;
    width:100%;
    text-align:center;
    
    
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.btn_more_details > img {
    background: url('../img/sprite.png') -410px -122px repeat-x;
    height: 12px;
    width: 35px;
    margin-top: 13px;
}

#offer_container #offer_useroffers {
    width:100%;
    height:auto;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
/* "Mais detalhes" container (attributes) */
#offer_container .hidden_details {
    display:none;
}


/* OFFER ATTRIBUTES */

#offer_container .attr_container {
    width:30%;
    padding-right: 15px;
    padding-top: 15px;
    float: left;
}

.attr_title {
    
    color: rgb(225,0,0);
    font-weight: bold;
    font-size: 15px;
    padding-top:15px;
    
}

.attr_title.schedule {
    
    font-size: 13px;
    
}

.attr_values {
    
    padding-top: 15px;
    font-size: 13px;
}

.attr_values > span {
    width: 100%;
    text-align: left;
    display: block;
}

#offer_useroffers .offer_desc_title {
    padding: 10px;
    display: block;
}

#offer_useroffers .offer_desc_title a {
    color: #d00011;
    text-decoration: none;
}

.tiny_offer {
    width:100%;
    max-width:30%;
    margin-left: 2%;
    position: relative;
    padding-bottom: 10px;
    float: left;
    margin-bottom: 20px;

}

.tiny_offer div {
    max-width: 100%;
    overflow: hidden;
    padding: 10px;
    padding-bottom: 0px;
}

.tiny_offer div.tiny_pic {
    width: 100%;
    height: 150px;
}

.tiny_offer div.tiny_pic img {
    width: 100%;
}

.tiny_offer .tiny_title {
    position: absolute;
    top: 30px;
    left: -6px;
    width: 224px;
    height: 36px;
    background: url('../img/sprite.png') 0px 0px no-repeat;
    display: block;
    line-height: 16px;
    color: white;
    font-weight: bold;
    font-size: 13px;
    padding-left: 15px;
}

.tiny_offer .tiny_discount {
    position: absolute;
    top: 80px;
    left: -6px;
    width: 136px;
    height: 34px;
    background: url('../img/sprite.png') 0px -73px no-repeat;
    display: block;
    line-height: 14px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding-left: 15px;
}

.tiny_offer .tiny_price {
    position: absolute;
    top: 30px;
    right: -6px;
    width: 68px;
    height: 34px;
    background: url('../img/sprite.png') -226px 0px no-repeat;
    display: block;
    line-height: 15px;
    color: #E8E8E8;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.tiny_offer .tiny_price_new {
    position: absolute;
    top: 80px;
    right: -6px;
    width: 68px;
    height: 34px;
    background: url('../img/sprite.png') -226px 0px no-repeat;
    display: block;
    line-height: 15px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

#comerciante_profile {
    padding-left: 20px;
}

#comerciante_profile .company_title {
    color: #d00011;
}

#comerciante_profile .company_name, #comerciante_profile .company_cat {
    padding-left: 10px;
}

/* INSERT OFFER PAGE*/

#contapessoal_insert_offer {
    padding-top:20px;
}

#contapessoal_insert_offer form {
    margin-top: 20px;
}

#contapessoal_insert_offer .input_container {
    height:auto;
    min-height:40px;
    width:100%;
    font-size: 12px;
}

#contapessoal_insert_offer .input_container #submit_btn {
    margin-left: 30%;
}

#contapessoal_insert_offer label {
    width: 30%;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    float: left;
    min-height:35px;
    line-height: 35px;
    white-space: nowrap;
}

#contapessoal_insert_offer label.double_line {
    line-height:11px;
    white-space: pre-line;
}

#contapessoal_insert_offer .insert_offer_picture_container { 
    width: 70%;
    float: right;
    height: auto;
    line-height: 35px;
}

#contapessoal_insert_offer .insert_offer_picture_container img {
    max-width: 100%;
    width: auto;
    height: auto;
}

#contapessoal_insert_offer .insert_offer_attributes {
    width: 60%;
    float: left;
}

#contapessoal_insert_offer .insert_offer_attributes .attribute_container {
    width:33%;
    float:left;
}

#contapessoal_insert_offer input[type="text"] {
    height:32px;
    width:60%;
}
#contapessoal_insert_offer input[type="text"].small_input {
    width: 80px;
}

#cke_description {

    width:60%;
    height: auto;
    float: left;

}

#contapessoal_insert_offer textarea {
    height:80px;
    width:60%;
}

#contapessoal_insert_offer select {
    width: 60%;
    height:32px;
}

/* LOGIN / LOGOUT / REGISTRY PAGES */

#login_content, #logout_content, #registo_content {
    width:100%;
    text-align:center;
}

#login_content form, #registo_content form, #validate_content form {
    width:50%;
    padding-top: 30px;
    margin-left: 155px;
    margin-right: auto;    
}

#register_container {
    width:50%;
    margin-left: 155px;
    margin-right: auto;
}


#login_content form a, #login_content form a:visited, #login_content form a:hover, #registo_content form a, #registo_content form a:visited, #registo_content form a:hover, #register_container a, #register_container a:hover {
    text-decoration:none;
    color:white;
    
}

#login_content input[type="email"], #login_content input[type="password"], #login_content input[type="text"], #login_content select,
#registo_content input[type="email"], #registo_content input[type="tel"], #registo_content input[type="password"], #registo_content input[type="text"], #registo_content select {
    
    width:100%;
    height: 35px;
    color: #999;
    padding-left: 10px;
}

#login_content input[type="email"], #login_content input[type="password"], #login_content input[type="text"], #login_content select {
    margin-top: 10px;
}

#login_content input[type="submit"], #login_content #register, #registo_content .edit_btn , #validate_content .edit_btn {
    width:100%;
    font-weight:bold;
    font-size: 13px;
}

#registo_content .input_information {
    width:100%;
    font-size:11px;
    color: #777;
}

#registo_content label {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    clear: both;
    width: 100%;
    display: block;
    text-align: left;
}
#registo_content #form_success, #registo_content #form_error, #login_content #form_success, #login_content #form_error {
    width: 100%; 
    text-align:left; 
    margin-left:auto;
    margin-right:auto;
}


/* VALIDAR CONTA */

#validate_content {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    line-height: 25px;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
}

#validate_content input {
    height:40px;
    line-height:40px;
    width:100%;
}


#form_success ul > li, #form_error ul > li {
    margin-top: 20px;
}




#categorias_content div.category {
    
    width: 46%;
    padding: 20px;
    display: inline-block;
}

#categorias_content div.parent {
    
    width: 100%;
    height: 140px;
    position: relative;
    background-size: 120%;
    background-position: center;
    margin: 2%;
    
}


#comerciantes_content, #quem_somos_content, #categorias_content, #termos_content {
    
    padding-left: 40px;
    margin-top: 35px;
    padding-right: 40px;
}

#comerciantes_content h1, #quem_somos_content h1, #categorias_content h1, #termos_content h1 {
    font-size: 16px;
    color: rgb(180,0,0);
}

#comerciantes_content h3, #quem_somos_content h3, #categorias_content h3, #termos_content h3 {
    font-size: 14px;
    color: rgb(75,75,75);
}

#comerciantes_content p, #quem_somos_content p, #categorias_content p, #termos_content p {
    font-size: 12px;
}


/* CONTACTOS PAGE  */

#contacto_content {
    padding: 20px;
    font-size: 13px;
}

#contacto_content input, #contacto_content select, #contacto_content textarea {
    width: 100%;
    
    height: 30px;
    line-height: 30px;
    max-width: 800px;
}

#contacto_content textarea {
    height: 100px;
}


/* RESERVAS PAGE */

.reservar_form { 
    font-size: 13px;
    width: auto;
    height: auto;
    display: block;
    padding: 20px;
    margin-top: 50px;
    cursor: inherit;
}

.reservar_form div {
    width:50%;
    height:auto;
}

.reservar_form select {
    width: 100%;
    height: 35px;
    line-height: 35px;
}
.reservar_form div.pic {
    float: right;
    max-height: 230px;
    padding: 10px;
    overflow: hidden;
}

.reservar_form div.pic > img {
    width: 100%;
}

.reservar_maintitle {
    font-size: 18px;
    color: rgb(180,0,0);
}

.reservar_form .reservar_title,
.reservar_form .reservar_desc,
.reservar_form .reservar_schedule,
.reservar_form .reservar_availability  {
    
    margin-top: 20px;

}

/* FOOTER */

#footer {
    height: 40px;
    width: 100%;
    background-color: rgb(180,0,0);
    padding-left: 5%;
    padding-right: 5%;
    line-height: 40px;
    font-size: 12px;
    position:relative;
}

#footer_links {
    width: auto;
    margin: 0 auto;
    text-align: center;
    min-width: 50%;
    position:relative;
}

#footer a {
    text-decoration:none;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align:center;
    display: inline-block;
    color: white;
    cursor:hand;
}

#footer a:hover {
    text-decoration: underline;
}

.twitter_footer {
    position: absolute;
    right: 40px;
    top: 4px;
}

.twitter_footer, .twitter_footer img, .fb_footer{
    width: 32px;
    height: 32px;
}

.fb_footer img {
    width: 28px;
    height: 28px;
    margin-top: 2px;
}

.fb_footer {
    position: absolute;
    right: 0px;
    top: 4px;
}
/* AUXILIARY CLASSES */



#contapessoal_insert_offer .input_counter {
    float:right;
    width: 90%;
    float: left;
    text-align: right;
    
}

#contapessoal_insert_offer .input_counter > div {
   display: inline; 
}

.show_bigtablet {
    display:none!important;
}

.show_tablet {
    display:none!important;
}

.magnifier {
    height: 32px;
    background-size: 100%;
    background-image: url('../img/magnifier.png');
    max-width: 100%;
    background-repeat: no-repeat;
}

.archived_offers {
    
    border-spacing: none;
    font-size: 12px;
    
}

.archived_offers tr {
    
    height: 30px;
    line-height: 30px;
    
}

.archived_offers .headers {
    font-weight: bold;
    background-color: rgb(175,0,0);
    color:white;
}

.archived_offers .values {
    background-color: #999;
    color:black;
    border-bottom: 1px solid rgb(100,0,0);
}
.edit_btn_link {
    display:block;
    width: 100px;
}

#form_error, #form_success {
    margin-top: 20px;
    padding: 20px;
    margin-left: 0px;
    background-color: rgb(190,0,0);
    width: 100%;
    color: white;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid white;
    border-radius: 6px;
    
}

#form_error a, #form_success a {
    
    color: white;
    
}

#form_success {
   background-color: rgb(0,100,0); 
}

.form_error_line, .form_success_line {
    width:100%;
    list-style-position:inside;
    list-style-type: 1px square #FFF;
    display: list-item;
    color:white;
}

.loading {
    width: 32px!important;
    height: 32px!important;
}

.bold {
    font-weight:bold;
}

.clear {
    clear:both;
    display:block;
    float:none;
}

.clearLinkBtn, .clearLinkBtn:visited, .clearLinkBtn:hover {
    text-decoration:none;
    color:white;
}

.redText {
    color: rgb(200,0,0);
}

.slice_price {
    position: absolute;
    right: 25px;
    top: 7px;
}

.rotate90 {
    
display:block;
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.mt10 {
    margin-top: 10px;
}

.uline {
    text-decoration:underline;
}

.offer_inactive {
    
    /*display:none; */
    
}

.pagination {
    

    width: 100%;
    
    
}

.pagination_form {
    display: inline-block;
    width: auto;
    margin-top: 20px;
    margin-bottom:0px;
    margin-left:5px;
    
}

.paginate {
    
    width: 40px;
    height: 40px;
    display: inline-block;
    
}

.btn_paginate {
    
    width: 40px;
    height: 40px;
    line-height: 35px;
    background-color: rgb(185,0,0);
    color:white;
    border:none;
    border-radius: 4px;
    -moz-border-radius: 4px;;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#contapessoal .only_active_offer, #contapessoal .all_offers {
    cursor:pointer;
}

/* Responsive only stuff that must be hidden */

#open_menu {
    
    height: 350px;
    width:47px;
    background: url('../img/vertBg.png') 0 0 repeat-y;
    border-radius: 0px 4px 4px 0px;
    position:absolute;
    top: 80px;
    left:-2px;
    cursor:pointer;
    
    display:none;
}



#open_menu:hover {
    left:0px;
}

#mobile_top_btn_container, #mobile_menu, #open_menu_med {
    display:none;
}

/* leaderboard bottom when smaller then 1500w / sidebar outside when larger */
.largePubTop > ins, .respPubTop > ins, .pubRighOutside > ins {
    position: relative;
    width: 728px;
    height: 90px!important;
    margin: 0 auto;
    overflow: hidden;
}

/* menu 200x200 only shown above 1280, resp and non-resp browsers */
.pubMenu > ins {
    position: absolute;
    left: 0px;
    top: 1150px;
    width: 200px;
    height: 200px;
    display: block;
    overflow: hidden;
    z-index: 1000;
}

/* STUFF THAT MUST HAPPEN ABOVE 1280PX NO MATTER WHAT */
/*

    hide common responsive stuff here that MUST NOT show on desktop
    Or show stuff that MUST show on > 1280..

*/
@media screen and (min-width: 1280px) {  
    
    
    .fo #menu {
        left:0px!important;
        display:block!important;
    } 
    #content {
        padding-left:220px!important;
    }
    
    #head_box {
        height: 280px;
    }
    
    #logo_container {
        position: absolute;
        top: 30px;
    }
    
    #open_menu {
        display:none;
    }
    
      
}

/* sidebar exception */
@media screen and (min-width: 1500px) {
    .pubRighOutside > ins {
        position: absolute;
        top: 350px;
        right: -175px;
        width: 160px;
        height: 600px!important;
        display: block;
        overflow: hidden;
    }
}

/* retarded exception solely for the header image margin-top feature for desktop sizes */
@media screen and (max-width: 1300px) {
    #head_box {
        margin-top:0px;
    }
}

/* SMALLER THEN 1280PX WIDE SCREEN SIZE*/


@media screen and (max-width: 1279px) {
    
    /* hide 200x200 */
    .pubMenu > ins {
        display: none!important;
    }
    
    #head_box a.logo_link {
        display: block;
        width: 230px;
        margin: 0 auto;
    }
    
    #menu {
        display:none;
        left: -200px;
        height: auto;
        min-height: 490px;
    }
    
    #open_menu {
        display:block;
    }
    
    #content {
        width:100%;
        max-width:100%;
        padding-left:50px;
        padding-right: 50px;
    }
    
    #campanhas #content, #categorias #content {
        padding-right: 10px;
    }
    
    #validate_content form, #login_content form, #registo_content form, #register_container {
        
        margin-left: auto;
        margin-right: auto;
        
    }
    
}


/* */


/* SMALLER THEN 1024PX WIDE SCREEN SIZE*/

@media screen and (max-width:1023px) {

    #head_box {
        background-size: 112%;
    }
    
    .listing_offer .pic .pic_image { 
    
        background-size:140%;
        
    }
    
    .mandatory {
        width:60%;
    }
    
    .mandatory_double {
        
        width:60%;
        
    }
    
    #contapessoal_dados input, #contapessoal_dados textarea {
        width:60%;
    }
    
    .infoDouble {
        
        display:block!important;
        padding-left:0px;
        margin-left: 0px;
        margin-top:10px;
        color: rgb(225,0,0);
        
    }

    #contapessoal_dados {
        width: 90%;
        margin: 0 auto;
        padding-left:0px;
    }

    
    #offerPage #content {
        padding-left:60px;
    }
    
    #offer_container .attr_container {
        
        width:33%;
        
    }
    
    .contapessoal_pro_listing_offer {
        
        min-width: 210px;
        width:48%;
    }
    
    #contapessoal_insert_offer input[type="text"], #contapessoal_insert_offer select, #contapessoal_insert_offer textarea {
        width:70%;
    }
    
    #contapessoal_insert_offer .input_counter {
        width: 100%;
    }
    
    #contapessoal_insert_offer .insert_offer_attributes {
        width:70%;
    }
    
    #contapessoal_insert_offer .insert_offer_attributes .attribute_container {
        width: 50%;
        float: right;
    }
    
    #validate_content form, #login_content form, #registo_content form, #register_container {
        
        width:75%;
        
    }
    
    .show_bigtablet {
        display: inline-block!important;
        
    }
    
    .hide_bigtablet {
        display: none!important;
    }
    
    .tiny_offer {
        max-width: 46%;
    }
    
    #contapessoal_promos form.clearLinkBtn {
        width: 47%;
        margin-right: 0%;

    }
    
    #contapessoal_promos input.clearLinkBtn {
        width: 98%;
    }
    
    #contapessoal_promos .edit_btn_link, #contapessoal_promos .edit_btn_link .edit_btn  {
        width: 98%!important;
    }
    
    #offer_container .pic_container > img {
        max-height: 300px;
    }
    
}



/* EVERYTHING ABOVE 768 MUST DO THIS */


@media screen and (min-width: 769px) {
    
    #open_menu_med {
        display:none!important;
    }
    
    #top_search, #top_search > div {
        display: block!important;
    }
    
    #mobile_top_btn_container, #mobile_menu {
        display:none!important;
    }
    
}


/* SMALLER THEN 768PX WIDE SCREEN SIZE*/
/* IT'S USUALLY BETWEEN 768 and 1023, BUT IN THIS LAYOUT IT MAKES MORE SENSE TO RANGE FROM 769px up and from 768 downwards '*/
@media screen and ( max-width:768px ) {
    
    /* premium campaign is off (fixed size)) */
    .largePubTop > ins {
        display: none!important;
    } 
    
    #pub_top {
        width: 468px;
        height: 60px;
    }
    
    .respPubTop > ins, .pubRighOutside > ins {
        width: 468px;
        height: 60px!important;
        overflow: hidden;
    }
    
    #logo_container {
        width: 28%;
        position: absolute;
        left: 5%;
        bottom: 5%;
    }
    
    .hide_tablet {
        display:none!important;
    }
    
    .show_tablet {
        display:block!important;
    }
    
    #breadcrumbs {
        margin-top: 30px;
    }

    #menu {
        display:none!important;
    }

    #top_search, #top_search > div {
        display: none;
    }

    #open_menu {
        display:none!important;
    }
    #open_menu_med {
        display:block;
    }

    #head_box {
        padding:10px;
        height: 190px;
    }

    #top_search {
        width: 90%;
        height: 160px;
        margin-top: 63px;
        border-radius: 0px 0px 4px 4px;
        position: fixed;
        top: 11px;
        left: 5%;
    }
    #top_search > div {
        padding: 30px;
    }

    .btn_large, .btn_search {
        font-size: 12px;
    }

    /* Menu open medium resolutions */

    #open_menu_med {
        width: 90%;
        height: 54px;
        background: url('../img/btnBg.png') 0 -3px repeat-x;
        line-height: 54px;
        background-color: grey;
        border-radius: 4px;
        position: fixed;
        top: 20px;
        left: 5%;
        cursor: pointer;
        color:white;
        font-size: 14px;
        font-weight:bold;
        text-align:center;
        z-index: 9999;
    }

    #search_form {
        margin-top: 55px;
        position: relative;
        z-index: 9999999;
    }

    #search_bar {
        width:50%;
        font-size: 14px;
    }

    .btn_search {
        display:none;
    }

    .btn_search_resp {
        width: 14%;

        max-width:100px;
        height: 40px;
        background: url('../img/btnBg.png') 0 -3px repeat-x;
        display: block;
        padding: 4px;
        line-height: 40px;
        font-size: 16px;
        color: white;
        border-radius: 3px;
        border:none;
        float:right;

    }

    #mobile_top_btn_container {
        width: 51%;
        position: absolute;
        right: 6%;
        top: 105px;
        display: block!important;
    }
    
    #mobile_top_btn_container a, #mobile_top_btn_container a:hover, #mobile_top_btn_container a:visited {
        text-decoration:none;
        color:white;
    }

    .mobile_big_btn {
        background: url('../img/btnBg.png') 0 -3px repeat-x;
        width:48%;
        height: 54px;
        margin: 0 auto; 
        font-size: 12px;
        font-weight:bold;
        color: white;
        line-height: 54px;
        border-radius: 3px;
        margin-left:2%;
        float:left;
        text-align:center;
    }

    #mobile_menu {
       position:fixed;
       z-index: 9999;
       right:7%;
       top:74px;
       width: 86%;
       height: auto;
       background-color: rgba(195,30,30,0.8);
       background-color/*\**/: rgb(195,30,30)\9;
    }
    
    #mobile_menu #mobile_menu_options a {
        color: white;
        text-decoration: none;
        width: 30%;
        display: block;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        font-weight: bold;
        font-size: 12px;
        margin: 0 auto;
    }

    #mobile_menu #mobile_menu_options a span {
        
        border-bottom: 1px solid white;
        padding-bottom: 13px;
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto;
        
    }
    
    #mobile_menu #mobile_menu_options a.first span {
        
        padding-top:12px;
        
    }
    
    #mobile_menu #mobile_menu_options a.last span {
        
        border-bottom:none;
        
    }

    #content {
       padding-left: 2%!important;
       padding-right: 2%!important;
    }

    .listing_offer {
       width:47%;
       min-width:280px;
       height: auto;
       margin-top: 30px;
    }

    .listing_offer .pic .pic_image {
       height:160px;

    }

    .listing_offer .description {
       margin-top: -86px;
    }
    
    .listing_offer .listing_otherOffers {
        
    }

    #all_cats, #register_btn {
       display:none;
    }

    #contapessoal_dados input, #contapessoal_dados textarea {
       width:100%;
       height:40px;
       line-height:40px;
    }

    #contapessoal_dados select {
       width:50%;
       height:40px;
       line-height:40px;
    }

    .mandatory, .mandatory_double {
       width: 100%;
    }

    .contapessoal_pro_listing_offer {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
   
    #contapessoal_promos_container {
        width: 100%;
        margin: 0 auto;
    }
    
    #contapessoal_insert_offer label {
        width: 100%;
        padding: 0px;
        text-align: left;
    }
   
    #contapessoal_insert_offer .input_container {
        margin-top: 10px;
    }
    
    #contapessoal_insert_offer input[type="text"], #contapessoal_insert_offer select, #contapessoal_insert_offer .input_counter {
        height: 40px;
        width: 100%;
    }
    
    #contapessoal_insert_offer input[type="text"].small_input {
        width:20%;
    }
    
    #contapessoal_insert_offer textarea {
        width: 100%;
    }
    
    #contapessoal_insert_offer .insert_offer_picture_container, #contapessoal_insert_offer .insert_offer_attributes { 
        width: 100%;
        height:auto;
    }
    
    #contapessoal_insert_offer .insert_offer_picture_container img {
        max-width:100%;
    }
    
    #contapessoal_promos > a {
        width: 48%;
    }
    
    #contapessoal_promos .nm {
        margin-left: 0px;
    }

    #validate_content form, #login_content form, #registo_content form, #register_container {
        
        width:75%;
        
    }
    
    #categorias_content div.parent {
        padding-left: 0px;
        padding-right: 0px;
        height: 120px;
        margin: 0 auto;
    }
    #categorias_content div.category {
        width: 50%;
    }
    #categorias_content #offer_title {
        top: 10px;
    }
    #comerciantes_content, #quem_somos_content, #categorias_content, #termos_content {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .reservar_form div {
        width: 100%;
        
    }
    
    .reservar_form div.pic {
        width: 100%;
        float: none!important;
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
        
    }
    
    .reservar_form div.pic > img {
        margin-top: -20%;
    }
     
    #load_account_content input[type="text"], #load_account_content select   {
        width: 100%;
        height: 35px;
    }

    #load_account_content .edit_btn {
        width: 100%;
        margin: 25px auto;
    }
    
    #offer_container .offer_details .offer_desc, #offer_container .offer_details .offer_addr, #offer_container .offer_details .offer_map {
        height: auto;
        min-height: 0px;
        width: 100%;
        border: none;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #offer_container .offer_details .offer_map { 
    
        height: 200px;
        margin-right: 0px;
        margin-top: 20px;
    }
    
    
}

/* offer listing exception*/
@media screen and (max-width: 625px) {
    #logo_container {
        bottom: 12%;
    }
    
    .listing_offer {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 25px;
    }
    #listing {
        margin-top:0px;
    }
    
    #head_box {
        background-size:115%;
    }
    
    #breadcrumbs {
        padding-left: 1%;
    }
    
    .noresults {
        padding-left:8px;
    }
    .btn_contapessoal {
        font-size:11px;
    }
    
   #contapessoal_dados select, #form_error, #form_success, #contapessoal_dados, #contapessoal_menu {
       width:100%;
       margin-left:0px;
       
   }
   
   #offer_container .offer_details .offer_map {
       float:left;
       width:100%;
   }
   
   #offer_container .offer_details .offer_addr {
       
       height: auto;
       width: 100%;
       
   }
   
   #offer_container .attr_values {
       font-size: 12px;
   }
   
   #offer_container .attr_title {
       font-size:14px;
   }
   
   #offer_container .attr_title.addr {
       font-size: 12px;
   }
   
   #contapessoal_promos, #contapessoal_history, #contapessoal_insert_offer {
       padding-left:0px!important;
       width:100%;
   }
   
   .contapessoal_pro_listing_offer {
       margin-left:1%;
       margin-right:1%;
   }
   
   .contapessoal_pic_container .contapessoal_pic {
       height: 130px;
   }
   
   .contapessoal_pic_container {
       height: 144px;
   }
   
   #categorias_content div.category {
        width: 100%;
        padding: 10px;
        padding-left: 0px;
        padding-right: 0px;
        min-width: 240px;
    }

    #categorias_content .description {

        bottom: -10px;
        width: 104%;
        margin-left: -2%;
    }
   
    #comerciante_profile {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #offer_useroffers {
        width: 100%;
    }
    .tiny_offer {
        max-width: 100%;
        margin-left: 0px;
    }

    .contapessoal_pro_listing_offer {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    
    #contapessoal_promos form.clearLinkBtn, #contapessoal_promos a.clearLinkBtn {
        margin: 0px;
    }
    
    #contapessoal_promos .edit_btn_link {
        width: 100%!important;
    }
    #contapessoal_promos .edit_btn_link .edit_btn {
        width: 100%!important;
    }
    
    #contapessoal_promos form.clearLinkBtn {
        width: 49%;
    }

}

/* SMALLER THEN 480px 
*/
@media screen and (max-width: 479px) {

    .respPubTop > ins, .pubRighOutside > ins {
        width: 320px;
        height: 100px!important;
        overflow: hidden;
    }
    
    #pub_top {
        width: 320px;
        height: 100px;
    }
    
    .hide_mobile {
        display:none!important;
    }
    
    #search_bar {
        font-size: 13px;
    }
    
    #top_search {
        height: 135px
    }
    
    #top_search > div {
        padding-left:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-top: 10px;
    }
    
    #top_search > div#search_bar_container {
        
        padding-left:10px;
        padding-right:10px;
        padding-bottom:5px;
    }
    
    .btn_large {
        font-size:11px;
    }
    
    #localidades {
        font-size:11px;
    }
    
    
    #head_box {
        height:auto;
        min-height:155px;
        background-size:140%
    }
    
    #mobile_top_btn_container {
        top:98px;
    }
    
    .mobile_big_btn {
        background: url('../img/btnBg.png') 0 -60px repeat-x;
        width:48%;
        height: 40px;
        line-height:40px;
    }
    #search_form {
        margin-top: 55px;
    }
    
    .listing_offer { 
    
    }
    
    .listing_offer .people {
        width: 100%;
    }
    
    .listing_offer .address, .listing_offer .schedule {
        border: none!important;
        width: 100%;
        height: auto;
        margin-top: 0px;
        padding: 0px;
        padding-top: 5px;
        
    }
    
    .listing_offer .attrs {
        display:none;
    }
    
    #offer_container {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }
    
    #offer_container .pic_container > img {
        max-height:160px;
    }
    
    #offer_container .attr_title {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    #offer_container .attr_values {
        font-size: 11px;
    }
    
    #contapessoal_history .cancel_code .edit_btn { 
        
        font-size: 10px;
        
    }
    
    #contapessoal_history .cancel_code {
        width: 100%;
        margin-left: 0px;
    }
    
    #contapessoal_history .cancel_code input {
        margin-left: 0px;
        width: 25%;
    }
    
    #contapessoal_history .cancel_code select {
        width: 40%;
    }
    
    #contapessoal_insert_offer input[type="text"].small_input {
        width:30%;
    }
    
    #mobile_menu #mobile_menu_options a {
        
        width: 45%;
        
    }
    
    #logo_container {
        
        bottom: 5%;
        
    }
    
    #campanhas #content .pagination {
        padding-left: 0px;
        padding-right: 0px;
    }
    
}

/* SMALLER THEN 380px 
*/
@media screen and (max-width: 419px) {
    .btn_large {
        font-size: 10px;
    }
    
    .mobile_big_btn {
        font-size: 10px;
    }
    
    /*
        for small height images
    */
    #head_box {
        background-size:200%;
    }
    
    #logo_container {
        top: initial;
        bottom: 11%;
    }
}

/* logo exception */
@media screen and (max-width: 340px) {

    top: 8%;
    
}


/* SMALLER THEN 380px 
*/
@media screen and (max-width: 319px) {
    .btn_large {
        font-size: 9px;
    }
    
    #head_box{
        background-image:none;
        background-color:#666;
    }
    
}