@charset "utf-8";
/* CSS Document */

html, body
{
	margin:0;
	padding:0;
	width:100%;
	/*min-width:1020px;*/
	background-color: #252326;
}
.menu_shop {
    color: #252326;
    font-size: 18pt;
    font-weight: bold;
}
.menuTop li {
    background-color:#d2e102;
    padding: 10px 15px 10px 15px;
}

img {
border:0;
}
p
{
	margin:0;
	padding:0;
}
a
{
	text-decoration:none;
	color:#c2d902;
}
a:hover
{
	text-decoration:none;
}
#menubar
{
	height:101px;
	/*background-color:#ef5ea1;*/
	background-image:url(images/topbar.png);
	background-repeat:repeat-x;
	padding-top:29px;
	position:fixed;
	top:0;
	width:100%;
	z-index:10000;
}
#logo
{
	margin-left:29px;
	height:61px;
	float:left;
}
.menuTop
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float:right;
	margin-right:50px;
}
.menuTop li
{
	cursor: pointer;
	display: inline-block;
}
.menuTop li a 
{
	display: block;
}
.menu_about
{
	background-image:url(images/menu_about.png);
	width:91px;
	height:55px;
}
.menu_games
{
	background-image:url(images/menu_games.png);
	width:93px;
	height:55px;
}
.menu_awards
{
	background-image:url(images/menu_awards.png);
	width:114px;
	height:55px;
}
.menu_contacts
{
	background-image:url(images/menu_contacts.png);
	width:133px;
	height:55px;
}
#banner
{
	text-align:center;
}
#sections
{
	/*padding-left:29px;
	padding-right:29px;*/
}
#section_games
{
	margin-top:20px;
	border-top:15px solid #f9c7dd;
	border-bottom:15px solid #f9c7dd;
	border-left:20px solid #f9c7dd;
	border-right:20px solid #f9c7dd;
}
#section_about
{
	background-color:#a54481;
	height:488px;
	margin-top:41px;
	position:relative;
}
#section_awards
{
	background-color:#b3d10d;
	height:488px;
	margin-top:41px;
	position:relative;
}
#section_contacts
{
	background-color:#ea5ea1;
	
	margin-top:20px;
	padding-bottom:20px;
	position:relative;
color:#ffffff;
}
#content
{
	margin-top:112px;
}
.separator {
	height:20px;
	background-color: #252326;
}
.gamesDiv
{
	margin-top:20px;
}
.gamesDiv img
{
	/*margin-left:29px;*/
}
.aboutDiv
{
	margin-top:50px;
}
.about_text
{
	color: #e6bdd7;
	font-family:Tahoma;
	font-size:16pt;
	margin-left:330px;
	padding-top:29px;
	margin-right:29px;
}
#about_header
{
	position:absolute;
	top:-20px;
	left:-20px;
	background-image:url(images/about_header.png);
	width:322px;
	height:179px;
	z-index:1;
}
.awardsDiv
{
	margin-top:30px;
}
.awards_text
{
	padding-top:50px;
	margin-left:300px;
	height:3px;
	background-image:url(images/dotted.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#awards_header
{
	position:absolute;
	top:-20px;
	left:-20px;
	background-image:url(images/awards_header.png);
	width:322px;
	height:179px;
	z-index:1;
}
#contacts_header
{
	position:absolute;
	top:-20px;
	left:-20px;
	background-image:url(images/contacts_header.png);
	width:322px;
	height:179px;
	z-index:1;
}
.contactsDiv
{
	margin-top:20px;
}
.contacts_text
{
	padding-top:20px;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16pt;
	line-height:24pt;
}
.contacts_text span
{
	color:#b3d10d;
}
#footer
{
	height:70px;
	background-color:#d50d8b;
	text-align:center;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14pt;
	padding-top:25px;
}
.supported
{
	color:#c2d902;
	font-size:12pt;
	margin-top:10px;
}
.banner_nail {
  position: absolute;
  bottom: 15px;
  right: 6%;
}
.banner_pets {
    position: absolute;
  top: 30%;
  right: 6%;
}
.banner_pets img {
    display:block;
}
.banner {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -260px /* negative half the width */
}
.banner2 {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -100px /* negative half the width */
}
.banner-mobile {
	display: none;
}
#logo img {
	
}
#watchImg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 100px;
    margin-top: -55px;
    height: 90px;
    cursor: pointer;
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .banner {
        bottom: 5px;
  margin-left: -210px !important; /* negative half the width */
}
  .banner img {
    width: 200px !important;
  }
  .banner_nail img {
    width: 200px !important;
  }
  .banner_pets img {
    width: 200px !important;
  }
  .banner2 {
        bottom: 5px;
  margin-left: -100px !important; /* negative half the width */
}
  .banner2 img {
    width: 200px !important;
  }
  #watchImg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 80px;
    margin-top: -40px;
    height: 70px;
}
}
@media only screen and (min-width: 1024px) {
    .banner {
  margin-left: -260px; /* negative half the width */
}
  .banner img {
    width: 250px;
  }
  .banner_nail img {
    width: 250px;
  }
  .banner_pets img {
    width: 250px;
  }
  .banner2 {
  margin-left: -125px; /* negative half the width */
}
  .banner2 img {
    width: 250px;
  }
}
@media only screen and (max-width: 600px) {
    html, body
{
    width: 100vw;
        max-width: 100%;
}
.menuTop
{
	margin-right:25px !important;
}
    .banner-img {
		display: none;
	}
	.banner-mobile {
		display: inline;
	}
	#content {
		margin-top: 80px;
		width: 100%;
	}
	#menubar
	{
		height:65px;
		padding-top:15px;
		width: 100vw;
        max-width: 100%;
	}
	#logo
	{
		margin-left:10px;
		height:50px;
	}
	#logo img {
		height: 50px;
	}
	  .banner {
		  width: auto;
		margin-left: -100px; /* negative half the width */
	  }
		.banner img {
		  width: 200px;
		  display: block;
		}
		.banner_nail {
		  width: auto;
		margin-left: -100px; /* negative half the width */
	  }
		.banner_nail img {
		  width: 200px;
		  display: block;
		}
		
		.banner_pets {
		  width: auto;
		margin-left: -100px; /* negative half the width */
		bottom: 15px !important; 
		top: inherit !important;
  right: 30% !important;
		
	  }
		.banner_pets img {
		  width: 200px;
		  display: block;
		}
		.banner2 {
		  width: auto;
		margin-left: -100px; /* negative half the width */
	  }
		.banner2 img {
		  width: 200px;
		  display: block;
		}
		  #watchImg {
    width: auto;
    height:68px;
    margin-left: -68px;
    
}
}