@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; background-color:yellow; 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; }

.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 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; }

.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}
		
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}
header .heroe h1 { font-size:1.7rem; font-weight:500; }
header .heroe h2 { font-size:1.2rem; font-weight:300; }

section {margin:.6rem auto; max-width:840px; padding:2rem .2rem; color:#000; line-height:1.4}

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}
footer {background-color:rgba(161, 161, 171, .5); text-align:center;}
footer .environment {color:#666; background-color:rgba(255,255,255,.1); font-size:.73rem; line-height:.98; padding:.1rem .75rem; margin-top:.6rem}
footer .copyrights {background-color:rgba(96,96,92,1); color:rgba(200,200,200,1); display:block; line-height:1.1; font-size:.7rem; padding:.2rem 1.75rem .8rem 1.75rem;}

#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}

input[type=text], input[type=password] {font-family:monospace; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; color:#666; font-size:12px; border:none; box-shadow:0 2px 6px 0 #444 inset; display:inline-block; padding:2px 7px; margin:6px 0; height:27px!important; max-width:440px}
.submit {background-color:#cfefcf; color:#036; border:none; padding:6px 14px 6px 17px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; height:27px!important; cursor:pointer}
.srch_send {background-color:#888; color:#fff; border:none; padding:0 6px 3px 6px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; cursor:pointer}
.srch_input {color:#444!important; font-size:.9em!important; text-align:center; padding:0 14px!important; width:130px; margin:7px 3px 2px 3px!important}

#form-div {position:relative; font-family:monospace; font-size:0.8em; letter-spacing:0.02em; margin:10px auto; padding:26px; max-width:480px; -moz-border-radius:18px; -webkit-border-radius:18px; z-index:222}
.form {background-color:#ffffc9!important; color:#000!important}
.small{width:200px;}
select {margin-bottom:10px; outline: 120px; font-family:monospace; font-size:1.02rem; background:#fff!important; color:#900; padding:5px; border-radius:4px; width:97%; max-width:480px}
input[type=text], input[type=password], input[type=textarea] {font-family:monospace; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; color:#666; font-size:12px; border:none; box-shadow:0 2px 6px 0 #444 inset; display:inline-block; padding:2px 7px; margin:6px 0; height:27px!important; width:96%; max-width:480px}
textarea {-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; color:#444; border:none; box-shadow:0 2px 6px 0 #444 inset; display:inline-block; padding:9px 7px; margin:6px 0 19px 0; width:96%; max-width:480px}
.submit {background-color:#cfefcf; color:#036; border:none; padding:6px 14px 6px 17px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; height:27px!important; cursor:pointer}
.submit:hover {color:#f00}
#button-blue {border:none; float:left; width:100%; cursor:pointer; background-color:#3498db; color:white; font-size:20px; margin-top:-4px; padding:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s}
#button-blue:hover {border:none; background-color:rgba(0,0,0,0); color:#0493bd}
.ease {width:0; height:45px; background-color:#fbfbfb; -webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; -ms-transition:.3s ease; transition:.3s ease;}
.submit:hover .ease {width:100%; color:#900; }
.form_inf {color:#900; padding:8px; font-size:0.8em; line-height:0.95; text-align:center; margin-bottom:4px;}
.srch_send {background-color:#888; color:#fff; border:none; padding:0 6px 3px 6px; text-align:center; text-decoration:none; display:inline-block; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; cursor:pointer}
.srch_input {color:#444!important; font-size:.9em!important; text-align:center; padding:0 14px!important; width:130px; margin:7px 3px 2px 3px!important}
em {color:#03c; 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}
.note {color:#888; font-size:.9rem}
.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}

.intro {font-family:"ropa_sans_sc_proregular","Open Sans",sans-serif; padding:18px 9px 34px 9px}
.une {font-size:2em; line-height:1.8; letter-spacing:4px; color:#000!important; border:1px solid #931212; padding:19px 12px 19px 22px; max-width:100%}
.une:hover {color:#fff!important; background-color:#f00; cursor:pointer; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition: all .6s ease; -o-transition:all .6s}

@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);}
	.dbug {display:none;}
	
	section {padding:.8rem;}
	.intro {padding:0}
	.une {font-size:1.76em; line-height:2; letter-spacing:2px; border:1px solid #931212; padding:19px 12px 19px 11px; max-width:100%}