/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, h1, h2, h3, h4, p, blockquote, pre, a, cite, em, img, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, caption, tbody, article, embed, figure, figcaption, footer, header, menu, nav, section, summary, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1.1;} ol, ul {list-style: none;} /* end */ body {color: #000; background: #fff; font-family: Verdana, sans-serif; font-size: 1em; text-align: center;} h1 {font-size: 1.3em; margin: 3% 3% 8% 3%;} h2 {font-size: 1.2em;} h3 {font-size: 1.1em;} .nav {display: none; width: 100%; margin: 0;} a {text-decoration: none; color: #aa0000;} .nav ul li {float: right;} .nav a {display: block; float: none; margin: 0; color:#a69150; padding: 0.6em;} .ie8 {width: 600px;} .ie8sm {width: 200px;} .wrp {margin: 10% auto 2% auto; width: 90%;} img {border-width: 0; max-width: 100%;} .wds img {box-shadow:0 .5em 1em 0 rgba(0,0,0,0.4),0 .4em 1.3em 0 rgba(0,0,0,0.3);} .fp {display:block; margin: 2% auto; max-height: 100%;} .fp2 {display:block; margin: 2%; max-width: 10em;} p {line-height: 1.3; margin: .5em 0 .8em 0;} .sm {font-size: .8em;} .bk, .bk2, .bk3 {position: relative; margin: 0 auto 2% auto;} .bk {width: 60%;} .bk img, .bk2 img, .bk3 img {margin: 0 auto;} .wds {display:block; padding: 0 0 2% 0;} .cp, .cm {width: 89%; margin: 0 auto;padding:0 0 0 6%;} .cp {overflow: hidden;} .proud, .sfp, .apr {margin: .1em; border: solid 1px #400;float: left;} .proud {margin: 11% .1em .1em .1em;} .proud,.sfp {width: 43%;} .apr {width: 38%;} .m, .rm {width: 42%; float: left; margin: .1em; padding: 7% .8%; border: solid 1px #400;} .rm {background: -moz-linear-gradient( top left,rgba(255, 0, 0, 1) 0%,rgba(255, 255, 0, 1) 15%,rgba(0, 255, 0, 1) 30%, rgba(0, 255, 255, 1) 50%,rgba(0, 0, 255, 1) 65%,rgba(255, 0, 255, 1) 80%,rgba(255, 0, 0, 1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(15%, rgba(255, 255, 0, 1)), color-stop(30%, rgba(0, 255, 0, 1)),color-stop(50%, rgba(0, 255, 255, 1)),color-stop(65%, rgba(0, 0, 255, 1)), color-stop(80%, rgba(255, 0, 255, 1)),color-stop(100%, rgba(255, 0, 0, 1)));} .clr {position: relative; clear: both; padding: 0;} .clrdos {position: relative; clear: both; padding: 3% 0 3% 0;} .bold {font-weight:bold;} .boldital {font-style:italic; font-weight:bold;} @media only screen and (max-aspect-ratio: 1/1) {.bk {width: 98%;margin: 0 auto 30% auto;}} @media screen and (min-width: 250px) {.m, .rm {width: 29%;} .bk2{width: 75%;} .bk3{width: 95%;}} @media screen and (min-width: 320px) {.m, .rm {width: 21%;}.cp {padding: 0 0 0 8%;}} @media screen and (min-width: 550px) {.proud, .sfp {width: 21%;}.proud {margin: 5.5% .1em .1em .1em;}.apr {width: 30%;}} @media screen and (min-width: 750px) {body {font-size: 1.063em;} .cm {max-width: 70%;padding: 0 0 0 4%;} .bk2 {width: 75%;}} @media screen and (min-width: 900px) {.bk2 {width: 60%;}} @media screen and (min-width: 1200px) {.bk2 {width: 45%;}} @media screen and (min-width: 1440px) {.bk3 {width: 90%;}} @media screen and (min-width: 1600px) and (max-width: 1799px) {body {font-size: 1.125em;}} @media screen and (min-width: 1800px) and (max-width: 1999px) {body {font-size: 1.25em;}} @media screen and (min-width: 2000px) and (max-width: 2399px) {body {font-size: 1.313em;}} @media screen and (min-width: 2400px) and (max-width: 2799px) {body {font-size: 1.688em;}} @media screen and (min-width: 2800px) and (max-width: 2999px) {body {font-size: 1.75em;}} @media screen and (min-width: 3000px) and (max-width: 3399px) {body {font-size: 2em;}} @media screen and (min-width: 3400px) and (max-width: 3799px) {body {font-size: 2.188em;}} @media screen and (min-width: 3800px) and (max-width: 3999px) {body {font-size: 2.375em;}} @media screen and (min-width: 4000px) and (max-width: 4399px) {body {font-size: 2.5em;}} @media screen and (min-width: 4400px) and (max-width: 4799px) {body {font-size: 2.75em;}} @media screen and (min-width: 4800px) {body {font-size: 2.938em;}}