/* 
 wFORMS Extension Stylesheet - formassembly.com					
 Default Theme: March 2005										
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 Cédric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/

/* please refrain from overwriting CSS outside of the #formGarden div */

/* LOS COMENTARIOS EN CASTELLANO Y ALGUNAS SEUDOCLASES y ATRIBUTOS HAN SIDO ANYADIDAS POR DAVID CERVERA PEREZ */

/* Form Related Rules */
/* ================== */

/* El atributo font-family SIEMPRE debe ir al final */

/* USAMOS LO SIGUIENTE PARA "ENMARCAR" LOS FORMULARIOS */
.widget {
	overflow: hidden;
	float: expression('left');
	position: relative;
	/* padding margen_sup margen_der margen_inf margen_izq */
	padding: 5px 0px 1px 0px;
	border-top: 3px solid #FFD37A;	
	border-bottom: 2px solid #AAA;	
	margin: 0px 0px 2px 0px;
	width: 100%
}
/* DEFINIMOS TÍTULOS y CUADROS DE TEXTO DE DISTINTAS FORMAS */
.infoempresa {
	font-size: 10px;
	height: 5px;
	margin: -4px 0px -4px 0px;
	padding: -2px 0px -2px 0px;
	font-family: Verdana, Arial, Sans-Serif;
}
.nombreempresa {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
}
.titulo {
	font-size: 22px;
	border-bottom:2px solid rgb(00,00,00);
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
}
.subtitulo {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
}
.texto {
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
}
.comentario {
	font-style: italic;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}
.comentario2 {
	font-style: italic;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}
.texto_peque {
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}
.foto {
	border: 1px solid #333333;
}

a.link {
	text-decoration:none;
}

/* DEFINIMOS LOS BOTONES */ 
.boton {
	background: url(../img/vpazul.png) bottom;
	border-top:    1px solid rgb(0,0,153); /* Color del borde superior */
	border-left:   1px solid rgb(0,0,153); /* Color del borde de la izquierda */
	border-right:  2px solid rgb(0,0,153); /* Color del borde inferior */
	border-bottom: 2px solid rgb(0,0,153);  /* Color del borde de la derecha */
	color:  rgb(0,0,153); /* Color del texto que aparece dentro del boton */
	font-weight: bold; /* Ancho del texto (en este caso: negrita */
	text-align: center; /* Alineamiento del texto (en este caso: centrado) */
	font-size: 10; /* Tamaño del texto (en este caso: 12 pixels) */
	width: 100px;
	font-family: Verdana, Arial, Sans-Serif;
}
.boton_activo { /* Para cuando pasamos el cursor sobre el boton. */
	background:  url(../img/vpverde.png) bottom;
	border-top:    2px solid rgb(0,0,153);
	border-left:   2px solid rgb(0,0,153);
	border-right:  1px solid rgb(0,0,153);
	border-bottom: 1px solid rgb(0,0,153); 
	color:  rgb(0,0,153);
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 10;
	width: 100px;
	font-family: Verdana, Arial, Sans-Serif;
}

.boton2 {
	background: url(../img/vpazul.png) bottom;
	border-top:    1px solid rgb(0,0,153); /* Color del borde superior */
	border-left:   1px solid rgb(0,0,153); /* Color del borde de la izquierda */
	border-right:  2px solid rgb(0,0,153); /* Color del borde inferior */
	border-bottom: 2px solid rgb(0,0,153);  /* Color del borde de la derecha */
	color:  rgb(0,0,153); /* Color del texto que aparece dentro del boton */
	font-weight: bold; /* Ancho del texto (en este caso: negrita */
	text-align: center; /* Alineamiento del texto (en este caso: centrado) */
	font-size: 10; /* Tamaño del texto (en este caso: 12 pixels) */
	width: 90px;
	font-family: Verdana, Arial, Sans-Serif;
}
.boton2_activo { /* Para cuando pasamos el cursor sobre el boton. */
	background:  url(../img/vpverde.png) bottom;
	border-top:    2px solid rgb(0,0,153);
	border-left:   2px solid rgb(0,0,153);
	border-right:  1px solid rgb(0,0,153);
	border-bottom: 1px solid rgb(0,0,153); 
	color:  rgb(0,0,153);
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 10;
	width: 90px;
	font-family: Verdana, Arial, Sans-Serif;
}

.boton_largo {
	background: url(../img/vpazul.png) bottom;
	border-top:    1px solid rgb(0,0,153); /* Color del borde superior */
	border-left:   1px solid rgb(0,0,153); /* Color del borde de la izquierda */
	border-right:  2px solid rgb(0,0,153); /* Color del borde inferior */
	border-bottom: 2px solid rgb(0,0,153);  /* Color del borde de la derecha */
	color:  rgb(0,0,153); /* Color del texto que aparece dentro del boton */
	font-weight: bold; /* Ancho del texto (en este caso: negrita */
	text-align: center; /* Alineamiento del texto (en este caso: centrado) */
	font-size: 10; /* Tamaño del texto (en este caso: 12 pixels) */
	width: 200px;
	font-family: Verdana, Arial, Sans-Serif;
}
.boton_largo_activo { /* Para cuando pasamos el cursor sobre el boton. */
	background:  url(../img/vpverde.png) bottom;
	border-top:    2px solid rgb(0,0,153);
	border-left:   2px solid rgb(0,0,153);
	border-right:  1px solid rgb(0,0,153);
	border-bottom: 1px solid rgb(0,0,153); 
	color:  rgb(0,0,153);
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 10;
	width: 200px;
	font-family: Verdana, Arial, Sans-Serif;
}

.boton_seleccion {
	background: #E9F4C7;
	border: 1px solid green;
	font-size:  12px;
	font-family: Verdana, Arial, Sans-Serif;
}
.boton_seleccion_activo {
	background: #E9F4FF;
	border: 1px solid blue;
	font-size:  12px;
	font-family: Verdana, Arial, Sans-Serif;
}

.img_normal {
	background: url(../img/mapa_espana.gif) center;
}
.img_activa {
	background: url(../img/mapa_espana2.gif) center;
}

.boton_menu_normal {
	background: url(../img/vpverde.png) bottom;
	text-align: center;
	border: 1px solid green;
	color:      #02675f;
	font-size:  11px;
	padding:    2px;
	margin-top: 7px;
	font-family: Verdana, Arial, Sans-Serif;
}
.boton_menu_activo { /* Para cuando pasamos el cursor sobre el boton. */
	background: url(../img/vpazul.png) bottom;
	text-align: center;
	border: 1px solid blue;
	color:      #02675f;
	font-size:  11px;
	padding:    2px;
	margin-top: 7px;
	font-family: Verdana, Arial, Sans-Serif;
}

.masInfo {
	background: url(../img/vprojo.png) bottom;
	border: 1px solid red;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}
.masInfo_activo {
	background: url(../img/vpamarillo.png) bottom;
	border: 1px solid yellow;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}
.panel {
	text-align:  center;
	font-weight: bold;
	border:      0px;
	color:       #02675f;
	font-size:   12px;
	padding:     2px;
	margin-top:  0px;
	width:       100%;
	font-family: Verdana, Arial, Sans-Serif;
}

p {
	color: #000000;
	font-size: 13px;
	font-family: Verdana, Arial, Sans-Serif;
}

/* FORMULARIO */
form {
	padding: 5px 0px 0px 0px ;
	height: expression('1%'); /* IE Pick-a-boo bug fix */
	font-family: Verdana, Arial, Sans-Serif;
}

fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 15px 10px;
	background-color:#FAFAFA;
	margin: 20px 0;
}

fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:#FFF;
}

legend {
	position: expression('absolute'); 
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px;
}

fieldset fieldset legend {
	font-size: 90%;
}

/* ETIQUETAS (que generalmente son...) ...DE LOS FORMULARIOS */
label, .label {	
/*	text-transform: capitalize; /*  Pone en mayuscula despues de . o - (solo en IE) y despues de la letra inicial*/
	color: #000000;
	font-size: 12px;
	margin: 0;
	font-family: Verdana, Arial, Sans-Serif;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('7em'); /* Min-width for IE6 */
	min-width: 7em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
}
.label { 
	display: block;
	width: auto;
}
label.postField  {
	margin-left: 4px;
	margin-right: 4px;
}

/* AREA DE TEXTO */
textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 2px 0;
}

/* CAMPOS DE LOS FORMULARIOS (incluye botones y todo lo que lleve la etiqueta "input" */
input {
	overflow: hidden;
	float: expression('left');
	position: relative;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px; /* Solo afecta a Firefox */
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
}
input[type=checkbox] { /* SOLO afecta a Firefox */
	height: auto;
}
input[type=file] {
	font-size: 12; /* Tamaño del texto (en este caso: 12 pixels) */
	font-family: Verdana, Arial, Sans-Serif;
}
/*input[type=text], input[type=password] {
	width: 30em; /* SOLO afecta a Firefox y siempre cogera esta, aunque "a mano" le indiques otra medida */
/*}*/

/* CAMPOS EN FORMA DE DESPLEGABLE CON VARIAS OPCIONES */
select { 
	padding: 0px 0px 0px 0px; /* SÓLO afecta a Mozilla Firefox */
	margin: 0px 0px 0px 0px;
	height: 17px; /* SÓLO afecta a Mozilla Firefox */
	font-size: 8pt;
	font-family: Verdana, Arial, Sans-Serif;
}
/* Creo mi propia seudoclase para los selects [parece que solo afecta a Firefox] */
.seleccion{
	margin: 0px 0px 0px 0px;
	border-top:    1px solid rgb(0,0,153); /* SÓLO afecta a Mozilla Firefox */
	border-left:   1px solid rgb(0,0,153); /* SÓLO afecta a Mozilla Firefox */
	border-right:  1px solid rgb(0,0,153); /* SÓLO afecta a Mozilla Firefox */
	border-bottom: 1px solid rgb(0,0,153); /* SÓLO afecta a Mozilla Firefox */
	padding: 0px 0px 0px 0px; /* SÓLO afecta a Mozilla Firefox */
	height: 15px; /* SÓLO afecta a Mozilla Firefox */
	font-size: 8pt;
	font-family: Verdana, Arial, Sans-Serif;
}

img {
	border-style: none;
}

body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Sans-Serif;
}

/* TABLAS */
table {
	border-style: solid;
	border-width: 0px;
}

td {
	padding-left: 5px;
	padding-right: 5px;
}

thead {
	border-style: none;
	background-color: rgb(51, 51, 153);
	color:white;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
}
/* Estilos de filas */
.par {
	font-size: 11px;
	background: rgb(216,224,242);
	color: black;
	font-family: Verdana, Arial, Sans-Serif;
}
.impar {
	font-size: 11px;
	background: rgb(186,224,222);
	color: black;
	font-family: Verdana, Arial, Sans-Serif;
}

/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
.instructions {
	margin: 1.5em 0;
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
.error {	/* deprecated since wForms v0.92 *//* CREO que para la version que usamos no se usa */
	border: 1px solid #F00;
}
.errFld {
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
.errorMsg { /* deprecated since wForms v0.92 */ /* CREO que para la version que usamos no se usa */
	color: #CC3333 !important;
	display: inline;
	font-size: 10;
}
.errMsg {	 /* Texto de validacion. Ej.: "Campo obligatorio." */
	color: #CC3333 !important;
	display: block;
	font-size: 10;
}
/* Field-Hint with focus */
.field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 190px;
	font-size: 85%;
	min-height: 2em;	
	background-image: url(/wforms/tfa-bracket.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	padding: 0 0 0 20px ;
}
/* Field-Hint without focus */
.field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 190px;
	font-size: 85%;
	min-height: 2em;
	background-image: url(/wforms/tfa-greybracket.gif);
	background-repeat: no-repeat;
	background-position: left center;		
	padding: 0 0 0 20px ;
}
/* Repeat Behavior  */
.repeat {
	border: 1px solid #ddd;
	background-color: #FFFFFF;
	font-size: 10;
}
.removeable {
	border: 1px solid #ddd;
	background-color: #F3F3F3;
	font-size: 10;
}
/* Links generated by the Repeat Behavior */
.duplicateLink {
	font-weight: bold;
	text-align: right;
	display: block;
}
.removeLink {
	text-align: right;
	display: block;
	color: #CC3300;
}
/* Switch Behavior Classes */
.onstate-a, .onstate-b, .onstate-c, .onstate-d {
	display: block;
}
.onstate-e, .onstate-f, .onstate-g {
	display: inline;
}
.onstate-h, .onstate-i, .onstate-j {
	display: inline;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */

/* Buttons */
.actions {
	text-align: right;
}
.primaryAction {
	display: inline;
}
.secondaryAction {
	color: grey;
	display: inline;
}
.secondaryAction:hover {
	color: black;
}