/*
 * Fichero: public.css ,v1.0px 04/12/2006 Vanessa Martín Oliete
 * 
 * Hoja de estilos para presentación de los elementos principales comunes a
 * toda la Web. Se establecen tamaños, fuentes, solores 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			Vanessa Martín Oliete <vanessa.martin@net2u.es>
 * Comentarios		
 */

/* ESTILOS GENERALES */

body {margin:0px auto;padding:0px auto;width:737px;color:#969696;text-align:center;font-family:Arial, Verdana, Sans Serif; font-size:11px;background:#7C7A7A;  }
html, body {  }
td {  }
hr { display: none; }

/* 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 { padding:0px auto; margin:0px auto;width:737px;text-align:left;/*border-left:1px solid #342E25;border-right:1px solid #342E25;*/}
#cab { background:#000000 url(/MODULOS/global/publico/interfaces/img/cb-home.jpg) 0px 4px no-repeat;width:737px;height:110px;}
#cab2 { background:#000000 url(/MODULOS/global/publico/interfaces/img/cb2-home.jpg) 0px 4px no-repeat;width:737px;height:110px;}/*Cabecera de foro negocio*/
#ctd { background:#E2E2E2; width:737px;}
#lat { float:left; width:150px;background:#E2E2E2;padding:0px 0px 0px 8px;}
#dts {position:relative; top:-23px;float:right;width:563px;border-top:2px solid #FFA800;background: #FFFFFF; }
#dts-home{position:relative;top:-23px;float:right;width:563px;}
#pie { background:#342E25;width:737px;height:20px; }
h2.foro {font-family:Times New Roman,Arial;font-size:18px;color:#493A35; margin:0px;padding:0px 0px 4px 0px;}

/* ESTILOS PARA LA CABECERA DE LA WEB */
#cab .nav { float:right;width:250px;background:#342E25;color:#FFFFFF;}
#cab .nav ul{ background:#342E25; color:#FFFFFF;list-style-type:none;padding:2px 0px 0px 8px;margin:0px; }
#cab .nav li{margin:0px;padding:0px 0px 4px 2px;font-family:Times New Roman; font-size:11px;background:#342E25; color:#FFFFFF;list-style-type:none;float:left; }
#cab .nav li a{margin:0px;padding:0px;background:#342E25; color:#FFFFFF;text-decoration:none;}

/* ESTILOS PARA LA CABECERA DE FORO NEGOCIO */
#cab2 .nav { float:right;width:250px;background:#342E25;color:#FFFFFF;}
#cab2 .nav ul{ background:#342E25; color:#FFFFFF;list-style-type:none;padding:2px 0px 0px 8px;margin:0px; }
#cab2 .nav li{margin:0px;padding:0px 0px 4px 2px;font-family:Times New Roman; font-size:11px;background:#342E25; color:#FFFFFF;list-style-type:none;float:left; }
#cab2 .nav li a{margin:0px;padding:0px;background:#342E25; color:#FFFFFF;text-decoration:none;}



/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie .nav { padding-top:3px; float:right; }
#pie .nav ul{ margin:0px; padding:1px 4px 1px 8px; }
#pie .nav li{ margin:0px; padding:0px;list-style-type:none;display:inline; }
#pie .nav li a{ color:#FFFFFF;text-decoration:none; padding: 0px 1px 0px 3px;font-family:"Times New Roman"; }


/* ESTILOS PARA EL CONTENIDO Y DATOS */
#dts .XX {  }
#dts .XX-padd {  }
#dts h1.XX {  }
#dts h2 {font-family:Times New Roman,Arial;font-size:22px;color:#493A35; margin:0px;padding:0px 0px 4px 0px;width:400px;}
#dts h2.int {font-family:Times New Roman,Arial;font-size:22px;color:#493A35; margin:0px;padding:0px 0px 4px 0px;width:330px;}
#dts-home h2 {font-family:Times New Roman,Arial;font-size:22px;color:#493A35; margin:0px;padding:0px 0px 4px 0px;}
#dts-home h3 {font-family:Arial, Times New Roman;font-size:14px;color:#FFA800; margin:0px;padding:0px 0px 4px 0px;}
#dts h3 { padding-top:8px; margin:0px; }
#dts h4 { color:#F5AE16;font-family:Times New Roman,Arial;font-size:13px; margin-bottom:2px; padding:0px 0px 0px 0px;}
#dts h5.XX {  }

/*ESTILOS PARA TABLAS*/
table.tabla-foros {border: 0.0909em solid #FFFFFF; margin: 0em 0em 0.454em 0em; padding: 0em; width: 100%; font-size: 1em; border-collapse: collapse; width:530px;}
.tabla-foros caption {border: 0.0909em solid #FFFFFF;padding:5px 0px 0px 10px;font-weight: bold; color: #342E25; background:#AEABA8; height:25px;text-align:left;text-transform:uppercase;}
.tabla-foros tr{ }
.tabla-foros td { padding: 0.6em; border: 0.0909em solid #FFFFFF;background:#EAEAE9; text-align:center;color:#342e25;}
.tabla-foros td.esp { padding: 0.6em; border: 0.0909em solid #EAEAE9;background:none; text-align:left;color:#342e25;}
.tabla-foros th { background:#342e25;color:#FFF;text-align:center;height:20px;border: 0.0909em solid #FFFFFF; }
.tabla-foros a { text-decoration: none; }


/* ESTILOS PARA MENUS DE NAVEGACION */
/* Menu de 1º Nivel, 2º Nivel y 3º Nivel anidados. Con el estilo ".act" estamos definiendo la opcion de menu actual */
.men { font-family:"Times New Roman";margin-top:6px;font-size:12px;} 
.men ul {font-weight:bold; background:#E2E2E2;margin: 0px 0px 4px 0px; padding: 0px;text-align:left; } /* 1º Nivel de navegación */
.men ul li {padding:5px 0px 6px 10px; list-style-type:none;background:#342E25 url(/MODULOS/global/publico/interfaces/img/bullet-menu.gif) 5px 8px no-repeat; }
.men ul li a { color:#FFFFFF;text-decoration:none; padding-left:10px;}
.men ul li a:hover { color:#FFA800; }
.men ul li.act { background:#342E25 url(/MODULOS/global/publico/interfaces/img/bullet-menu-act.gif) 5px 8px no-repeat; }
.men ul li.act a { color:#FFA800;text-decoration:none;}
.men ul li.act a:hover {  }
.men ul li.act1 {  color:#000000; background:#FFA800 url(/MODULOS/global/publico/interfaces/img/bullet-menu-act.gif) 5px 8px no-repeat; }
.men ul li.act1 a { color:#000000;text-decoration:none;}
.men ul li.act1 a:hover {  }
 /* 2º Nivel de navegación */
.men ul ul {font-family:"Times New Roman";font-size:11px;margin: 0px;padding: 0px; background:#E2E2E2;text-align:left; } /* 1º Nivel de navegación */
.men ul ul li {text-align:left;padding:2px 0px 0px 0px;  list-style-type:none;background:#342E25 /*url(/MODULOS/global/publico/interfaces/img/bullet-menu.gif) 5px 8px no-repeat*/; }
.men ul ul li a { color:#FFA800;text-decoration:none; padding:5px 0px 0px 25px;}
.men ul ul li a:hover { color:#FFA800;text-decoration:underline; }
.men ul ul li.act { background:#342E25 url(/MODULOS/global/publico/interfaces/img/bullet-menu-act.gif) 5px 8px no-repeat; }
.men ul ul li.act a { color:#FFA800;text-decoration:none;}
.men ul ul li.act a:hover {  }


/*ESTILOS MAPA WEB*/
.mpwb {padding-left:30px; font-family:"Times New Roman";}
.mpwb ul{margin:0px; padding:2px 0px 2px 0px;list-style-type:none;}
.mpwb ul li{margin:0px; padding:0px 0px 0px 0px; list-style-type:none;}
.mpwb ul li a{margin:0px; padding:0px; text-decoration:none;list-style-type:none;}
.mpwb ul li a:hover{text-decoration:underline;}
.mpwb ul ul{margin:0px; padding:0px;}
.mpwb ul ul li{margin:0px 0px 0px 20px; padding:0px;}
.mpwb ul ul li a{margin:0px; padding:0px;color:#969696;text-decoration:underline;}
.mpwb ul ul li a:hover{text-decoration:none;}


/* ESTILOS PARA LOS LISTADOS */
/* Listados para documentos */
.lst-doc ul { margin:0px; padding:0px; list-style-type:none;}
.lst-doc li { margin:0px; padding:0px;list-style-type:none;color:#342E25; font-family:"Times New Roman";}
.lst-doc li a{text-decoration:none; margin:0px; padding:0px;background:url(/MODULOS/global/publico/interfaces/img/bullet-menu-act.gif) 1px 3px no-repeat; }

/* Listados para enlaces */
.lst-url { float:right; }
.lst-url ul { margin:0px; padding:1px 12px 1px 0px; }
.lst-url li { margin:0px; padding:0px;list-style-type:none;display:inline;}
.lst-url li a{color:#FFFFFF;text-decoration:none; padding: 0px 1px 0px 3px;}
.lst-url li a:hover{color:#FFA800;}

/* Listados para categorias */
.lst-cat {}
.lst-cat ul { padding:0px;margin:0px; }
.lst-cat li {list-style-type:none;padding:0px 0px 5px 0px;margin:0px;background:url(/MODULOS/global/publico/interfaces/img/bullet-menu-act.gif) 0px 3px no-repeat;   }

/* Listado especial o personlizada: Formato1 */
.lst-f1 ul {margin:0px;padding:0px;  }
.lst-f1 li {font-size:10px;list-style-type:none;color:#342E25;text-decoration:none;margin:0px; padding:2px 0px 0px 10px; }



/* ESTILOS PARA CAJA CON FORMATOS */

/* Caja para personalizable: formato 1 */ 
/*
	Recordar que debeis comentar donde la empleais, eso os servira con el tiempo a
	encontrar las cosas
*/
.caj-f1 {border-top:2px solid #FFA800;background: #FFFFFF; margin-bottom: 10px;} 
.caj-f1-padd{padding:3px 8px;}
.caj-f1-img{ width:106px;float:left;padding:0px 0px 4px 0px;}
.caj-f1-dts {float:right;padding:0px 0px 10px 0px;text-align:justify;}

.caj-f2 {border-top:2px solid #FFA800;background: #FFFFFF; margin-bottom: 10px;} 
.caj-f2-padd{padding:1px 10px;}

.caj-f3 {color:#FFFFFF;background:#342E25; margin-bottom:10px;} 

.caj-f4 {background:#FFFFFF;width:150px;} 
.caj-f4 .cabecera{background:#342E25;color:#FFFFFF;height:18px;padding:2px 0px 0px 6px;font-family:Times New Roman;width:144px;font-size:12px;}

.caj-f5 {border-top:1px solid #969696;background:#F2F2F2;;width:142px;color:#969696;font-family:Times New Roman;padding:10px 0px 8px 8px;margin-top:0px;} 

.caj-f6 {float:right; margin-bottom:10px;width:561px;} /*paginas libres layout1, layout2 y detalle noticias, eventos */
.caj-f6-padd{padding:4px 13px 10px 13px;}
.caj-f6-img{float:left;padding-right:0px;width:188px;}
.caj-f6-img2{float:right;width:188px;}
.caj-f6-img-dts{background:#342E25;color:#FFFFFF;font-family:Arial; font-size:7pt;padding:2px 0px 2px 3px;}
.caj-f6-dts{float:right;text-align:justify;width:335px;}

.caj-f7{float:left;width:530px;border-bottom:2px solid #E2E2E2;padding:8px 0px 8px 10px;margin-right:2px;}/*para el listado de destacado y no destacado*/

.caj-f8{float:left;width:530px;padding:8px 0px 8px 0px;margin-right:2px;}/*layout3*/
.caj-f8-padd{padding:4px 13px 10px 13px;}
.caj-f8-img{float:left;padding-right:0px;width:188px;}
.caj-f88-img-dts{background:#342E25;color:#FFFFFF;font-family:Arial; font-size:7pt;padding:2px 0px 2px 3px;}
.caj-f8-dts{float:left;text-align:justify;}

.caj-lst-home{width:210px;padding:0px 0px 10px 0px;margin:0px;}


/* ESTILOS PARA COLUMNAS GENERALES */
/* 
	Seccion donde definios los estilos globales para columnas.

	No se puede definir 'border', ni 'padding', ni 'margin'. Asi logramos que estos estilos
	lo emlemos para cosas genericas. A veces en portadas sobre todo necesitaremos
	definir estilos algo mas particulares pero para ello utilizaremos de las CSS
	el apartado 'ESTILOS PARA COLUMNAS PERSONALIZADAS'.
*/
/* 2 Columnas 50%-50& */
.col2f1 {} 
.col2f1-c1 { float: left; width: 49%;}
.col2f1-c2 { float: right; width: 49%;}



/* ESTILOS PARA COLUMNAS PERSONALIZADAS */
/* 
	Estilos empleados para modelos de columnas que se han de personalizar porque
	el diseño lo requiere.

	Un ejemplo de como nombrarlas es:
		- Si tenemos que hacer dos columnas seria asi
		.col2p1 {  } 'Con el respectivo comentario de donde se emplea'
		.col2p1-c1 {  }
		.col2p1-c2 {  }
		- Si tenemos que hacer tres columnas:
		.col3p1 {  } 'Con el respectivo comentario de donde se emplea'
		.col3p1-c1 {  }
		.col3p1-c2 {  }
		.col3p1-c3 {  }

	Si tenemos mas de dos modelos de personalizacion de columnas, es decir dos modelos 
	diferentes de dos columnas, las nombraremos: col2p1 y a la siguiente col2p2, recordando
	siempre el comentar donde se emplea.
*/
.col2p1 {  }
.col2p1-c1 { float: left; width: 320px;}
.col2p1-c2 { float: right; width: 230px;}

/* FONDOS ESPECIALES */
.fdo-XXX {  }

/* ESTILOS PARA BREADCRUMS */
.bdc { float:right; width:300px;font-family:"Times New Roman";text-align:right;padding-right:15px;margin-top:5px;}
.bdc a.ini{color: #505050;text-decoration:none; }
.bdc a.cat {color:#342E25; text-decoration:none; }
.bdc a.act{color:#FFA800;text-decoration:none;  }

/*ESTILOS PARA PAGINACION*/
.pag {font-family:"Times New Roman";color:#342E25;margin-top:10px;clear:both;}
.pag a.ini{color: #505050;text-decoration:none; }
.pag a.cat {color:#342E25; text-decoration:none; }
.pag a.act{color:#FFA800;text-decoration:none;  }


/* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */
/* Barra de opciones navegacion superior */
.nav-top {  }
.nav-top-padd {  }
/* Barra de opciones navegacion inferior */
.nav-btt {  }
.nav-btt-padd {  }

/* ESTILOS PARA CUALQUIER FORMULARIO */
/* Formulario Buscador */
.form-bus {margin:0px;padding:0px; width:120px;vertical-align:middle;}
.form-bus fieldset { border:none;margin:0px;padding:0px; }
.form-bus fieldset legend { display:none; }
.form-bus fieldset .lbl {color:#FFFFFF;margin:0px;padding:4px 0px 0px 0px;  }
.form-bus fieldset .cps {  height:11px;border:1px solid #999999;font-size:10px;margin:0px;padding:0px;}
.form-bus fieldset .btn {border:1px solid red;background:url(/MODULOS/global/publico/interfaces/img/bullet-buscar.gif) 0px 0px no-repeat; border:1px solid #000;height:15px;margin:0px;padding:0px;}
/* Formulario general */
.form { font-size:10px;margin:0px; padding-top:5px; }
.form fieldset { border:none; }
.form fieldset legend { display:none; }
.form fieldset input { font-size:12px;color:#666666; font-family:Times New Roman;margin-bottom:4px;}
.form fieldset label.general{width:30%;float:left;}
.form fieldset textarea{border:1px solid #999999;font-size:11px;}
.form fieldset .lbl { color:#969696;font-family:"Times New Roman";}
.form fieldset .btn { background:url(/MODULOS/global/publico/interfaces/img/btn.jpg) 0px 0px no-repeat;width:55px;border:none; }
.form fieldset .btn2 {border:none;background:url(/MODULOS/global/publico/interfaces/img/btn2.jpg) 0px 0px no-repeat;width:55px;border:none; }
.form fieldset .btn3 {border:none;background:url(/MODULOS/global/publico/interfaces/img/btn3.jpg) 0px 0px no-repeat;width:55px;border:none; }
.form fieldset .cps { height:12px;border:1px solid #999999;font-size:11px;margin:0px;padding:0px; }
.form fieldset .cps-gr {border:1px solid #999999;font-size:11px;margin-bottom:1px;padding:0px;height:15px;  }
.form fieldset .tex { color:#505050; }
.form fieldset select.sel1{font-size:11px;color:#666666; font-family:Times New Roman;}
/* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */
.form-fil {  }
/* Formulario de autentificacion de entrada a la web se anida con el estilo "form" */
.form-aut {  }
/* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */
.form-fil {  }
/* Formulario de XXX para cajas ventanas se anida con el estilo "form" */
/*
	Ejemplo de como anidar: <form class="form form-xxx"></form>
*/
.form-XXX {  }

/* ESTILOS PARA TEXTO */
.txt { color:#505050; }		/* Estilo para el texto en general */
.ent { color:#B2AFAF; }		/* Estilo para la entradilla */
.sub{color:#505050;font-size:10px;font-style:italic;} /*Estilos para los antetitulos*/
.esp {  color:#F5AE16; }		/* Estilos especiales para titulos de doc adjuntos y fechas */
.fec { color:#F5AE16; }		/* Estilo para campo de fecha */
.fec-ini {  }	/* Estilo para campo de fecha de inicio */
.fec-fin {  }	/* Estilo para campo de fecha de final o utlima fecha */
.fec-crt {  }	/* Estilo para campo de fecha critica */
.tit { color:#505050; }		/* Estilo para el titulo */
.tit-f1 { }	/* Estilo para el titulo, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */
.ant { font-size:13px;color:#B2AFAF; }		/* Estilo para antetitulos */
.sub {  }		/* Estilo para la subcabecera */
.dscp {  }		/* Estilo para utilizar cuando descripcion */
.res {  }		/* Estilo para la resaltados */
.not {  }		/* Estilo para notas */
.ane {  }		/* Estilos para anexos */
.ok {  }		/*	Estilo para Ok en resultados */
.nok {  }		/* Estilo para resultados no Ok en resultados */
.pvp {font-size:11px; color:#FFA800;  }		/* Estilo para precio */
.pvp-des {font-size:11px; color:#FFA800;font-weight:bold; }	/* Estilo para destacado */
.pvp-ant {  }	/* Estilo para precio anterior */
.ndts {  }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */
.err { color:#3D3B38; }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */
.err1 { color:#FF0000; } /*Estilo para los errores de los formularios*/	
.esp1{color:#ffa800;}
.enl{color:#342E25;font-size:10px;}
.ofer {color:#000000;font-weight:bold;}
.ofer1 {color:#4B4C4D}
.ofer2 {color:#000000;}
/* ESTILOS PARA EL CUERPO */
.fondo{background:#F2F2F2;}
.fndo {background:#FFA800;}
.cpo {  }
.cpo strong {  }
.cpo ul {  }
.cpo li {  }
.cpo ul {  }
.cpo li {  }
.cpo p {  }

/* ESTILOS PARA IMAGENES */
img {  }
a.img {border:none; }
a.img:hover {  }
.img-sm {  } /* Estilo para imagenes sin marcos */
.img-cm {  } /* Estilo para imagenes con marcos */
.img-dch { float: right; } /* Estilos para imagenes que flotan a la derecha */
.img-dch-padd { padding:0px 8px 0px 8px; }
.img-izq { float: left; } /* Estilos para imagenes que flotan a la izquierda */ 
.img-izq-padd {  }

/* ESTILOS PARA ENLACES */
a {color:#F5AE16;text-decoration:underline;}
a:hover{text-decoration:none;}
a.enl-cat{color:#342E25;text-decoration:underline;padding-left:12px;}
a.enl-cat:hover{text-decoration:none;}
a.enl-cat1{color:#342E25;text-decoration:underline;font-weight:bold;}
a.enl-doc{color:#342E25;text-decoration:none;font-size:10px;}
a.enl-doc:hover{color:#342E25;text-decoration:underline;}
a.enl-ico{color:#FFA800;font-size:11px;font-family:"Times New Roman";}

/*ESTILOS PARA ANCHOS*/
.ancho72{width:72px;}
.ancho80{width:90px;}
.altura307{height:307px;}
.ancho150{width:150px;}
.ancho100{width:100px;}
.ancho200{width:200px;}
/* ESTILOS PARA LA LINEAS */
.ln-f1 { border-top:1px solid #FFA800; }

/* ESTILOS PARA FLOTAR Y ALINEAR */
.flo-izq { float: left; }
.flo-dch { float: right; }
.ali-izq { text-align: left; }
.ali-dch { text-align: right; }
.ali-cen { text-align: center; }
.ali-top { vertical-align: top; }
.ali-btt { vertical-align: bottom; }
.ali-med { vertical-align: middle; }

/* ESTILOS PARA ESPACIOS Y DIMENSIONES */
.padd {  }
.padd-top { padding: 10px 0px 0px 0px; }
.padd-btt { padding: 0px 0px 10px 0px; }
.padd-izq { padding: 0px 10px 10px 0px; }
.padd-dch { padding: 0px 0px 0px 10px; }
.marg-top{margin-top:5px;}
.padd-clm{padding:10px 10px 0px 15px;}

/*estilos varios, foro negocio*/
.home-oferta { float:left; width:205px; height:140px;}
#home-descacado {padding:0px 10px 5px 10px;}
/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.borde{border:0px solid #FFFFFF;}
.brr { clear: both; }
.ocu { display: none; }
.con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.con {display:inline-block;}
.con {display:block;}
@media all { .con { display:block; }} /* Para Opera */
/* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */