@import url(http://fonts.googleapis.com/css?family=Roboto:400,900);
/*font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;*/
body{
	background:#efeeee;
	color:#333333;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;	
	margin:0 auto;
	padding:0;
	text-align:center;
	width:auto;
}
.log{
	top:5em;
	position:absolute;	
	width:100%;
	z-index:2;
}
/*CONTENEDOR*/
#contenedor{
	margin:0 auto;	
	padding:0;	
	width:50%;
}
#contenedor article{
	padding:1em;
}
header{
	text-align:left;
	width:100%;
}
header > a{
	display:inline-block;
	margin:1em 0 1em 0em;
	padding:0;
	vertical-align:top;	
	width:50%;
}
header a img{
	width:100%;
}
/*FORMULARIO*/
form{
	margin:0 auto;
	padding:4em 0 1em 0;
	text-align:center;
	width:100%;	
}
.cajaformulario, .cajabarra{
	background:transparent;
	border:1px solid #ccc;
	border-radius:5px;
	color:#333;
	display:inline-block;
	margin:0 0 0.3em 0;
	padding:0.2em;
	text-align:left;
	text-transform:uppercase;
	vertical-align:top;
	width:99%;		
}
.cajaformulario > input[type='text'], .cajaformulario > input[type='time'],.cajaformulario > input[type='number'],select, input[type='password'], input[type='date'], .cajaformulario > textarea,.numbercierre, input[type='email'] {
	background:transparent;
	border:1px solid black;
	border:none;
	color:#333;
	display:inline-block;
	font-family:arial;
	font-size:1em;
	float:right;
	margin:0;	
	padding:0.3em;
	vertical-align:top;
	/*text-transform:uppercase!important;*/
	width:50%;
}
button[type=submit]{
	background:#00AA58;
	border:none;
	color:white;
	margin:0 0 0.4em 1em;	
	padding:0.5em 1em;
	text-transform:uppercase;
	width:30%;	
}
/***********************************************/
/*******DISPOSITIVOS MOBILES*********/
/**********************************************/
@media only screen and (max-width:1150px){
	header > a{	
		height:4em;
		margin-left:0em;
		vertical-align:top;	
		width:50%;	
	}
	header > a:hover{	
		background-position:0 -3.5em;
	}
	form{
		padding:3em 0 1em 0;
	}
}
@media only screen and (max-width:1024px){
	header > a{	
		height:3.3em;
		margin-left:0em;
		vertical-align:top;	
		width:50%;	
	}
	header > a:hover{	
		background-position:0 -3.5em;
	}
	form{
		padding:3em 0 1em 0;
	}

}
/***    DISEÑO PARA TABLETAS           ****/
@media only screen and (max-width:800px){
	.log{
		top:2em;
	}
		/*CONTENEDOR*/
	#contenedor{
		width:90%;
	}
}
@media only screen and (max-width:768px){
	
}
@media only screen and (max-width:720px){
	.log{
		top:2em;
	}
		/*CONTENEDOR*/
	#contenedor{
		width:90%;
	}
}
@media only screen and (max-width:640px){
	header > a{	
		height:2em;
		margin-bottom:0em;
		width:50%;	
		
	}
	header > a:hover{	
		background-position:0 -4em;
	}
	.log{
		top:2em;
	}
		/*CONTENEDOR*/
	#contenedor{
		width:90%;
	}
}
@media only screen and (max-width:540px){
	header > a{	
		height:1.5em;		
		width:60%;	
	}
	
}
@media only screen and (max-width:480px){
	header > a{	
		height:1.3em;
		margin-bottom:0em;
		width:60%;	
		
	}
}