html, body {
    color: #000;
    margin: 0;
    padding: 0;
    /*dani*/
    /*overflow: hidden*/
    /*width:100%*/
}

body, input, td, p {
    font: 9pt 'Nimbus Sans L', Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif
}

#footer {
    clear: both
}

#utilities {
    height: 20px;
    text-align: right;
    position: relative;
    z-index: 102;
    padding: 0 .5em
}

#translations a {
    margin: 0 .3em
}

#searchform {
    overflow: hidden;
    margin: 0
}

#searchform fieldset {
    border: 0;
    margin-left: 20px;
    overflow: hidden
}

#searchform p {
    margin: 0;
    padding: 0
}

#searchform label {
    display: block;
    height: 15px
}

#searchform input:focus {
    outline: none
}

#searchform input.city {
    width: 120px
}

#searchform input.search {
    margin: 15px 0 0
}

#sidebar-left, #list-left, #sidebar-right, #list-right {
    width: 350px
}

#list-left, #list-right, #list-none {
    overflow: auto;
    overflow-x: hidden
}

#records {
    width: 99%
}

#status {
    height: 20px;
    overflow: hidden
}

#status a {
    float: left;
    margin-left: 8px
}

.dr-pnl-b {
    padding: 0
}

.details .dr-table, .details .dr-table-cell {
    border: none
}

.details td {
    margin: 0
}

#records .kp:hover {
    background-color: #dddddd
}

.details .distance, .details .name, .details .address, .details .locationhint, .details .notes, .details .status, .details div.openinghours, .details .select {
    display: block;
    margin: 0;
    padding: 0
}

#list-none .details .name a, .infowindow .name a {
    text-decoration: none
}

.infowindow{
    overflow:hidden
}

.infowindow .payment {
    display: inline;
    font-style: normal;
    margin: 0 .5em 0 0
}

.details .picture {
    float: left;
    padding: 0
}

.picture .kp_image {
    float: left;
    border-width: 0 !important
}

.picture .unavailable {
    width: 64px;
    height: 48px;
    background: url('../../images/generic-64x48.jpg') top left no-repeat
}

/*
#sidebar-left.no-thumbnails, .no-thumbnails #list-left, #sidebar-right.no-thumbnails, .no-thumbnails #list-right {
    width: auto
    
}
*/
#list-none .name, #list-none .address, #list-none .locationhint, #list-none .notes, #list-none .status, #list-none div.openinghours, #list-none .select {
    margin-left: 215px
}

#list-none .picture .unavailable {
    width: 200px;
    height: 150px;
    background: url('../../images/generic-200x150.jpg') top left no-repeat
}

.noimage {
    width: 232px
}

.small {
    width: 306px
}

.medium {
    width: 340px
}

.medium .name, .medium .address, .medium .locationhint, .medium .notes, .medium .status, .medium div.openinghours, .medium .select {
    margin-left: 110px
}

.medium .picture .kp_image img {
    width: 100px
}

.large {
    width: 440px
}

.large .name, .large .address, .large .locationhint, .large .notes, .large .status, .large div.openinghours, .large .select {
    margin-left: 210px
}

.extralarge {
    width: 560px
}

.extralarge .name, .extralarge .address, .extralarge .locationhint, .extralarge .notes, .extralarge .status, .extralarge div.openinghours, .extralarge .select {
    margin-left: 330px
}

.extralarge .picture .kp_image img {
    width: 300px
}

.extralarge.infowindow .kp_image {
    height: 220px
}

#list-left table.openinghours, #list-right table.openinghours, #list-none table.openinghours {
    position: absolute;
    top: -10000px
}

table.openinghours {
    width: 19em
}

table.openinghours tr {
    display: table-row !important;
    border: none !important;
    height: auto !important
}

table.openinghours .day {
    width: 5.5em !important;
    padding: 1px 0
}

table.openinghours .hours {
    text-align: center;
    padding: 1px 0
}

.infowindow .kp_image {
    overflow: hidden
}

.details a.printthis, .details a.printthis:visited, .details a.printthis:hover {
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 28px !important;
    background: transparent url('print.gif') no-repeat 9px top;
    color: inherit;
    font-weight: 400;
    margin-top: .25em
}

.printthis .name a {
    color: #000;
    font-size: larger;
    font-weight: 700
}

.printthis .noimage, .printthis .small, .printthis .medium, .printthis .large, .printthis .extralarge {
    width: inherit !important
}

.printthis div {
    margin-bottom: .5em !important
}

ul.message {
    border: 1px solid;
    list-style: none;
    margin: 1em;
    padding: .5em
}

ul.message li {
    line-height: 1.3em;
    margin: .5em
}

ul.message li a {
    padding-right: .25em
}

#searchform fieldset p, #sidebar-left, #maparea-left {
    float: left
}

.MSIE5 #searchform fieldset p, .MSIE6 #searchform fieldset p, #searchform input.zip {
    width: 80px
}

#searchform input.street, #list-none .picture .kp_image img, .large .picture .kp_image img {
    width: 200px
}

/* dani
#sidebar-right, #maparea-right, .distance {
    float: right
}
*/

#locateandselect{
    width:100%;    
}

#sidebar-right, .distance {
    float: left;
    /*dani*/
    /*margin-right:50px*/
}
#sidebar-left,#sidebar-right,#list-left,#list-right{
    /*height:454px*/
    height:410px
}
   
/*dani*/
#maparea-right {
    float: left;
    width: 55%;
    height: 50%;
    margin-left: 5px
    
}
         
#status{
    width:427px
}
            
#mapcanvas{
    width:100%;
    height:434px            
}

@media (max-width: 804px) {
#searchform{
width:100%;
}
	#locateandselect{
    width:100%;    
}
    #list-right {
        width:150%;
        /*height:434px   */

    }
    #maparea-right {
        float:none;
        width: 90%;
        height: 50%;
    }

    #sidebar-right, .distance {
        float:none;
   
        /*dani*/
        /*margin-right:50px*/
    }

    .saltolinea {
        clear:both;
    }

    


}

/*
@media (max-width: 794px) {

}
    */

#maparea-none, .details thead, .horarioLunes, .horarioMartes, .horarioMiercoles, .horarioJueves, .horarioViernes, .horarioSabado, .latitude, .longitude, .status img, .payment, .details .notes, .no-thumbnails .picture, .noimage .picture, table.openinghours thead, .infowindow .distance, .printthis .select a {
    display: none
}

.dr-table, #list-none .dr-table-cell {
    width: 100%
}

.infowindow .notes, #list-none .notes, .kp_image {
    display: block
}

#list-left .name, #list-left .address, #list-left .locationhint, #list-left .notes, #list-left .status, #list-left div.openinghours, #list-left .select, #list-right .name, #list-right .address, #list-right .locationhint, #list-right .notes, #list-right .status, #list-right div.openinghours, #list-right .select, .small .name, .small .address, .small .locationhint, .small .notes, .small .status, .small div.openinghours, .small .select {
    margin-left: 73px
}

.picture .kp_image img, .small .picture .kp_image img {
    width: 64px
}

.no-thumbnails #list-left .name, .no-thumbnails #list-left .address, .no-thumbnails #list-left .locationhint, .no-thumbnails #list-left .notes, .no-thumbnails #list-left .status, .no-thumbnails #list-left div.openinghours, .no-thumbnails #list-left .select, .no-thumbnails #list-right .name, .no-thumbnails #list-right .address, .no-thumbnails #list-right .locationhint, .no-thumbnails #list-right .notes, .no-thumbnails #list-right .status, .no-thumbnails #list-right div.openinghours, .no-thumbnails #list-right .select, .no-thumbnails #list-none .name, .no-thumbnails #list-none .address, .no-thumbnails #list-none .locationhint, .no-thumbnails #list-none .notes, .no-thumbnails #list-none .status, .no-thumbnails #list-none div.openinghours, .no-thumbnails #list-none .select, .noimage .name, .noimage .address, .noimage .locationhint, .noimage .notes, .noimage .status, .noimage div.openinghours, .noimage .select {
    margin-left: 0
}

.small.infowindow .kp_image, .medium.infowindow .kp_image, .large.infowindow .kp_image {
    height: 150px
}

a img {border: none; }

* html #iscrollWrapper {
    overflow-y: scroll;
}