body{
	background-color: white;	
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	}
* {
    box-sizing: border-box;
}
.row{
	position:relative;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 5px; 
	width:100%;
} 
.inner{
	position: relative;
	top: 0px; 
	left: 0px;
	margin: 0 auto;
	padding: 0px;
	max-width:1000px;
	text-align:center;		
	overfolw:hidden;
	background-color:none;
}
.title-text{
	font-family: "Oswald",sans-serif;
    font-size: 30px;
    padding-top: 20px;
    padding: 20px;
	padding-bottom: 30px;
    text-align: center;
	color: #02ACEF;
    font-weight: bold;	
}

.walking-tours {
    font-family: "Oswald",sans-serif;
    font-size: 30px;
    padding-top: 20px;
    padding: 20px;
	padding-bottom: 30px;
    text-align: center;
	color: #02ACEF;
    font-weight: bold;
	line-height: 1.1;	
}
.points{
	line-height:10px;
	border-bottom:40px solid #2c7fb7;
	margin-bottom:10px;
	margin-top:-52px;
	opacity:1;

}
@media screen and (min-width: 900px){
	#trip-advisor-krakow-walking-tour{position:absolute;top:17px;right:20px;z-index:5000;}
}
@media screen and (max-width: 899px){
#trip-advisor-krakow-walking-tour{
	position:absolute;top:117px;left:20px;z-index:5000;
}}

.line{
	line-height:2px;
	border-bottom: 1px solid lightgray;
	width:200px;
	display:inline-block;
	text-align:center;
	padding:0;
	margin:0;
	margin-top:50px;
}
.trip-line{
	/*box-shadow: 0 0 5px 0 rgba(0,0,0,.1);*/
	background-color: #F2F2F2;
}
.start-times{
	font-size:12px;
	color:#2c7fb7;
	padding-top:5px;
	padding-bottom:15px;
}
.o{
	margin-top:10px;
	
}
.o img {
   /* border: 5px solid #b8b9ba;*/
    border-radius: 5px;
    margin: 3px;

}
.o a:hover{
	opacity:0.8;
}
.name_walk{
	font-family: "Oswald",sans-serif;
    font-size: 26px;
	padding-top:0px; 
	margin-top:0px;
    text-align: center;
    line-height: 1.1;
}
.walk-details{
	display:inline-block;
	margin-top:20px;
	padding:10px 15px;
	background-color:#FA0C00;
	color:white;
	border-radius:5px;
	font-family: "Oswald",sans-serif;
	font-size: 20px;
	text-decoration:none;
}
.walk-price{
	display:inline-block;
	margin-top:0px;
	padding:10px 15px;
	color:black;
	font-family: "Oswald",sans-serif;
	font-size: 30px;
}
strong{
	color:#2c7fb7;
	font-weight:normal;
}
.regular-tours{
	text-align:justify;
	font-size:14px;
	 padding: 20px;
	 padding-top:0px;
}
.look-down{display:none;}
@media only screen and (min-width: 520px) 
{
.look-down{display:block;position:absolute;text-align:center;/*width:100%*/;left:220px;top:475px;color:white;opacity:0.8;font-size:15px;z-index:5000;}
.look-down a{color:white;}
} 



.tab1{
display:inline-block;
background-color:rgba(255,255,255,1);
	font-family: "Yanone Kaffeesatz",sans-serif;
	font-size:28px;
	width:155px;
	padding:10px;
	padding-top:5px;
	margin-top:30px;
	border-radius:5px;
	/*color:#696765;*/  
	color:black; 
	border:5px solid #F77911;
	text-align:center;
}
.tab2{
display:inline-block;
background-color:rgba(255,255,255,1);
	font-family: "Oswald",sans-serif;
	font-size:28px;
	padding:10px;
	padding-top:5px; 
	margin-top:17px;
	border-radius:5px;
	/*color:#696765;*/ 
	color:black; 
	border:5px solid #fa0c00;
	text-align:center;
	}
#logo-krakow-walks{
	position:absolute;
	top:0px;
	left:35px;
}
.pp{
	text-align:left;
	padding-top:0px;
	padding-left:0px;
	margin-right:30px;
	font-size:16px;
	/*background-color:yellow;*/
}
.pp li{
	line-height:26px;
	border-top:1px solid #2c7fb7;
	margin-bottom:1px;
	padding: 3px;
}
.tab3 {
    background-color: #FA0C00;
    border: 5px solid #FA0C00;
    border-radius: 5px;
    color: white;
    display:inline-block; 
    font-family: "Yanone Kaffeesatz",sans-serif;
    font-size: 23px;
    margin: 20px;
    padding: 10px;
    text-align: center;
} 
.google-maps {
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
width:80%;
height:80%;
text-align:center;
display:inline-block;
}
.book a {
    background-color: #2c7fb7;
    border: 3px solid #2c7fb7;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    margin: 40px 10px 10px 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.book-tour{
	padding:20px 5px;
}
@media screen and (min-width: 900px){.ta_bottom{display:block;} }
#menu_mobile{
	display: inline-block;
	border: 1px solid #6c7991;
    border-radius: 0;
    color: #6c7991;
    font-family: "Oswald",sans-serif;
    font-size: 15px;
    margin-top: 30px;
    margin-right: 50px;
    padding: 7px 8px;
    text-decoration: none;
	cursor:pointer;
	background-color:rgba(255,255,255,0.5);

}

#menu_mobile_container{
	display:block; 
	background: white;
	font-size:18px; 
	min-height:100px;
	text-align:right;
	width:100%;
	z-index:1000;
	-webkit-box-shadow: 0px 3px 38px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 38px -11px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 38px -11px rgba(0,0,0,0.75);
		z-index:100; 
	} 
#menu_mobile_show{
	position:absolute;
	top:60px;
	left:0px;
	width: 100%;
	text-align:center;
	display: none; 
	color: white;
		z-index:2000;
	/*background-color:rgba(15,15,15,0.7);*/

}
#menu_mobile_show a{
	color:white;
	font-family: "Oswald",sans-serif;
    font-size: 15px;
    margin: 3px;
    padding: 7px 20px;
	width:50%;
	margin-left:25%;
	text-decoration: none;
	display:block; 
	background-color:rgba(15,15,15,0.8);
	}

	ul.tripnav li{
		display:block;
	}
	
.tour_mobile_text{
	text-align:left;padding:20px;padding-top:5px;
}
.ta-table{display:none;}
@media only screen and (min-width: 600px) {.ta-table{display:block;}}
@media only screen and (min-width: 900px) {
	.tour_mobile_text{
		text-align:left;padding:10px;padding-right:30px;padding-top:5px;
	}
}
@media screen and (min-width: 900px){
	#menu_mobile{
		display:none;
	}
	#menu_mobile_container{
		display:none;
	}
}
	#menu_full, ul.topnav li{
		display:none;
	}

@media screen and (min-width: 900px){
	#menu_full{ 
		display:block;
		width:100%;
		z-index:1000;
	/*	-webkit-box-shadow: 0px 3px 38px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 38px -11px rgba(0,0,0,0.75);
box-shadow: 0px 3px 38px -11px rgba(0,0,0,0.75);*/
	}


		/*top nav start            --------------------------------                    */

		ul.topnav {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden; 
			background: white;
			font-size:18px; 
			min-height:100px;
			border-radius:0px; 
		/*-webkit-box-shadow: 0px 3px 47px -12px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 3px 47px -12px rgba(0,0,0,0.75);
		box-shadow: 0px 3px 47px -12px rgba(0,0,0,0.75);*/

		}

		ul.topnav li {display:inline-block;	margin:5px;}

		ul.topnav li a {
			padding:30px 7px;
			margin:0px;	
			color:black;  
			font-family: "Oswald",sans-serif;
			text-decoration:none; 
			/*border:1px solid white;*/
			border-radius:5px;
			display: block;	
			text-align: right; 
			font-size:15px;
		}

		ul.topnav li a:hover:not(.active) {
			/*border:1px solid white;*/
			/*background-color:white;*/
			color:#02acef;
		}
}


/*top nav end    ----------------------------------------------------                               */
#krakow-background{
	margin-top:0px;
    height:660px;  
    width: 100%;  
	/*background: url("grafika/krakow-walks.jpg") no-repeat fixed center -42px;  */
	/*background: url("grafika/krakow-guide-sightseeing-k.jpg") center center cover no-repeat fixed;
background: url("grafika/bg.jpg") no-repeat fixed center -150px;*/
}
@media only screen and (min-width: 900px) {
#krakow-background{margin-top:0px;}
}
#krakow-background-tour{
    height: 258px;
    width: 100%;
	background-image: url("tour_bg.jpg")/*tpa=http://krakowwalkingtour.com/grafika/tour_bg.jpg*/;
    background-position: center center;
    background-repeat: no-repeat;

}

#krakow-walking-tours{
	position:absolute;
	top:100px;
	left:70px;
	width:320px;
	height:560px;
	/*background-color:rgba(252,44,3,1);*/
	background-color:rgba(0,0,0,0);
	/*background-color:#c0bebb;*/ 
	color:#fdf6f0;
	z-index:1;
	text-align:left;
	padding-left:10px;
	font-size:24px;
	text-transform: uppercase;
	font-family: "Oswald",sans-serif;
}
@media only screen and (min-width: 390px) { #krakow-walking-tours{	background-color:rgba(0,0,0,0.4);} 
.points{
	line-height:10px;
	border-bottom:6px solid #FA0C00;
	/*width:23%;
	margin-left:33%;*/
	margin-bottom:10px;
	margin-top:-19px;

}
}
.main-content{
	font-size:14px;
	margin-bottom:20px;
	font-family: 'Open Sans', sans-serif; 
	text-align:left;
	padding:10px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;

}
@media screen and (min-width: 600px){ .main-content{	padding-left:30px;	padding-right:10px;}   }
@media screen and (min-width: 900px){ .main-content{	padding-left:30px;	padding-right:10px;}   }


#slogan{
	position:relative;
	top:0;
	left:0;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	/*background-color:#ce4904;*/
	color:white; 
	opacity:1; 
	text-shadow: black 0.1em 0.1em 0.2em;
	}
	

@media only screen and (min-width: 380px) {
.tour_slogan{padding-top:110px; }}
@media only screen and (min-width: 600px) {
.slogan_main{ font-size: 40px; } 

}

#slogan{
	padding-top:30px;
}
.slogan2{
	/*display:inline-block;*/
	color:#2e2e2e; 
	opacity:1; 	  
	/*text-shadow: white 0.1em 0.1em 0.2em;*/
	font-size:26px;
	font-family: "Oswald",sans-serif;
	margin-bottom: 0px;
	font-weight:normal;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
#footer{
	background-color:#E3E6E4;  
	min-height:100px;
	text-align:center;  
	color: #2c7fb7;
	padding:20px;
	padding-top:20px;
	padding-bottom:40px;
	margin-bottom:0px;
	margin-top:30px; 
	font-family: "Yanone Kaffeesatz",sans-serif;
    font-size: 20px;
	    width: 100%;
		/*border-top: 1px solid #2c7fb7; */
} 
#licznik{
	margin-top:20px;
}
img {
    max-width: 100%; /*�eby nie powi�ksza� bardziej ni� orygina�*/
    height: auto;
	margin:0px;
	padding:0px;

	}

textarea,input,select{
	font-size: 15px; 
	font-family: "Oswald",Helvetica,Arial,sans-serif;
	border-radius:0px;
	
	border:1px solid #306885;
	padding:6px;
	line-height:25px;
 
}
textarea:hover,input:hover,select:hover{
	/*box-shadow: 0 0px 10px lightgray;*/
	border: 1px solid #02acef;
}
textarea:focus,input:focus,select:focus{
	/*box-shadow: 0 0px 10px lightgray;*/
	border:1px solid #02acef; 
}

.pole{
	width:100%;
	padding:8px;
	padding-left:10px;
	margin-top:4px;
	margin-bottom:15px;
	color:#02acef;   
	font-weight:normal;
		font-family:'Yanone Kaffeesatz',sans-serif;
		font-size:20px;
}
select{
	width:100%;
	padding:6px;
	margin-top:4px;
	margin-bottom:15px;
	color:#02acef;   
	font-weight:normal;
		font-family:'Yanone Kaffeesatz',sans-serif;
		font-size:20px;
}
.book-submit {
	border: 1px solid #02acef; 
    background-color: #02acef;
    color: white;   
	border-radius: 0px;
    cursor: pointer;
 font-family:'Yanone Kaffeesatz',sans-serif; 
    font-size: 30px;
    margin: 10px;
    padding: 10px 15px;
}
.book-submit:hover{
	background-color:white;
	color: #02acef;
	border:1px solid #02acef;	
	margin: 10px;
    padding: 10px 15px;
	box-shadow:none;
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('check_radio_sheet.png')/*tpa=http://krakowwalkingtour.com/grafika/check_radio_sheet.png*/ left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url('check_radio_sheet.png')/*tpa=http://krakowwalkingtour.com/grafika/check_radio_sheet.png*/ -19px top no-repeat;
}
.book-box-contact{
	width:80%;
	display:inline-block;
	margin-top:30px;
	margin-bottom:30px;

}
th {
    background-color: #f47e38;
	font-weight:normal;
	color:white;
 
}
table{
	
}
table, th, td {
    border: 3px solid white;
    border-collapse: collapse;
    padding: 10px;
	margin:20px;
	margin-top:2%;
	margin-bottom:20px;
    text-align: center;
}
.t-left{ 
	text-align:left;
	padding-left:10px;
	font-weight: normal;
}
td a{
	color:#333333;
}

/*
Mobile First means designing for mobile before designing for desktop or any other device 
(This will make the page display faster on smaller devices).
*/
 /* For mobile phones: */

.h1position{position:absolute;top:545px;right:20px; z-index:1000;}
	
	h1{
		margin-top:20px;
		font-size:50px;
		margin-left:5px;
		margin-right:5px;
		font-family: "Oswald",sans-serif;
		color:white;
		text-align:center;
		line-height:50px;
		
		}


@media only screen and (min-width: 520px) {h1{ font-size:70px;line-height:70px;} .h1position{top:575px;right:10px;}}
@media only screen and (min-width: 1006px) {h1{ font-size:100px;line-height:100px;} .h1position{top:545px;right:50px;}}
	
	
	h3{
		font-family: "Oswald",sans-serif;
		text-align:center;
		font-size: 22px;
		}
	.pl h3{
		font-size:18px;
	
	}
	.mobile{
		display:none;
	}


	.messageResult2{
	display:block;
	}
	.messageResult1{
		display:block;
	}

@media only screen and (min-width: 600px) { 
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;} 
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}

	.pole{
		width:100%;
	}

 .trip-bg{
	background:none;
	background-color:white;
 }
  .trip-bg2{
	background:none;
	background-color:white;
 }



	h3{
		font-size:22px;
	}
	.pl h3{
		font-size:20px;
	
	}
	.mobile{
		display:block;
	}
	.photo{
		display:none;
	}

#slogan{
	padding-top:20px;
	}
	.messageResult1{
		display:none;
	}
	.messageResult2{
		display:block;
	}

}

@media only screen and (min-width: 900px) {
    /* For desktop: */

    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;} 
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}   
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
    .col-88 {width: 100%;}	
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

#write-a-review1{display:inline-block;}
#write-a-review2{display:none;}	
	 .trip-bg{
	/*background: linear-gradient(to right,#F2F4F5,#F2F4F5 50%, white 50%,white);*/
	background-color:white;
 }
 	 .trip-bg2{
	/*background: linear-gradient(to right,#F2F4F5,#F2F4F5 33.3%,  white 33.3%,white); */
	background-color:white;
 }



	h3{
		font-size:36px;
		margin-top:12px;
		margin-bottom:13px;
	}
	.pl h3{
		font-size:25px;
	
	}
	.mobile{
		display:inline;
	}
	.photo{
		display:none;
	}
#slogan{
	padding-top:20px;
	}
	
	
	.messageResult1{
	display:none;
	}
	.messageResult2{
		display:block;
	}

}


/*
@media rule to include a block of CSS properties only if a certain condition is true.
When the screen (browser window) gets smaller than 768px, each column should have a width of 100%:

@media only screen and (orientation: landscape) {
    body {
        background-color: lightblue;
    }
}

*/



/* 
You can use the media query min-device-width, instead of min-width, which checks the device width, instead of the browser width. 
Then the image will not change when you resize the browser window: 

For devices smaller than 400px: 
body {
    background-image: url('img_smallflower.jpg');
}
*/

/* For devices 400px and larger: 
@media only screen and (min-device-width: 400px) {
    body {
        background-image: url('img_flowers.jpg');
    }
}
*/