@charset utf-8;

@font-face {
    font-family: 'ropa_sans_sc_proregular';
    src: url('/_fonts/RopaSansR/ropasansscpro-regular-webfont.eot');
    src: url('/_fonts/RopaSansR/ropasansscpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/RopaSansR/ropasansscpro-regular-webfont.woff2') format('woff2'),
         url('/_fonts/RopaSansR/ropasansscpro-regular-webfont.woff') format('woff'),
         url('/_fonts/RopaSansR/ropasansscpro-regular-webfont.ttf') format('truetype'),
         url('/_fonts/RopaSansR/ropasansscpro-regular-webfont.svg#ropa_sans_sc_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ropa_soft_proregular';
    src: url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.eot');
    src: url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.woff2') format('woff2'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.woff') format('woff'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.ttf') format('truetype'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.svg#ropa_soft_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ropa_soft_proregular';
    src: url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.eot');
    src: url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.woff2') format('woff2'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.woff') format('woff'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.ttf') format('truetype'),
         url('/_fonts/RopaSoftR/ropasoftpro-regular-webfont.svg#ropa_soft_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ropa_soft_proextrabold_italic';
    src: url('/_fonts/RopaSoftXB/ropasoftpro-extrabolditalic-webfont.eot');
    src: url('/_fonts/RopaSoftXB/ropasoftpro-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/RopaSoftXB/ropasoftpro-extrabolditalic-webfont.woff2') format('woff2'),
         url('/_fonts/RopaSoftXB/ropasoftpro-extrabolditalic-webfont.woff') format('woff'),
         url('/_fonts/RopaSoftXB/ropasoftpro-extrabolditalic-webfont.ttf') format('truetype'),
         url('/_fonts/RopaSoftXB/ropasoftpro-extrabolditalic-webfont.svg#ropa_soft_proextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {transition: background-color 300ms ease, color 300ms ease;}
*:focus {background-color: rgba(221, 72, 20, .2); outline: none;}
html, body {color:#555; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size:17px; line-height:22px; margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility}
.transparent:hover {opacity:0.65; filter:alpha(opacity=65); cursor:pointer; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; zoom:1;}
a:link,a:visited {color:#900; text-decoration:none;}
a:hover,a:active,a:focus {color:red; text-decoration:none; cursor:pointer; -webkit-transition:all .8s ease; -moz-transition:all.8s ease; -ms-transition:all.8s ease; -o-transition:all.8s ease; transition:all.8s ease; }
img {max-width:100%}
header {background-color:rgba(255,255,255, .55); padding:0; border-bottom:1px dashed #888; }
.logo {position:absolute; top:0; left:0; color:#000!important; background-color:#fff; font-family:"ropa_sans_sc_proregular","Open Sans",sans-serif; font-size:46px; padding:13px 16px; border-bottom:1px solid #f00; margin-bottom:8px;}
.logo:hover {color:#fff!important; background-color:#224300; border-bottom:1px solid #000; cursor:pointer; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition: all .6s ease; -o-transition:all .6s ease; transition: all .6s ease}
.menu {font-family:"ropa_sans_sc_proregular","Open Sans",sans-serif; font-size:1.6rem!important; padding:2.1rem 1.4rem .1rem 1.2rem; color:#f88!important}
header .menu-toggle {display: none; float: right}
header .menu-toggle button { background-color: rgba(221, 72, 20, .6); border: none; border-radius: 3px; color: rgba(255, 255, 255, 1); cursor: pointer; font: inherit; font-size: 1.3rem; height: 36px; padding: 0; margin: 11px 0; overflow: visible; width: 40px; }
header .menu-toggle button:hover,
header .menu-toggle button:focus {background-color: rgba(221, 72, 20, .8); color: rgba(255, 255, 255, .8);}
header .heroe {margin:0 auto; max-width: 1100px; padding: .1rem 1.75rem .2rem 1.55rem; font-family:"ropa_sans_sc_proregular","Open Sans",sans-serif; }
header .heroe h1 { font-size:1.7rem; font-weight:500; font-family:"ropa_sans_sc_proregular"}
header .heroe h2 { font-size:1.2rem; font-weight:300; }
header ul {border-bottom: 1px solid rgba(242, 242, 242, 1); list-style-type: none; margin: 0; overflow: hidden; padding: 0; text-align: right; }
header li {display: inline-block}
header li a { border-radius: 5px; color: rgba(0, 0, 0, .5); display: block; height: 43px; text-decoration: none; }
header li.menu-item a { color:#666!important; border-radius: 5px; margin: 5px 0; height: 38px; line-height: 36px; padding: .2rem .65rem; text-align:center; }
header li.menu-item a:hover,
header li.menu-item a:focus { background-color:#fff color:#f00; }
section {background-color:rgba(255, 255, 255, 0.7); margin:.6rem auto; max-width:840px; padding:2rem 2rem; color:#000; line-height:1.4; border:1px dashed #888;}

section h1 { margin-bottom: 2.5rem; }
section h2 { font-size: 120%; line-height: 2.5rem; padding-top: 1.5rem; }
section a {color: rgba(221, 72, 20, 1);}
section svg {margin-bottom: -5px; margin-right: 5px; width: 25px;}
section .nav {margin:12px; text-align:right}

span {color:#f00}
.note {color:#777; font-size:.9rem; line-height:2px!important}
em {color:#900; font-size:1.08rem}
strong {font-size:1.08em; letter-spacing:0.05rem}
.r_right {text-align:right; margin-top:11px; font-size:1.12rem}
.notice {color:#f000; font-size:2.9em; position:absolute; top:111px; left:23px;}
.notice2 {color:#f000; font-size:2.9em; position:absolute; top:111px; left:23px;}
.error {color:#f00; font-size:1.1rem}
.translate {width:100%!important; text-align:right; font-size:0.8em; line-height:1.05em!important; margin-top:15px; padding-right:8px; border-top:1px dashed #c00}

#footer_nc {position:fixed; right:0; bottom:0; text-align:center; width:109px; padding:5px 24px 5px 3px; background-color:#dadada; z-index:3000}
.dbug {display:block; color:#666; font-family:monospace; position:fixed; top:82px; left:0; width:268px; font-size:11px; line-height:1.2; padding-left:5px}

@media (max-width:559px) {
	.logo {font-size:41px}
	.menu {padding:1.6rem .4rem .2rem 1.2rem;} 
	header ul {padding:0;}
	header .menu-toggle {padding: 0 1rem;}
	header .menu-item {background-color:#fff; border-top: 1px solid rgba(242, 242, 242, 1); margin: 0 15px; width: calc(100% - 30px);}
	header .menu-toggle {display: block;}
	header .hidden {display: none;}
	header li.menu-item a {background-color: rgba(221, 72, 20, .1);}
	header li.menu-item a:hover,
	header li.menu-item a:focus {background-color: rgba(221, 72, 20, .7); color: rgb(255, 255, 255, .8);}
	section {border:none; padding:3px 22px 23px 8px; width:100% text-align:right!important}
	.dbug {display:none;}
	

}