﻿	.clear
	{	
		clear:both;
		margin: 0 0 20px; 
	}

	#page-wrap
	{
		width:450px;
		height:auto;
		margin:auto;
		position:relative;
		padding-top:50px;
	}

	#MyForm
	{
		width:475px;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		margin:0 auto;
		position:relative;
		padding: 15px 0 0;
		
		box-shadow: 0 0px 50px #FFFFFF;
	}

	#MyForm label
	{
		top:10px;
		position:relative;
		color:white;
	}
	
	#Botones
	{
		background: white;
		height: 73px;
		margin: -25px 0 45px;
		width: 475px;
		
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
	}

	.field
	{
		background:#212121;
		padding: 5px 20px 0 0;
		height:50px;
		width:455px;
	}

	#MyForm div:first-child
	{
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;	
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	#MyForm div:last-child
	{
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	.area
	{
		padding: 5px 20px 0 0;
		min-height:195px;
	}

	.inputfield
	{
		padding:0 20px 0 10px;
		float:right;
		font:15px Arial;
		border:2px aqua inset;
		
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
	}

	.textfield
	{
		height:35px;
		width:280px;
	}

	.textfieldBuscar
	{
		height:35px;
		width:230px;
	}

	.textarea1
	{
		padding-top:10px;
		padding-bottom:10px;
		height:150px;
		width:280px;
	}
	/**************************************************************/
	.submitbutton
	{
		border-style: none;
		border-color: inherit;
		border-width: 0px;
		float:right;
			width:105px;
			height:40px;
			font:20px Arial;
			position:relative;
			top:15px;
			right:0px;
			margin: 5px;
		
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
			-moz-box-shadow: 0px 0px 30px #3cdfdf;
			-webkit-box-shadow: 0px 0px 30px #3cdfdf;
			box-shadow: 0px 0px 30px #3cdfdf;
		
		/* FF3.6 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#3cdfdf')";
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, white),color-stop(1, #3cdfdf));/* Saf4+, Chrome */
	}

	.submitbutton:hover
	{
		 background: #3cdfdf;
		 color:white;
	}
	/**************************************************************/

	.inputfield:focus
	{
		-webkit-animation-name: pulsate;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-iteration-count: infinite;
		
		-moz-box-shadow: 0px 0px 30px  #3cdfdf; 
	}

	input:required:invalid, input:focus:invalid 
	{
		background-image: url('../Imagenes/Iconos/Invalido.png');
		/*background-position: right center;*/
		background-position: 256px center;
		background-repeat: no-repeat;
		-moz-box-shadow: none;
	}
	  
	input:required:valid 
	{
		background-image: url('../Imagenes/Iconos/Valido.png');
		background-position: 256px center;
		background-repeat: no-repeat;
	}

	@-webkit-keyframes pulsate 
	{
		0% {  -webkit-box-shadow: 0px 0px 0px #3cdfdf;border:2px aqua inset}
		25% {  -webkit-box-shadow: 0px 0px 35px #3cdfdf;border:2px aqua inset}
		50% {  -webkit-box-shadow: 0px 0px 0px white; border:2px white inset}
		75% {  -webkit-box-shadow: 0px 0px 35px white;border:2px white inset}
		100%{  -webkit-box-shadow: 0px 0px 0px #3cdfdf;border:2px aqua inset}
	}