/* CSS Document */

article { width: 100%; }

div#columna_contacto { float: left; width: 50%; padding: 5px; }

@media screen and (max-width: 600px) {
	div#columna_contacto { float: none; width: 100%; padding: 10px; }
}

div.textos { font-size: 1.2em; font-weight: bold; }
p.texto_pequeno { font-size: 1em; font-weight: normal; color: #3C4ACC; }

input.formulario { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; border-radius: 3px; width: 100%; }
textarea.formulario  { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; border-radius: 3px; width: 100%; height: 150px; }
input.enviar { padding: 10px; background-color: #3C4ACC; color: #9CDAEC; font-size: 14px; font-weight: bolder; border: none; margin-top: 20px; border-radius: 3px; }
	input.enviar:hover { background-color: #9CDAEC; color: #232323; cursor: pointer; }
	input.enviar:disabled { background-color: #575759; color: #313131; cursor: not-allowed; } 

div.oculto, p.oculto { width: 1px; height: 1px; overflow: hidden; opacity: 0; }

p.enlaces span.prefijo { font-size: 0.8em }
p.enlaces a { color: #3C4ACC; }

p.enlaces span.aclaracion { font-size: 0.7em; color: #aaa; }