<?php 
/*
#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; background-color:pink!important; }
.c_hl {color:#f00!important; font-size:1.2em; text-decoration:underline!important}
input[type=text], input[type=textarea], input[type=password] {color:#444; display:inline-block; height:27px!important; width:100%}
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:100%}
input[type=text]:focus {border-color:#f00}

.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; background-color:yellow!important;}
*/
?>

* {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:#666; 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; }
header {background-color:rgba(255,255,255, .5); padding:0}  
.menu {padding:.4rem 2rem; font-size:1.3rem}
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: 44px; text-decoration: none; }
header li.menu-item a {text-shadow:3px 3px 2px white; border-radius:5px; margin:5px 0; height:38px; line-height:36px; padding:.4rem .65rem; text-align:center;}
header li.menu-item a:hover,
header li.menu-item a:focus { background-color: rgba(221, 72, 20, .2); color: rgba(221, 72, 20, 1); }
.logo2 {display:block; float:left; width:120px; height:40px; background-image:url(/_graphics/cells1c.png); background-position:center; background-repeat:no-repeat; position:relative}
		
header .menu-toggle {display: none; float: right; font-size:1.8rem; font-weight: bold;}
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 { text-shadow:10px 10px 10px white; font-size:2.2rem; font-weight:500; }
header .heroe h2 { font-size:1.5rem; font-weight:300; }

section {background-color:rgba(255,255,255, .7); border:1px dashed #999; border-radius:1.2%; margin:.6rem auto; max-width:840px; padding:2.3rem 3rem 2.3rem 3.7rem; 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, .8); text-align:center;}
footer .environment {color:rgba(255,255,255,1); font-size:.75rem; padding: .4rem .75rem;}
footer .copyrights { background-color: rgba(62, 62, 62, 1); color: rgba(200, 200, 200, 1); font-size:.8rem; padding:.22rem 1.75rem 1rem 1.75rem; }

.intro {color:#555; font-size:1.09rem; margin-bottom: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:232px; left:0; width:268px; font-size:11px; line-height:1.2; padding-left:5px}

em {color:#800; font-size:1.08rem}
strong {font-size:1.08em; letter-spacing:0.05rem}
#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}
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:97%; 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}
.note {color:#888; font-size:.9em}
.error {color:#f00; font-size:.9em}

@media (max-width:559px) {
	.logo {font-size:30px}
	.menu {padding:1.6rem .4rem .2rem 1.2rem; font-size:1.1rem}
	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: rgba(255, 255, 255, .8);}
	header .heroe h1 {font-size:1.9rem;}
	section {padding:1.6rem 1.8rem 1.6rem 2.4rem; line-height:1.25; border-radius:0}
	.dbug {display:none;}
}