/* 
    Document   : estil_continguts
    Created on : 13/11/2012, 17:30:34
    Author     : xserra
    Description:
        Purpose of the stylesheet follows.
*/

/* Enfosquiment del fons */

body .ui-overlay-a {

    background: black;

}

body {

    overflow-x: hidden;

}

/* Estil homepage */

#home_page.ui-body-c {

    background: #0F111D !important;
    background-image: none !important;
    color: #424242 !important;

}

#home_page_image.ui-content {

    padding: 0px !important;
    margin-left: auto;
    margin-right: auto;

}

#home_page .home_cap_text {

    font-size: 15px;
    text-transform: none;
    font-family: verdana;
    color: whitesmoke;    

}

#ofertes {

    width: 50%;
    height: 33%;    
    float: left;
    background: url('image.gif');

}

#comerc {

    width: 50%;
    height: 33%;
    float: left;
    background: url('image.gif');

}

#arribar {

    width: 50%;
    height: 33%;
    float: left;
    background: url('image.gif');

}

#propostes {

    width: 50%;
    height: 33%;
    float: left;
    background: url('image.gif');

}

#associacio {

    width: 100%;
    height: 33%;
    float: left;
    background: url('image.gif');

}

#home_page_content {

    height: inherit;
    position: absolute;

}

#header_home.ui-bar-c, #footer_home.ui-bar-c {

    border: 0px solid black;

}

#footer_home img {

    width: 100%;

}

#boto_canvi_idioma {

    position: absolute;    
    right: 30px;

}

/* -- Fi estil menu principal home -- */

.ui-body-c {

    background: white !important;
    background-image: none !important;
    color: #424242 !important;

}

.ui-listview-inset .ui-li {

    border: none;

}

.ui-li, .ui-li.ui-field-contain {

    border: none;

}

.ui-header .ui-title {

    margin: 3% !important;
    text-transform: uppercase;
    font-size: 10px !important;
}

.ui-footer .ui-title {

    margin: 1% !important;
    text-transform: uppercase;
    font-size: 10px !important;
}

#descripcio_botiga h2, #descripcio_ofertes h2, #pagina_descripcio_propostes h2{

    color: #333333 !important;

}

#descripcio_botiga p, #descripcio_ofertes p, #pagina_descripcio_propostes p{

    color: #999999 !important;    

}

#descripcio_botiga img, #descripcio_ofertes img, #descripcio_poi_text img {

    width: 100%;
    border-radius: 5px;

}

#llista_promos_botiga img {

    height: 150px; /* Canvis fotos llista promo */
    border-radius: 5px;

}

#pagina_llistat_botigues [data-role="header"] {

    height: 115px;

}

.desc_curta {

    font-weight: bold;
    border-bottom: 1px solid #999999;
    clear: both;

}

#desc_b_cte, #desc_c_cte {

    display: none;    
}

#desc_b_cte h2 {

    border-bottom: 1px solid #999999;

}

/* Estils botons ofertes i botigues */

.tit_desc h2 {

    width: 90%;
    float: left;

}

.tit_desc .btn {

    float: left;        

}

.tit_desc .btn a {

    margin-top: 1.4em;
    margin-bottom: 1.4em;

}

/* Estil google maps */

#map_canvas, #rutes_turistiques_map_canvas, #map_canvas_oferta, #poi_map_canvas { 

    width: 100%;    
    padding: 0px; 
    visibility: hidden;
    position:absolute;
    top:63px;
    bottom:78px;
    left:0;
    right:0;    

}

#map_canvas_arribar { 

    width: 100%;     
    padding: 0; 
    visibility: visible;
    position:absolute;
    top:117px;
    bottom:36px;
    left:0;
    right:0;

}

#map_canvas_botigues{

    width: 100%;     
    padding: 0; 
    visibility: hidden;
    position:absolute;
    top:63px;
    bottom:0px;
    left:0;
    right:0;
}

#llista_map_canvas_oferta {

    width: 100%;     
    padding: 0; 
    visibility: hidden;
    position:absolute;
    top:63px;
    bottom:0px;
    left:0;
    right:0;

}

#map_canvas_ruta, #map_canvas_arribar_ruta {

    display:none;

}

#map_canvas_ruta img, #map_canvas_arribar_ruta img, #map_canvas_oferta_ruta img {

    width: inherit;

}

#searchTextContainer, #searchTextContainerBotigues, #searchTextContainerOfertes {

    padding-left: 5px;
    padding-right: 5px;
    width: 100%;

}

#searchTextContainerBotigues, #searchTextContainerOfertes {

    width: 100%;

}
#ruta_turisme_compartir {

    display: none;

}

/* Estils del caroussel */

#caroussel_fotos, #poi_caroussel_fotos {

    width: 100%;

}

#c_bot, #c_bot_poi {

    width: 100%;

}

#c_bot_poi img {

    width: 100%;

}

/* Estils promocions botigues */

/* Estil de la llista de promocions */

#llista_promos_botiga .ui-li-thumb {

    /*max-height: none;*/
    max-height: 10%;
    max-width: none;

}

#llista_promos_botiga .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, #llista_promos_botiga .ui-li-static.ui-li-has-arrow {

    padding-right: 0px;

}

#llista_promos_botiga .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, #llista_promos_botiga .ui-li-static.ui-li-has-thumb {

    min-height: 0px;
    padding-left: 0px;    
    text-align: center; /* Canvis fotos llista promo */

}

#llista_promos_botiga .ui-li-thumb, #llista_promos_botiga .ui-listview .ui-li-icon {

    position: relative;

}

#llista_promos_botiga .ui-li-thumb, #llista_promos_botiga .ui-listview .ui-li-icon, #llista_promos_botiga .ui-li-content {

    float: none;
    max-height: none;

}

#llista_promos_botiga img {

    border-radius: 5px;

}

#llista_ofertes_contingut .ui-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#llista_ofertes_contingut .ui-listview-inset .ui-li {
    border-bottom: 1px solid #adadad;
}

/* Estil de la llista de botigues i de noticies */

.llista_foto_esquerra .ui-li .ui-btn-inner a.ui-link-inherit, .llista_foto_esquerra .ui-li-static.ui-li {
    padding: .0em 15px 2em;
    padding-left: 100px;
}

.llista_foto_esquerra h1 {

    border-bottom: 1px solid #ebe8e8;
    text-transform: uppercase;
    color: #333333;

}

.llista_foto_esquerra p {

    color: #999999;

}

.container_llista_foto_esquerra .ui-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.container_llista_foto_esquerra img {

    border-radius: 5px;

}

.llista_foto_esquerra .ui-li-thumb,.llista_foto_esquerra .ui-listview .ui-li-icon {

    /*height: 80px;*/
    width: 80px;

}

li .ui-icon {

    background-image: none;

}

#descripcio_noticia_text img {

    width: 100%;
    border-radius: 5px;

}

/* Estil llista RSS interior */

@media all and (min-width: 500px) {

    .llista_rss_interior li{

        min-height: 104px;

    }

    .llista_rss_interior .ui-li .ui-btn-inner a.ui-link-inherit, .llista_rss_interior .ui-li-static.ui-li {
        padding: .0em 15px 2em;
        padding-left: 100px;        
    }

    .llista_rss_interior h1 {

        border-bottom: 1px solid #ebe8e8;
        text-transform: uppercase;
        color: #333333;

    }

    .llista_rss_interior p {

        color: #999999;

    }

    .llista_rss_interior .ui-li-thumb,.llista_rss_interior .ui-listview .ui-li-icon {

        width: 80px;

    }

    /* Creem l'icona de la data' */

    .llista_rss_interior .icona_data {

        position: absolute;
        left: 1px;
        top: 0;
        height: 80px;
        width: 80px;
        border: 1px solid gray;
        border-radius: 5px;

    }

    .llista_rss_interior .numero_dia {

        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 20px;    
        text-align: center;
        width: 100%;
        font-size: 40px;
        padding-top: 8px;

    }

    .llista_rss_interior .mes {

        position: absolute;
        left: 0;
        top: 60px;
        bottom: 20px;    
        border-top: 1px solid gray;
        text-align: center;
        width: 100%;
        height: 19px;
        background-color: #1789be;
        color: whitesmoke;

    }

}

@media all and (max-width: 500px) {

    .llista_rss_interior li{

        min-height: 104px;

    }

    .llista_rss_interior .ui-li .ui-btn-inner a.ui-link-inherit, .llista_rss_interior .ui-li-static.ui-li {
        padding: .0em 15px 2em;
        padding-left: 60px;    
    }

    .llista_rss_interior h1 {

        border-bottom: 1px solid #ebe8e8;
        text-transform: uppercase;
        color: #333333;

    }

    .llista_rss_interior p {

        color: #999999;

    }

    .llista_rss_interior .ui-li-thumb,.llista_rss_interior .ui-listview .ui-li-icon {

        width: 50px;

    }

    /* Creem l'icona de la data' */

    .llista_rss_interior .icona_data {

        position: absolute;
        left: 1px;
        top: 12px;
        height: 50px;
        width: 50px;
        border: 1px solid gray;
        border-radius: 5px;

    }

    .llista_rss_interior .numero_dia {

        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 20px;    
        text-align: center;
        width: 100%;
        font-size: 25px;
        padding-top: 1px;

    }

    .llista_rss_interior .mes {

        position: absolute;
        left: 0;
        top: 30px;
        bottom: 20px;    
        border-top: 1px solid gray;
        text-align: center;
        width: 100%;
        height: 19px;
        background-color: #1789be;
        color: whitesmoke;

    }

}


/* Estil de l'agenda cultural */

@media all and (max-width: 500px) {

    #icona_rellotge {

        background-image: url('../imatges/icones_home/rellotge_petit.png');    
        background-repeat: no-repeat;
        height: 32px;
        width: 32px;
        position: absolute;
        top: 20px;
        left: 5px;

    }

    #agenda_avui {

        background-image: none;
        background: rgb(128, 168, 187);

    }

    #agenda_avui h1{

        color: #FFFFFF;
        text-shadow: 0 1px 1px #000000;
        margin-left: 45px;

    }

}

@media all and (min-width: 500px) {

    #icona_rellotge {

        background-image: url('../imatges/icones_home/rellotge_gran.png');    
        background-repeat: no-repeat;
        height: 48px;
        width: 48px;
        position: absolute;
        top: 12px;
        left: 5px;

    }

    #agenda_avui {

        background-image: none;
        background: rgb(128, 168, 187);

    }

    #agenda_avui h1{

        color: #FFFFFF;
        text-shadow: 0 1px 1px #000000;
        margin-left: 60px;

    }

}

/* Banner TOT Sant Cugat */

#banner_tot {

    background: black;
    height: 100px;
    padding: 0px;

}

#banner_tot a {

    padding: 0px;

}

@media all and (max-width: 340px) {

    #banner_tot img {

        max-width: 290px;    
        max-height: 100px;
        display: block;

    }

}

@media all and (min-width: 340px) {

    #banner_tot img {

        max-width: none;    
        max-height: 100px;
        display: block;

    }

}


#banner_tot .ui-li-thumb {

    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none;

}

/* Llista sense foto */

.llista_sense_foto .ui-li .ui-btn-inner a.ui-link-inherit, .llista_sense_foto .ui-li-static.ui-li {
    padding: 1em 15px 1em;
    padding-left: 0px;
}

.llista_sense_foto h1 {

    border-bottom: 1px solid #ebe8e8;
    text-transform: uppercase;
    color: #333333;

}

.llista_sense_foto p {

    color: #999999;

}

.llista_sense_foto .ui-btn-active {

    background: none;
    background-image: none;
    text-shadow: none;
    border: none;

}

[data-role="header"] .ui-btn-active, [data-role="footer"] .ui-btn-active {

    background: none;
    background-image: none;
    background: #909188;    
}

/* Efecte click en menu principal */

#home_page .ui-btn-down-a {

    opacity: 0.8;
    background-image: none;
    background: #DA751C;

}

#home_page .ui-btn-down-b {

    opacity: 0.8;
    background-image: none;
    background: #DA1C1C;

}

#home_page .ui-btn-down-c {

    opacity: 0.8;
    background-image: none;
    background: #DA751C;

}

#home_page .ui-btn-down-d {

    opacity: 0.8;
    background-image: none;
    background: #DACA1C;

}

#home_page .ui-btn-down-e {

    opacity: 0.8;
    background-image: none;
    background: #6C1CDA;

}

#home_page .ui-btn-down-g {

    opacity: 0.8;
    background-image: none;
    background: #7CAC2E;

}

#home_page .ui-btn-active { color: inherit !important; background: whitesmoke !important; background-color: whitesmoke !important;  }

/* Estil missatge sense resultats */

h1.noresult {

    border: none !important;

}

/* RSS popup */

.rss_popup {

    color: #999999 !important;

}

/* Icona navbar */

body .ui-disabled {

    opacity: 1;

}

#transport_public_horaris table thead {

    font-weight: bold;

}

#transport_public_horaris {

    width: 100%;    

}

/* Estils del calendari de festius */

/* Estils dels dies normals */

div.ui-datebox-griddate.ui-corner-all.ui-btn-up-d {

    background:#d6d6d6;
    font-weight:bold;
    color:#2f3e46;
    text-shadow:0 1px 0 #ffffff ;
    background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf ));
    background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf );
    background-image:   -moz-linear-gradient( #d0d0d0,#dfdfdf );
    background-image:    -ms-linear-gradient( #d0d0d0,#dfdfdf );
    background-image:     -o-linear-gradient( #d0d0d0,#dfdfdf );
    background-image:        linear-gradient( #d0d0d0,#dfdfdf );

}

/* Estils dels festius */

div.ui-datebox-griddate.ui-corner-all.ui-btn-up-e {

    background:#D60C0C;
    font-weight:bold;
    color:whitesmoke;    
    background-image:-webkit-gradient(linear,left top,left bottom,from( #D60C0C ),to( #EA1E1E ));
    background-image:-webkit-linear-gradient( #D60C0C,#EA1E1E );
    background-image:   -moz-linear-gradient( #D60C0C,#EA1E1E );
    background-image:    -ms-linear-gradient( #D60C0C,#EA1E1E );
    background-image:     -o-linear-gradient( #D60C0C,#EA1E1E );
    background-image:        linear-gradient( #D60C0C,#EA1E1E );

}

/* Estils del dia d'avui */

div.ui-datebox-griddate.ui-corner-all.ui-btn-up-a {

    background:gray;
    border: 1px #aaaaaa solid;
    font-weight:bold;
    color:whitesmoke;    
    background-image: none;

}

/* Estil popup horaris */

#horaris_contingut {

    color: #333333;
    padding: 10px;

}

#horaris_contingut td {

    border-bottom: 1px solid #333333;

}

/* Estil de l'alfabet lateral del buscador */

#alfabet_lateral, #alfabet_lateral_ofertes {

    position: absolute;
    top: 110px;
    bottom: 0px;
    right: 5px;

}

#alfabet_lateral ul, #alfabet_lateral_ofertes ul {    

    list-style: none;
    color: black;
    font-size: 10px;
    text-align: center;
    z-index: 9999;

}

#searchButtonBotigues, #searchButtonOfertes {

    margin-left: auto;
    margin-right: auto;
    top: 1px;

}

#popup_mapa_boto {

    margin-left: auto;
    margin-right: auto;
    top: 1px;

}

#popup_mapa_boto_botiga, #popup_mapa_boto_overlay, #popup_mapa_boto_oferta {

    position: fixed;
    top: 70px;
    right: 5px;
    z-index: 1000;

}

@media all and (max-width: 500px) {

    #popup_mapa_boto_botiga .ui-btn-inner, #popup_mapa_boto_overlay .ui-btn-inner, #popup_mapa_boto_oferta .ui-btn-inner{

        font-size: 10px;

    }

}

/* Eliminem el marc del popup caroussel */

#popupCaroussel.ui-overlay-shadow, #popupCarousselPoi.ui-overlay-shadow {

    -moz-box-shadow: none;
    -webkit-box-shadow: none;

}

/* Pagina info interés */

.i_but_a {

    width: 100%;
    clear: both;

}

@media all and (max-width: 500px) {

    .i_but span {

        font-size: 10px;        

    }
}

.i_sep {

    width: 4%;
    float: left;
    height: 5px;

}

.i_but {

    width: 48%;
    float: left;    

}

.i_tit {

    float: none;

}

.i_tit, .i_but_c {

    width: 100%;

}

#llistat_agenda_cultural .ui-li-desc {

    white-space: normal;

}

#llistat_botigues_alfabetic {
    
    margin-right: 15px !important; 
    
}

.iscroll-content {
    
    padding-right: 35px !important;
    
}