/*---------------------------------
RESETS 
------------------------------------------*/

* { 
    margin: 0; 
    padding: 0; 
}

a  { 
	text-decoration: none; 
	outline: 0; 
}

a img { border: 0; }

.stretch,
.clear {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: ".";
}

p { line-height: 1.5; margin: 0 0 15px 0; }


/*-------------------------------------
GLOBAL
------------------------------------------*/
html {
height:100%;
}
body {
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    background-image: linear-gradient(bottom, rgb(0,101,159) 0%, rgb(0,47,88) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0,101,159) 0%, rgb(0,47,88) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0,101,159) 0%, rgb(0,47,88) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,101,159) 0%, rgb(0,47,88) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0,101,159) 0%, rgb(0,47,88) 100%);
    background-repeat: no-repeat;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

div.OC{
font-size: 2em;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
color: #fff;
text-align:left; 
padding-left:10px;


}

img.hyper{
float: right;
vertical-align:middle;
padding-right:10px;
}

div.hyper {
color: #fff;
}
/*-------------------------------------
TABLE
------------------------------------------*/
div.container {
    width:98%;
    margin:1%;
}

table#center {
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
    width:290px;
    /*width:95vh;*/
}
table#done {
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
}

tr,td {text-align:left;}

table tr th{
	padding: 10px 20px 20px 20px;
	border: 0;
	background-color: #fff;
	text-align: left;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #d3d3d3; 
	-webkit-box-shadow: 0px 2px 10px #d3d3d3; 
	box-shadow: 0px 0px 10px #d3d3d3; 
}
  
table tr td input[type="text"], input[type="url"], 
input[type="email"], input[type="password"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 260px; 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}
input#submit{
	display: inline-block;
	margin: 15px 0 0 90px;
	padding: 5px 15px 5px 15px;
	background-color: #002F58;
	border: none;
	color: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

input#submit:hover {
	background-color: #fc8500;
	cursor: pointer;
}

input#submit:active {
	margin-top: 16px;
	background-color: #f08004;
	cursor: pointer;
}
/*-------------------------------------
HEADINGS
------------------------------------------*/

h1 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 20px;
	color: #fff;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 12px;
	color: #fff;
}

/*-------------------------------------
LINKS
------------------------------------------*/

a:link { color: #06C; text-decoration: underline; }
a:visited { color: #06C; text-decoration: underline; }
a:hover { color: #06C; text-decoration: underline; }
a:active { color: #06C; text-decoration: underline; }


/*-------------------------------------
LISTS
------------------------------------------*/

ul {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 14px;
}

ul li {
	margin: 0 0 3px 15px;
	padding: 0;
}

ol {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 14px;
}

ol li {
	margin: 0 0 3px 30px;
	padding: 0;
}

label.error { 
	display: block;
	color: red;                              
	font-size: 11px; 
	font-weight: bold;
}

/*-------------------------------------
MOBILE PART OF CSS
------------------------------------------*/

@media only screen and (max-device-width: 480px) {
/*---------------------------------
RESETS 
------------------------------------------*/

* { 
    margin: 0; 
    padding: 0; 
}

a  { 
	text-decoration: none; 
	outline: 0; 
}

a img { border: 0; }

.stretch,
.clear {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: ".";
}

p { line-height: 1.5; margin: 0 0 15px 0; }


/*-------------------------------------
GLOBAL
------------------------------------------*/

html, body {
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #000000;
}


div.OC{
font-size: 40px;
color: #fff;
text-align:left; 
}

img.hyper{
height:50px;
float: right;
vertical-align:middle;
}

div.hyper {
color: #fff;
}
/*-------------------------------------
TABLE
------------------------------------------*/
    div.container {
        width: 98%;
        margin: 1%;
    }

    table#center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width:590px;
        /*width: 95vh;*/
    }

tr,td {text-align:left;}

table tr th{
	padding: 10px 20px 20px 20px;
	border: 0;
	background-color: #fff;
	text-align: left;
	border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -moz-box-shadow: 0px 0px 10px #d3d3d3; 
	-webkit-box-shadow: 0px 4px 30px #d3d3d3; 
	box-shadow: 0px 0px 20px #d3d3d3; 
}
  
table tr td input[type="text"], input[type="url"], 
input[type="email"], input[type="password"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 560px; 
	font-family: arial, sans-serif; 
	font-size: 44px; 
	border: 3px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

table tr td .button {
	display: inline-block;
	margin: 15px 0 0 90px;
	padding: 5px 15px 5px 15px;
	background-color: #ff9e00;
	border: none;
	color: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

table tr td .button:hover {
	background-color: #fc8500;
	cursor: pointer;
}

table tr td .button:active {
	margin-top: 16px;
	background-color: #f08004;
	cursor: pointer;
}
/*-------------------------------------
HEADINGS
------------------------------------------*/

h1 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 48px;
	color: #000000;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 50px;
	color: #000000;
}

/*-------------------------------------
LINKS
------------------------------------------*/

a:link { color: #06C; text-decoration: underline; }
a:visited { color: #06C; text-decoration: underline; }
a:hover { color: #06C; text-decoration: underline; }
a:active { color: #06C; text-decoration: underline; }


/*-------------------------------------
LISTS
------------------------------------------*/

ul {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 14px;
}

ul li {
	margin: 0 0 3px 15px;
	padding: 0;
}

ol {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 14px;
}

ol li {
	margin: 0 0 3px 30px;
	padding: 0;
}

label.error { 
	display: block;
	color: red;                              
	font-size: 11px; 
	font-weight: bold;
}
input#submit{
	display: inline-block;
	margin: 15px 0 0 90px;
	padding: 5px 15px 5px 15px;
	background-color: #002F58;
	border: none;
	color: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 50px; 
}

input#submit:hover {
	background-color: #fc8500;
	cursor: pointer;
}

input#submit:active {
	margin-top: 16px;
	background-color: #f08004;
	cursor: pointer;
}
	}