/*
 * Fichero: public.css ,v1.0 22/02/2006 Ana Noemi Fernandez Martinez
 *
 * Hoja de estilos para presentación de los elementos principales comunes a
 * la web de usuarios y proveedores sin logear. Se establecen tamaños, fuentes,
 * colores y otros atributos en general.
 *
 * Media			screen
 * Navegadores		IE5+, Mozilla 1.3+, Konqueror X, Opera X
 * CSS				2
 * Fichero			public.css
 * Version			v1.0
 * Autores			Ana Noemi Fernandez Martinez <noemi.fernandez@net2u.es>
 * Comentarios
 */

/* ESTILOS GENERALES */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, Sans; font-size:11px; color:#000000; background-color:#C1C1C1; text-align:center;}
hr   { display: none; }
img  { border:none;}
h1, h2, h4 { margin:0px; padding:0px;}

/* ESTILOS CAJAS GLOBALES. GRID GLOBAL */
/*
	Estructura de datos de grid globales para los esquemas:
	web-pre -> Caja web que engloba la pre home
	web		-> Caja web que engloba todo
	pcab	-> Caja precabecera
	cab		-> Caja cabecera
	scab	-> Caja subcabecera
	ctd		-> Caja contenido que engloba laterales y datos
	dts		-> Caja datos
	pie		-> Caja pie
*/

#web { margin:0px auto 0px auto; width:770px; text-align:left; background:#ffffff url(/MODULOS/global/publico/interfaces/img/fdo_lat_menu.gif) 184px 95px no-repeat; border-top:8px solid #38446E;}
#cab { float:right; width:586px; background:#C2CAF1 url(/MODULOS/global/publico/interfaces/img/fdo_cab.gif) bottom left repeat-X; }
#lat { float:left; width:180px; height:auto; background:url(/MODULOS/global/publico/interfaces/img/fdo_lat.gif) top left repeat-X;}
#ctd { float:right; width:585px;}
#dts { float:left; width:570px;}
#ctd-pre { float:right; width:585px; background:url(/MODULOS/global/publico/interfaces/img/fdo_lat_menu.gif) top left no-repeat;}
#dts-pre { float:left; width:100%; height:550px; background:url(/MODULOS/global/publico/interfaces/img/img_fdo_ctd.jpg) bottom right no-repeat; }
#pie { clear:both; width:769px; height:58px; background:url(/MODULOS/global/publico/interfaces/img/fdo_pie.gif) top left repeat-X; text-align:center;}
.pie-f1 { margin:20px 0 0 0; width:770px; height:58px; background:url(/MODULOS/global/publico/interfaces/img/fdo_pie.gif) top left repeat-X; text-align:center;}


/* ESTILOS PARA LA CABECERA DE LA WEB */
#cab .c1 { float:left; width:262px; height:97px; background:url(/MODULOS/global/publico/interfaces/img/fdo_cab1.gif) bottom left repeat-X; }
#cab .c2 { float:right; width:105px; height:97px; background:url(/MODULOS/global/publico/interfaces/img/fdo_cab2.gif) bottom left repeat-X; }
ul.nav   { margin:7px 6px 0px 4px; padding:7px; background-color:#AEBAE8;}
ul.nav li { list-style-type:none;padding:0px 0px 5px 25px; }
ul.nav li.nav-opc1 { background:url(/MODULOS/global/publico/interfaces/img/espana.gif) 0px 2px no-repeat;}
ul.nav li.nav-opc3 { background:url(/MODULOS/global/publico/interfaces/img/uk.gif) 0px 2px no-repeat;}
ul.nav li.nav-opc2 { background:url(/MODULOS/global/publico/interfaces/img/pais_vasco.gif) 0px 2px no-repeat;}
ul.nav li a { color:#ffffff; text-decoration:none; }
ul.nav li a:hover {text-decoration:underline;}


/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie .pie-padd { padding:24px 0px; }
#pie .pie-padd a { padding:0px 5px; font-size:11px; color:#596ECB; text-decoration:none; background:none;}
#pie .pie-padd a:hover { color:#CC0000;}


/* ESTILOS PARA EL MENU LATERAL */
#lat .lat-padd { padding:10px 0px 10px 10px;}
#lat h1 { margin:10px 0px 0px 0px; padding:0px; }


/* ESTILOS PARA EL CONTENIDO Y DATOS */
.dts-padd { padding:30px 0px 40px 30px; }
.dts-int-padd { padding:0px; } /* Padding para caja datos de las interiores */
.dts-c1 { float:left; width:550px; text-align:left;} /* Columna utilizada para catalogo */


/* ESTILOS PARA CAJAS CON FORMATOS */
.caj-tit 	     { width:100%; height:24px; border-bottom:1px solid #B5B5B5; background:url(/MODULOS/global/publico/interfaces/img/fdo_caj_tit_gral.gif) bottom left repeat-X;}/* Caja para titulo de proveedores */
.caj-tit-f1 	 { clear:both; margin:10px 0px 0px 0px; width:100%; text-align:left; border-bottom:1px solid #B5B5B5; background:url(/MODULOS/global/publico/interfaces/img/fdo_caj_tit_gral.gif) bottom left repeat-X;}/* Caja para titulos con bullets */
.caj-tit-f2		 { margin-bottom:2px; width:100%; height:24px; text-align:left; border-bottom:1px solid #C00403; background:url(/MODULOS/global/publico/interfaces/img/pro/fdo_caj_tit.gif) bottom left repeat-X;}/* titulo para home sin login de proveedores*/
.caj-claim     { margin:30px 0px 0px 8px; padding:5px 0px 5px 8px; background:#C2CAF1; border-left:1px solid #ffffff;}/* Bienvenida */
.caj-log-pro 	 { float:left; margin:10px 0px 10px 0px; width:165px; background:url(/MODULOS/global/publico/interfaces/img/pro/fdo_form_proveedor.jpg) bottom left repeat-X; border:none;}/* Caja para los login */
.caj-log-usu 	 { float:left; width:100%; background:#EAEAEA url(/MODULOS/global/publico/interfaces/img/usu/fdo_form_usuario.jpg) bottom left repeat-X; border-bottom:1px solid #B5B5B5;}
.caj-log-padd  { padding:60px 10px 10px 10px;}
.caj-log-ctd	 { margin:20px 0px 20px 20px; padding:0px 0px 10px 300px; background:url(/MODULOS/global/publico/interfaces/img/usu/fdo_form.gif) top left no-repeat;}
.caj-ayu 	     { float:left; width:165px; background:#A4B0E2 url(/MODULOS/global/publico/interfaces/img/pro/fdo_caj_ayuda.gif) bottom left repeat-X; }/* Caja de Ayuda Telefonica */
.caj-ayu-padd  { padding:14px 5px 14px 10px;  }
.caj-dir 		   { float:left; margin:0px 0px 10px 0px; width:165px;  }/* Caja para la direccion */
.caj-dir-padd  { padding:20px 10px 20px 10px; background:url(/MODULOS/global/publico/interfaces/img/pro/fdo_direccion.gif) bottom left repeat-X;}
.caj-des 	     { float:left; width:250px; margin:0px 20px 5px 0px; }/* Caja para destacados, aplicado en la home */
.caj-des-ctd   {  padding:10px 5px; background:#EAEAEA url(/MODULOS/global/publico/interfaces/img/pro/fdo_caja_home.jpg) bottom left repeat-X; border-bottom:1px solid #B5B5B5;}
.caj-des-ctd .c1 { float:left; width:200px;}
.caj-des-ctd .c2 { float:right; margin-top:15px; width:40px;}
.caj-des-ctd .c1-f1 { float:left; margin-left:10px; width:115px;}
.caj-fdo      { margin:0px 0px 0px 30px; width:200px; background-color:#C1CAF1;}/* Caja con fondo de color */
.caj-text     { padding:0px 0px 0px 10px; width:520px;  background-color:#ffffff;}/* Caja para el textarea*/


/* FONDOS ESPECIALES */
.fdo-form  { background-color:#F4F5FC; }/* fondo para etiquetas de formulario de alta de proveedores*/


/* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */
/* Barra de opciones navegacion superior */
ul.nav-top            { margin:10px 0px; padding:0px 0px 7px 0px; border-left:1px solid #D4CECE;}
ul.nav-top li         { list-style-type:none; padding:0px 0px 0px 2px; float:left; border-right:1px solid #D4CECE;}
ul.nav-top li a       { padding:0px 4px 0px 4px; color:#000000; font-weight:bold; font-size:11px; text-decoration:none;}
ul.nav-top li a:hover { padding:0px 4px 0px 4px; color:#C20303; font-weight:bold; font-size:11px; text-decoration:none; }
ul.nav-top li a.act   { padding:0px 4px 0px 10px; float:left; color:#C20303; font-weight:bold; font-size:11px; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/flecha_menu2.gif) 0px 2px no-repeat;}


/* ESTILOS PARA CUALQUIER FORMULARIO */

/* Formulario login usuarios/proveedor */
.form-log { margin:0px; padding:0px 0px 10px 0px; width:145px;}
.form-log fieldset { margin:0px; padding:0px; border:none;}
.form-log fieldset legend { display:none; }
.form-log fieldset .lbl { float:left; text-align:left; font-size:11px; font-weight:bold; color:#000000; font-family:Arial, Helvetica, Sans;}
.form-log fieldset .cps { margin:5px 0px; font-size:11px; color:#333333; border:1px solid #7E9CB8; background-color:#ffffff;}
.form-log .btn 			{ clear:both; float:right; margin:8px 0px 0px 0px; font-size:11px; color:#000000; font-weight:bold; width:54px; height:17px; background:url(/MODULOS/global/publico/interfaces/img/pro/btn_pq.gif) 0px 1px no-repeat; border:none;}


/* Formulario general */
.form { margin:0px; padding:0px;   }
.form fieldset { margin:0px; padding:0px; border:none;  }
.form fieldset legend { display:none; }
.form fieldset .lbl-des { font-size:12px; color:#CC0000; font-weight:bold; font-family:Arial, Helvetica, Sans;} /* Agrupacion etiquetas de los campos */
.form fieldset .lbl     { float:left; padding:5px 5px 5px 10px; font-size:11px; color:#333333; font-family:Arial, Helvetica, Sans; text-align:left; }
.form fieldset .lbl-md  { width:130px;}
.form fieldset .cps { font-size:11px; color:#333333; margin:5px; border:1px solid #7E9CB8; background-color:#ffffff; }
.form fieldset .sel { font-size:11px; color:#333333;  margin:5px;}
.form fieldset .btn	 { clear:both; float:left; margin:5px 0px 0px 0px; font-size:11px; color:#000000; font-weight:bold; width:71px; height:17px; background:url(/MODULOS/global/publico/interfaces/img/btn_f1.gif) 0px 1px no-repeat; border:none; cursor:pointer;}
.form fieldset .btn-md	 { clear:both; float:left; margin:5px 0px 0px 0px; font-size:11px; color:#000000; font-weight:bold; width:80px; height:17px; background:url(/MODULOS/global/publico/interfaces/img/btn_med.gif) 0px 1px no-repeat; border:none;cursor:pointer;}
.form fieldset .btn-gr	 { clear:both; float:left; margin:5px 0px 0px 0px; font-size:11px; color:#000000; font-weight:bold; width:120px; height:17px; background:url(/MODULOS/global/publico/interfaces/img/btn_gr.gif) 0px 1px no-repeat; border:none;cursor:pointer;}
.form .btn-des { float:left; width:179px; height:28px; background:url(/MODULOS/global/publico/interfaces/img/btn_destacado.gif) 0px 0px no-repeat; border:none; }/* Boton destacado: ej.Consulta de boletines, va con estilo .enl-btn */
.form .btn:disabled {  }
.form .btn-gr {  }
.form .btn-md {  }
.form .btn-pq {  }

/* ESTILOS PARA TEXTO */
.claim-f1   { color:#010101; font-size:11px; font-family:Arial, Helvetica, Sans;}/* Estilo para titulo de bienvenida, le acompana caj-claim */
.claim-txt  { color:#010101; font-size:11px; font-family:Arial, Helvetica, Sans;} /* Estilo de texto del nombre en el claim */
.tel   		  { color:#ffffff; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, Sans;} /* Estilo para el telefono */
.tit 	      { padding:5px 0px 5px 15px; color:#000000; font-size:12px; font-family:Arial, Helvetica, Sans; text-align:left; background:url(/MODULOS/global/publico/interfaces/img/bullet_flecha.gif) 5px 12px no-repeat; }	/* Estilo para el titulos por defecto */


/* ESTILOS PARA ANCHOS */
.a1	{ width:325px;}

/* ESTILOS PARA LISTADOS */
/* Listado decimal */
ul.lst-dec    { clear:both; margin:0px; padding:10px; }
ul.lst-dec li { clear:both; list-style-type: decimal; list-style-position: inside; margin:0px; padding: 0px 0px 5px 0px; color:#000000; font-size:11px; font-weight:bold;}