/* CSS tylko dla strony mapa.php */

#ajaxmenue { width: 150px }
#ajaxmenue .radio { margin-top: 0px !important; margin-bottom: 0px !important }

table.hac_greybox,
table.hac_greybox table {
    width: 100% !important;
}
/*  ########## CONTENT SEARCH ##########  */
#content.map .results-box {
    margin-top: 12px;
    margin-bottom: 12px;
}
#content.map .results-box > div {
}
#content.map .results-box .search {
    background: #135894;
    display: block;
    position: relative;
    float: left;
    width: 955px;
    height: 55px;
    padding: 0;
    margin: 0;
}
#content.map .results-box > .row {
    display: block;
    float: left;
}
#content.map .results-box .search > div{
    display: block;
    position: relative;
    float: left;
    margin: 9px 0 0 0;
    height: 38px;
}
#content.map .results-box .search .col-1{
    width: 760px;
}
#content.map .col-1 .input-group{
    background: none;
    border: medium none;
    display: block;
    float: left;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
}
#content.map .col-1 .input-group .ico-wrapp {
    display: block;
    position: relative;
    float: left;
    height: 100%;
    width: 40px;
    background: #135894;
}
#content.map .col-1 .input-group .ui-helper-hidden-accessible {
    display: none;
}
#content.map  select#from {
    background: none repeat scroll 0 0 #114C80;
    width: 570px;
    border: 0 none;
    color: #FFFFFF;
    display: table-cell;
    font-size: 1.1em;
    height: 36px;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
#content.map .errormessage{
    background: none repeat scroll 0 0 #FF0000 !important;
    display: block !important;
    font-family: latoregular !important;
    font-size: 1em;
    font-weight: normal !important;
    left: 159px;
    position: absolute !important;
    text-align: center;
    width: 601px !important;
    z-index: 800;
 }
#content.map .col-1 .input-group .ico-wrapp .ico-search-map{
    display: block;
    position: relative;
    float: left;
    width: 17px;
    height: auto;
    margin: 10px;
}
#content.map .col-1 .input-group button.location {
    display: block;
    position: relative;
    float: right;
    width: 30px;
    height: 38px;
    margin: 0;
    padding: 6px;
    border: none;
    background: #114C80;
}
#content.map .col-1 .input-group button.location .ico-location{
    display: block;
    position: relative;
    float: left;
    width: 11px;
    height: auto;
    margin: 5px;
}
#content.map .col-1 .input-group span, 
#content.map .col-1 .input-group input {
    color: #FFFFFF  !important;
}
#content.map .col-1 .input-group.active span, 
#content.map .col-1 .input-group.active input {
    color: #FFFFFF  !important;
}
#content.map .col-1 .input-group .form-control:-moz-placeholder, 
#content.map .col-1 .input-group .form-control::-moz-placeholder, 
#content.map .col-1 .input-group .form-control:-ms-input-placeholder, 
#content.map .col-1 .input-group .form-control::-webkit-input-placeholder {
    color: #5d7a9d;
    opacity: 1;
}
#content.map .col-1 .input-group span {
    display: block;
    position: relative;
    float: left;
    width: 120px;
    height: 100%;
    margin:0;
    border: none;
    background: none;
    font-family: 'latoblack',tahoma,arial;
    font-size: 1em;
    line-height: 2.3em;
    color: #103d77;
    text-transform: uppercase;
}
#content.map .col-1 .input-group input {
    display: block;
    position: relative;
    float: left;
    width: 570px;
    height: 38px;
    margin:0;
    padding: 6px;
    border: none;
    background: #114C80;
    text-transform:uppercase;
    font-size: 1em;
    z-index: 2;
}

#content.map .results-box .search .col-2{
    width: 180px;
    margin: 0;
}
#content.map .col-2 > div.row {
    display: block;
    float: left;
    position: relative;
    height: 38px;
    cursor: pointer;
    width:  182px;
    margin: 9px 0 0 4px;
    text-transform: uppercase;
}
#content.map .col-2 > div.row .new-search{ 
    display: block;
    position: relative;
    float: left;
    height: 38px;
    width: 100%;
    background: #1b6db5;
	border: none;
    text-transform: uppercase;
    padding: 0;
}
#content.map .col-2 > div.row .new-search:hover{ 

    background: #114C80;
}
#content.map .col-2 > div.row .new-search span{ 
    color: #ffffff;
    font-size: 1em;
    line-height: 2.3em;
    font-family: 'latoblack';
    text-align: center;
    display: block;
    position: relative;
    float: left;
    margin: 5px 8px;
}
.culture-pl #content.map .col-2 > div.row .new-search span {
    margin: 5px 8px 0 30px;
}
#content.map .col-2 > div.row .new-search img{ 
    display: block;
    float: left;
    height: auto;
    margin: 10px 0 0;
    position: relative;
    width: 17px;
}

/*  ########## CONTENT SEARCH ##########  */

/*########## CONTENT MAP ##########*/
#content.map .map-options {
    display: block;
    position: relative;
    float: left;
    background: #ffffff;
    padding: 20px 20px 0;
    margin-top: 10px;
    width: 100%;
}
#content.map .map-options .map-container {
    display: block;
    position: relative;
    float: left;
    border: 5px solid #135894;
}
#content.map .map-options .row {
    margin: 3px 0 0 10px;
}
#content.map .map-options .row h3{
    display: block;
    position: relative;
    float: left;
    font-size: 1em;
    color: #494949;
    font-family: 'latoblack';
    margin: 0 0 2px 0;
}
#content.map .map-options .row ul.options {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
}
#content.map .map-options .row ul.options li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 20px;
}
#content.map .map-options .row ul.options li input{
    display: block;
    position: relative;
    float: left;
    margin: 5px 0;
}
#content.map .map-options .row ul.options li img{
    display: block;
    position: relative;
    float: left;
    width: 16px;
    height: auto;
    margin: 3px 5px 0 5px;
}
#content.map .map-options .row ul.options li span{
    display: block;
    position: relative;
    float: left;
    font-size: 1em;
    color: #494949;
    font-family: 'latoregular';
    margin: 3px 0 0 0;
}
#content.map .info{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background: #ffffff;
}
#content.map .info p {
    display: block;
    position: relative;
    float: left;
    width: 90%;
    height: auto;
    margin: 22px;
    padding: 10px;
    font-size: 1em;
    font-family: 'latoregular';
    color: #adaeae;
    border: 1px solid #adaeae;
}
/*########## CONTENT MAP ##########*/

@media (min-width: 768px) and (max-width: 992px){ 
/*  ########## CONTENT SEARCH ##########  */
#content.map .results-box .search {
    width: 768px;
}
#content.map .results-box .search .col-1 {
    width: 587px;
}

#content.map .col-1 .input-group .ico-wrapp {
    display: block;
    position: relative;
    float: left;
    height: 100%;
    width: 40px;
    background: #135894;
}
#content.map .col-1 .input-group .ico-wrapp .ico-search-map{
    display: block;
    position: relative;
    float: left;
    width: 17px;
    height: auto;
    margin: 10px;
}
#content.map .col-1 .input-group span {
    padding: 6px;
    width: 90px;
}
#content.map .col-1 .input-group input {
    padding: 6px;
    width: 427px;
}
#content.map .col-2 > div.row {
    width:  170px;
}
/*  ########## CONTENT SEARCH ##########  */
/* ########## CONTENT MAP ########## */

#content.map .map-options {
    display: block;
    position: relative;    
    width: 768px;
    margin: 0 auto;
}

#content.map .map-options .row {
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    position: relative;
}
#content.map .map-options .row ul.options2 li{
    display: block;
    position: relative;
    float: left;
    width: 50%;
    padding: 0;
}
#content.map  select#from {
    background: none repeat scroll 0 0 #114C80;
    width: 427px;
    border: 0 none;
    color: #FFFFFF;
    display: table-cell;
    font-size: 1.1em;
    height: 36px;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
#content.map .errormessage{
    background: none repeat scroll 0 0 #FF0000 !important;
    display: block !important;
    font-family: latoregular !important;
    font-size: 1em;
    font-weight: normal !important;
    left: 131px;
    height: auto !important;
    position: absolute !important;
    text-align: center;
    width: 457px !important;
    z-index: 800;
 }

/* ########## CONTENT MAP ########## */
}/* @media (min-width: 768px) and (max-width: 1200px) */

 @media (min-width: 100px) and (max-width: 767px){  

/*  ########## CONTENT SEARCH ##########  */

#content.map .results-box .search {
    height: 55px;
    width: 480px;
}
#content.map .results-box .search .col-1 {
    width: 60%;
}
#content.map .col-1 .input-group .ico-wrapp {
    display: block;
    position: relative;
    float: left;
    height: 100%;
    width: 40px;
    background: #135894;
}
#content.map .col-1 .input-group .ico-wrapp .ico-search-map{
    display: block;
    position: relative;
    float: left;
    width: 17px;
    height: auto;
    margin: 10px;
}
#content.map .col-1 .input-group span {
    display: none;
}
#content.map .col-1 .input-group input {
    padding: 6px;
    width: 218px;
}
#content.map .results-box .search .col-2 {

}
/*  ########## CONTENT SEARCH ##########  */
/* ########## CONTENT MAP ########## */
#content.map .map-options {
    display: block;
    position: relative;    
    width: 480px;
    margin: 0 auto;
}
#content.map .map-options .row {
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    position: relative;
}
#content.map .map-options .row ul.options1 li{
    display: block;
    position: relative;
    float: left;
    width: 50%;
    padding: 0;
}
#content.map .map-options .row ul.options2 li{
    display: block;
    position: relative;
    float: left;
    width: 50%;
    padding: 0;
}
#content.map  select#from {
    background: none repeat scroll 0 0 #114C80;
    width: 245px;
    border: 0 none;
    color: #FFFFFF;
    display: table-cell;
    font-size: 1.1em;
    height: 36px;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}

#content.map .errormessage{
    background: none repeat scroll 0 0 #FF0000 !important;
    display: block !important;
    font-family: latoregular !important;
    font-size: 1em;
    font-weight: normal !important;
    left: 39px;
    height: auto !important;
    position: absolute !important;
    text-align: center;
    width: 410px !important;
    z-index: 800;
 }
#content .nav-top a.earlier-connections span, #content .nav-top a.later-connections span {
    display: block;
    float: right;
    margin-right: 1px;
    width: 185px;
}
/* ########## CONTENT MAP ########## */
}/*  @media (min-width: 480px) and (max-width: 768px) */

 @media (min-width: 200px) and (max-width: 479px){ 



#content.map .results-box .search {
    min-height: 55px;
    height: auto;
    width: 100%;
}
#content.map .results-box .search .col-1 {
    width: 100%;
}

#content.map .col-1 .input-group .ico-wrapp {
    background: none repeat scroll 0 0 #135894;
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 15%;
}
#content.map .col-1 .input-group .ico-wrapp .ico-search-map{
    display: block;
    position: relative;
    float: left;
    width: 17px;
    height: auto;
    margin: 10px;
}
#content.map .col-1 .input-group span {
    display: none;
}
#content.map .col-1 .input-group input {
    padding: 6px;
    width: 70%;
}
#content.map .col-1 .input-group button.location {
    width: 15%;
}
#content.map .results-box .search .col-2 {
    display: none;
}

#content.map .map-options {
    display: block;
    position: relative;    
    width: 100%;
    margin: 0 auto;
}
#content.map .map-options .row {
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    position: relative;
}

#content.map .map-options .row ul.options1 li{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
}
#content.map .map-options .row ul.options2 li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
}
#content.map  select#from {
    background: none repeat scroll 0 0 #114C80;
    width: 100%;
    border: 0 none;
    color: #FFFFFF;
    display: table-cell;
    font-size: 1.1em;
    height: 36px;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
#content.map .errormessage{
    background: none repeat scroll 0 0 #FF0000 !important;
    display: block !important;
    font-family: latoregular !important;
    font-size: 1em;
    font-weight: normal !important;
    left: 0;
    height: auto !important;
    position: absolute !important;
    text-align: center;
    width: 100% !important;
    z-index: 800;
 }
 #content.map .col-1 .input-group input {
    font-size: 1em;
    font-size: 2vw;
}
} /* @media (min-width: 200px) and (max-width: 479px) */