@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

a {
	text-decoration:none;
	color:#e6791c;
}

body {
	font-family:Verdana, Helvetica, sans-serif;
	color:#666666;
}

header, section, footer, aside, nav, article, figure, figcaption, hgroup {
	display:block;
}


#formulario {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#eeeeee;
	padding:3%;
	text-align:justify;
	font-size:1em;
	margin-bottom:1%;
	text-align:left;
}

header {
	padding-top:1%;
	padding-bottom:1%;
	text-align:center;
	color:#FFFFFF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background:-webkit-linear-gradient(top, #858585, #222222 50%);	
	background:-moz-linear-gradient(top,#858585,#222222 50%);
	margin-bottom:1%;
	margin-top:1%;

}

h1,h2 {
	display:inline-block;
}

input {
	width:100%;
	color:#e6791c;
	margin-bottom:1%;
	margin-top:1%;

}


input.boton {
	width:auto;
	margin-top:2%;
	background-color:#e6791c;
	color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px;
	padding:1%;

}

footer {
	padding-top:1%;
	padding-bottom:1%;
	text-align:center;
	color:#FFFFFF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background:-webkit-linear-gradient(top, #858585, #222222 50%);	
	background:-moz-linear-gradient(top,#858585,#222222 50%);
	margin-bottom:1%;
	margin-top:1%;

	text-align:center;
}
.naranja {
	color:#e6791c;
	
}
.naranja a {
	color:#e6791c;
}

#contenedor {
	-moz-box-shadow: rgb(150,150,150) 10px 10px 20px;
	-webkit-box-shadow: rgb(150,150,150) 10px 10px 20px;
	box-shadow: rgb(150,150,150) 10px 10px 20px;
	
}


@media only screen and (min-width: 300px) and (max-width: 1000px) {

#contenedor {
	width:90%;
	margin:auto;
	height:90%;
	padding:1%;
}

#formulario {
	width:94%;
	font-size:2em;
}
label {
	font-size:2em;
}
footer {
	font-size:2em;
}
header {
	font-size:2em;
}
input {
	font-size:2em;
	padding-top:2%;
	padding-bottom:2%;

}
input.boton {
	font-size:2em;
}

}
@media only screen and (min-width: 1001px) and (max-width: 1280px) {

#contenedor {
	width:75%;
	margin:auto;
	margin-top:5%;
	padding:1%;
}

#formulario {
	width:94%;
	font-size:1.5em;
}
label {
	font-size:1.5em;
}
footer {
	font-size:1.5em;
}
header {
	font-size:1.5em;
}
input {
	font-size:1.5em;
	padding-top:2%;
	padding-bottom:2%;

}
input.boton {
	font-size:1.5em;
}

}
@media only screen and (min-width: 1281px) {

#contenedor {
	width:50%;
	margin:auto;
	margin-top:5%;
	padding:1%;
}


#formulario {
	width:94%;
	font-size:1em;
}
label {
	font-size:1em;
}
footer {
	font-size:1em;
}
header {
	font-size:1em;
}
input {
	font-size:1em;
}
input.boton {
	font-size:1em;
}


}