body {
    font-family: "Roboto",sans-serif;
	color: #333;
}

#contenido {
	border-top: solid 8px #296fab;
	border-right: solid 1px #efefef;
	border-left: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	width: 88%;
	max-width: 585px;
	margin: 70px auto 0;
}


#contenido #cabecera {
	margin: 10px 20px 0;
}

#contenido #cabecera .area {
	color: #296fab;
    font-family: "Roboto Slab";
    font-size: 19px;
}

#contenido #cabecera .restring {
	color: #ce2939;
    font-family: "Roboto Slab";
    font-size: 19px;
}

#contenido #cabecera .restring::before {
    content: url("../img/breadcrumb.png");
    padding: 0 8px 0 5px;
    vertical-align: middle;
}

#contenido #principal {
	background-color: #F7F7F7;
	padding: 15px 25px;
}

#contenido #principal .loginform {
	width: 86%;
	margin: 0 auto;
	text-align: center;
}

#contenido #principal h2 {
	font-size: 16px;
	font-weight: normal;
}

#contenido .frm {
	margin-top: 15px;
}

#pie {
	margin: 4px 8px;
	color: #ce2939;
}

body.xs .loginform .form-row label.pull-right {
	float: none !important;
}

body.xs #contenido #principal .loginform {
	text-align: left;
}