@charset "UTF-8";
/* CSS Document */
body, div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

html {
	height: 100%;
}


#contact {
	background-image:url(../img/04-contacto/formulario.png);
	background-repeat:no-repeat;
	float:right;
	margin-right:10px;
	margin-top:40px;
	width:287px;
	height:443px;
	padding-top:20px;	
}

h1 {
	font-size: 35px; color: #445668; text-transform: uppercase;
	text-align: center; margin: 0 0 35px 0; text-shadow: 0px 1px 0px #f2f2f2;
}

label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px; margin-top:-5px;
	text-align: right; font-size: 14px; color: #000;
	/*text-transform: uppercase;*/ 
}

input {
	width: 240px; height: 25px; padding: 0px 10px 0px 10px; margin: 0 0 24px 0; 
	background: #D2DEEC;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-family: sans-serif; font-size: 16px; color: #000; /*text-transform: uppercase;*/ 
}
	input::-webkit-input-placeholder  {
    	color: #FFCC00; 
	}
	input:-moz-placeholder {
	    color: #FFCC00; 
	}

textarea {
	width: 228px; height: 70px; padding: 12px 20px 0px 20px; margin: 24px 0 20px 0;
	background: #D2DEEC;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #000; resize:none; /*text-transform: uppercase;*/
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; 
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; 
	}

input:focus, textarea:focus {
	background: #ccc;
	background: -moz-linear-gradient(top, #ccc 0%, #ccc 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(20%,#ccc)); /* webkit */
}

input[type=submit] {
	width: 85px; height: 20px; float: right; padding: 0px 0px; margin: 0 35px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #fff 0%, #c00 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* webkit */
	cursor: pointer;
}

@media all\9 {
	#contact {
	padding-top:10px;	
	
}
	input {
	padding: 0px 10px 0px 10px; margin: 0 0 3px 0;
	height: 24px; 
	}

	textarea {
	 padding: 12px 20px 0px 20px; margin: 22px 0 20px 0;
}
	
	select{
		margin-top:30px;
	}
	
}