/*
RETICULAS CSSFRAMEWORK: FORMULARIO
--------------------------------------------------------
Nombre del documento:   formulario
Fecha de creacion:      Copyright (c) 2009
Propietario/autor:      www.sond3.com
info:                   info@sond3.com

More info: http://www.fsf.org/licensing/licenses/agpl-3.0.html

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

Descripcion:
Aporta aspecto basico a los formularios
--------------------------------------------------------
*/

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Campos de formulario
-------------------------------------------------------------- */
input.texto, input.titulo,
textarea, select {
	margin:0.3em 0 0px 0;
	border:1px solid #bbb; 
}

input.texto:focus, input.titulo:focus,
textarea:focus, select:focus {
	border:1px solid #666;
	background-color:#F5F5F5;
}

input.texto, 
input.titulo{ width: 99%; padding:2px; color: #333; }

input.titulo{ font-size:1.4em; color:#000; }

textarea    { width:99%; height: 250px; padding:1px; color: #666; }


/* correcto, aviso y error
-------------------------------------------------------------- */
.error,
.aviso, 
.correcto    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.aviso     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.correcto    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a    { color: #8a1f11; }
.aviso a   { color: #514721; }
.correcto a  { color: #264409; }


/*Boton
-------------------------------------------------------------- */
.boton {
	padding:4px 4px 4px 4px;
	
	background-color: #505761;
	border: 1px solid #000000;
		
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
.boton:hover{
	background-color: #333333;
}