/* CSS Document */

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:none;
}
iframe{
	border:0;
}

/* ==================================================
   Basic Styles
================================================== */

html, body {
	height: 100%;
	color:#FF9933;
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}
a{
	color:#FF9933;
	text-decoration: underline;
	cursor: pointer;
	
	-webkit-transition: color 0.1s linear 0s;	
	   -moz-transition: color 0.1s linear 0s;
		 -o-transition: color 0.1s linear 0s;
		    transition: color 0.1s linear 0s;
}
a:hover{
	text-decoration:none;
}
a:hover,
a:active,
a:focus{
	outline: 0;
	color:#FFFF99;
}

a:visited { color:#CC9933; text-decoration:none;}

a > img {
	vertical-align: middle;	
	border: none;
}

.right { float:right !important; margin-left:8px; margin-top:4px; border:#e3e2e2 solid 4px; fl}
.left { float:left !important; margin-right:8px; margin-top:4px; border:#e3e2e2 solid 4px;}

/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 15px 0;
	font-weight:400;
	line-height:1.5em;
}
h1{
	font-size:120%; font-weight:bold; line-height:100%; text-align:center;
}
h1 em{ font-size:16px;
}
h2{
	font-size:30px;
}
h3{
	font-size:24px;
}
h4{
	font-size:16px;
}
h5{
	font-size:16px;
	font-weight:700;
}
h6{
	font-size:12px;
}
h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short{
	margin-bottom:5px;
}
h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
    margin-top: 22px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#333333;
	text-decoration:none;
}
.huge{
	font-size:10em;
}
blockquote{
	margin:30px 0;
	padding:0 0 0 30px;
	border-left:3px solid;
}
blockquote p{
	margin-bottom:0;
	white-space:normal;
	font-style:italic;
	font-size:20px;
	font-family: Georgia, serif;
}
p{
	font-size: medium;
	line-height:20px;
	margin:0 0 15px 0;
}
hr{
	display:block;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	height:1px;
	border:0;
	background:#eee;
}

.navigation{
	height:50px;
	text-align:center;
}
.navigation > ul > li{
	float:left;
	position:relative;
}
.navigation > ul > li > a{
	padding:15px 20px;
	display:block;
	text-decoration:none;
}
.container {
  margin-right: auto;
  margin-left: auto;
  width: 720px;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

/* ==================================================
   Basic Styles
================================================== */

body { color:#CC9933; background:#000000; font-size:medium;}

a { color: #CC9933; text-decoration:none;}

a:visited { color:#CC9933; text-decoration:none;}

a:hover { color:#FFFF99;}

a img { border:none; }

.download, .download a , .download a:link, .download a:visited, .download a:hover, .download a:active { color: #CCCCCC; text-decoration:none;}

table { border: none;}

td { border: none;}

.caption-shoe{ font-size: 1em; font-family: Ariel; width: 302px;}

.main-content { width:604px; margin: 30px auto 20px auto; line-height:150%;}

.main-content p { text-align:justify; }

.footer { width:800px; margin: 30px auto 20px auto; text-align:center; color:#dedede; font-size:small; line-height:140%;}

.footer a { color:#7F7F7F; text-decoration:none; }

.footer a:hover { color:#C90B01; text-decoration:underline; }

.topmenu a { letter-spacing:2px;}

.topmenu a:hover {color:#FFFF99;}

.special { font-size:150%; color: #CC9933;}