/* === Remove input autofocus webkit === */
*:focus {outline: none;}

/*--- Estilos Generales  */
html {
   font-size: 100%;
   height: 100%;
   margin-bottom: 1px; 
   background-color:#FFFFFF;
   color:#005B96;
}
header{ 
	margin: 20px 0px 15px 20px;
}
body{
   font-family: 'Lato', Arial, Helvetica, sans-serif;
   font-size: 13px;
   width:470px;
   margin: auto; 
   
}

h1{ font-size:18px;
	font-weight:bold;
}

h2{	font-size:14px;
	font-weight:bold;
}

/*--- Estilos por etiquetas DIV  */   
#conteiner_principal{
	
	border-radius: 11px;
	padding: 20px 40px 30px 40px;
	margin: 5px auto;
	color: #FFF;  
	-moz-box-shadow: -2px 0px 32px #FFF;
	-webkit-box-shadow: -2px 0px 32px #FFF;
	box-shadow: -2px 0px 32px #FFF;	
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */



}

#respuesta{
	border:#F30004;
	border:1px;
	padding:15px;
	color:#FFFFFF;
	border-radius:10px;

	
    background: #c40000; /* Old browsers */
    background: -moz-linear-gradient(top,  #c40000 0%, #e00000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c40000), color-stop(100%,#e00000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c40000 0%,#e00000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c40000 0%,#e00000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c40000 0%,#e00000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c40000 0%,#e00000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40000', endColorstr='#e00000',GradientType=0 ); /* IE6-9 */
}


/*************** Forms ***************/
form{ border:none;      
}

form label {    display: block;
				font-family: Arial, Helvetica, sans-serif;
                padding: 0 0 5px;
                font-weight: bold;
				color: #1E1E1E; 
}
			
form input.text-input, form select, textarea{
                padding: 5px 15px 5px 15px;
				width:350px; 
                font-size: 13px;
				font-family: 'Lato',Arial, Helvetica, sans-serif;
                border: none;
                border-radius: 3px;
				background: #f9f9f9;
				font-weight: 400;
				text-shadow: 0 1px 0 rgba(255,255,255,0.8);
				color: #39F;
				box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 
							inset 0 3px 2px rgba(0,0,0,0.1);
}
            

                
form textarea{
	background: #fff;
				width:350px;
				height: 130px; 
}                
form select {
                
                background: #fff;
				width:200px; 
}
				




/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}

/* === Form Elements === */

.contact_form input{
	height:20px; 	
	padding:5px 8px;
}

.contact_form button {margin-left:0px;}


.contact_form input[type=checkbox] {
    margin: 0;
    width: 30px;
    border: none;
    box-shadow: black;
	padding: 0;
}
/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}
				
/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:-80px;
	padding: 10px 6px;
	z-index: 999; /* hints stay above all other elements */
	position:absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
				
/* === HTML5 validation styles === */	
.contact_form input:required {
	background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
	
}
.contact_form input:required:valid{
	background: #fff url(../images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid {
	background: #fff url(../images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
	
}
/* === Button Style === */
#mensaje_boton{	
	
	vertical-align:middle;
}
img{

	vertical-align:middle;
	
}
button.submit {
	background-color: #00ABEF;
    width: 200px;
	height:40px;
	
    
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #00ABEF, #009AFF);
	background: -moz-linear-gradient(top, #00ABEF, #009AFF);
	background: -ms-linear-gradient(top, #00ABEF, #009AFF);
	background: -o-linear-gradient(top, #00ABEF, #009AFF);
	background: linear-gradient(top, #00ABEF, #009AFF);
	border: 1px solid #2CBBFF;
	border-bottom: 1px solid #2CBBFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: inset 0 1px 0 0 #2CBBFF;
	-webkit-box-shadow: 0 1px 0 0 #2CBBFF inset ;
	-moz-box-shadow: 0 1px 0 0 #2CBBFF inset;
	-ms-box-shadow: 0 1px 0 0 #2CBBFF inset;
	-o-box-shadow: 0 1px 0 0 #2CBBFF inset;
	color: white;
	font-weight: bold;
	padding: 10px 25px;
	vertical-align:middle;
	text-align:center;
	text-shadow: 0 -1px 0 #2CBBFF;
	cursor:pointer;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #0B306B inset; 
	-webkit-box-shadow:0 0 10px 5px #0079CC inset ;
	-moz-box-shadow: 0 0 10px 5px #0079CC inset;
	-ms-box-shadow: 0 0 10px 5px #0079CC inset;
	-o-box-shadow: 0 0 10px 5px #0079CC inset;
	
}