/* CSS Document */
html, body { margin:0em; padding:0em; color:#666666; }
body { font-size:0.7em; font-family: Arial, Helvetica, sans-serif; background-color:#EFEFE9; }
* { margin:0; padding:0;}
img { border:none; }
form { margin:0; padding:0}
.ayuda-acces { position:absolute; left:-999px}
/* ------ Maquetacion CSS Layout ------ */
#pagina { margin:0 auto; width:758px; }
#cabecera { background-color:#F7F7F7; height:36px; }
#cuerpo { }
#pie { clear:both; background-color:#FFFFFF; height: 23px; font-size: 90%; color: #666666; }
#leftcol { width:190px; float:left; position:relative; float:left }
#maincol { float: left; display:inline; position: relative; width: 568px; }
#maincol #contenidos { display: block; width: 380px; float: left; padding-bottom:2em}
#rightcol { width: /*162px*/ 165px; float: right; text-align:center; margin-right: 10px; background-image:url(/publico/images/fnd-right.jpg); background-position:top; background-repeat:no-repeat /*border-top:#DDDDDD solid 1px*/}
* html #rightcol { margin-right: 5px;}
#wrapper-tp1 {
background-image:url(/publico/images/fnd-line-pg.gif);
background-position:left;
background-repeat:repeat-y;
/*text-align: right;*/
}
#wrapper-tp1-IDI {
background-image:url(/publico/images/fnd-line-pg.gif);
background-position:left;
background-repeat:repeat-y;
/*text-align: right;*/
}
#wrapper-tp2 {background-image:url(/publico/images/fnd-line-pg2.gif); background-position:left; background-repeat:repeat-y; }
#wrapper-tp2 #maincol { width:758px;}
#wrapper-tp2 #maincol #menu-superior { padding-left:0px; height: auto; background-color:#ffffff;}
#wrapper-tp2 #contenidos { width: 530px; padding-left: 30px;}
#wrapper {background-color:#FFFFFF; background-image:url(/publico/images/fnd-pg.jpg); background-position:bottom; background-repeat:repeat-x; clear:both /*<- temp*/}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
/* ------ /Maquetacion CSS Layout ------ */
/* ------ Estilos home ------ */
#home { width:758px; }
#home-menu-superior { background-image:url(../images/fnd-menu.jpg); background-repeat:repeat-x; background-position:top; clear: both; }
#cuerpo #interactivo {
width:518px;
height:227px;
float:left;
padding-top:10px;
background-color: #FFF;
}
#cuerpo #actualidad {
background-image:url(/publico/images/fnd-actualidad.jpg);
background-position:top;
background-repeat:no-repeat;
float:left;
width: 240px;
height: 211px;
background-color: #FAFAF8;
}
#cuerpo #actualidad a { color:#795200}
#cuerpo #actualidad a:hover { text-decoration:none}
#cuerpo #actualidad img {
margin:25px 0 0 20px
}
#cuerpo #actualidad ul { list-style-image:url(../images/topic1.gif); color:#795200; margin-left: 35px; margin-top: 10px;}
#cuerpo #actualidad ul li { margin-bottom:5px}
#cuerpo #zona-promo { background-image:url(../images/fnd-banner.gif); height:112px; width:518px; float: left;}
#cuerpo #zona-promo-gp1 { float:left; width: 400px; text-align:center;padding-top:16px}
#cuerpo #zona-promo-gp1 img {margin-left: 5%; }
#cuerpo #zona-promo-gp2 {margin-top:31px;float:left;margin-left:20px}
#cuerpo #area-clientes {
width:240px;
height:138px;
float: right;
text-align: right;
background-image: url(/publico/images/home_client.jpg);
background-repeat: no-repeat;
}
#cuerpo #area-clientes p {
padding:0;
margin:5px 10px 0 0
}
#cuerpo #area-clientes p a {
color:#000000;
text-decoration:underline
}
#cuerpo #area-clientes p a:hover { text-decoration:none}
#cuerpo #area-clientes form { margin:0 19px 0 0}
#cuerpo #area-clientes form label { display:block; margin-bottom:3px}
#cuerpo #area-clientes .campo { width:85px}
#login {
background-color:#AC3030;
color:#FFFFFF;
width:162px;
margin-right:0px;
float:right;
padding-top:7px;
height:75px
}
#login p { margin-top:0px; }
#login ul { list-style:none; color:#FFFFFF; padding-right:10px; margin-top:3px;}
#login ul li { margin-bottom:3px}
#login ul a { color:#FFFFFF; text-decoration:underline}
#login ul a:hover { text-decoration: none}
#login2 {
background-color:#ac3030;
color:#FFFFFF;
text-align:right;
padding:3px;
padding-bottom: 4px;
padding-left: 0px;
padding-top: 0px;
margin: 2px 1px 2px 2px;
}
#login2 p { padding-right:5px}
* html #cuerpo #area-clientes p { padding:0; margin:5px 10px 0 0}
*:first-child+html #cuerpo #area-clientes p { padding:0; margin:3px 10px 0 0}
/* ------ /Estilos home ------ */
#cabecera img { margin-left:45px; float:left; }
#cabecera ul.menu1 { float:left; padding:0; margin:12px 0 0 25px; }
#cabecera ul.menu1 li { display:inline; border-right: #666666 solid 1px; padding:0 4px 0 4px; }
#cabecera ul.menu1 li a { color:#666666; text-decoration:none }
#cabecera ul.menu1 li a.activo { color:#C8292E; text-decoration:none }
#cabecera ul.menu1 li a:hover { color:#666666; text-decoration:underline}
#cabecera ul.menu1 li.ultimo { border-right:none}
* html #cabecera ul.menu1 li { margin:0 1px 0 2px;}
#cabecera .buscador { float:left; padding:0px 0 0 0; margin:7px 0 0 20px; }
#cabecera .buscador .campo { width:115px; }
#cabecera .buscador .btnimg { padding:2px 0 0 0px; vertical-align:text-bottom; }
#cabecera ul.menu2 { float:left; padding:0; margin:12px 0 0 25px; }
#cabecera ul.menu2 li { display:inline; border-right: #666666 solid 1px; padding:0 5px 0 4px; }
#cabecera ul.menu2 li a { color:#666666; text-decoration:none }
#cabecera ul.menu2 li a:hover { color:#666666; text-decoration:underline}
#cabecera ul.menu2 li.ultimo { border-right:none}
* html #cabecera ul.menu2 li {padding:0 2px 0 6px; }
#menu-superior { background-image:url(/publico../images/fnd-menu.jpg); background-repeat:repeat-x; background-position:top; background-color:#ffffff;}
#menu-superior img, #menu-superior a img { vertical-align:text-top}
#menu-superior-sub { background-color:#E2E5E5; color:#C8292E; margin-left: 18px; margin-bottom:10px; padding: 6px;}
#menu-superior-sub ul { color:#C8292E; font-weight:bold; margin-left:20px}
#menu-superior-sub ul a { color:#C8292E; text-decoration:underline; font-weight:normal}
#menu-superior-sub ul a:hover { color:#C8292E; text-decoration:none}
#menu-superior-sub li { display:inline; border-right: #C8292E solid 1px; padding:0 5px 0 4px; }
#menu-superior-sub li.ultimo { border-right:none}
* html #menu-superior-sub li {padding:0 2px 0 6px; }
#leftcol ul.menu { color:#C8292E; font-weight:bold; text-align:right; list-style:none; margin-right:10px; margin-top:5px;}
#leftcol ul.menu li { margin-bottom:4px}
#leftcol ul.menu a {color:#C8292E; font-weight:normal; text-decoration:none}
#leftcol ul.menu a:hover { text-decoration:underline }
#banner { text-align:center; margin-top: 3em; padding-bottom: 1em;}
#banner img { padding-right:10px}
#maincol { color:#333333}
#maincol #menu-superior {
padding-left:0px;
height: 31px;
text-align: left;
}
#migas { color:#666666; background-image: url(/publico/images/fnd-migas.gif); background-position: bottom; background-repeat: repeat-x; padding:5px 0 7px 5px; margin-left:20px}
#migas a { color:#666666; text-decoration:none }
#migas a:hover { text-decoration: underline }
#migas span { font-weight:bold}
#maincol #contenidos h1 { color:#C8292E; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:130%; font-weight: bold; margin-bottom:0.5em; margin-top:0.5em}
#maincol #contenidos h2 { color:#C8292E; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight: bold; margin-bottom:1em; margin-top:0.5em}
#maincol #contenidos h2.h2tp2 { color:#000000; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; font-weight: bold; margin-bottom:0em; margin-top:1.5em}
#maincol #contenidos p { margin-bottom:0.5em}
#maincol #contenidos p a { color:#000000; text-decoration:underline}
#maincol #contenidos p a:hover { color:#000000; text-decoration:none}
#maincol #contenidos h1, #maincol #contenidos h2, #maincol #contenidos h2.h2tp2, #maincol #contenidos p, #maincol #contenidos div { margin-left:20px; margin-right:10px}
#maincol #contenidos ul.ultexto { margin-left:50px; list-style-image:url(/publico/images/topic4.gif); margin-top:5px }
#maincol #contenidos ul.ultexto a { color:#000000; text-decoration:underline}
#maincol #contenidos ul.ultexto a:hover { color:#000000; text-decoration:none}
#maincol #contenidos #grp1 { float:left; margin-right:0; margin-left:0; width:330px}
#maincol #contenidos #grp2 { background-color:#EBEBEB; color:#000000; float:left; margin-left:0; margin-right:0; min-height:290px; width:185px }
* html #maincol #contenidos #grp2 { height:290px;}
#maincol #contenidos #descargas h1 { color:#667E2C; margin-top:1em; font-size:125% }
#maincol #contenidos #descargas #grp1 { float:left; margin-right:0; margin-left:0; width:53%}
#maincol #contenidos #descargas #grp2 { background-color:transparent; color:#000000; float:left; margin-left:0; margin-right:0; width:45% }
#maincol #contenidos #descargas #grp2 .resaltado { background-color:#7E9A3F; color: #FFFFFF; margin: 0 0 0 10px; padding: 10px; width:auto}
#maincol #contenidos #descargas #grp2 .resaltado p { padding:0; margin:0}
#maincol #contenidos #descargas #grp2 .resaltado a { color:#FFFFFF}
#maincol #contenidos #descargas .btn { background-color:#7E9A3F; color: #FFFFFF; font-weight:bold; font-size:100%; border:none}
#maincol #contenidos ul { margin-left:40px;}
#maincol .imgleft { float:left; padding: 0 10px 10px 0; vertical-align:baseline }
#maincol .imgright { float: right; padding: 0 0 10px 10px}
#maincol .separador { background-image: url(/publico/images/separador.gif); background-repeat:repeat-x; background-position:3px}
#maincol #sugerencias { }
#maincol #sugerencias th { font-weight:normal; text-align: right }
#maincol #sugerencias td { padding:1px 5px 1px 5px}
#rightcol #login { background-color:#7E9A3F; color: #FFFFFF; width: 165px; text-align: right; padding-bottom:5px}
#rightcol #login p { margin: 0 10px 0 0; padding-bottom:5px}
#rightcol #login ul { list-style:none; color:#FFFFFF; padding-right:10px; margin-top:2px;}
#rightcol #login ul li { margin-bottom:3px}
#rightcol #login ul a { color:#FFFFFF; text-decoration:underline}
#rightcol #login ul a:hover { text-decoration: none}
#rightcol p.tit { color:#C8292E; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:130%; text-align:right; padding: 5px 10px 5px 0; /*border-right:#DDDDDD solid 2px*/}
#rightcol img {}
#pie a { color: #666666;}
#pie #pietexto { float:left; margin: 5px 0 0 10px; }
#pie #pietexto li { display:inline; border-right: #666666 solid 1px; padding:0 5px 0 4px; }
* html #pie #pietexto li { margin:0 1px 0 2px; }
#pie #pietexto li.ultimo { border-right:none}
#pie #pietexto li a { color:#666666; text-decoration:none}
#pie #pietexto li a:hover { color:#666666; text-decoration: underline}
#pie #pieimagen { float:right; margin: 5px 10px 0 0; }
.naveg-pie { background-image:url(/publico/images/fnd-naveg-pie.gif); background-repeat:repeat-x; background-color:#FFFFFF; color:#333333; text-align:left; padding:3px 0 17px 0; margin-top:1.5em; }
.naveg-pie .colizq { float:left; margin-left:7px !important }
.naveg-pie a { color:#333333 }
.naveg-pie a:hover { text-decoration:none}
.naveg-pie .colder { float:right}
ul.listado { color:#333333; font-weight:bold; list-style:none; margin-left:20px; font-size:100% }
ul.listado li { margin-bottom:15px}
ul.listado li a { color:#333333;}
ul.listado li a:hover { color:#333333; text-decoration:none}
ul.listado ul li { font-weight:normal; list-style:none}
ul.list { color:#333333; font-weight:bold; list-style:none; margin-left:20px; font-size:100% }
ul.listado li { margin-bottom:15px}
ul.listado li a { color:#333333;}
ul.listado li a:hover { color:#333333; text-decoration:none}
ul.listado ul li { font-weight:normal; list-style:none}
ul.list-vacantes{ color:#333333; font-weight:bold; list-style:none; margin-left:20px; font-size:100% }
ul.listado li { margin-bottom:15px}
ul.listado li a { color:#333333; text-decoration:none}
ul.listado li a:hover { color:#333333; text-decoration:none}
ul.listado ul li { font-weight:normal; list-style:none}
a.alist{
color:#333333; text-decoration:underline !important;
}
#mapaweb {}
#mapaweb ul { color:#C8292E ; list-style:none; margin-left:0; margin-top:2em; font-weight:bold}
#mapaweb ul a { color:#C8292E }
#mapaweb ul li {margin-bottom:3px}
#mapaweb ul ul { color:#000000; list-style:none; margin-left:10px; margin-top:5px; font-weight:normal }
#mapaweb ul ul a { color:#000000}
#mapaweb ul ul a:hover { color:#000000; text-decoration:none}
#mapaweb ul li li {margin-bottom:3px}
#mapaweb ul ul ul { color:#000000; list-style-image:url(/publico/images/topic3.gif); margin-left:10px; margin-top:5px; font-weight:normal }
#mapaweb .mapaweb-col1 { float:left; margin-left:0px !important; width:45% }
#mapaweb .mapaweb-col2 { float:right; width:40%}
/* ------ Formularios ------ */
input.campo, textarea.campo { border: #C7C7C7 solid 1px; font-size:100% }
div.aviso{ background: url(/publico/images/separador.gif) repeat-x; padding: 5px 0; }
div.aviso p.error{ color: #C00; font-weight: bold; background: url(/publico/images/fnd-error.gif) no-repeat; padding: 0 0 0 15px; margin: 10px 0;}
div.aviso p.confirmacion{ color: #333333; font-weight: bold; background: url(/publico/images/fnd-confirmacion.gif) no-repeat; padding-left: 15px; padding-bottom:10px}
div.seccion-formulario { background: url(/publico/images/separador.gif) repeat-x top; padding: 3px 0 13px 0px; clear: both;}
div.seccion-formulario h2, div.seccion-formulario h3 { color: #333333 !important; font-size: 100%; margin: 10px 0 !important; padding: 0;}
div.seccion-formulario label{ vertical-align: middle; margin-right: 7px;}
div.seccion-formulario input{ padding: 2px 4px; }
div.seccion-formulario input, div.seccion-formulario select{ font-size: 100%; vertical-align: middle;}
div.seccion-formulario input.texto, div.seccion-formulario select, div.seccion-formulario textarea{ border: 1px solid #999;}
div.seccion-formulario p { margin-left:0px !important}
div.seccion-formulario textarea { width: 95%; margin: 5px 0 9px 0; font-size: 100%; padding: 3px 5px;}
div.seccion-formulario input, div.seccion-formulario select, div.seccion-formulario textarea { color:#C8292E}
input, select, textarea { font-family: Arial, Helvetica, sans-serif;}
label.obligatorio{ background: url(/publico/images/asterisco.gif) no-repeat 0 3px; padding-left: 10px;}
p.inline{ display: inline; vertical-align: middle; margin-right: 7px;}
p.obligatorio{ background: url(/publico/images/asterisco.gif) no-repeat 0 3px; padding-left: 10px;}
label.lblselecciona{ color: #000000;}
input.checkbox{ margin-right: 4px; vertical-align: middle;}
input.radio{ margin-right: 4px;}
div.linea { margin-bottom: 8px; margin-left:0px !important}
div.grupo{ float: left; margin-right: 15px; margin-left:0px !important}
input.btn { background-color:#C8292E; color:#FFFFFF; font-weight:bold; font-size:100%; border:none}
.txtcolor1 { color:#FF0000}
#botonera-form { text-align:right !important; margin:1em 0 1em 0; padding-bottom:1em; background-image:url(/publico/images/separador.gif); background-position:bottom; background-repeat:repeat-x; }
#botonera-form input { padding:0px 10px 0px 10px}
table.tlistadoimg { text-align:center; border:none}
table.tlistadoimg td { padding:7px 7px 10px 7px}
table.tlistado {clear:both; margin-left:20px; }
table.tlistado a { color:#000000; text-decoration:underline}
table.tlistado a:hover { color:#000000; text-decoration: none}
table.tlistado caption { color:#C8292E; font-size: 105%; font-weight:bold; text-align:left; padding-bottom:10px; margin-top:10px}
table.tlistado th { text-align: left; padding:3px}
table.tlistado td { padding:3px;}
table.tlistado .trpar {}
table.tlistado .trimpar { background-color:#F6F6F6}
table.tlistado .tfin { background-image: url(/publico/images/fnd-migas.gif); background-position: bottom; background-repeat: repeat-x;}
/* cat */
#cuerpo #actualidad-cat { background-image:url(/publico/images/cat/fnd-actualidad-cat.jpg); background-position:top; background-repeat:no-repeat; float:left; width: 240px; height: 154px; background-color: #FAFAF8;}
#cuerpo #actualidad-cat a { color:#795200}
#cuerpo #actualidad-cat a:hover { text-decoration:none}
#cuerpo #actualidad-cat img { margin:19px 0 0 20px}
#cuerpo #actualidad-cat ul { list-style-image:url(/publico/images/topic1.gif); color:#795200; margin-left: 35px; margin-top: 10px;}
#cuerpo #actualidad-cat ul li { margin-bottom:5px}
#cafi { height:44px; background-image: url(/publico/images/cat/fnd-cafi-cat.gif); text-align:center; background-position: top; background-repeat: no-repeat;float: left; width: 240px;}
#cafi img { border:none; margin: 18px 19px 12px 0}
/* V2 */
#cuerpo #area-cafi-cat { background-image:url(/publico/images/cat/fnd-cafi-cat2.gif); width:240px; height:143px; float: right; }
#cuerpo #area-cafi-cat img { padding-bottom:10px; margin-left:70px; margin-top:12px}
#cuerpo #area-cafi-cat p { padding:0; margin:10px 0 0 0; text-align:center}
* html #cuerpo #area-cafi-cat p {margin:6px 0 0 0}
*:first-child+html #cuerpo #area-cafi-cat p {margin:6px 0 0 0}
#cuerpo #area-cafi-cat a { color:#FFFFFF; text-decoration:underline}
#cuerpo #area-cafi-cat a:hover { text-decoration:none}
#cuerpo #area-cafi-cat form label {}
#cuerpo #area-cafi-cat .campo { width:80px}
#cuerpo #area-cafi-cat table { margin-left:15px }
#cuerpo #area-cafi-cat table td { text-align:left; }
#cuerpo #area-cafi-cat table th { font-weight:normal; text-align:right; color:#FFFFFF }
/* México */
#cuerpo #area-vp-mx { background-image:url(/publico/images/mx/fnd-area-vp-mx.gif); width:240px; height:142px; float: right; }
#cuerpo #area-vp-mx img { padding-bottom:5px; margin-left:70px }
#cuerpo #area-vp-mx p { padding:0; margin:10px 0 0 0; text-align:center}
* html #cuerpo #area-vp-mx p {margin:6px 0 0 0}
*:first-child+html #cuerpo #area-vp-mx p {margin:6px 0 0 0}
#cuerpo #area-vp-mx a { color:#FFFFFF; text-decoration:underline}
#cuerpo #area-vp-mx a:hover { text-decoration:none}
#cuerpo #area-vp-mx form label {}
#cuerpo #area-vp-mx .campo { width:80px}
#cuerpo #area-vp-mx table { margin-left:15px }
#cuerpo #area-vp-mx table td { text-align:left; }
#cuerpo #area-vp-mx table th { font-weight:normal; text-align:right; color:#FFFFFF }
#cuerpo #zona-promo-mx { background-image:url(/publico/images/fnd-banner.gif); height:112px; width:518px; float: left;}
#cuerpo #zona-promo-gp1-mx { float:left; padding-top: 20px; background-image: url(/publico/images/mx/fnd-banner-mx.gif); height: 80px; width: 100px;}
#cuerpo #zona-promo-gp1-mx img { display:block; padding-top:5px; padding-left: 17px;}
#cuerpo #zona-promo-gp2-mx { float:right; text-align:center}
#cuerpo #zona-promo-gp2-mx img {}
/* Sala demo */
#salademo .cajadeimagen {
float:left;
margin: 10px;
width:120px;
height:130px;
margin:0px;
}
#salademo .cajadeimagen a { color:#000}
#salademo .cajadeimagen img { margin-bottom:5px}
#salademo h2 {
font-size:115% !important
}
#salademo p img {
float:right;
margin:0 0 50px 20px;
display:block
}