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, font, img, ins, kbd, q, s, samp, hr, 
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 {background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
sup {vertical-align:super;font-size:smaller;}
input, select, textarea {font:100% Lato, Arial, Tahoma, Verdana, serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input {-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;outline:none;}
select {-webkit-border-radius:0px;border-radius:0;outline:none;}
html,body {-webkit-text-size-adjust:100%;width:100%;height:100%;}
input[type=text], input[type=password], textarea {border:1px solid #eee;padding:0.5em;background-color:#f6eea6;font-size:0.8em;border:1px solid #ccc;margin:0.3em 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;}
input[type=text]:focus, input[type=password]:focus {border:1px solid #ccc;padding:0.5em;background-color:#fff;}
input[type=button], input[type=submit] {border:1px solid #f9ec07;background-color:#f9ec07;color:#000;padding:0.5em 1em;margin:0.3em 0;font-weight:normal;}
input[type=button]:hover, input[type=submit]:hover {border:1px solid #333;background-color:#333;color:#f9ec07;cursor:pointer;}
#clear {border:0;clear:both;margin:0;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body {font:100% Lato, Arial, Tahoma, Verdana, serif;font-weight:300;line-height:1.6;padding:0;margin:0;position:relative;font-size:1.2vw;background-color:#fff;}

#topmenu {background-color:#fff;padding:1em 4em;}
#topmenu .logo {float:left;}
#topmenu .logo img {height:3em;}
#topmenu .menu {float:right;line-height:3em;}
#topmenu .menu > ul {list-style-type:none;padding:0;margin:0;position:relative;}
#topmenu .menu ul li {display:inline-block;padding:1em 1em;font-size:0.7rem;line-height:1.3em;text-align:center;vertical-align:middle;position:relative;}
#topmenu .menu ul li:hover {background-color:#eee;}
#topmenu .menu ul li a {text-decoration:none;font-weight:bold;color:#000;text-transform:uppercase;}
#topmenu .menu ul ul {position:absolute;left:999%;top:3em;background-color:#fff;}
#topmenu .menu ul ul li {width:20em;}
#topmenu .menu ul li:hover ul {left:0;}

#header {width:100%;height:400px;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

#content {padding:0 4em;margin:5em 0;border-left:4em solid #f0f0f0;border-right:4em solid #f0f0f0;}
#content > h1 {font-weight:900;font-size:1.4em;letter-spacing:0.1em;margin:0 0 2em;padding:1em 0;border-bottom:1px solid #ccc;}
#content > h1 img {height:1em;margin:0 1em -0.1em 0;}
#content ol, #content ul {margin-left:2em;}
#content ul {list-style-type:circle;}
#content p {margin:1em 0;}
#content strong {font-weight:700;color:#333;}
#content a {color:#0072bc;text-decoration:none;}
#content a:hover {color:#333;}
#content table {border-spacing:0;border-collapse:collapse;}
#content table tr td {padding:0.2em 1em;}
#content table.grid tr td {border:1px solid #ccc;min-width:10em;}

#content .homenews {border-top:1px solid #ccc;}
#content .homenews > h1 {font-weight:900;font-size:1.2em;letter-spacing:0.1em;padding:1em 0;}
#content .homenews > h1 img {height:1em;margin:0 0.5em -0.1em 0;}
#content .homenews .item {float:left;width:calc((100% - 2em) / 3);margin:0 1em 1em 0;}
#content .homenews .item:nth-of-type(3n+0) {margin-right:0;}
#content .homenews .item:hover a {color:#000;}
#content .homenews .photo img {width:100%;}
#content .homenews .caption {padding:0.5em 0;}
#content .homenews .caption a {font-weight:bold;}

#content .news {margin:0 0 2em;padding:0 0 2em;border-bottom:1px solid #ccc;}
#content .news .photo {float:left;width:30%;}
#content .news .photo img {width:100%;}
#content .news .content {float:left;width:calc(70% - 2em);margin-left:2em;}
#content .news .content.full {width:100%;margin-left:0;}
#content .news .content h1 {font-size:1.4em;}
#content .news .content h2 {font-size:0.9em;font-weight:normal;color:#999;}
#content .news .content .readmore {float:right;}

#content .newsdetail {float:left;width:70%;}
#content .newsdetail .photo {margin:0 0 1em;}
#content .newsdetail .photo img {width:100%;}
#content .newsdetail .content.full {width:100%;margin-left:0;}
#content .newsdetail .content h1 {font-size:1.6em;}
#content .newsdetail .content h2 {font-size:0.9em;font-weight:normal;color:#999;font-style:italic;}
#content .newsdetail .media {padding:1em 0;}
#content .newsdetail .media .item {float:left;width:calc((100% - 1em) / 2);margin:0 1em 1em 0;}
#content .newsdetail .media .item:nth-of-type(2n+1) {clear:both;}
#content .newsdetail .media .item:nth-of-type(2n+0) {margin-right:0;}
#content .newsdetail .media .item img {width:100%;border:1px solid #ccc;}
#content .newsdetail .media .item .caption {color:#000;padding:0.5em 0;font-size:0.8em;}

#content .othernews {float:left;width:calc(30% - 2em);margin-left:2em;}
#content .othernews h1 {border-bottom:1px solid #999;padding:0 0 0.5em;margin:0 0 1em;}
#content .othernews ul {list-style-type:none;margin-left:0;}
#content .othernews ul li {margin:0.5em 0 1em;line-height:1.2em;}
#content .othernews ul li span {font-size:0.9em;font-weight:normal;color:#999;font-style:italic;}
#content .othernews ul li a {color:#000;}
#content .othernews ul li a:hover {color:#999;}

#content .gallery {float:left;width:calc((100% - 4em) / 3);margin:0 2em 2em 0;}
#content .gallery:nth-of-type(3n+1) {clear:both;}
#content .gallery:nth-of-type(3n+0) {margin-right:0;}
#content .gallery .photo img {width:100%;}
#content .gallery .title {padding:0.5em 0;}

#content .gallerydetail {}
#content .gallerydetail h1 {margin:0 0 1em 0;font-size:1.5em;}
#content .gallerydetail .media {padding:1em 0;}
#content .gallerydetail .media .item {float:left;width:calc((100% - 4em) / 3);margin:0 2em 2em 0;}
#content .gallerydetail .media .item:nth-of-type(3n+1) {clear:both;}
#content .gallerydetail .media .item:nth-of-type(3n+0) {margin-right:0;}
#content .gallerydetail .media .item img {width:100%;border:1px solid #ccc;}
#content .gallerydetail .media .item .caption {color:#000;padding:0.5em 0;font-size:0.8em;}

#footer {padding:2em 4em;background-color:#000;color:#fff;}
#footer .logo {float:left;margin-right:3em;}
#footer .logo img {height:2em;}
#footer .info {float:left;}