<style>

@font-face{ 
	font-family: 'Robotoregular';
	src: url('robotoregular/Roboto-Regular-webfont.eot');
	src: url('robotoregular/Roboto-Regular-webfont.eot?iefix') format('eot'),
	     url('robotoregular/Roboto-Regular-webfont.woff') format('woff'),
	     url('robotoregular/Roboto-Regular-webfont.ttf') format('truetype'),
	     url('robotoregular/Roboto-Regular-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'Robotoregular';
	src: url('robotoregular/Roboto-Regular-webfont.eot');
	src: url('robotoregular/Roboto-Regular-webfont.eot?iefix') format('eot'),
	     url('robotoregular/Roboto-Regular-webfont.woff') format('woff'),
	     url('robotoregular/Roboto-Regular-webfont.ttf') format('truetype'),
	     url('robotoregular/Roboto-Regular-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'Robotoslabregular';
	src: url('robotoslabregular/RobotoSlab-Regular.eot');
	src: url('robotoslabregular/RobotoSlab-Regular.eot?iefix') format('eot'),
	     url('robotoslabregular/RobotoSlab-Regular.woff') format('woff'),
	     url('robotoslabregular/RobotoSlab-Regular.ttf') format('truetype'),
	     url('robotoslabregular/RobotoSlab-Regular.svg#webfont') format('svg');
}

.ui-page, .ui-body-c, .ui-page-active, .ui-overlay-c, .ui-mobile-viewport
{
    background-image:url('../img/pattern.jpg') !important;
}
body, .ui-overlay-c
{
   background-image:url('../img/pattern.jpg') !important;
}


body{background-image:url('../img/pattern.jpg'); font-family: 'Robotoregular', Arial, sans-serif; color: #ed1c24; font-size: 13px;}
div input{font-family: 'Robotoregular', Arial, sans-serif;-webkit-text-size-adjust: none;}
.h, .head{font-family: 'Robotoslabregular', Arial, sans-serif; font-size: 15px; margin:0; text-shadow:none;}
.head{color: #000;font-size: 17px;}
a, a:hover, a:visited, a:link{text-decoration:none; color:#333;font-family: 'Robotoregular', Arial, sans-serif;font-weight: normal;}
img{max-width: 100%; width: auto;}
ul{margin: 0 !important; padding-bottom: 20px}
li{text-shadow:none;}
#logo{height: 33px; margin: 0 0 50px 0; text-align:center}
#rightnav{text-align:right; margin: 5px 20px 0 0; font-size: 11px;}

#container{margin: 0 auto; padding: 0 20px 0 20px;}
.item { width: 180px; min-width: 180px; height: 180px; margin:5px 5px 0 0; padding:0 ;}
.item.Big { width: 365px; min-width: 365px; height: 365px; margin:5px 5px 0 0; padding:0 }
.wname{ background-color: #ed1c24; width: 100%; height: 100%; overflow: hidden;position: absolute;text-align:center; visibility: hidden;}
.wnameinner{font-size: 10px; color: #000; margin-top: 60px; padding: 10px; text-shadow:none;}
.wnameinner.Big{margin-top: 160px;}
.wthumb{position: absolute;}
#wcontainer{visibility: hidden;}
#wtext{float: left;width: 400px;text-align: left; color: #333; margin: 0 0 5px 20px}
#mr{color: #ed1c24;}
#more{visibility:hidden;position: absolute; width: 380px;background-color: #ed1c24; margin-top: 10px; color: #fff; padding: 10px; font-size: 16px; line-height: 22px;z-index: 10000; text-shadow:none;}
#navlinks{float:right; text-align: right; color: #333;margin-right: 20px;width: 250px;}
#rightnav{cursor:pointer;}
#prevl, #nextl, #mainl{color:#ed1c24; cursor:pointer;}
.dotlink{margin: 0 0 1px 2px;}
.dotlink.off{margin: 0 0 1px 2px; cursor:pointer}
#dot{color: #000;}
#imgdots{margin: 0 5px 0 20px;}
#wimage{position: relative}
#ws{outline: none; border: none;-webkit-appearance: none; -moz-appearance: none; text-align: center;font-size: 11px;font-family: 'Robotoregular', Arial, sans-serif;}
#aw{width:100%;margin: 0 auto 0 auto; padding: 0 20px 0 20px; text-align: center;}
#category{font-size: 11px; padding-top: 10px; padding-bottom: 7px;visibility: hidden;}


@media only screen and (max-width: 650px) {
	#navlinks{text-align: left; color: #333;float:none; clear:both;margin-bottom: 10px;}
	#container{}
	#dot{visibility:hidden;}
	#wtext{float: auto;text-align: left; clear:both;}
    #category{visibility:hidden;}
}
</style>