@font-face{
	font-family: "Titillium";
/*	src: local("TitilliumMaps26L 500 wt"), url(../fonts/TitilliumMaps26L002.otf);*/
	src: url(../fonts/TitilliumMaps26L002.otf);
}

@font-face{
	font-family: "Titillium";
	font-weight: bold;
/*	src: local("TitilliumMaps26L 750 wt"), url(../fonts/TitilliumMaps26L001.otf);*/
	src: url(../fonts/TitilliumMaps26L001.otf);
}

@font-face{
	font-family: "Aller";
	src: local("Aller"), url(../fonts/Aller_Rg.ttf);
}

@font-face{
	font-family: "Aller";
	font-weight: bold;
	src: local("Aller Bold"), url(../fonts/Aller_Bd.ttf);
}

@font-face{
	font-family: "Telegrafico";
	src: local("Telegrafico"), url(../fonts/telegrafico.ttf);
}

@font-face{
	font-family: "Museo";
	src: local("Museo 500"), url(../fonts/Museo500-Regular.otf);
}

@font-face{
	font-family: "Museo";
	font-weight: bold;
	src: local("Museo 700"), url(../fonts/Museo700-Regular.otf);
}

body {
	margin: 0;
	font: 16px/1.5 Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #687782;
/*	background: #f3f6f5 url(../images/bg.png) left top no-repeat;*/
	background: #f3f6f5;
}

h1, h2, h3, h4 {
	margin: 10px 0;
}

a {
	background: #f3f6f5;
	color: #638399;
}

a:hover {
	background: #f3f6f5;
	color: #466a7f;
}

.hidden { position: absolute; left: -9999px }

.container, .wrapper { position: relative }

/* Header */

.skip { position: absolute; left: -9999px }

.header {
	padding: 0 0 20px 0;
	background: #f3f6f5 url(../images/border-color.gif) bottom no-repeat;
}

.logo {
	margin: 10px 0;
	width: 280px;
	height: 89px;
	text-indent: -9999px;
	background-image: url(../images/logo_small.gif);
}

.logo a, .logo a:hover { display: block; height: 89px; background: transparent }

.header .tagline {
	color: #93a0a9;
	font: bold 15px/1.5 Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	word-spacing: 7px;
	margin: -5px 0 0;
}

.navigation {
	position: absolute;
	top: 80px; right: 0;
}

.navigation a {
	display: block;
	padding: 0 10px;
	color: #687782;
	font: bold 16px/1.5 Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-shadow: 0 0 3px #CACACA;
	text-decoration: none;
	text-transform: uppercase;
}

.navigation a:hover, .navigation a.active {
	color: #96a2a8;
}

.navigation a:active {
	margin-top: 1px;
	color: #96a2a8;
}

.navigation ul, .navigation li { margin: 0; padding: 0; list-style: none; float: left }

.navigation li { margin: 0 0 0 10px }

/* Footer */

.footer {
	margin: 20px 20px 0;
	border-top: 2px solid #eee;
	position: relative;
	font-size: 12px;
}

.bitflare {
	position: absolute;
	right: 0; top: 10px;
	margin: 0;
}

.bitflare img {
	border: none;
}

/* Primary content */

.main {
	margin: 0;
/*	padding-top: 3px;*/
	background: #f3f6f5;
	color: #687782;
}

.title {
/*	margin: 0 0 20px;*/
	padding-top: 25px;
	border-bottom: 1px solid #eee;
}

.biggest {
	margin: 0 0 10px;
	font: 30px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-shadow: 0 0 5px #CACACA;
}

.smallest {
	margin: 10px 0 20px;
	padding: 5px 0 5px 0;
	font: 19px/1.8 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	text-shadow: 0 0 5px #f3f6f5;
}

.smallest strong {
	font: bold 19px/1.8 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.smallest .alfadom {
	text-transform: uppercase;
	letter-spacing: -1px;
	font: 20px/1.5 Telegrafico, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.biggest p, .smallest p { margin: 0}

.body {
	margin-left: 0;
	margin-right: 0;
	padding: 40px 0 0;
	background: #f3f6f5 url(../images/shadow.png) top center no-repeat;
	font: 15px/1.5 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

/* Secondary content */

.secondary h2 { position: absolute; left: -9999px }

.services, .services li { margin: 0; padding: 0; list-style: none }

.services li.grid_3 {
	width: 235px;
}

.services .telefonia-voip h3 {
	border-color: #006AB3;
	border-color: #518CB3;
}

.services .domotica h3 {
	border-color: #63a600;
	border-color: #8AB351;
}

.services .videosorveglianza h3 {
	border-color: #b28f00;
	border-color: #B29F50;
}

.services .reti-wireless h3 {
	border-color: #b20000;
	border-color: #B25050;
}

.services h3 {
	margin: 0; padding: 0;
	font: bold 17px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	border-bottom: 4px solid;
}

.services h3 a {
	display: block;
	height: 50px;
	color: #757d82;
	background: #f3f6f5;
	text-shadow: 1px 1px 3px #CACACA;
	line-height: 50px;
	text-decoration: none;
}

.services h3 a:hover {
	color: #96a2a8;
	background: #f3f6f5;
}

.services .telefonia-voip a:hover {
	color: #518CB3;
}

.services .domotica a:hover {
	color: #8AB351;
}

.services .videosorveglianza a:hover {
	color: #B29F50;
}

.services .reti-wireless a:hover {
	color: #B25050;
}

.services li .desc {
	position: relative;
	margin: 10px 10px 10px 0;
	font: normal 14px/1.6 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.services li .desc em {
	display: block;
	font: 13px/1.6 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-style: italic;
}

.services img {
	position: relative;
	width: 158px;
	border: 1px solid #cfcfcf;
}

.more {
	position: absolute;
	left: 1px; top: 1px; 
	margin: 0;
	width: 156px;
	height: 103px;
	border: 1px solid #f3f6f5;
}

.more a {
	display: block;
	height: 78px;
	background: transparent;
	color: #f3f6f5;
	text-decoration: none;
}

.more span {
	display: block;
	height: 25px;
	position: relative; top: 78px;
	padding: 0 0 0 10px;
	background: rgba(0, 0, 0, 0.5);
	color: #f3f6f5;
	font: bold 14px/25px Century Gothic, Apple Gothic, sans-serif;
	text-shadow: 1px 1px 1px #303030;
	letter-spacing: 1px;
}

.more a:hover {
	background: transparent;
}

.no-rgba .more span {
	background: #838383;
}

.rgba .more a:hover {
	background: rgba(255, 255, 255, 0.3);
}

/* Home */

.home .title {
	padding-top: 35px;
	background: transparent url(../images/background.jpg) no-repeat top right;
	height: 300px;
}

.home .biggest {
	margin: 0 0 30px;
	padding-right: 410px;
}

.home .biggest em {
	font-style: normal;
	font-weight: bold;
}

.home .biggest .telefonia-voip {
	color: #006ab3;
}

.home .biggest .domotica {
	color: #6E9A31;
}

.home .biggest .alfadom {
	text-transform: uppercase;
	letter-spacing: -1px;
	font: 30px/1.5 Telegrafico, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.home .smallest {
	padding: 10px 440px 31px 0;
}

.home .smallest .cat {
	font: bold 19px/1.8 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

/* Chi siamo */

.chi-siamo .title {
	padding: 40px 440px 30px 0;
	background: transparent url(../images/chi_siamo_background.jpg) no-repeat bottom right;
}

.chi-siamo .title .biggest {
	display: block;
	margin: 0 0 25px;
	font: 40px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-shadow: 0 0 5px #CACACA;
}

.chi-siamo .title .smallest {
	margin: 0 0 20px;
	padding: 0 0 5px;
}

.chi-siamo .title .smallest .srl {
	font-size: 14px;
}

.chi-siamo .box.grid_6 {
	width: 440px;
	margin-bottom: 30px;
}

.chi-siamo .box.alpha {
	margin-right: 50px;
}

.chi-siamo h2 {
	margin: 0 0 20px; padding: 0;
	font: bold 19px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	border-bottom: 1px solid #eee;
}

.chi-siamo .telefonia-voip h2 a:hover {
	color: #518CB3;
}

.chi-siamo .domotica h2 a:hover {
	color: #8AB351;
}

.chi-siamo .videosorveglianza h2 a:hover {
	color: #B29F50;
}

.chi-siamo .reti-wireless h2 a:hover {
	color: #B25050;
}

/*.chi-siamo .telefonia-voip h2 {*/
/*	border-color: #518CB3;*/
/*}*/

/*.chi-siamo .reti-wireless h2 {*/
/*	border-color: #8AB351;*/
/*}*/

/*.chi-siamo .videosorveglianza h2 {*/
/*	border-color: #B29F50;*/
/*}*/

/*.chi-siamo .domotica h2 {*/
/*	border-color: #B25050;*/
/*}*/

.chi-siamo h2 a {
	display: block;
	height: 50px;
	color: #757d82;
	background: #f3f6f5;
	text-shadow: 1px 1px 3px #CACACA;
	line-height: 50px;
	text-decoration: none;
}

.chi-siamo h2 a:hover {
	color: #96a2a8;
	background: #f3f6f5;
}

/*.chi-siamo img {*/
/*	float: left;*/
/*	position: relative;*/
/*	width: 158px;*/
/*	border: 1px solid #cfcfcf;*/
/*	margin: 0 20px 10px 0;*/
/*}*/

/* Contattaci */

.contattaci .title {
	height: 620px;
	background: transparent url(../images/contattaci_background.jpg) no-repeat bottom right;
}

.contattaci .smallest, .contattaci .hide {
	position: absolute; left: -9999px;
}

.contattaci .biggest {
	margin: 5px 0 30px;
	font: 40px/1.8 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 0 5px #CACACA;
}

.contattaci .body.grid_12 {
	width: 820px;
	background: transparent;
	padding: 20px 0 0;
	margin-top: -420px;
	margin-left: 120px;
}

.contattaci .body .tagline {
	margin: 0;
	color: #94a1aa;
	font: bold 13px/1.5 Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	word-spacing: 0;
}

.contattaci dl {
	overflow: hidden;
	margin: 30px 0 0;
	color: #94a1aa;
	padding: 0 0 25px;
	font: bold 17px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.contattaci dt {
	clear: left;
	float: left;
	width: 60px;
}

.contattaci dd {
	margin: 0 0 0 10px;
	float: left;
	color: #97BE0D;
}

.contattaci dl span {
	color: #abbac4;
}

.contattaci dl .email, .contattaci dl .web {
/*	clear: left;*/
	color: #638399;
/*	font: italic 20px/1.5 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;*/
}

.contattaci address {
	clear: left;
	margin: 10px 0 0;
	padding: 0;
	color: #94a1aa;
	font: bold italic 14px/1.5 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.socialnetworks {
	position: absolute;
	top: -50px; right: 300px;
	text-align: right;
}

.socialnetworks ul, .socialnetworks li {
	margin: 0; padding: 0; list-style: none;
}

.socialnetworks ul {
	overflow: hidden;
}

.socialnetworks li {
	float: left;
	margin-right: 10px;
}

.socialnetworks li a, .socialnetworks li img {
	font-size: 0;
	border: none;
}

/* Evento */

.eventi .title {
	background: transparent url(../images/evento_background.jpg) no-repeat top right;
}

.eventi .biggest {
	margin: 0;
}

.eventi .hidden {
	position: absolute; left: -9999px;
}

.eventi .calendar {
	position: relative;
	float: left;
	margin: 0 0 30px;
	width: 170px;
	height: 70px;
	border: 3px solid #eee;
	background: #fcfffe;
}

.eventi .month {
	position: absolute;
	top: 0; right: 0;
	height: 35px;
	width: 65px;
	padding: 0 10px;
	background: #930015;
	border-bottom: 1px solid #740010;
	color: #fcfffe;
	font: 30px/42px Telegrafico, Arial, Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: -2px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 0 3px #5B1319;
}

.eventi .year {
	position: absolute;
	top: 35px; right: 0;
	height: 35px;
	width: 65px;
	padding: 0 10px;
	background: #930015;
	color: #EFBFC6;
	font: bold 18px/26px Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: 4px;
	text-align: center;
	text-shadow: 0 0 3px #5B1319;
}

.eventi .day {
	display: block;
	margin: 0 0 0 10px;
	font: bold 56px/70px Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
/*	text-align: center;*/
	text-shadow: 0 0 6px #838383;
}

.eventi .register {
	float: right;
	width: 200px;
}

.eventi .register a {
	display: block;
	height: 70px;
	border: 3px solid #eee;
/*	-webkit-border-radius: 10px;*/
	background: #009966;
	color: #fcfffe;
	font: 27px/70px Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 4px #00734c;
}

.eventi .register a:hover {
	background: #00734c;
	color: #E2FFE2;
}

.eventi .left ul {
	margin: 0; padding: 0; list-style: none;
}

.eventi .left li {
	margin: 0;
	padding: 5px;
}

.eventi .left li:nth-child(odd) {
	background: #EEF0F0;
}

.eventi .left .desc {
	float: left;
	font: bold 16px/1.8 Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
}

/* Clienti */

.clienti .title {
	background: transparent url(../images/clienti_background.jpg) no-repeat top right;
}

/* Editable */

.editable { font: normal 14px/1.6 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; }

.editable.right {
	width: 520px;
	margin-left: 30px;
}

.editable .image { text-align: center }

.editable .summary { font: normal 17px/1.6 Museo, Arial, Helvetica Neue, Helvetica, sans-serif; margin: 0 0 20px }

.editable h2 {
	margin: 0 0 20px;
	color: #757d82;
	padding: 8px 0 6px;
	font: bold 17px/1.6 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	border-bottom: 4px solid #eee;
	text-shadow: 1px 1px 3px #CACACA;
}

.editable h3 {
	margin: 20px 0 15px;
	color: #757d82;
	padding: 0;
	font: 16px/1.6 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-shadow: 1px 1px 3px #CACACA;
}

.fontface .editable strong {
	font-size: 13px;
}

.fontface .editable em {
	font: italic 13px/1.6 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.editable .summary strong {
	font-size: 17px;
}

.editable .summary em {
	font: italic 17px/1.6 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.editable p { margin: 0 0 10px }

.editable ul { list-style: square; margin: 0 0 10px 35px; padding: 0; }
.editable ol { margin: 0 0 10px 35px; padding: 0; }
.editable li { margin: 0; padding: 0; color: #638399; }

.editable table {
	border-collapse: collapse;
	border: 1px solid #ddd;
}

.editable table + p[style] {
	margin: 5px 0 10px;
	font-style: italic;
}

.editable td {
	padding: 5px;
}

.editable th {
	background: #f3f6f5;
	text-align: left;
	font: bold 14px/50px Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.editable tr:nth-child(odd) {
	background: #EEF0F0;
}

.editable .spot {
	margin: 10px 0;
	font: bold 17px/1.6 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.specifiche {
	margin: 0 0 20px;
	padding: 4px 6px;
	background: #EEF0F0 url(../images/pdf-icon.png) 6px 6px no-repeat;
	font: bold 14px/1.6 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.specifiche.extra {
	margin-top: -10px;
}

.specifiche p {
	margin: 0 0 0 27px; padding: 0;
	line-height: 25px;
}

.specifiche a {
	display: block;
	height: 25px;
	background: #EEF0F0;
	color: #AA3030;
	line-height: 25px;
	text-decoration: none;
}

.specifiche a:hover {
	text-decoration: underline;
}

.casehistory ul, .casehistory li {
	margin: 0; padding: 0;
	list-style: none;
}

.casehistory li {
	float: left;
	height: 70px;
	margin: 0 10px 10px 0;
}

.rgba .casehistory a:hover img {
	opacity: 0.7;
}

.servizioclienti {
	margin: 20px 0 20px;
	overflow: hidden;
	background: #EEF5F3;
}

.servizioclienti a {
	background: #EEF5F3;
}

.servizioclienti h2 {
	margin: 0;
	padding: 5px 10px 3px 10px;
	border: none;
	background: #198C68;
	color: #f3f6f5;
	font: bold 15px/1.8 Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	text-shadow: 0 0 2px #274D41;
}

.servizioclienti dl {
	float: left;
	margin: 10px;

	font: 14px/1.6 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.servizioclienti dt {
	float: left;
	clear: left;
	width: 40px;
	font-weight: bold;
}

.servizioclienti dd {
	float: left;
}

.editable .toc {
	list-style: none;
	margin: 0 0 30px 0;
	border: 2px solid #eee;
	font: bold 14px/1.8 Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	counter-reset: toc;
}

.toc li {
	padding: 2px 4px;
}

.toc li:nth-child(odd) {
	background: #EEF0F0;
}

.toc li a:before {
	color: #687782;
	counter-increment: toc;
	content: counter(toc) ".";
}

.toc a {
	display: block;
	background: transparent
}

.toc a:hover {
	text-decoration: underline;
}

.editable .up {
	text-align: right;
	font: bold 12px/1.8 Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
}

.up a, .toc a {
	text-decoration: none;
}

/* Task */

.task .smallest {
	margin-bottom: 0;
	padding: 10px 0 10px;
	overflow: hidden;
	font: bold 16px/1.8 Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	background: rgba(243, 246, 245, 0.5);
}

.task .left.grid_7 {
	width: 520px;
	margin-right: 30px;
}

.task .right {
	font: normal 14px/1.6 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.task .right h2 {
	margin: 0;
	color: #757d82;
	height: 50px;
	font: bold 17px/50px Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	border-bottom: 4px solid #eee;
	text-shadow: 1px 1px 3px #CACACA;
}

.fontface .task .right strong, .fontface .task .left.grid_5 strong {
	font-size: 13px;
}

.fontface .task .right em, .fontface .task .left.grid_5 em {
	font: italic 13px/1.6 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.task .right select {
	padding: 8px;
	width: 278px;
}

.task .left.grid_5 textarea {
	width: 364px;
}

.task .left.grid_5 {
	font: normal 14px/1.6 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.task .left.grid_5 label {
	width: auto;
}

.task .left.grid_5 h2 {
	margin: 0;
	color: #757d82;
	height: 50px;
	font: bold 17px/50px Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	border-bottom: 4px solid #eee;
	text-shadow: 1px 1px 3px #CACACA;
}

.task .right.grid_7 {
	width: 520px;
	margin-left: 30px;
}

.task .mandatory {
	font: bold 17px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #466a7f;
}

.task label {
	width: 520px;
	margin: 0; padding: 0;
	font: bold 17px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	border-bottom: 4px solid #eee;
	display: block;
	height: 50px;
	color: #757d82;
	background: #f3f6f5;
	text-shadow: 1px 1px 3px #CACACA;
	line-height: 50px;
	text-decoration: none;
}

.task .error {
	margin: 20px 0 0;
	color:#B25050;
	font: bold 17px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.task input, .task select, .task textarea {
	margin: 20px 0 10px;
	font: normal 19px/1.6 Aller, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	color: #687782;
	background: #fdfdfd;
	border: 3px solid #ddd;
	padding: 3px 6px;
}

.task select, .task textarea{
	font: 15px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.task .name input, .task .email input, textarea {
	width: 502px;
}

.task .name input:focus, .task .email input:focus {
	border: 3px solid #C7C7C7;
}

.task input[disabled] {
	border-color: #eee;
	background: #f9f9f9;
	color: #687782;
}

.task .remember {
	float: left;
	font: bold 17px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.task .submit input {
	float: right;
	display: block;
	margin: 20px 0 40px 0;
	padding: 5px 20px;
	border: 1px solid #eee;
/*	-webkit-border-radius: 10px;*/
	background: #009966;
	color: #fcfffe;
	font: 30px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 4px #00734c;
}

.task .submit input:hover {
	background: #00734c;
	color: #E2FFE2;
	cursor: pointer;
}

.task .submit p, .success {
	color: #63a600;
	font: bold 17px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
}

.admin {
	margin: 0;
	padding: 10px 0;
	background: #353530;
	color: #f3f6f5;
	font: 15px/1.5 Museo, Arial, Helvetica Neue, Helvetica, sans-serif;
	overflow: hidden;
}

.admin a {
	background: #353530;
	color: #f3f6f5;
	font: bold 14px/1.5 Titillium, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}

.admin p, .admin ul, .admin li {
	margin: 0; padding: 0; list-style: none;
}

.admin p {
	display: inline;
}

.admin ul {
	float: right;
}

.admin li {
	float: left;
	margin: 0 0 0 20px;
}