@charset "utf-8";
@import url("../webfonts/supermarket/stylesheet.css");
@import url("../webfonts/circular/stylesheet.css");
/* CSS Document */

.white{
	color:#FFF;
	text-decoration: none;
}
.blue{
	color:#006cff;
	text-decoration: none;
}
.gray{
	color:#666;
	text-decoration: none;
}
.red{
	color:#C00;
	text-decoration: none;
}
.fontfooter{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#b1b1b1;
	text-decoration: none;
}
.fontfooter:hover{
	color:#FFF;
	text-decoration: none;
}
.orange{
	color:#ED6B49;
	text-decoration: none;
}
.green{
	color:#84d722;
	text-decoration: none;
}
.greenlink{
	color:#000;
	text-decoration: none;
}
.greenlink:hover{
	color:#6ab80d;
	text-decoration: none;
}
.whitelink{
	color:#FFF;
	text-decoration:underline;
}
.super18{
	font-family: supermarket;
	font-size: 18px;
	text-decoration: none;	
}
.super20
{
	font-family: supermarket;
	font-size: 20px;
	text-decoration: none;	
}
.super24{
	font-family: supermarket;
	font-size: 24px;
	text-decoration: none;	
}
.super30{
	font-family: supermarket;
	font-size: 30px;
	text-decoration: none;
}
.super48{
	font-family: supermarket;
	font-size: 48px;
	text-decoration: none;
}
.super60{
	font-family: supermarket;
	font-size: 60px;
	text-decoration: none;
}
.font10{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: none;
	line-height:140%;
}
.font12{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#000;	
	line-height:140%;
}
.font14{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color:#333;	
}
.font20{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	text-decoration: none;
	color:#333;	
}
.orange{
	color: #ff8400;
	text-decoration: none;	
}
.borderfooter{
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #ED6B49;
}
.bordertop{
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #000;
}
.radius{
	border-radius:10px;
}
.padding10{
	padding: 10px;	
}
.paddingtop{
	padding-top: 10px;	
}
.click{
	width: 100px;
	height: 30px;
	padding-top:5px;
	background-color: #09F;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-family: supermarket;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;	
	border-radius:10px;
}
.click:hover{
	background-color:#06C;
}
.page {
	background-color: #CCC;
	color: #333;
	text-decoration: none;
	width: 20px;
	display: inline-block;
	padding: 5px;
	margin: 5px;
}
.page:hover {
	background-color: #51c0f4;
}
.page1 {
	background-color: #51c0f4;
	color: #333;
	text-decoration: none;
	padding: 5px;
	width: 20px;
	margin: 5px;
	display: inline-block;
}
.bordertopdown{
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;	
	box-shadow: 0px 0px 10px #CCC;
}
.borderdown{
	border-bottom-width:thin;
	border-bottom-style: solid;
	border-bottom-color: #2c2c2c;	
}
.bordercontent{
	border-bottom-width:thin;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;	
}
.borderwhite{
	border-bottom-width:thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
}
.borderright{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #b1b1b1;
}
.menu{
	display: block;
	padding-top:15px;
	padding-bottom:15px;
	font-family: supermarket;
	font-size: 20px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.menu:hover{
	background-color:#06F;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.radiusleft{
	border-top-left-radius: 70px;
	border: thin solid #FFF;
	box-shadow: 0px 0px 20px #999;
	margin:10px;	
	margin-left:00px;
}
.radiusright{
	border-top-right-radius: 70px;
	border: thin solid #FFF;
	box-shadow: 0px 0px 20px #999;
	margin:10px;
	margin-left:00px;
}
.shadow{
	border: thin solid #FFF;
	box-shadow: 0px 0px 20px #999;
	margin:10px;
	margin-left:00px;
}
.textbox150 {
	font-family: supermarket, Geneva, sans-serif;
	font-size: 18px;
	height: 20px;
	clear: left;
	margin: 0;
	width: 150px;
}
.textbox200 {
	font-family: supermarket, Geneva, sans-serif;
	font-size: 18px;
	height: 30px;
	clear: left;
	margin: 0;
	width: 200px;
}
.input{
	font-family: supermarket, Geneva, sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
	border-left: none;
	border-top: none;
	margin: 5px 0 5px 0;
	background-color: #7c7a7a;
	width: 100px;
	height: 30px;
}

.input:hover{
	background-color: #91db3a;
}
.tablecell{
	display: table-cell;    
     text-align: center;    
     vertical-align: middle;  
	 height:275px;
	width:200px;
	background-color:#FFF;
}
.menublock{
	display: block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	font-family: supermarket;
	font-size: 24px;
	text-decoration: none;
	color: #333;
	text-align: left;
	vertical-align: middle;
	background:#820e0e;
	color:#FFF;
}
.menublockblack{
	display: block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	font-family: supermarket;
	font-size: 24px;
	text-decoration: none;
	color: #333;
	text-align: left;
	vertical-align: middle;
	background:#333;
	color:#FFF;
}
.block {
	display:block;
	-moz-box-shadow: 0px 0px 10px #999;  
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	transition: all 0.1s;
	padding: 10px;
	margin: 5px;
	border-radius:5px;
	background-color:#FFF;
	width:230px;
	height:310px;
	float: left;
}
.block:hover {
  -moz-box-shadow: 0px 0px 20px #999; 
	-webkit-box-shadow: 0px 0px 20px #999;
	box-shadow: 0px 0px 20px #999;
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.blockpro{
	display: inline-block;
	vertical-align: middle;
	border: thick solid #eee;
	margin: 15px 15px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
}
.blockpro:hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
.thumbnailpro {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.thumbnailpro img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnailpro img.portraitpro {
  width: 100%;
  height: auto;
}
.bgmenu{
	background-image: url(../images/bgmenu.png);
	height: 100px;
	position: absolute;
	text-align: center;
	z-index: 1500;
	vertical-align: top;	
}