@charset "UTF-8";

div#container,
.ie7 div#container,
.ie8 div#container {
    background: #e3e8ed;
    background: -moz-linear-gradient(top, #e3e8ed 0%, #c8d1da 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e8ed), color-stop(100%,#c8d1da));
    background: -webkit-linear-gradient(top, #e3e8ed 0%,#c8d1da 100%);
    background: -o-linear-gradient(top, #e3e8ed 0%,#c8d1da 100%);
    background: -ms-linear-gradient(top, #e3e8ed 0%,#c8d1da 100%);
    background: linear-gradient(to bottom, #e3e8ed 0%,#c8d1da 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e8ed', endColorstr='#c8d1da',GradientType=0 ); */
}

/*
#header {
    margin-bottom: 2em;
}

#headerContent, #headerBar, #footer {
    background-color: transparent;
}

#headerContent h2 {
    float: left;
    width: 164px;
    height: 0;
    padding-top: 54px;
    overflow: hidden;
    margin-bottom: 0;
}

#headerContent h3 {
    clear: left;
    padding-left: 8px;
}

*/

#form_search_map_sedes_searchTextField
{
    width: 99%;
}

#mainMenu {
    display: none;
}

#mainWindow {
    margin-bottom: 10px;
}

span.label {
    width: 120px;
    padding-top: 4px;

    font-size: 1em;
    line-height: 1.455;
}

#banners {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 20px 0 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    1px 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow:         1px 2px 5px rgba(0, 0, 0, 0.4);

    background-color: #F0F0F0;
}


#form_search_map_searchTextField
{
    width: 99%;
}



/* Buscador de oficinas */

#search-ofi {
    height: 550px;
    overflow: hidden;
    border: 1px solid #DDD;

    background: #E4E8E8;
}

#search-box {
    float: left;
    width: 400px;
    padding: 20px;

    -webkit-transition: all 2s;
    -moz-transition:    all 2s;
    -o-transition:      all 2s;
    transition:         all 2s;
}

#search-box,
#search-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}


#search-box label {
    display: block;
    width: auto;
    margin-bottom: 1em;

    color: #666;
    font-size: 1em;
}

#search-box .btn_em {
    background: #FFF;
}

#search-group {
    margin-bottom: 1em;

    white-space: nowrap;
}

#searchTextField {
    width: 275px;
    height: auto;
    display: inline-block;
    margin: 0;
    padding: 6px 4px 5px 4px;

    vertical-align: bottom;

    border-right-color: #CCC;
    border-right-color: rgba(0,0,0,0.1);
    border-right: none;

    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius:    3px 0 0 3px;
    border-radius:         3px 0 0 3px;
}

#submit-search {
    display: inline-block;
    height: auto;
    margin: 0 0 0 0;
    padding: 6px 12px;

    border-color: #D9D9D9 #BABABA #A3A3A3 #CCCCCC;
    border-style: solid;
    border-width: 1px;

    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius:    0 2px 2px 0;
    border-radius:         0 2px 2px 0;

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: none;
}

#search-localize > a {
    margin: 0;
    display: inline-box;
    padding: 6px 12px;

    outline: none;

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

    border-color: #D9D9D9 #BABABA #A3A3A3 #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

#search-localize-btn .ui-icon {
    margin-right: 2px;
}

#search-localize-btn .mf-icon {
    float: left;
    margin: 0 3px 0 -3px;

    background: url('../images/gmap/icon_arrow_direction_16.png') no-repeat 0 0;
}

#map_canvas {
    width: 555px;
    height: 550px;
    margin-left: 400px;

    border-left: 2px solid #666;
}

#ofi-list {
    max-height: 300px;
    clear: both;
    margin-left: 0;
    overflow: auto;
}

#ofi-list > li {
    padding: 0.5em 0.5em 0.5em 64px;
    margin-bottom: 0.5em;

    font-size: 0.917em;

    background-color: #EEE;
    background-position: 20px 10px;
    background-repeat: no-repeat;
}

#ofi-list > li:first-child {
    background-color: #FDFFDC;

    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;

    background-image: url('../images/gmap/icon_checkoffice.png');
}

#ofi-list > li:first-child:before {
    content: "Oficina más cercana";

    color: #999;
    font-weight: bold;
}

/* Inicio */

#search-box.inicio {
    padding-top: 80px;
}

#search-box.inicio > p,
#search-box.inicio #search-localize {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding-bottom: 1em;
}

#search-box.inicio #search-localize {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding: 7em 4em 4em 4em;

    text-align: center;

    border-top: 1px solid #CCC;
}

#search-box.inicio #ofi-list {
    height: 0;
    overflow: hidden;
}

/* Expanded */

#search-box.expanded > * {
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
}

#search-box.expanded > p {
    margin: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0;
}

#search-box.expanded #search-group {
    float: left;
}

#search-box.expanded #search-localize {
    float: right;

    white-space: nowrap;
}

#search-box.expanded #search-localize .long-desc {
    display: none;
    visibility: hidden;
}

#search-box.expanded #searchTextField {
    width: 210px;
}

#search-box.expanded #ofi-list {
    height: auto;
}


/* Media */

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

    body {
        min-width: 0;
    }

    #container {
        padding-bottom: 0;
    }

    div#wrap {
        padding: 0;
        margin-bottom: 0;
    }

    #header {
        display: none;
        visibility: hidden;
    }

    #banners,
    #footer {
        display: none;
    }

    #mainWindow {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;

        min-width: 0;
        min-height: 0;
        width: auto;
        padding: 0;
        margin: 0;
    }

    #contentData {
        margin: 0;
    }

    .windowHeader {
        display: none;
        visibility: hidden;
    }

    #search-ofi {
        border: none;
    }

    #search-box,
    #search-box.inicio {
        float: none;
        width: auto;
        padding: 2px;
        left: 0;
        right: 0;

        position: absolute;
        z-index: 3;

        border-top: 1px solid #FFF;
        border-bottom: 1px solid #AAA;

        background: linear-gradient(#eee, #CCC);

        transition: none;
    }

    #search-box > h5,
    #search-box > p {
        display: none;
        visibility: hidden;
    }

    #search-group,
    #search-box.expanded #search-group {
        float: left;
        width: 88%;
        margin: 0;
    }

    #searchTextField,
    #search-box.expanded #searchTextField {
        width: 100%;
    }

    #submit-search {
        display: none;
        visibility: hidden;
    }

    #search-localize {
        float: left;
        width: 12%;
        padding: 0;
    }

    #search-localize > a {
        display: block;
        margin-top: 1px;

        text-indent: -99999em;
        line-height: 14px !important;
        white-space: nowrap;
        vertical-align: text-bottom;
    }

    #search-box.inicio #search-localize {
        padding: 0;

        border: none;
    }

    #search-localize .long-desc {
        display: none;
        visibility: hidden;
    }

    #map_canvas {
        position: absolute;
        width: 100%;
        top: 3em;
        bottom: 0;
        height: auto;

        margin: 0;
        border: none;
        z-index: 2;
    }

    #map_canvas.expanded {
        bottom: 75%;
    }

    /* Expanded */

    #search-box.expanded #ofi-list {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        max-height: 25%;
        z-index: 4;
        padding: 0.5em;
        overflow-y: scroll;

        background: rgba(255,255,255,0.8);

        -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
        -moz-box-shadow:    0 0 3px rgba(0,0,0,0.4);
        box-shadow:         0 0 3px rgba(0,0,0,0.4);
    }

    #ofi-list > li {
        padding-left: 24px;

        -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
        -moz-box-shadow:    0 0 1px rgba(0,0,0,0.5);
        box-shadow:         0 0 1px rgba(0,0,0,0.5);

        background-position: 5px 10px;
        background-color: rgba(238,238,238,0.8);
    }

    #ofi-list > li:first-child {
        -webkit-border-radius: 0;
        -moz-border-radius:    0;
        border-radius:         0;

        background-color: rgba(253,255,220,0.8);
        background-image: url('images/icon_checkoffice_16.png');
    }

    #ofi-list > li.vcard {
        font-size: 1.167em;
    }

    #ofi-list > li.vcard .adr,
    #ofi-list > li:first-child:before {
        font-size: 0.857em;
    }
}