@charset "UTF-8";

/*---- 730 + 25 + 320 -> 1075 ------------------------------------------------------------*/
* {margin:0;padding:0;}
img {border:0; height:auto; vertical-align: middle; -ms-interpolation-mode: bicubic;}
article, aside, details, figcaption, figure, footer, header, nav, section, p, div {display:block;}
ul, ol { margin:0; padding:0; list-style: none; list-style-type:none; }
iframe { border:none;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*------------------------------------------------------------------*/

/* Mobile Layout: 480px and below. */
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y: scroll; background-color:#666;} /*16px su 16px*/
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-size:1rem; font-weight:normal; line-height:1.4; color:#000;}
h1 { font-size:18px; font-size:1.125rem; padding-top:10px; padding-left:10px; }
h2 { font-size:19px; font-size:1.1875rem; }
h3 { font-size:18px; font-size:1.125rem; }
h4 { font-size:17px; font-size:1.0625rem; }
.small { font-size:14px; font-size:0.875rem; }
.txgr {font-size:17px;font-size:1.0625rem;}
.txred { font-size:18px; font-size:1.125rem; color:#ff0000; font-weight:bold; }
a:link, a:visited { color:#ff3f3f; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
a:link.quad, a:visited.quad { color:##ff3f3f; text-decoration: underline; background-color:#000; padding: 3px 10px;}
a:hover.quad  { color:#fff; text-decoration:none; background-color:#000; padding: 3px 10px;}
a:link.lin, a:visited.lin { color:#000; text-decoration: none;}
a:hover.lin  { color:#ff0000; text-decoration:underline;}
a:link.nat, a:visited.nat { color:#000; text-decoration: none; }
a:hover.nat  { color:#000; text-decoration:underline; }
a:link.red, a:visited.red { color:#ff0000; text-decoration: none; }
a:hover.red  { color:#000; text-decoration:underline; }
#main-footer a:link, #main-footer a:visited { color:#fff; text-decoration: none; }
#main-footer a:hover { color:#fff; text-decoration:underline; }
.shadow { -webkit-box-shadow: 0 10px 6px -6px #555; -moz-box-shadow: 0 10px 6px -6px #555; box-shadow: 0 10px 6px -6px #555; }
.txl { text-align:left; } 
.txj { text-align:justify; } 
.txc { text-align:center; }
.txr  {text-align:right; }
.fl { float:left; }
.fr { float:right; }
.dis { padding-top:20px; }
.dism { padding-top:14px; }
.disp { padding-top:10px; }
.disk { padding-top:5px; }
.mar { margin-top:12px; }
.marb { margin-bottom:12px; }
.clear { clear:both; float:left; display:block; width:100%; }
.up {clear:both;float:left;width:100%;text-align:center;margin-bottom:20px;}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */   /* 14px su 16px*/
@media only screen and (min-width: 481px) {
h1 { font-size:23px; font-size:1.642rem; padding-top:20px; padding-left:10px; }
h2 { font-size:23px; font-size:1.642rem; }
h3 { font-size:19px; font-size:1.357rem; }
h4 { font-size:15px; font-size:1.071rem; }
.small{ font-size:12px; font-size:0.857rem; }
.txgr { font-size:17px; font-size:1.214rem; }
.txred { font-size:17px; font-size:1.214rem; }

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
html { font-size: 87.5%; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; background-color:#666;} /* 14px su 16px*/
body { font-size:14px;font-size:1rem;line-height:1.25; }
h1 { font-size:32px; font-size:2.285rem; padding-top:40px; padding-left:20px; }
h2 { font-size:24px; font-size:1.714rem; }
h3 { font-size:19px; font-size:1.357rem; }
h4 { font-size:15px; font-size:1.071rem; }
.small{ font-size:12px; font-size:0.857rem; }
.txgr { font-size:17px; font-size:1.214rem; }
.txred { font-size:17px; font-size:1.214rem; }
.up {display:none;}

}