@import url("../webfonts/supermarket/stylesheet.css");

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	text-decoration: none;	
	line-height:160%;
}
.white{
	color:#FFF;
	text-decoration: none;
}
.black{
	color:#000;
	text-decoration:none;
}
.gray{
	color:#999;
	text-decoration:none;
}
.orange{
	color:#ff7200;
	text-decoration:none;
}
.green{
	color:#21ad37;
	text-decoration: none;
}
.greenlink{
	color:#000;
	text-decoration: none;
}
.greenlink:hover{
	color:#70b810;
	text-decoration: none;
}
.blue{
	text-decoration: none;
	color:#006de7;
}
.bluelink{
	color:#000;
	text-decoration: none;
}
.bluelink:hover{
	color:#00a4ff;
}
.red{
	color:#ED1D24;
	text-decoration: none;
}
.red1{
	color:#ba0808;
	text-decoration: none;
}
.redlink{
	color:#000;
	text-decoration:none;
}
.redlink:hover{
	color:#ED1D24;
}
#redlink{
	color:#ED1D24;
	text-decoration:none;
}
#redlink:hover{
	text-decoration:underline;
}
.backlink{
	color:#000;
	text-decoration:none;
}
.backlink:hover{
	color:#ED1D24;
}
.whitelink{
	color:#000;
	text-decoration:none;
}
.whitelink:hover{
	color:#fff;
}
.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;
}
.super60{
	font-family: supermarket;
	font-size: 60px;
	text-decoration: none;
	font-weight: 600;
	color: #000;
	font-style: italic;
}
.super601{
	font-family: supermarket;
	font-size: 60px;
	text-decoration: none;
	font-weight: 600;
	color: #FFF;
	font-style: oblique;
}
.font10{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: none;
	line-height:140%;
}
.font14{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;	
	line-height:140%;
}
.disnone{
	display:none;
}
.radius{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.radiustop{
	-webkit-border-top-radius: 10px;
	-moz-border-top-radius: 10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
.shadow{
	border: thin solid #FFF;
	box-shadow: 0px 0px 10px #CCC;
	border-radius:10px;
}
.shadow:hover{
	box-shadow: 0px 0px 10px #999;
}
.shadow10{
	box-shadow: 0px 2px 10px #999;
}
.bggray{
	background-image: url(../images/bggray.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.footer{
	border-top-width:thick;
	border-top-style: solid;
	border-top-color: #ED1D24;	
}
.head1{
	border-top-width:thick;
	border-top-style: solid;
	border-top-color: #404d53;
}
.borderall{
	border: thin solid #000;	
}
.borderheader{
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #399d00;
}
.bordertop{
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ccc;
}
.borderfooter{
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #ff7200;
}
.borderais{
	border: thin solid #8CC63E;	
}
.borderdtac{
	border: thin solid #25c5eb;	
}
.bordertrue{
	border: thin solid #ed1d24;	
}
.borderright{
	border-right-width: thin;
	border-right-style: double;
	border-right-color: #000;
}
.borderdown{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.borderbottom{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;	
}
.padding{
	padding:5px 10px;
}
.paddinglr{
	padding:0px 20px;
}
.margin{
	margin-right:10px;
}
.block{
	display: block;
}
.menu{
	display: block;
	width: 100%;
	height:100%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: supermarket;
	font-size: 22px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 140%;	
}
.menu:hover{
	color: #fff;
	background-color:#8cc63e;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;
}
.menu1{
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #999;
	background-color:#999;	
}
.menu1:hover{
	background-color:#999;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;	
}
.menu2{
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #58c826;	
	background-color:#58c826;
}
.menu2:hover{
	background-color:#58c826;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;	
}
.menu3{
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #25c5eb;
	background-color:#25c5eb;	
}
.menu3:hover{
	background-color:#25c5eb;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;	
}
.menu4{
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #ed1d24;	
	background-color:#ed1d24;
}
.menu4:hover{
	background-color:#ed1d24;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;	
}
.menu5{
	border-top-width:thick;
	border-top-style: solid;
	border-top-color: #ffa800;	
}
.menu5:hover{
	background-color:#ffa800;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-ms-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;	
}
.blockright{
	display: block;
	padding:2px;
	text-align:left;
	border: thin solid #ccc;	
	width:70px;
	height:70px;
}
.blockright:hover{
	border: thin solid #000;
	-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;	
}
.thumbnail {
  position: relative;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.thumbnail 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%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}
.textbox150 {
	font-family: supermarket, Geneva, sans-serif;
	font-size: 18px;
	height: 30px;
	clear: left;
	margin: 0;
	width: 150px;
}
.textbox200 {
	font-family: supermarket, Geneva, sans-serif;
	font-size: 18px;
	height: 30px;
	clear: left;
	margin: 0;
	width: 200px;
}
.textbox350 {
	font-family: supermarket, Geneva, sans-serif;
	font-size: 18px;
	height: 30px;
	clear: left;
	margin: 0;
	width: 350px;
}
.input{
	font-family: supermarket, Geneva, sans-serif;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	border: none;
	background-color: #7c7a7a;
	width: 200px;
	height: 40px;
}
.input:hover{
	background:#ED1D24;
}
.tel{
	text-decoration:none;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	border: thin solid #000;
	background-color: #f00;
	padding:3px 5px;
}
.tel:hover{
	color: #fff;
	background:#f00;
}
.telline{
	text-decoration:none;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	border: thin solid #000;
	background-color: #5dd812;
	padding:3px 5px;
}
.telred{
	display:inline-block;
	text-decoration:none;
	font-size: 26px;
	color: #fff;
	cursor: pointer;
	border: thin solid #000;
	background-color: #f00;
	padding:3px 5px;
}
.telgreen{
	display:inline-block;
	text-decoration:none;
	font-size: 26px;
	color: #fff;
	cursor: pointer;
	border: thin solid #000;
	background-color: #5dd812;
	padding:3px 5px;
}
.table {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding:5px 10px;
}
.tableb {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding:5px 10px;
}
.table1 {
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding:5px 10px;
}
.tableb1 {
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #000;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding:5px 10px;
}
@media screen and (max-width: 767px)
{
body{
	font-size: 36px;
	max-width:100%;
}
.xsnone{
	display:none;
}
.disnone{
	display:block;
}
.font14{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	text-decoration: none;	
	line-height:150%;
}
.tel{
	font-size: 20px;
}
.font30{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 40px;
	text-decoration: none;	
}
.super30{
	font-size: 40px;
}
}
@media screen and (min-width: 768px)
{
.disnone{
	display:none;
}
.xsnone{
	display:block;
}
}