/* Esta linea es para evitar el Flickering en el menu si tiene desactivado el cache */
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
div:focus {outline: 0;}

body { margin:0px; padding:0px; border:0px; text-align:center; min-width:894px; font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
textarea { resize: none; }

/* DIV contenedores Centrados */

.contenido {width:894px; height:auto; border:none; padding-top:20px; padding-bottom:20px; position:relative; display:block; float:none; margin:0 auto;}
.header {width:894px; height:85px; border:none; padding:0; position:relative; display:block; float:none; margin:0 auto;}
.menu {width:894px; height:30px; border:none; padding:0; position:relative; display:block; float:none; margin:0 auto; z-index:1000;}
.footer {width:894px; height:auto; border:none; padding:0; position:relative; display:block; float:none; margin:0 auto;}


/* HEADER ***************************************************************** */

/* Menu General: Tamaño, posición y estilo  */
.c5menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; width:894px;}
.c5menu li.top {display:block; float:left;}

/* Menu General: Imagenes apagadas */
.c5menu li a.top_link {display:block; float:left; text-decoration:none; }
.c5menu li a.top_link:hover { text-decoration:none;}
.c5menu li a.top_link span {float:left; display:block; padding:0; height:30px; width:178px;}

/* Menu General: Imagenes  */
.impresion, .impresionFijo { background:url(img/menu_imprenta_impresion_todo.gif) ;}
.productos, .productosFijo {background:url(img/menu_imprenta_productos_todo.gif) ;}
.servicios, .serviciosFijo {background:url(img/menu_imprenta_servicios_todo.gif) ;}
.merchandising, .merchandisingFijo {background:url(img/menu_imprenta_merchandising_todo.gif) ;}
.empresa, .empresaFijo {background:url(img/menu_imprenta_empresa_todo.gif) ;}

/* Apagadas */
.c5menu li a.top_link span.impresion,
.c5menu li a.top_link span.productos,
.c5menu li a.top_link span.servicios,
.c5menu li a.top_link span.merchandising,
.c5menu li a.top_link span.empresa				{ background-position: top;}

/* Prendidas */
.c5menu li a.top_link span.impresionFijo,
.c5menu li a.top_link span.productosFijo,
.c5menu li a.top_link span.serviciosFijo,
.c5menu li a.top_link span.merchandisingFijo,
.c5menu li a.top_link span.empresaFijo				{ background-position: bottom;}

/* Over */
.c5menu li a.top_link:hover span.impresion,
.c5menu li a.top_link:hover span.impresionFijo,
.c5menu li:hover a.top_link span.impresion,
.c5menu li:hover a.top_link span.impresionFijo,
.c5menu li a.top_link:hover span.productos,
.c5menu li a.top_link:hover span.productosFijo,
.c5menu li:hover a.top_link span.productos,
.c5menu li:hover a.top_link span.productosFijo,
.c5menu li a.top_link:hover span.servicios,
.c5menu li a.top_link:hover span.serviciosFijo,
.c5menu li:hover a.top_link span.servicios,
.c5menu li:hover a.top_link span.serviciosFijo,
.c5menu li a.top_link:hover span.merchandising,
.c5menu li a.top_link:hover span.merchandisingFijo,
.c5menu li:hover a.top_link span.merchandising,
.c5menu li:hover a.top_link span.merchandisingFijo,
.c5menu li a.top_link:hover span.empresa,
.c5menu li a.top_link:hover span.empresaFijo,
.c5menu li:hover a.top_link span.empresa,
.c5menu li:hover a.top_link span.empresaFijo		{ background-position: center;}


/* Tabla para Explorer 6 */
.c5menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


/* SubMenu: Posicionamiento relativo al menu que representa */
.c5menu a:hover {visibility:visible; position:relative; z-index:200;}
.c5menu li:hover {position:relative; z-index:200;}

/* SubMenu: Esconder el SubMennu poniendolo fuera de la pantalla */
.c5menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* SubMenu: Tamaño, background y altura de las lineas. */
.c5menu ul.sub {width:160px; background:url(img/subMenuBG.jpg) repeat-x top}
.c5menu li ul.sub li { height:30px;}

/* SubMenu: Posición vertical y Estilo de los Botones */
.c5menu :hover ul {left:0; top:30px; padding:0 8px 0 8px; border:1px solid #959595; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.c5menu :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.c5menu :hover ul li a {display:block; font-size:11px; height:30px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:30px; width:auto; padding:0 10px; color:#333333; text-decoration:none; border-bottom:1px solid #959595;}
.c5menu :hover ul li a:hover {background-color:#666666; color:#ffffff;}

/* SUBMENU ***************************************************************** */
.submenu { line-height: 18px; text-align:left; }
.submenu a, .submenu a:visited  { text-decoration:none; color:#FFFFFF; }
.submenu a:hover { text-decoration:none; font-weight:bold; }



/* FOOTER ***************************************************************** */

/* Diseño del Footer */
.piedepagina { width:890px; height:30px; border:none; padding:0; font:9px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.piedepagina .right {background:url(img/footR.gif) right; width:30px; }
.piedepagina .left {background:url(img/footL.gif) left; width:30px; }
.piedepagina .copyright {background-color:#454545; text-align:left; width:200px;}
.piedepagina .direccion {background-color:#454545; text-align:right; }
.piedepagina a { color:#FFFFFF; text-decoration:none; }
.piedepagina a:hover { color:#FFFFFF; text-decoration:underline; }



/* SANDBOX ***************************************************************** */

/* Espacios en blanco de la tabla que contiene al SandBox */
.sandbox { padding:0px 4px 0px 0px;}
.sandbox .vertical {width:13px;}
.sandbox .horizontal {height:14px;}
.marco {width:100%; height:195px; border:none; padding:0px;} /* Height de cada Sandbox */
.marco .t { background:url(img/marcoT.gif); height:20px; }
.marco .tr { background:url(img/marcoTR.gif); width:20px; height:20px; }
.marco .tl { background:url(img/marcoTL.gif); width:20px; height:20px; }
.marco .b { background:url(img/marcoB.gif); height:20px; }
.marco .br { background:url(img/marcoBR.gif); width:20px; height:20px; }
.marco .bl { background:url(img/marcoBL.gif); width:20px; height:20px; }
.marco .r { background:url(img/marcoR.gif); width:20px;}
.marco .l { background:url(img/marcoL.gif); width:20px; }
.marco .c { width: 248px; height: 154px; background:#FFFFFF; color:#000000; vertical-align:top; text-align:left;}


/* INTERIOR **************************************************************** */
.desarrollo { padding:0px 4px 0px 0px; color:#FFFFFF}
.desarrollo .marco {width:100%; border:none; padding:0px;}
.marco .subt { background:url(img/marco-sub-T.gif); height:20px; }
.marco .subtr { background:url(img/marco-sub-TR.gif); width:20px; height:20px; }
.marco .subtl { background:url(img/marco-sub-TL.gif); width:20px; height:20px; }
.marco .subb { background:url(img/marco-sub-B.gif); height:20px; }
.marco .subbr { background:url(img/marco-sub-BR.gif); width:20px; height:20px; }
.marco .subbl { background:url(img/marco-sub-BL.gif); width:20px; height:20px; }
.marco .subr { background:url(img/marco-sub-R.gif); width:20px;}
.marco .subl { background:url(img/marco-sub-L.gif); width:20px; }
.marco .subc { background:#454545; width:130px; vertical-align:top; }
.marco .subc#publicidad { height:150px; vertical-align:bottom; }
.marco .subc a img {text-decoration:none; border:0;}
.marco .tr_scroll { background:url(img/marcoTR_scroll.gif) no-repeat right; height:20px; }
.marco .c_scroll { background:url(img/marcoR_scroll.gif) repeat-y right;}
.marco .br_scroll { background:url(img/marcoBR_scroll.gif) no-repeat right; height:20px; }
.flexcroll { color:#333333; height:365px; width:700px; overflow:auto; padding-left:20px; text-align:left; vertical-align:top; }


/* TEXTOS ***************************************************************** */

.textos {color:#333333; font-size:12px; vertical-align:top;}
.textos li { list-style-image:url(img/misc_bullet.gif); padding-top:5px; }
.textos a { color:#333333; font-style:normal; }
.textos a:hover {color:#000000; }
.textos #productos {padding-right:10px; padding-left:10px; }
.textos .destacado {
	font-size:12px;
	letter-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#666666;
	margin: 0 20px 0 20px;
	border-left: solid #F4BC16 1px;
	padding:10px 0 10px 10px;
	text-transform:uppercase;
}




/* Formularios ************************************************************ */

.contacto{ margin:0 auto; width:400px; }
.ftp{ margin:0; width:450px; }
#stylized{ border:solid 2px #FFFFFF; background:#FFFFFF; } /* Necesario, sino no funciona el estilo */
#stylized label{ display:block; font-weight:bold; text-align:right; width:100px; float:left; margin-top:7px; color:#333333; }
#stylized .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:100px; }
#stylized input, #stylized textarea{ float:left; font-size:12px; padding:1px 2px; border:solid 1px #F6CC16; width:260px; margin:2px 0 5px 10px; }
#stylized button { clear:both; margin-left:110px; width: 130px; height: 45px; padding: 0; border: 0;
	background: transparent url(img/bot_imprenta_enviar.gif) no-repeat center top;
	text-indent: -1000em; cursor: pointer; cursor: hand;}
#stylized button:hover { background-position:bottom; };


/* Botones ************************************************************** */
#descargarForm{ }  /* Necesario, sino no funciona el estilo */
#descargarForm button { clear:both; width:130px; height:45px; color:#333333; padding: 0; border: 0;
	background: transparent url(img/bot_imprenta_descargarFormulario.gif) no-repeat center top;
	cursor: pointer; cursor: hand; text-indent: -1000em;}
#descargarForm button:hover { background-position:bottom; };

#presupuesto { width:200px; }  /* Necesario, sino no funciona el estilo */
#presupuesto button { clear:both; width:130px; height:45px; color:#333333; padding: 0; border: 0;
	background: transparent url(img/bot_imprenta_solicitepresupuesto.gif) no-repeat center top;
	cursor: pointer; cursor: hand; text-indent: -1000em;}
#presupuesto button:hover { background-position:bottom; };


/* Google Maps ************************************************************ */
#map_canvas { width:675px; height:300px;}