@font-face {
	font-family: 'Sailec';
	src: url('Sailec/Sailec.otf') format('opentype');
}

body {
	font-family: Sailec,sans-serif;
	margin:0;
	padding:0;
	font-size:1.25em;
}


#header {
	padding:10px;
	border-top:solid 7px #324485;
}
#logo {
	float: left;
	width:33%;
}
#logo img{
	width: 100%;
}
#titulo {
	float: left;
	width: 67%;
	text-align: right;
	font-size: 1.5em;
	font-weight: bold;
	padding-top:25px;
}
#content {
	background-image:url(bg.jpg);
	background-size: cover;
	overflow-y: auto;
}
#footer{
	background-color: #000;
	color:#FFF;
	font-size:.85em;
	padding:10px;
	text-align: center;
}
#footer a {
	color:#FFF;
}

.section {
	border: solid 1px #324485;
	padding:0;
	background-color:#FFF;
	-webkit-box-shadow: 10px 10px 30px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 30px -9px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 30px -9px rgba(0,0,0,0.75);
}

.section h1 {
	background-color:#324485;
	color:#FFF;
	margin:0;
	padding:10px;
	font-size:1.5em;
}
.section_content {
	padding:20px;
}


.field {
	padding-top:10px;
}

.label {
	padding:7px;
}

input {
	padding:7px;
	border:solid 1px #000;
	background-color:#FFF;
	font-size:1.25em;
	width:320px;
	max-width: 100%;
}

textarea {
	padding:7px;
	border:solid 1px #000;
	background-color:#FFF;
	font-size:1.25em;
	width:320px;
	max-width: 100%;
}

input[type="checkbox"]{
	width: auto;
}

select {
	border:solid 1px #000;
	font-size:1.25em;
	width:330px;
	max-width: 100%;
}

button {
	background-color:#75C682;
	color:#FFF;
	border-radius:3px;
	border:solid 1px #4d8357;
	padding-top:7px;
	padding-bottom:7px;
	font-size:1em;
	width:140px;
	text-align: center;
	display:inline-block;
	line-height: 1em;
}

a.button,
label.button
{
	background-color:#75C682;
	color:#FFF;
	border-radius:3px;
	border:solid 1px #4d8357;
	line-height: 1em;
	font-size:1em;
	display:inline-block;
	text-decoration: none;
	width:140px;
	text-align: center;
	padding-top:10px;
	padding-bottom:4px;
}

label.button {
	background-color: #324485;
}

a {
	text-decoration: none;
	color:#999
}

td {
	vertical-align: top;
}

td .field {  margin:0;  padding:0; }
td .label {  margin:0;  padding:0; }
td .input {  margin:0;  padding:0; }
td textarea {width:90%;}

.alert {
	padding: 15px;
	color: #fefefe;
	position: relative;
	font-size:.85em;
	background-color: #c60f13;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

.field .display {
	padding:7px;
}

.form-horizontal  .field {
	clear: both;
}

.form-horizontal  .label{
	width:40%;
	float:left;
}
.form-horizontal  .input {
	padding-left: 40%;
}
.fiftyfifty .label {
	width:50%;
	float:left;
}
.fiftyfifty .input {
	padding-left: 50%;
}

#habitos td{
	width:50%;
}