/* Estilos para el formulario de contacto de CODEA+ 2015 */
/* Colores anteriores #9EcDDF, #777, #5DACCA*/
#container-contact-form {
	display:block;
	background-color: #fff;
	clear:both;
	margin: 0 auto;
	width: 470px;
	height: auto;
	padding: 15px 0 20px 0;
	/*border: 1px solid #9EcDDF;*/
	border-radius: 7px;
	/*box-shadow: 0 0 8px #166085;*/
}

/*Contact Form*/
#contact-form {
	width: 415px;
	background-color: inherit;
	margin: 0px auto;
	/*padding: 30px 40px 35px 40px;*/
	border-radius: 12px;
	-moz-border-radius: 0 0 5px 5px;
}

#contact-form  p { 
	font-family: 'Lato', sans serif;
	font-weight: 300;
	color: #5DACCA;
	font-size: 16px; 
}

#contact-form a {
	text-decoration: none;
}

#contact-form a:hover {
	text-decoration: underline;
	color: #166085;
}

#contact-form a:visited {
	text-decoration: none;
}

#contact-form h2 {
  color: #377cbb;
  margin-bottom: 10px;
  font-family: 'Lato';
  font-size: 22px;
  text-align: center;
}

.intro {
  padding-bottom: 20px;
}


#contact-form table {
	font-size: 90%;
}

.contact-form-td {
	padding-left: 15px;
	padding-top: 3px;
	color: #377cbb;
}

input[type="text"] {
	display: inline;
	width: 400px;
	font-size: 14px;
	background-color: #4695c1;
	font-family: 'Lato';
	color: #fff;
	padding: 5px 0px 5px 8px;
	margin: 5px 0px 5px 0px;
	border-radius: 3px;
	-moz-border-radius: 5px;
	
	border: 1px solid #166085;
	box-shadow: 0 0 6px #888;
}

input[type="text"]:hover, #contact-form textarea:hover {
	border: 1px solid #da9306;
}

#contact-form label {
	font-weight: 400;
	font-size: 0.9rem;
}

.inputfield {
  padding-top: 10px;
  font-weight: 400;
  color: #4695c1;
}

::-webkit-input-placeholder {
  color: white;
  font-weight: 300;
}

input[type="submit"]{
	display: inline;
	width: 200px;
	margin-top: 15px;
	margin-left: 100px;
	font-size: 14px;
	font-weight: bold;
	background-color:#999;
	color: #fff;
	padding: 5px 0px;
	border: 2px solid #4695c1;
	box-shadow: 0 0 10px #9ecddf;
	border-radius: 12px;
	-moz-border-radius: 12px;
}

input[type="submit"]:hover {
	background-color:#777;
	box-shadow: 0 0 10px #da9306;
	border: 2px solid #da9306;
	cursor: pointer;
}

#contact-form textarea {
	display: inline;
	width: 400px;
	max-width: 400px;
	height: 80px;
	max-height: 300px;
	font-size: 14px;
	background-color:#4695c1;
	color:#fff;
	padding: 5px 0px 5px 8px;
	margin: 5px 0px 0px 0px;
	border-radius: 3px;
	-moz-border-radius: 5px;
	
	border: 1px solid #166085;
	box-shadow: 0 0 6px #888;
}