.top-nav { 
	background-color: #f1f1f1; 
    height: 105px;
    line-height: 28px;
}

.top-nav-cms { height: 35px; }

.top-nav form { text-align: center; } 

.user,
.pwd { 
	display: block; 
	padding-bottom: 5px;
}

.user:before,
.pwd:before {
	content: "";
	display: inline-block;
	height: 21px;
	vertical-align: middle;
	width: 21px;
}

.user:before { background: url('../../_img/images/homepage_icone_01.png') no-repeat center; }
.pwd:before { background: url('../../_img/images/homepage_icone_02.png') no-repeat center; }

.user input,
.pwd input {
	background-color: #E0E0E0;
	border: 0;
    padding-left: 10px;
    width: auto;
}

.btn-submit { display: block; }

.btn-co {
    background-color: transparent;
    border: 1px solid #e7501e;
    color: #e7501e;
    height: 30px;
}

.logout {
	color:#13235b;
	font-family: 'Roboto Regular';
	font-size: 9px;
	line-height: 35px;
	text-align: center;
}
	
.logout a {
	color: #e7501e;
	font-size: 11px;
	text-decoration: none;
}
	
.logout a:hover { color: #13235b; }

.logout .strong { font-family: 'Roboto Bold'; }


/**************** MEDIA QUERIES ****************/

@media screen and (min-width: 768px) {
	.top-nav { height: 35px; }

	.top-nav form { text-align: right; } 

	.logout,
	.logout a {
		font-size: 15px;
		text-align: right;
	}

	.user,
	.pwd { 
		display: inline-block;
		padding-bottom: 0; 
	}

	.user input,
	.pwd input { width: auto; }

	.btn-submit { display: inline-block; }
}