﻿@charset "utf-8";
/* CSS Document */

/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */

@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);

/* ---------- FONTAWESOME ---------- */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* ---------- GENERAL ---------- */
body {
    background-color: #f2f2f2;
    color: #000;
    font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    vertical-align: middle;
}


.log-frame{
	/*margin-top:50px;
	margin-left:400px;*/
    margin: 0 auto;
    margin-top: 150px;
	width:324px;
	height:255px;
	/*background-image:url('../images/log_back.jpg');
	background-repeat:no-repeat;
	background-position:right;*/
	font-family:Verdana, Geneva, sans-serif;
    vertical-align:middle;
	border-radius: 20px 20px 20px 20px;
	/*font-size:15px;
	color:#004284;*/
}

#header {
  /*background-image: linear-gradient(to bottom,rgba(0,0,0,0.1), rgba(0,0,0,0)); */
  background-color: #E43D50;
  border-radius: 20px 20px 0 0;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
  height: 45px;
}

    #header p {
        /*padding: 10px;*/
        float: left;
    } 

#header img { 
  max-height: 150%;
  margin-top: -50px;
  margin-left: 50px;
} 

.h2 {
	background-color: #E43D50;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	color: #fff;
	font-size: 20px;
	padding: 10px 20px;
    vertical-align: middle;
}

.form {
    vertical-align: middle;
}

.span[class*="fontawesome-"] {
	margin-right: 14px;
    height:30px;
    text-align: left;
}

.table {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    position: fixed;
    border-collapse: collapse;
    /*padding: 20px 26px;*/
    width: 324px;
    /*vertical-align: middle;*/
}

.table tr td {
	color: #777;
    height: 22px;
	margin-bottom: 14px;
    padding: 2px;
    vertical-align: middle;
}

.text
{
    border: 1px solid #EDE6D6;
	background-position: center;
	FONT-SIZE: 12px;
	COLOR: black;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	BACKGROUND-COLOR: #EDE6D6;
	TEXT-DECORATION: none;
	margin-left: 0px;
    height: 20px;
}

.label2
{
    BORDER-RIGHT: #004284 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #004284 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #004284 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #004284 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, Geneva, sans-serif;
    BACKGROUND-COLOR: #004284;
    TEXT-DECORATION: none;
    height: 20px;
}
