body {
            margin:0px;
            font-family:Arial;
            font-size:12px;
            line-height:18px;
            background-color:rgb(241, 244, 247);
        }

img {
    border:0px;
}
            .middle {
            width:970px;
            margin:auto;
            
        }
.logo {
    float:left;
    width:430px;
}

#typelist {
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom:10px;
    background-color:white;
    margin-right:25px;
    text-align:center;
}
#typelist a
{
    text-decoration:none;
    color:black;
    font-size:10px;
    padding:0px;
    font-weight:bold;
    text-align:center;
  
}
#typelist span:hover
{
    color:#6f8197;
    background-color:bisque;
}
#typelist span
{
    padding:4px;
    margin:0px;
    border-right:1px dotted lightgray;
}
.current span{
    font-weight:bold;
    color:white;
    background-color:black;
}


.middle .form {
    padding-top:10px;
    
}
            .middle .input {
                height:25px;
                width:220px;
               line-height:30px;
            }

            .middle select {
                height:30px;
                width:220px;
               line-height:30px;
               overflow: hidden;
               border:1px solid black;
            }

               .button {
                
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.button:hover {
	background-color:#fb9e25;
}.button:active {
	position:relative;
	top:1px;
}


.path {
    margin-top:0px;
    margin-bottom:5px;
    
}
        .footer {
            border-top:10px solid #ea6a37;
            background-color:rgb(101, 101, 101);
            height:30px;
            margin-top:30px;

        }
        .headline {
            height:10px;
            background-color:black;
        }
        .main {
            padding:5px;
        }

        .list {
            float:left;
            width:620px;
        }
        .right {
        width:320px;
    float:right;
    border:1px solid lightgray;
    padding:10px;
    background-color:white;
    box-shadow: 2px 2px 0px 0px lightgray;
    
}
    .right h2 {
        background-color:#ea6a37;
        margin:0px;
        font-size:14px;
        padding:3px;
        padding-left:5px;
        color:white;
        margin-bottom:5px;
    }

    .right h3 {
        background-color:rgb(101, 101, 101);
        margin:0px;
        font-size:14px;
        padding:3px;
        padding-left:5px;
        color:white;
        margin-bottom:5px;
    }

            .right .li {
                width:103px;
                float:left;
                font-size:11px;
                line-height:11px;
                padding-bottom:5px;
            }
            .right .impt {
                font-weight:bold;
            }



        .clear {
            clear:both;
        }

        .item {
            margin-bottom:10px;
            margin-right:10px;
            border:1px solid lightgray;
            padding:8px;
            background-color:white;
            box-shadow: 2px 2px 0px 0px gray;
        }
            .item .distance {
                float:right;
                color:gray;
            }
            .item:hover {
                border:1px solid black;
            }
            .item h2 {
                margin:0px;
                padding-bottom:4px;
                
            }
            .item h2 a {
                color:rgb(10, 84, 146);
                font-size:16px;
                text-decoration:none;
            }
                .item h2 a:hover {
                    text-decoration:underline;
                }

        .item .address {
            color:darkslategrey;
        }

            .item .contact {

                font-weight:bold;
            }

        .main h1 {
            
            padding-top:10px;
            border-top:1px solid lightgray;
            font-size:20px;
            padding-bottom:10px;
            border-bottom:1px solid #c6c6c6;
            color:darkslategray;
            background-color:white;
            padding-left:10px;
        }

        .head {

            border-top:15px solid #ea6a37;
            background-color:rgb(101, 101, 101);
        }

        .list .li a {
            float:left;
            width:180px;
            border:1px dotted gray;
            background-color:white;
            margin-bottom:10px;
            margin-right:10px;
            padding:5px;
            text-decoration:none;
            color: darkslategray;
            font-weight:bold;
        }
.list .impt a{
    
    font-weight:bold;
    color:black;
    border: 1px solid black;
}
            .list .li a:hover {
                background-color:lightyellow;
                color:black;
            }


.detailLeft {
    width:300px;
    float:left;
    border:1px solid lightgray;
    padding:10px;
    background-color:white;
    box-shadow: 2px 2px 0px 0px lightgray;
    margin-right:20px;
}
    .detailLeft h2 {
        background-color:#ea6a37;
        margin:0px;
        font-size:14px;
        padding:3px;
        padding-left:5px;
        color:white;
        margin-bottom:5px;
    }
    .detailLeft h3 {
        margin:0px;
        font-size:16px;
        margin-bottom:5px;
        padding-left:5px;
    }
    .detailLeft .Address {
        color:gray;
        padding-left:5px;
    }
    .detailLeft hr {
        
    }

.detailLeft .Phone {
    margin-top:5px;
    font-size:16px;
    font-weight:bold;
    padding-left:5px;
}
    .detailLeft .Hours {
        padding-left:5px;
        margin-bottom:10px;
    }

    .detailLeft .Hours span{
        width:80px;
        display:block;
        float:left;
    }
     .detailLeft .Hours .current {
            font-weight:bold;
     }

        .detailLeft .Hours p {
            padding-top:2px;
            color:gray;
            font-size:x-small;
        }



.detailCenter {
    border:1px solid lightgray;
    float:left;
    width:595px;
    background-color:white;
    padding:15px;
    box-shadow: 2px 2px 0px 0px lightgray;
    
}
.detailCenter ul {
    margin:0px;
    padding-left:15px;
    
}
.detailCenter li {
        width:195px;
        float:left;
}
    .detailCenter h2 {
       margin:0px;
       margin-bottom:5px;
       font-size:14px;
       border-bottom:1px dotted gray;
    }




.detailRight {
    border:1px solid lightgray;
    float:left;
    width:160px;
    background-color:white;
    padding:10px;
    box-shadow: 2px 2px 0px 0px lightgray;
}

.nearbyLeft {
    width:530px;
    float:left;
    margin-bottom:5px;
    font-size:10px;
    color:gray;
    line-height:12px;
}
.nearbyLeft a {
    text-decoration:none;
    color:black;
}

.nearbyRight {
    width:50px;
    float:left;
    font-size:10px;
}
.map {
    width: 595px; 
    height: 280px
}
.path div {
    float:left;
    padding-left:3px;
    
}
.footertext {
    color:white;
    padding-top:7px;
}
.footertext a{
    color:white;
    padding-top:7px;
}
.last .li {
    width:155px;
    line-height:14px;
}
    .last .li a {
        color: black;
        text-decoration: none;
    }
        .last .li a:hover {
            text-decoration: underline;
        }


.ad {
    width:300px;
    margin:auto;
    padding:0px;
    text-align:center;
}
  
.indeed span{
    float:right;
    display:block;
    text-align:right;
}

  .jobs p {
        font-size:11px;
    }
.jobs a {
    color:rgb(10, 84, 146);
    font-size:13px; 
    font-weight:bold;
}
.jobs {
    border-bottom: 1px dotted lightgray;
}
.storelogo{
    text-align:center;
}
.storelogo img
{
    width:100px;
}






/* =============================================================== */
/* Media Queries
================================================================ */



/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    body {
/*        background-color:yellow;*/
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    body {
  /*      background-color:orange;*/
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    body {
    /*    background-color:black;*/
    }
}

/* iPhone 4 - (portrait) ---------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait),
only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait){
    body {
      /*  background-color:red;*/
    }
}

/* iPhone 4 - (landscape) ---------- */
@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape), screen and (min-device-pixel-ratio : 2) and (orientation:landscape){
    body {
      /*  background-color:pink;*/
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-width: 480px) {
    body {
/*         background-color:green;*/
    }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    body {
     /*   background-color:purple;*/
    }
}


/* nastavení z jiného zdroje*/





/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) {
	
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 480px) {
    .middle {
        width:320px;
    }
     .list {
            width:320px;
            float:right;
            margin:auto;
            padding:0px;
        }
    .logo {
        width:320px;
    }
    .right {
        float:left;
        border:none;
        box-shadow:none;
        padding:0px;
        margin:0px;
        width:320px;

        
    }
     .middle .input {
                width:110px;
            }

            .middle select {
                 width:110px;
            }
    .list .li a {
        width:135px;
        margin:5px;
    }
    .nomobile {
        display:none;
    }
    .detailLeft {
        margin-bottom:20px;
        padding:10px;
        box-shadow:none;
        width:300px;
        margin:auto;
        border:none;
    }
    .detailCenter {
        width:300px;
        padding:10px;
       box-shadow:none; 
       border:none;
    }
    .map {
        width:300px;
	height:200px;
    }
    .detailRight {
        display:none;
    }
    .main {
        padding:0px;
    }
.nearbyLeft {
    width:240px;
    float:left;
    margin-bottom:5px;
    font-size:10px;
    color:gray;
    line-height:12px;
}
.nearbyLeft a {
    text-decoration:none;
    color:black;
}

.nearbyRight {
    width:50px;
    float:left;
    font-size:10px;
}



    
}
	
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
}