html { border: 0; margin: 0; padding: 0; }
html, html body { height: 100%; width: 100%; }
body { font-size: 100%; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video	{ border: 0; margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, dialog, footer, hettader, hgroup, menu, nav, section { display:block; }

/*-------------------------------------------------------------------------------
	Image
-------------------------------------------------------------------------------*/

object, embed {  max-width: 100%; }
img { height: auto; display: block;  overflow: hidden; }

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */

.mwidth, .mwidth > img{ max-width:100%; }
.mheight, .mheight > img{ max-height:100%; }

/*-------------------------------------------------------------------------------
	Anchor
-------------------------------------------------------------------------------*/

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }
a:hover, a:active { outline: none; cursor: pointer; }
a img { border: none; }


/*-------------------------------------------------------------------------------
	Typography
-------------------------------------------------------------------------------*/

blockquote:before, blockquote:after, q:before, q:after {  content: ''; }
blockquote, q { quotes: "" ""; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.normal{ font-weight:normal; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ text-decoration: underline; }

/*-------------------------------------------------------------------------------
	Float Left, Right, Clearfix, Alignment
-------------------------------------------------------------------------------*/

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }

.right { float:right; display:block; }
.left { float:left; display:block; }

body .show { display:block; }
body .show-0 { display:none; }
body .show-1 { display:block; }

body .hide { display:none; }
body .hide-0 { display:block; }
body .hide-1 { display:none; }

.show-if-not-empty{ display:none; }

.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.tl > img, .tr > img, .tc > img{ display: inline; }

/*-------------------------------------------------------------------------------
	List
-------------------------------------------------------------------------------*/

ul, ul li, ol, ol li { margin:0; padding: 0; list-style-type: none; }

/*-------------------------------------------------------------------------------
	Font-Face
-------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Dosis';
	src:url('../fonts/dosis/Dosis-Regular.eot');
	src:url('../fonts/dosis/Dosis-Regular.eot#iefix') format('embedded-opentype'),
		url('../fonts/dosis/Dosis-Regular.woff') format('woff'),
		url('../fonts/dosis/Dosis-Regular.ttf') format('truetype'),
		url('../fonts/dosis/Dosis-Regular.svg') format('svg');
}

@font-face {
	font-family: 'DosisM';
	src:url('../fonts/dosis/Dosis-Medium.eot');
	src:url('../fonts/dosis/Dosis-Medium.eot#iefix') format('embedded-opentype'),
		url('../fonts/dosis/Dosis-Medium.woff') format('woff'),
		url('../fonts/dosis/Dosis-Medium.ttf') format('truetype'),
		url('../fonts/dosis/Dosis-Medium.svg') format('svg');
}

@font-face {
	font-family: 'DosisB';
	src:url('../fonts/dosis/Dosis-Bold.eot');
	src:url('../fonts/dosis/Dosis-Bold.eot#iefix') format('embedded-opentype'),
		url('../fonts/dosis/Dosis-Bold.woff') format('woff'),
		url('../fonts/dosis/Dosis-Bold.ttf') format('truetype'),
		url('../fonts/dosis/Dosis-Bold.svg') format('svg');
}

@font-face {
	font-family: 'DosisXB';
	src:url('../fonts/dosis/Dosis-ExtraBold.eot');
	src:url('../fonts/dosis/Dosis-ExtraBold.eot#iefix') format('embedded-opentype'),
		url('../fonts/dosis/Dosis-ExtraBold.woff') format('woff'),
		url('../fonts/dosis/Dosis-ExtraBold.ttf') format('truetype'),
		url('../fonts/dosis/Dosis-ExtraBold.svg') format('svg');
}

b, strong{
	font-family: DosisB;
}

/*-------------------------------------------------------------------------------
	Layout
-------------------------------------------------------------------------------*/

html, body{
	background: #eb4232;
	color:#FFF;
	margin:0;
	padding: 0;
	font:25px/27px DosisB;
}

/*-------------------------------------------------------------------------------
	404 Error Page
-------------------------------------------------------------------------------*/

.error-404{
	padding:0 0 40px;
	margin:-20px 25px 15px 15px;
	background:url('../imgs/error-404-logo2.png') no-repeat 100% 40px;
}

.error-404 p,
.error-404 h1,
.error-404 h2,
.error-404 h3,
.error-404 h4,
.error-404 h5,
.error-404 h6{
	margin: 0;
	padding: 0;
}

.error-404 h1{
	font:100px/90px DosisXB;
	text-transform: uppercase;
	margin-bottom:15px;
}

.error-404 p{}

.error-404 .blue{
	color:#002c41;
}

.error-404 ul,
.error-404 ol{
	margin:10px 0;
}

.error-404 a{
	color:#002c41;
	font-family: DosisM;
}

.error-404 a:hover{
	text-decoration: underline;
}