body {
	background: url('img/pozadi.jpg');
}

/* MENU */

#menu {
	width: 660px;
	height: 55px;
	margin: 0px auto;
	margin-top: 30px;
}
#menu ul {
	list-style-type: none;
}
#menu a {
	height: 55px;
	margin-right: 10px;
	display: block;
	float: left;
	text-indent: -9999px;
}
#m1, #m1a {
	width: 185px;
	height: 55px;
	background: url('img/m1cz.png')
}
#m1:hover, #m1a {
	background-position: -185px 0;
}
#m2, #m2a {
	width: 137px;
	height: 55px;
	background: url('img/m2cz.png')
}
#m2:hover, #m2a {
	background-position: -137px 0;
}
#m3, #m3a {
	width: 95px;
	height: 55px;
	background: url('img/m3cz.png')
}
#m3:hover, #m3a {
	background-position: -95px 0;
}
#mLang a {
	margin: 11px 0 0 17px;
	width: 67px;
	height: 44px;
	background: url('img/mLang.png') no-repeat;
}
#mLangA a {
	margin: 11px 0 0 17px;
	width: 67px;
	height: 44px;
	background: url('img/mLangA.png') no-repeat;
}
#mLang, #mLangA {
	float: right;
}
#mLang a:hover {
	background: url('img/mLangA.png') no-repeat;
}
#mLangA a:hover {
	background: url('img/mLang.png') no-repeat;
}

/* PÁS */

#pas {
	background: url('img/pas.png');
	z-index: 100;
	padding-top: 9px;
	width: 100%;
	height: 45px;
}
#pas img {
	margin: 0px auto;
	margin-top: 5px;
	display: block;
}
h1 {
	text-indent:-9000px; 
}
#sipka {
	width: 40px;
	height: 25px;
	margin: 0px auto;
	background: url('img/sipka.png');
}

/* OBSAH */

#obsah {
	width: 740px;
	margin: 0px auto;
	padding: 25px 20px 25px 20px;
	background: #FFF;
}
#obsahH {
	width: 780px;
	height: 5px;
	margin: 0px auto;
	background: url('img/obsahH.gif');
}
#obsahD {
	width: 780px;
	height: 5px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: url('img/obsahD.gif');
}

/* 1 - PORTFOLIO */


#obsah p {
	font: 14px Trebuchet MS;
}
#tlWebdesign {
	width: 144px;
	height: 32px;
	margin: 20px 0 20px 0;
	position: relative;
	left: -20px;
	background: url('img/tlWebdesign.gif');	
}
#weby {
	width: 770px;
	height: 770px;
}
.web {
	float: left;
	width: 240px;
	height: 192px;
	margin-right: 10px;
}
.web p {
	font: 13px Tahoma;
	color: #222;
	position: relative;
	top: -5px;
	margin-left: 10px;
}

/* LOGA */

#tlLogos {
	width: 110px;
	height: 32px;
	margin: 20px 0 20px 0;
	position: relative;
	left: -20px;
	background: url('img/tlLogos.gif');	
}
#loga {
	width: 770px;
	height: 285px;
}
.log {
	float: left;
	width: 240px;
	height: 141px;
	margin-right: 10px;
}
.log p {
	font: 13px Tahoma;
	color: #222;
	position: relative;
	top: -5px;
	margin-left: 10px;
}

/* FOTO */

#obsahF {
	width: 740px;
	margin: 0px auto;
	padding: 25px 20px 45px 20px;
	background: #FFF;
}
#tlPhotography {
	width: 135px;
	height: 32px;
	margin: 20px 0 20px 0;
	position: relative;
	left: -20px;
	background: url('img/tlPhotography.gif');	
}
#fotky {
	width: 770px;
	height: 200px;
}
.fot {
	float: left;
	width: 240px;
	height: 192px;
	margin-right: 10px;
}
.fot p {
	font: 13px Tahoma;
	color: #222;
	position: relative;
	top: -5px;
	margin-left: 10px;
}
.full {
	float: right;
	margin-right: 30px;
	
}

/* 2 - CO DĚLÁM */

#whatObsah {
	width: 740px;
	height: 606px;
	margin: 0px auto;
	padding: 25px 20px 25px 20px;
	background: #FFF;
}

/* 3 - KONTAKT */

#obsahKontakt {
	width: 560px;
	height: 500px;
	padding: 20px 20px 20px 20px;
	margin: 0px auto;
	background: url('img/formularPozadi.jpg') 60% 80% no-repeat #FFF;
}
#kontaktH {
	width: 600px;
	height: 5px;
	margin: 0px auto;
	background: url('img/kontaktH.gif');
}
#kontaktD {
	width: 600px;
	height: 5px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: url('img/kontaktD.gif');
}
#kVlevo {
	width: 100px;
	height: 200px;
	height: 130px;
	float: left;
	text-align: right;
	font: 17px Arial;
	line-height: 30px;
	color: #555;
}
#kVpravo {
	width: 400px;
	height: 130px;
	float: left;
	font: 17px Arial;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 30px;
	color: #222;
}
#kVpravo span {
	font: 14px Arial;
	color: #666;
}
#kVpravo a {
	text-decoration: none;
	color: #222;
}
.kf {
	font-size: 50px;
}
#fVlevo {
	width: 100px;
	position: relative;
	top: -3px;
	text-align: right;
	float: left;
	font: 17px Arial;
	line-height: 33px;
	color: #555;
}
#fVpravo {
	width: 400px;
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}
#obsahKontakt input.form, #obsahKontakt textarea {
	font: 14px Georgia;
	margin-bottom: 13px;
	color: #111111;
	background: #f4f4f4;
	border: none;
}
#obsahKontakt h2 {
	font: 19px Trebuchet MS;
	color: #222;
	margin-bottom: 38px;
}
#obsahKontakt input.btn {
	margin-top: 10px;
	margin-left: 300px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
	#obsahKontakt textarea {
		width: 383px;
		height: 190px;
	}
	#obsahKontakt input.form {
		width: 275px;
	}
	#obsahKontakt input.btn {
	margin-top: 0px;

}