@charset "utf-8";
/*@font-face { font-family: SketchRockwell; src: url('css/SketchRockwell-Bold.ttf'); } */
/* CSS Document */

#contenedor { background-image:url(../images/metal.jpg); height:auto; max-width:1000px; min-width:480px; margin:0 auto; margin-top:20px; border-radius:15px; box-shadow: 0px 0px 20px 4px #424242; }
a {transition:all 0.8s ease-in-out; }
a {text-decoration:none; color:#0057C0; }
a:hover {color:#003779;  }
article { float:left; margin-top:0px; margin-bottom:0px; }
body { background-image:url(../images/background.jpg); color:#404040; font-family:Arial, sans-serif; font-size:14px; text-align:center; background-color: #FFFFFF; background-repeat: repeat-x; }
p { font-family:Arial, sans-serif; font-size:16px; text-align:left; line-height:26px; margin-right:5%; margin-bottom:30px; margin-left:40%; }
ul, li { font-family:Arial, sans-serif; font-size:16px; text-align:left; line-height:26px; margin-right:5%; margin-bottom:30px; margin-left:22%; }
h1 { font-family: Electrolize, sans-serif; font-size: 22px; color:#002E86; text-align:left; font-weight:bold; text-shadow:1px 1px 1px white; margin-right:5%; margin-bottom:10px; margin-left:40%; margin-top:0px }
h2 { font-family: Electrolize, sans-serif; font-size: 16px; color:#002E86; text-align:center; font-weight:bold; margin-top:10px; text-shadow:1px 1px 1px white; }
h3 { font-family:Arial, sans-serif; font-size:16px; text-align:left; font-weight: normal; margin-left:40%; }
h4 { font-family:Arial, sans-serif; font-size:16px; text-align:left; font-weight: normal; }
.pie { font-family:arial, sans-serif; font-size: 10px; }
header { width:90%; text-align:center; padding-top:20px; margin:0 auto;}
.logo { max-height:131px; max-width:450px; width: 90%; }
nav { text-align:center; height:41px; width:100%; box-shadow:0px 0px 5px 1px #424242; }
section { height:auto; min-height:465px; padding:10px; vertical-align:top; margin-top:0px; overflow:auto; }
section #formulario { margin-left:20px; margin-right:20px; float:left; max-width:500px; }
article { width:100%; text-align:left; margin-top:25px; }
footer { text-align:center; margin-top:25px; padding-bottom:5px; padding-top:5px; color:gray; font-size: 12px; box-shadow:0px 0px 5px 1px #424242; border-bottom-right-radius:15px; border-bottom-left-radius:15px; }
#clear {clear:both; height: 0px; }
.image { float:left; box-shadow: 8px 8px 12px #424242; border-radius:6px; margin-bottom:10px; margin-right:20px; margin-left:2%; max-height:427px; max-width:320px; width:35% }

/* FORMULARIO */

form.cmxform {	width:400px; }
form.cmxform fieldset {	border:none; }
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:red; font-style:italic; }
textarea { width:400px; }
textarea.required:focus{ transition:background-color 0.5s linear; background:#C2C6FF; }
input.required:focus{ transition:background-color 0.5s linear; background:#C2C6FF; }
input.inputtype:focus{ transition:background-color 0.5s linear; background:#C2C6FF; }
.inputtype  { width:400px; }
.required { width:400px; }
.required email { width:400px; }
.btn { width:400px; }
div.error { display: none; }
input.error { border: 1px dotted red; }