@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@media screen {
/* ========== START BODY ========== */
* {
 border:0;
 margin:0;
 padding:0;
 outline:0;
}

body {
 font-size:1em;
 background:#fff;
 text-align:center;
 font-family:Lato,Arial,Helvetica,sans-serif;
}

.wrap, .pack {
 margin:0 auto;
 max-width:980px;
 position:relative;
}
/* ========== END BODY ========== */
/* ========== START HEAD ========== */
#head {
 float:left;
 width:100%;
 text-align:left;
 padding:1.6em 0;
 background:#00496f;
}

#head a {
 color:#fff;
 font-size:2em;
 font-weight:700;
 text-decoration:none;
}

#head a:hover {
 text-decoration:underline;
}
/* ========== END HEAD ========== */
/* ========== START MAIN ========== */
#main {
 float:left;
 width:100%;
 cursor:default;
 text-align:left;
}

h1 {
 color:#00496f;
 font-size:1.5em;
 font-weight:400;
 padding:1em 0 0 0;
}
/* ========== END MAIN ========== */
/* ========== START TEXT ========== */
#text {
 float:left;
 width:100%;
 cursor:default;
}

p {
 color:#5d5d5d;
 font-size:1.2em;
 text-align:left;
 padding: 0 0 0.8em 0;
}
/* ========== END TEXT ========== */
/* ========== START MORE ========== */
#more, .list {
 float:left;
 width:100%;
 padding:0 0 0.4em 0;
}

#more ul, .list ul {
 list-style:none;
 overflow:hidden;
}

#more li, .list li {
 float:left;
 width:23.5%;
 height:auto;
 display:block;
 margin:2% 2% 0 0;
 position:relative;
}

#more li:nth-child(4n), .list li:nth-child(4n) {
 margin-right:0;
}

#more img, .list img {
 width:100%;
 height:auto!important;
 vertical-align:top;
 margin-bottom:0.4em;
}

#more a, .list a {
 color:#00496f;
 display:block;
 font-size:0.9em;
 text-align:left;
 text-decoration:none;
}

#more a:hover, .list a:hover {
 color:#ff7417;
}

#more a.link, .list a.link {
 height:3.6em;
}
/* ========== END MORE ========== */
/* ========== START FOOT ========== */
#foot {
 float:left;
 width:100%;
 color:#fff;
 font-size:0.9em;
 background:#00496f;
}

#foot a {
 color:#fff;
 line-height:2.8em;
 text-decoration:none;
}

#foot a:hover {
 text-decoration:underline;
}
/* ========== END FOOT ========== */
/* ========== START ADS ========== */
#ads1, #ads3 {
 float:left;
 width:100%;
 height:90px;
 margin:1.4em 0;
 text-align:center;
}

.ads1, .ads3 {
 width:970px;
 height:90px;
 margin:0 auto;
}

#ads2 {
 float:left;
 width:100%;
 height:280px;
 margin:1.4em 0;
 text-align:center;
}

.ads2 {
 width:336px;
 height:280px;
 margin:0 auto;
}
/* ========== END ADS ========== */
}

@media (max-width:1280px){
.wrap {
 padding:0 20px;
}

.pack {
 padding:0;
}
}

@media (max-width:970px){
.ads1, .ads3 {
 width:728px;
}
}

@media (max-width:840px){
#more li, .list li {
 width:32%;
}

#more li:nth-child(3n), .list li:nth-child(3n) {
 margin-right:0;
}

#more li:nth-child(4) {
 margin-right:2%;
}

.list li:nth-child(4n) {
 margin-right:2%;
}

.list li:nth-child(12n) {
 margin-right:0;
}

#more li:nth-child(7), #more li:nth-child(8) {
 display:none;
}
}

@media (max-width:728px){
h1 {
 font-size:1.3em;
}

p {
 font-size:1.1em;
 padding: 0 0 0.6em 0;
}

#ads1 {
 height:60px;
}

.ads1 {
 width:468px;
 height:60px;
}

#ads3 {
 height:280px;
}

.ads3 {
 width:336px;
 height:280px;
}
}

@media (max-width:640px){
#more li, .list li {
 width:49%;
 margin:4% 2% 0 0;
}

#more li:nth-child(2n), .list li:nth-child(2n) {
 margin-right:0;
}

#more li:nth-child(3) {
 margin-right:2%;
}

.list li:nth-child(3n) {
 margin-right:2%;
}

.list li:nth-child(6n) {
 margin-right:0;
}

#more li:nth-child(5), #more li:nth-child(6) {
 display:none;
}
}

@media (max-width:468px){
#head {
 padding:1.2em 0;
}

#head a {
 font-size:1.6em;
}

#ads1 {
 height:100px;
}

.ads1 {
 width:320px;
 height:100px;
}
}

@media (max-width:400px){
#more li, .list li {
 width:80%;
 margin:6% 10% 0 10%;
}

#more a, .list a {
 text-align:center;
}
}

@media (max-width:336px){
h1 {
 font-size:1.2em;
}

p {
 font-size:1em;
}

#ads2, #ads3 {
 height:250px;
}

.ads2, .ads3 {
 width:300px;
 height:250px;
}
}

@media (max-width:320px){
#more img {
 width:100%;
}

#ads1 {
 height:50px;
}

.ads1 {
 width:300px;
 height:50px;
}
}

@media (max-width:300px){
#ads1 {
 height:60px;
}

.ads1 {
 width:234px;
 height:60px;
}

.ads2, .ads3 {
 width:250px;
}
}

@media print {
body {
 display:none;
}
}