* {
	margin: 0;
	padding: 0;

	-webkit-user-select: none;
}

input {
	-webkit-user-select: auto;
}

textarea {
	-webkit-user-select: auto;
}

html {
	scrollbar-3dlight-color: #1C3D6A;
    scrollbar-arrow-color: #1C3D6A;
	scrollbar-base-color: #F2F1EF;
	scrollbar-track-color: #F2F1EF;
	scrollbar-darkshadow-color: #1C3D6A;
	scrollbar-face-color: #ACADB0;
	scrollbar-highlight-color: #ACADB0;
	scrollbar-shadow-color: #ACADB0;
}

body {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	min-width: 1000px;
	margin-bottom: 0px;
	padding-top: 0px;
	line-height: 1.6;
	background: #000000;
}

body#what-is-new, body#what-is-new-paid, body#about-kyla, body#blog-and-forum, body#join, body#kyla-cole-shop, body#kyla-cole-shop-detail, body#my-friends, body#wishlist, body#bookings, body#blog-and-forum-paid, body#modeling, body#my-world-paid, body#my-world-paid-gallery, body#basic, body#paid, body#links, body#support, body#privacy, body#sitemap, body#copyright {
	background: #000000 url(../pictures/back-body.jpg) repeat-y bottom center;
}

body#my-world-paid-gallery, body#kyla-cole-shop, body#kyla-cole-shop-detail {
	-ms-touch-action: pan-x pan-y;
	-ms-user-select: none;
	
	-webkit-touch-callout: none;
}

html>body {
	font-size: 12px;
}

ul {
	padding: 20px 0px 20px 30px;
}

/* layout */

#main {
	width: 760px;
	padding: 0px 120px 0px 120px;
	text-align: left;
	margin: 0 auto;
}

body#home-page #main {
	background: url(../pictures/back-home-page.jpg) no-repeat top center;
}

body#basic #main {
	background: url(../pictures/back-basic.jpg) no-repeat top center;
}

body#paid #main {
	background: url(../pictures/back-paid.jpg) no-repeat top center;
}

body#about-kyla #main {
	background: url(../pictures/back-about-kyla.jpg) no-repeat top center;
}

body#my-world #main {
	background: url(../pictures/back-my-world.jpg) no-repeat top center;
}

body#my-world-paid #main {
	background: url(../pictures/back-my-world-paid.jpg) no-repeat top center;
}
body#my-world-paid #text {
	height: 350px;
}
body#my-world-paid #main>#text {
	min-height: 350px;
	height: 100%;
}

body#my-world-paid-gallery #main {
	background: url(../pictures/back-my-world-paid-gallery.jpg) no-repeat top center;
}
body#my-world-paid-gallery #text {
	height: 600px;
}
body#my-world-paid-gallery #main>#text {
	min-height: 600px;
	height: 100%;
}

body#vip-club #main {
	background: url(../pictures/back-vip-club.jpg) no-repeat top center;
}

body#what-is-new #main {
	background: url(../pictures/back-what-is-new.jpg) no-repeat top center;
}

body#what-is-new-paid #main {
	background: url(../pictures/back-what-is-new-paid.jpg) no-repeat top center;
}

body#blog-and-forum #main {
	background: url(../pictures/back-blog-and-forum.jpg) no-repeat top center;
}

body#blog-and-forum-paid #main {
	background: url(../pictures/back-blog-and-forum-paid.jpg) no-repeat top center;
}

body#kyla-cole-shop #main {
	background: url(../pictures/back-kyla-cole-shop.jpg) no-repeat top center;
}
body#kyla-cole-shop #text {
	height: 550px;
}
body#kyla-cole-shop #main>#text {
	min-height: 550px;
	height: 100%;
}

body#kyla-cole-shop-detail #main {
	background: url(../pictures/back-kyla-cole-shop.jpg) no-repeat top center;
}

body#my-friends #main {
	background: url(../pictures/back-my-friends.jpg) no-repeat top center;
}
body#my-friends #text {
	height: 550px;
}
body#my-friends #main>#text {
	min-height: 550px;
	height: 100%;
}

body#wishlist #main {
	background: url(../pictures/back-wishlist.jpg) no-repeat top center;
}

body#bookings #main {
	background: url(../pictures/back-bookings.jpg) no-repeat top center;
}

body#modeling #main {
	background: url(../pictures/back-modeling.jpg) no-repeat top center;
}

body#join #main {
	background: url(../pictures/back-join.jpg) no-repeat top center;
}

body#links #main, body#support #main, body#privacy #main, body#sitemap #main, body#copyright #main {
	background: url(../pictures/back-links.jpg) no-repeat top center;
}

body#contact-me #main {
	background: url(../pictures/back-contact-me.jpg) no-repeat top center;
}

body#customer-support #main {
	background: url(../pictures/back-customer-support.jpg) no-repeat top center;
}

body#model-for-me #main {
	background: url(../pictures/back-model-for-me.jpg) no-repeat top center;
}

body#terms-and-privacy #main {
	background: url(../pictures/back-terms-and-privacy.jpg) no-repeat top center;
}

body#map #main {
	background: url(../pictures/back-map.jpg) no-repeat top center;
}

body#copyright-kyla-cole-llc #main {
	background: url(../pictures/back-copyright-kyla-cole-llc.jpg) no-repeat top center;
}

/*vyska a padding vnutorneho textu*/
body#links div#maintext, body#about-kyla div#maintext, body#copyright div#maintext, body#sitemap div#maintext, body#support div#maintext, body#join div#maintext {
	height: 600px;
	padding:80px 60px 0px 60px;
}

body#links div#main>#maintext, body#about-kyla div#main>#maintext, body#copyright div#main>#maintext, body#sitemap div#main>#maintext, body#support div#main>#maintext, body#join div#main>#maintext {
	min-height: 600px;
	height: 100%;
}

body#bookings div#maintext {
	height: 540px;
	padding: 140px 20px 0px 360px;
}

body#bookings div#main>#maintext {
	min-height: 540px;
	height: 100%;
}

body#wishlist div#maintext {
	height: 480px;
	padding: 200px 20px 0px 305px;
}

body#wishlist div#main>#maintext {
	min-height: 480px;
	height: 100%;
}

/*end*/

#clanok {
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 20px 0px;
	color: #ffffff;
}

#clanok-title {
	padding: 15px 0px 20px 0px;
	font-size: 150%;
	font-weight: bold;
}

#blog {
	padding: 150px 40px 0px 40px;
	height: 530px;
}

#main>#blog {
	min-height: 530px;
	height: 100%;
}

#blog hr {
	margin: 20px 0px 20px 0px;
}

#blog-forum td {
	padding: 5px 0px 5px 10px;
	border-bottom: #337B8D solid 1px;
}

#blog-forum .blog-text td a {
	color: #ffffff;
}

#blog-forum .news-text td a {
	color: #ffffff;
	font-weight: bold;
}

#blog-forum .blog-text td a:hover, #blog-forum .news-text td a:hover {
	color: #e6e7e8;
}

#blog-forum .blog-title td {
	border-bottom: #337B8D solid 1px;
	padding: 15px 0px 5px 10px;
}

label {
	display: block;
	width: 350px;
	text-align: right;
}

a.edit-button {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	margin: 3px;
	padding: 1px;
}

.edit-button:hover {
	font-weight: bold;
	color: #000000;
}

/*login*/
#login {
	padding: 40px 40px 500px 0px;
	font-weight: bold;
}

#login fieldset, #blog fieldset, #join fieldset {
	padding: 20px 20px 20px 20px;
	font-weight: bold;
}

#login fieldset legend, #blog fieldset legend, #join fieldset legend {
	padding: 0px 20px 0px 20px;
	font-size: 120%;
}

#login label, #blog label, #join label {
	display: block;
	text-align: right;
	margin: 0px 0px 10px 0px;
	color: #ffffff;
	width: 350px;
}

#join label {
	width: 500px;
}

#blog textarea {
	background: #e6e7e8;
	font-family: arial, sans-serif;
	width: 300px;
}

#login input, #blog input, #join input {
	width: 200px;
	margin: 0px 0px 0px 10px;
}

#login input#submit, #blog input#submit, #join input#submit {
	width: 100px;
	padding: 5px 5px 5px 5px;
	background: #012B34;
}
/* /login*/

body#kyla-cole-shop a.goods, body#my-friends a.goods, body#kyla-cole-shop a.goods {
	color: #ffffff;
	float: left;
	margin: 0px 20px 0px 0px;
}

body#my-world div.goods, body#my-world-paid div.goods {
	color: #ffffff;
	float: left;
	margin: 0px 10px 20px 0px;
	display: block;
}

body#my-world-paid-gallery div.goods, body#my-friends div.goods, body#kyla-cole-shop div.goods, body#copyright div.goods {
	color: #ffffff;
	float: left;
	margin: 0px 20px 20px 0px;
	display: block;
}
	
body#my-world div.goods a, body#my-world-paid div.goods a, body#my-world-paid-gallery div.goods a, body#my-friends div.goods a, body#kyla-cole-shop div.goods a {
	color: #ffffff;
}

fieldset#addnew label{
	color: #ffffff;
	text-align: left;
}

fieldset#addnew input{
	background: #e6e7e8;
}

table#menu, table#top {
	width: 760px;
	display: block;
	clear: both;
}

table#menu td {
	text-transform: none;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 0px 5px;
	text-align: right;
}

#menu td a {
	font-weight: normal;
	color: #4A89A7;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	letter-spacing: 0.1em;
}

#menu td a:hover, #top td a:hover, #top span, #footer a:hover {
	color: #C80A0B;
	text-decoration: none;
}

table#top td {
	font-weight: bold;
	color: #ffffff;
	text-transform: none;
	font-size: 130%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	letter-spacing: 0.05em;
}

#top td a {
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#news {
	padding: 490px 0px 0px 520px;
}

#news p {
	padding: 0px 0px 20px 0px;
	height: 200px;
}

#main>#news p {
	height: 100%;
	min-height: 200px;
}

img.news  {
	padding: 0px 10px 10px 0px;
}

#warning {
	display: block;
	clear: both;
	font-size: 85%;
	text-align: center;
	color: #FF0000;
	padding: 20px 0px 0px 0px;
}

#mozilla {
	width: 760px;
	height: 18px;
	display: block;
	clear: both;
}

div#footer {
	width: 760px;
	text-align: center;
	font-size: 85%;
    font-weight: normal;
    margin:  0px 0px 0px 0px;
	padding: 50px 0px 20px 0px;
	display: block;
	clear: both;
}

#footer a {
	color: #4A89A7;
	text-decoration: none;
}

a {
	color: #ff0000;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}

img.mainfoto {
	float: right;
	margin: 0px 0px 0px 5px;
}

img.leftfoto {
	float: left;
	margin: 0px 10px 0px 0px;
}

/* koniec layout */


#center {
	text-align: center;
	}


/* headers */

h1 {
	font-size: 200%;
	font-weight: bold;
	text-align: right;
    color: #373737;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
    text-transform: uppercase;
	letter-spacing: 0.3em;
}

h2 {
	font-size: 200%;
	font-weight: bold;
    color: #373737;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 10px 0px;
    text-transform: uppercase;
}

body#modeling h2 {
	font-size: 130%;
	font-weight: bold;
    color: #ff0000;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
    text-transform: none;
}

h3 {
	font-size: 100%;
	height: 24px;
    color: #ffffff;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
}

h3 a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

h3 a:hover {
	color: #ffffff;
	text-decoration: none;
}

h4 {
	font-size: 120%;
    color: #DD8C00;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-transform: uppercase;
}

/* koniec headers */


/* par */

input, textarea, select {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	border: #555555 1px solid;
	padding: 3px 5px 3px 5px;
	width: 200px;
}

select {
	width: 210px;
	background: #ffffff;
}

textarea {
	height: 200px;
}

input#submit {
	margin: 0px 0px 0px 0px;
	cursor: hand;
	background: url(../pictures/back-button.jpg) repeat-x center center;
	color: #ffffff;
	padding: 0px 3px 0px 3px;
	border: #555555 1px solid;
	font-size: 120%;
}

a.submit {
	margin: 0px 0px 0px 0px;
	background: url(../pictures/back-button.jpg) repeat-x center center;
	color: #ffffff;
	padding: 3px 5px 3px 5px;
	border: #555555 1px solid;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}

a:hover.submit {
	text-decoration: none;
	color: #ffffff;
}

img {
	border: 0px;
	vertical-align: middle;
}

/* koniec par */

table {
	font-family: sans-serif;
	font-size: 100%;
	width: 100%;
}

	@font-face {
		font-family: 'kcmlight';
		src: url('/fonts/kcmlight-webfont.woff2') format('woff2'),
			url('/fonts/kcmlight-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kcmmedium';
		src: url('/fonts/kcmmedium-webfont.woff2') format('woff2'),
			url('/fonts/kcmmedium-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}