/* Google web fonts - thanks to Google */
@font-face {
font-family: 'opensans_regular';
src: url('../fonts/opensans-regular-webfont.eot');
src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/opensans-regular-webfont.woff') format('woff'),
     url('../fonts/opensans-regular-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'opensans_bold';
src: url('../fonts/opensans-bold-webfont.eot');
src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/opensans-bold-webfont.woff') format('woff'),
     url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-size: 120%;
background-color: #fff;
font-family:"opensans_regular", "Helvetica", "Arial", sans-serif;
margin: 0 auto;
}

#search strong {
font-family:"opensans_regular", "Helvetica", "Arial", sans-serif;
}

.top-box strong,.num strong {
font-weight: normal;
}

/*
COLORS
grey #e6e6e6
green #6dae48
light green #eef6e9
nature #40984e
heritage #a67c52
hotel #16d0ff
restauration #ff9700
*/

.grey-bg {
background-color: #e6e6e6;
}

header a:hover,header .active,header a:hover span {
color: #6dae48;
}

.green-light-bg {
background-color: #eef6e9;
}

.nature,div .bg-poi-1 {
background-color: #40984e;
}

.heritage,div .bg-poi-2 {
background-color: #a67c52;
}

.view,div .bg-poi-3 {
background-color: #29abe2;
}

.hotel,div .bg-poi-4 {
background-color: #16d0ff;
}

.restaurant,div .bg-poi-5 {
background-color: #ff9700;
}

.info,div .bg-poi-6 {
background-color: #0072bb;
}

.sport,div .bg-poi-7 {
background-color: #fbbd3b;
}

.town,div .bg-poi-8 {
background-color: #a72a30;
}

.climbing,div .bg-poi-9 {
background-color: #00a99d;
}

.other,div .bg-poi-10 {
background-color: #534741;
}

.trip {
background-color: #5de3cb;
}

* {
color: #595959;
}

.content {
background-image:url("../images/vector2.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% auto;
}

.content-line {
clear: left;
}

.box {
max-width: 1300px;
margin: 0 auto;
position: relative;
padding: 0 90px;
}

.right {
text-align: right;
}

.center {
text-align: center;
}

.cl {
clear: both;
}

.m-min {
margin-top: -3em;
z-index: 99;
}

.box-in {
padding: 10px 20px;
}

.col-2,.col-3,.col-3-b,.col-4,.col-2-3,.col-5,.col-content,.col-right {
float: left;
position: relative;
}

.col-2 {
width: 50%;
}

.col-3 {
width: 33.33%;
}

.col-3-b {
width: 31.33%;
margin-right: 2%;
}

.col-4 {
width: 23%;
margin-right: 2.5%;
}

.col-content {
width: 75%;
padding-right: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.col-right {
width: 25%;
}

.box .col-4 + .col-4 + .col-4 + .col-4 {
	margin-right: 0;
}

.col-2-3 {
width: 66.66%;
}

.col-5 {
width: 18%;
padding-right: 2%;
}

.col-header {
position: absolute;
top: -2em;
left: 0;
width: 100%;
z-index: 99;
}

.grey-bg .col-header {
top: -3em;
}

h3.sh {
display: block;
height: 4.2em;
margin: 5px 0 20px 0;
overflow: hidden;
position: relative;
z-index: 3;
}

.top-box h3.sh {
height: 2.4em;
line-height: 1.2em;
}

.m-b {
padding-bottom: 4em; 
}

.m-b-min {
margin-bottom: -3em; 
}

.m-b-min-bg {
margin-bottom: 3em; 
}

.m-b-min-bg .col-4,.m-b-min .col-4 {
margin-bottom: -3em; 
}

.p-t {
padding-top: 3em; 
}

.partner {
display: block;
float: left;
width: 12%;
margin: 0 1.25% 1% 1%;
}

.partner img {
width: 100%;
}

/* nav */
header {
width: 100%;
height: 95px;
background-image:url("../images/header.png");
background-position: 50% 100%;
background-repeat: no-repeat;
}

nav span {
display: none;
}

body.scroll-box {
margin-top: 95px;
}

.scroll-box header {
position: fixed;
height: 55px;
left: 0;
top: 0;
z-index: 999;
}

nav,.lang {
padding-top: 45px;
}

.scroll-box nav, .scroll-box .lang {
padding-top: 10px;
}

.scroll-box .search {
display: none;
}

#logo {
display: block;
height: 100%;
}

#logo img {
height: 100%;
}

footer ul,header ul {
margin: 0;
padding: 0;
}

footer li,header li {
list-style: none;
}

nav li {
float: left;
margin-right: 20px;
}

.lang li {
float: right;
margin-left: 20px;
}

#search {
display: none;
position: absolute;
top: -5px;
right: 30px;
width: 280px;
height: 36px;
z-index: c7e7c2;
}

#search span {
position: absolute;
top: 8px;
right: -11px;
width: 11px;
height: 21px;
z-index: 99999;
background-image:url("../images/search-arrow.png");
background-position: 0 0;
background-repeat: no-repeat;
}

#search input,#search strong {
float: left;
width: 65%;
margin-bottom: 0;
color: #595959;
background-color: #c7e7c2;
border: none;
}

#search input {
height: 36px;
line-height: 36px;
padding: 0 5%;

}

#search .send-button {
display: block;
position: relative;
height: 36px;
line-height: 36px;
padding: 0;
text-align: center;
width: 20%;
color: #fff;
background-color: #2ab331;
}

header .search {
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 10px;
right: 0;
background-image:url("../images/icon/lupa.png");
background-position: 0 0;
background-repeat: no-repeat;
}

.search .zone {
display: block;
width: 30px;
height: 30px;
}

/* slideshow */
.slideshow {
position: relative;
}

.slide {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
}

.dr {
}

.sl-pcs img {
float: left;
}

.slideshow img {
width: 100%;
}

.slideshow .texts {
position: relative;
max-width: 1300px;
margin: 0 auto;
padding: 0 90px;
}

.texts div {
position: absolute;
top: 0;
z-index: 9;
width: 66%;
}

.texts p {
width: 50%;
font-size: .9em;
}

.texts span {
display: block;
width: 7em;
height: 4em;
margin: 3em 0 0 -2em;
background-image:url("../images/icon/map-sm1.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 100%;
}

.texts *,.wht {
color: #fff;
}

.vector {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 99%;
z-index: 8;
background-image:url("../images/vector.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}

.switches {
position: absolute;
text-align: center;
width: 100%;
z-index: 99;
font-size: 2em;
bottom: 1em;
}

.switches .active {
color: #fff;
}

#side-nav {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 998;
}

#side-nav a {
position: relative;
display: block;
height: 3em;
line-height: 3em;
width: 12em;
padding-left: 20px;
background-image:url("../images/white.png");
background-position: 0 0;
background-repeat: repeat;
}

#side-nav a span {
display: block;
width: 3em;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-image:url("../images/icon/marker.png");
background-position: 50% 50%;
background-repeat: no-repeat;
}

#sm1,#sm2 {
border-bottom: 1px solid #e6e6e6;
}

#sm1.active,#sm1:hover {
background-image:url("../images/green.png");
color: #fff;
}

#sm2.active,#sm2:hover {
background-image:url("../images/green.png");
color: #fff;
}

#sm3.active,#sm3:hover {
background-image:url("../images/green.png");
color: #fff;
}

.breadcrumb {
padding-top: 10px;
}

.breadcrumb,.breadcrumb * {
font-size: 14px;
}

/* pcs */
.pcs {
position: relative;
border: 7px solid #fff; 
margin-bottom: 8px;
}

.content .pcs,.pcs2 {
padding: 7px;
background-color: #fff;
border: 1px solid #595959;
}

.pcs2 {
position: relative;
padding-bottom: 2px;
}

.pcs2 .num {
display: block;
position: absolute;
width: 80px;
height: 65px;
right: 7px;
bottom: 9px;
background-image:url("../images/corner-num.png");
background-position: 100% 100%;
background-repeat: no-repeat;
}

.num strong {
display: block;
position: absolute;
right: 10px;
bottom: 10px;
font-size: 1.2em;
color: #fff;
text-align: right;
}

.content-line .pcs,.box-rec .pcs {
height: 8.5em;
}

.pcs div {
overflow: hidden;
height: 100%;
}

.pcs img,.pcs2 img {
width: 100%;
float: left;
}

.pcs2 img {
float: none;
}

.data .pcs2 {
margin-bottom: 1.5em;
}

.pcs .icon,.top-box .icon,.pcs2 .icon {
display: block;
position: absolute;
width: 33px;
height: 33px;
right: -16px;
bottom: -12px;
background-image:url("../images/icon/marker-info.png");
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: 99;
}

div.pcs-right {
margin-right: 0;
margin-left: 1%;
}

/* share icons */ 
.share-content {
}

.share-content a {
display: block;
float: left;
width: 43px;
height: 43px;
margin-right: 5px;
margin-bottom: 5px;
background-image:url("../images/icon/share-top.png");
background-position: 0 50%;
background-repeat: no-repeat;
}

.share-content .icon-tw {
background-position: -56px 50%;
}

.share-content .icon-fb {
background-position: -106px 50%;
}

.share-content .icon-gp {
background-position: -204px 50%;
}

.share-content .icon-in {
background-position: -8px 50%;
}

.share-content .icon-em {
background-position: -155px 50%;
}

/* services icons */
.services span {
display: block;
float: left;
width: 43px;
height: 43px;
margin-right: 5px;
margin-bottom: 5px;
background-image:url("../images/icon/services.png");
background-position: 0 50%;
background-repeat: no-repeat;
}

.services .icon-wifi {
background-position: 0 0;
}

.services .icon-parking {
background-position: -43px 0;
}

.services .icon-nosmoking {
background-position: -86px 0;
}

.services .icon-pets {
background-position: -129px 0;
}

.services .icon-children {
background-position: -172px 0;
}

.services .icon-handicap {
background-position: -215px 0;
}

/* col-4 */
.col-4 a span,.col-right a span {
font-size: .8em;
}

.content-line {
padding-top: 1em;
}

.top-box {
position: relative;
display: block;
padding: 7px 7px 20px 7px;
border: 1px solid #c1c1c1;
background-color: #fff;
}

.box-rec .top-box {
margin-bottom: 1em;
}

.top-box span {
clear: left;
}

.top-box .pcs {
border: 0;
}

.corner {
position: absolute;
bottom: 0;
right: 0;
width: 4.5em;
height: 4em;
z-index: 2;
background-image:url("../images/corner.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}

a.corner span,div.corner span {
position: absolute;
bottom: 5px;
right: 5px;
font-size: 1.2em;
color: #fff;
z-index: 100;
}

.top-box strong,.top-box h3,.top-box span,.top-box p {
margin-left: 5px;
}

.top-box p {
font-size: .8em;
display: block;
overflow: hidden;
height: 8em;
}

/* links */
a {
color:inherit;
text-decoration:none;
}

a:hover {
color: #000;
}

/* texts */
h1,h2,h3,h4,h5,strong {
font-weight: normal;
font-family: "opensans_bold", "Helvetica", "Arial", sans-serif;
}

h1 {
font-size: 2.5em;
margin-bottom: .2em;
margin-top: .1em;
}

h2 {
font-size: 1.9em;
margin: 0 0 5px;
line-height: 105%;
}

.data h2 {
font-size: 1.5em;
margin-top: .6em;
margin-bottom: .3em;
}

.slideshow h2 {
font-size: 2.4em;
}

h3 {
font-size: 1.3em;
margin-bottom: .3em;
}

.box-in h3 {
margin-top: 0;
}

p {
margin-top: 0;
}

.section-head {
position: relative;
width: 100%;
display: block;
}

.section-head a {
display: inline-block;
position: absolute;
top: 0;
right: 0;
font-size: .7em;
}

.copy * {
font-size: .8em;
}

/* forms */
input,select,textarea,.send-button {
background-color: #fff;
border: 0 none;
float: left;
font-size: .9em;
margin-bottom: 10px;
padding: 3px 2%;
width: 96%;
}

.send-button {
display: block;
color: #fff;
text-align: center;
background-color: #595959;
}

.send-button:hover {
cursor: pointer;
background-color: #6dae48;
}

textarea,.num strong {
font-family: "opensans_regular", "Helvetica", "Arial", sans-serif;
}

/* share */
.share div {
width: 160px;
margin: 0 auto;
padding-top: 10px;
}

.share a {
display: block;
float: left;
width: 30px;
height: 40px;
background-image:url("../images/icon/share.png");
background-position: 0 7px;
background-repeat: no-repeat;
}

.share a:hover {
background-image:url("../images/icon/share-on.png");
}

.share .icon-fb {
background-position: -30px 7px;
}

.share .icon-gp {
background-position: -60px 7px;
}

.share .icon-in {
background-position: -90px 7px;
}

.share .icon-em {
background-position: -120px 7px;
}

/* map CSS */
#map, #map-box {
width: 100%;
height: 700px;
position: relative;
}

.map-static {
  display: block;
  position: relative;
  width: 100%;
  height: 200px;
}

.marker {
  display: block;
  height: 33px;
  background-image: url(../images/icon/marker-ubytovani.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 167px;
}

.map-icon-1,.map-priroda .marker,.top-box .icon-priroda {
  background-image: url(../images/icon/marker-priroda.png);
}

.map-icon-2,.map-kultura .marker,.top-box .icon-pamatka {
  background-image: url(../images/icon/marker-kultura.png);
}

.map-icon-3,.map-vyhlidka .marker,.top-box .icon-vyhlidka {
  background-image: url(../images/icon/marker-vyhlidka.png);
}

.map-icon-4,.map-ubytovani .marker,.top-box .icon-ubytovani {
  background-image: url(../images/icon/marker-ubytovani.png);
}

.map-icon-5,.map-restaurace .marker,.top-box .icon-restaurace {
  background-image: url(../images/icon/marker-restaurace.png);
}

.map-icon-6,.map-info .marker,.top-box .icon-info {
  background-image: url(../images/icon/marker-info.png);
}

.map-icon-7,.map-sport .marker,.top-box .icon-sport {
  background-image: url(../images/icon/marker-sport.png);
}

.map-icon-8,.map-obec .marker,.top-box .icon-obec {
  background-image: url(../images/icon/marker-obec.png);
}

.map-icon-9,.map-lezeni .marker,.top-box .icon-lezeni {
  background-image: url(../images/icon/marker-lezeni.png);
}

.map-icon-10,.map-ostatni .marker,.top-box .icon-ostatni {
  background-image: url(../images/icon/marker-ostatni.png);
}

#overlay {
  position: absolute;
  z-index: 9999;
  width: 187px;
  height: 82px;
  line-height: 110%;
  display: none;
  background-image: url(../images/icon/map-buble-left-bg.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 5px 13px;
}

#overlay strong {
  font-size: 12px;
  font-weight: normal;
}

#overlay div {
  width: 76px;
  height: 76px;
  float: left;
  margin-right: 7px;
  background-image: url(../images/icon/no-photo.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#detail {
display: none;
position: absolute;
z-index: 9999;
top: 50px;
left: 90px;
width: 270px;
height: 340px;
padding: 10px;
background-color: #fff;
}

#detail-header {
position: relative;
}

#detail strong {
font-size: 14px;
padding-right: 35px;
line-height: 1.4em;
display: block;
}

#detail-box {
margin-top: 5px;
height: 280px;
overflow: hidden;
background-image: url(../images/icon/text-end.png);
background-position: 100% 100%;
background-repeat: repeat-x;
}

#detail-box .pcs {
float: left;
margin: 0 10px 10px 0;
border: 0;
background-size: cover !important;
}

#detail-box p {
font-size: .8em;
}

#detail-close {
position: absolute;
top: 3px;
right: 0px;
display: block;
width: 15px;
height: 15px;
background-image: url(../images/icon/overlay-close.gif);
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
}

#detail-overlay {
background-image: url(../images/icon/box-bg.png);
background-position: 50% 0;
background-repeat: repeat-y;
padding: 40px 0;
}

#detail-overlay #detail-close {
top: 10px;
right: 20px;
width: 150px;
text-align: right;
padding-right: 35px;
line-height: 27px;
height: 27px;
font-size: 14px;
color: #000;
text-decoration: none;
background-image: url(../images/icon/overlay-close-big.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
}

#detail-overlay img {
float: left;
margin: 0 20px 10px 0;
width: 40%;
}

#detail-overlay h2 {
font-size: 26px;
margin: 0;
padding-right: 150px;
}

.poi-box-footer {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center;
}

.poi-box-footer a {
font-size: .8em;
}

.rec-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 26px;
padding-top: 10px;
background-image: url(../images/icon/rec-footer.png);
background-position: -1px 0;
background-repeat: repeat-x;
text-align: center;
}

.rec-footer a {
color: #fff;
}

#detail-overlay .rec-footer {
position: relative;
padding: 0;
margin-bottom: 5px;
background: none;
left: auto;
line-height: 26px;
}

#detail-overlay #detail-box {
height: auto;
overflow: visible;
}

#loading {
height: 200px;
background-image: url(../images/icon/loading.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}

#detail .pcs {
float: left;
width: 113px;
height: 113px;
margin: 0 10px 10px 0;
}

#detail .pcs a {
margin: 0px;
}

#filter,#detail {
position: absolute;
top: 190px;
right: 20px;
z-index: 99;
width: 180px;
padding: 10px;
background-color: #fff;
}

#detail {
width: 230px;
top: 90px;
}

#filter ul {
margin: 0;
padding: 0;
}

#filter li {
list-style: none;
background-position: 0 50%;
background-repeat: no-repeat;
padding-left: 40px;
line-height: 34px;
margin-left: 5px;
}

#filter .small, #filter .small a {
line-height: 26px;
background-position: 0 2px;
}
/* map css end */

.m-show {
display: none;
}

.m-hide {
display: inline-block;
}

@media screen and (min-width: 1500px) {
	.texts div {
		padding-top: 4%;
	}
}

@media screen and (max-width: 1500px) {
	.texts div {
		padding-top: 3%;
	}
	
	.pcs,.content-line .pcs,.box-rec .pcs {
		height: 7.5em;
	}
}

@media screen and (max-width: 1300px) {
	.texts div {
		padding-top: 2%;
	}
}

@media screen and (max-width: 1100px) {
	.texts div {
		padding-top: 1%;
	}
}

@media screen and (max-width: 1100px) {
	.pcs,.content-line .pcs,.box-rec .pcs {
		height: 7em;
	}
	
	.box,.slideshow .texts {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media screen and (max-width: 1000px) {
	.texts p {
		width: 60%;
	}
	
	nav {
		padding-top: 25px;
	}
	
	.top-box {
		padding: 5px 5px 20px 5px;
	}
}

@media screen and (max-width: 800px) {
	.pcs,.content-line .pcs,.box-rec .pcs {
		height: auto;
	}
	
	.pcs div {
		height: auto;
	}
	
	.texts p,.texts span {
		display: none;
	}
	
	.col-4 {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 1em;
	}
	
	.col-3-b {
		width: 47%;
		margin-right: 3%;
		margin-bottom: 1em;
	}
	
	.box-rec .cl {
		clear: none;
	}
	
	.m-b-min-bg .col-4,.m-b-min .col-4 {
		margin-bottom: 2em; 
	}
	
	.box .col-4 + .col-4 {
		margin-right: 0;
	}
	
	.box .col-4 + .col-4 + .col-4 {
		margin-right: 4%;
	}
	
	.col-header.right {
		top: auto;
		bottom: -3em;
	}
	
	.box,.slideshow .texts {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.content {
		background-image:url("../images/vector2-mobile.png");
	}
	
	.top-box {
		padding: 3px 3px 20px 3px;
	}
}

@media screen and (max-width: 700px) {
	.mobile-nav {
		display: block;
	}
	
	#side-nav {
		position: relative;
		top: auto;
		right: auto;
		margin-top: -5px;
		transform: inherit;
		-webkit-transform: inherit;
		-moz-transform: inherit;
		-o-transform: inherit;
		-ms-transform: inherit;
	}
	
	#side-nav a {
		width: 95%;
		padding-left: 5%;
	}
	
	#side-nav a span {
		width: 5em;
	}
	
	.col-content {
		padding-right: 0;
	}
	
	.col-right,.col-content {
		width: 100%;
	}
	
	.m-b-min-bg .col-4,.m-b-min .col-4 {
		margin-bottom: 1em; 
	}
	
	.grey-bg .box {
		padding: 0 20px 20px;
	}
	
	.col-header.wht {
		font-size: 1.3em;
		color: #595959;
	}
	
	.map-static {
		width: 300px;
	}
	
	.box-in {
		padding: 0px;
	}
	
	.texts div {
		padding-top: 5%;
	}
	
	h3.sh,.top-box h3.sh {
		height: auto;
	}
	
	nav span {
		display: block;
		height: 30px;
	}
	
	.slide {
		height: auto;
	}
	
	.switches {
		display: none;
	}
	
	header {
		height: auto;
		position: relative;
	}
	
	nav {
		padding-top: 0;
	}
	
	nav li {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	nav li a {
		color: #fff;
		line-height: 30px;
	}
	
	#logo {
		margin-top: 10px;
	}
	
	.scroll-box header {
		position: relative;
		height: auto;
		left: auto;
		top: auto;
	}
	
	header .box nav {
		display: none;
		position: absolute;
		top: 140px;
		left: 0;
		z-index: 990;
		background-color: #595959;
	}
	
	header .mm {
		display: block;
		background-color: #595959;
		background-image:url("../images/mobile-menu.png");
		background-position: 50% 50%;
		background-repeat: no-repeat;
		height: 30px;
	}
	
	.lang {
		position: absolute;
		bottom: 0;
		top: 0;
		height: 30px;
	}
	
	.col-2,.col-3,.col-3-b,.col-4 {
		width: 100%;
		margin-right: 0;
	}
	
	.col-5 {
		width: 98%;
	}
	
	.partner {
		width: 31%;
	}
	
	.lang {
		padding-top: 5px;
		width: 91%;
	}
	
	header .search {
		left: 10px;
	}
	
	.col-right .grey-bg {
		background-color: #fff;
	}
	
	.box {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.slideshow .texts {
		padding-left: 40px;
		padding-right: 20px;
	}
	
	.slideshow h2 {
		font-size: 2em;
	}
	
	.slideshow p {
		display: none;
	}
	
	.m-hide {
		display: none;
	}
	
	.m-show {
		display: inline-block;
	}
	
	.m-min {
		margin-top: 0em;
	}
	
	#search {
		left: 45px;
		right: auto;
	}
	
	#search span {
		left: -220px;
		right: auto;
		background-image:url("../images/search-arrow-mobile.png");
	}
	
	.top-box p {
		height: auto;
	}
}

/* responsive fonts */
@media screen and (max-width: 1200px) {
	body {
		font-size: 115%;
	}
}

@media screen and (max-width: 1150px) {
	body {
		font-size: 112%;
	}
}

@media screen and (max-width: 1100px) {
	body {
		font-size: 109%;
	}
}

@media screen and (max-width: 1050px) {
	body {
		font-size: 106%;
	}
}

@media screen and (max-width: 1000px) {
	body {
		font-size: 103%;
	}
}

@media screen and (max-width: 950px) {
	body {
		font-size: 100%;
	}
}

@media screen and (max-width: 900px) {
	body {
		font-size: 97%;
	}
}

@media screen and (max-width: 850px) {
	body {
		font-size: 94%;
	}
}

@media screen and (max-width: 800px) {
	body {
		font-size: 91%;
	}
}

@media screen and (max-width: 750px) {
	body {
		font-size: 88%;
	}
}

@media screen and (max-width: 700px) {
	body {
		font-size: 100%;
	}
}