body{
	background: #f4f4f4;
	margin: 0;
	padding:0;
        font-family : verdana,arial,helvetica;
	font-size : 10pt;
}

.clear { clear: both; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }

.contenedor {
	background: #fff;
	width: 1080px; 
	margin: 25px auto; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17); -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
	
}

.encabezado{
height: 50px; line-height: 50px;
}
.contlogo{
	width: 250px;
display: inline;

}
section,aside {
		padding: 10px;
		
		
	}
section {
		
                float: left;
		width: 100%;
	}


.contcabecera{
width: 500px;
display: inline;
}

.login {float: right; width: 350px; text-align: right;}
.footer { font-size: 13px; font-size: 0.8125rem; color: #fff; padding: 25px 25px 0; background: #2a2a2a; }
.footer a, .footer a:hover { color: #f7f7f7; }
.copyright-wrap { padding: 3px 25px; border-top: 3px solid #999; background: #2a2a2a; }
.copyright { font-size: 12px; font-size: 0.75rem; color: #999; }
.copyright a { color: #999; }

a {
    text-decoration: none;
}

@media screen and (max-width : 1080px){
	.contenedor{
		width: 95%; 
		margin: 25px auto;
	}

section,aside {
		padding: 0px;
		width: 100%;
	}
	
}

@media screen and (max-width : 900px){
	.contenedor{
		width: 100%; 
		margin: 0 auto;
	}
	
}

@media screen and (max-width : 780px){

	.contlogo, .contcabecera{
	width: 100%;
        display: block;
	text-align: center;
       
	}

	
}

@media screen and (max-width : 500px){

		.contlogo img{
	align-content: center;
        }
                .contcabecera img{
	width: 100%;
        margin: 0 auto;
        }
}