@font-face {
    font-family: 'EastMarketRegular';
    src: url('../fuentes/EastMarket-webfont.eot');
    src: url('../fuentes/EastMarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/EastMarket-webfont.woff') format('woff'),
         url('../fuentes/EastMarket-webfont.ttf') format('truetype'),
         url('../fuentes/EastMarket-webfont.svg#EastMarketRegular') format('svg');
    font-weight: normal;
    font-style: normal;

  }

@charset "utf-8";
/* CSS para mifacturacionenlinea.com */


body {
	background: #F2F2F2 url(../images/fondo-body.png) repeat-x top;
	padding:0px;
	margin:0px;
	color: #454646;
}

p {
	margin: 7px 0 9px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 130%
}

ul {
	list-style:none;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}


h1, h2, h3, h4 {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h1{
	font-size:38px;
	color:  #666;
	text-align:left;
	letter-spacing:-3px;
}
h2{
	font-size:28px;
	color: #333;
	letter-spacing:-1px;
	line-height: 100%;
}
h3{
	font-weight: normal;
	font-size:18px;
}
h4{
	font-size:15px;
}

table {
	font-family: Arial, Helvetica, sans-serif;
}

input, textarea, select  {

	border:none;
}

.boton {
	background:url(../images/boton.png) no-repeat;
	width:147px;
	height:34px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	color:#FFF;
	margin-top:15px;
}

a, a:visited, a:link {
	color:  #777;
}

a:hover {
	text-decoration:none;
}

#brillo-encabezado {
	background:url(../images/brillo-encabezado.png) no-repeat 50px 7px;
	margin:0 auto;
	
}

#fondo-contenedor-principal {
	margin:0 auto;
}

#elemento-absolute {
	position:absolute;
	width:179px;
	height:310px;
	margin-left:835px;
	background:none;
	z-index:120;
}
	

#fondo-color-pagina {
	width:990px;
	overflow:hidden;
	margin:0 auto;
}

#contenedor-1 {
	margin:0 auto;
}

#contenedor-2 {
	margin:0 auto;
	width:950px;
}
	

#encabezado {
	clear:both;
	height:100px;
}

#logo {
	margin:0 auto;
	z-index:11;
	float:right;
}



#contenedor-menu {
	height:54px;
	margin:50px 0px 0px 0px;
	display:inline-block;
	float:left;
}

#banner {
	height:140px;
	width:950px;
	clear:both;
	padding:0px 0px 20px 0px;
	margin:0 auto;
	position:relative;
}

#frase {
	width:786px;
	height:47px;
	background: url(../images/fondo-amarillo-encabezado.png) no-repeat right;
	position:absolute;
	z-index:245;
	top:110px;
	right:0px;
}

#frase h1 {
	color: #000;
	font-family: sans-serif, Arial;
	line-height:100%;
	font-size: 24px;
	text-transform:none;
	margin:10px 15px 0 46px;
	letter-spacing:-1px;
	text-align:left;
}

#contenido-contenedor-1 {
	padding:0;
	margin: 5px 0 0 0;
	background: #F2F2F2 url(../images/divisor-horizontal-invertido.png) repeat-x bottom;
	overflow:hidden;
	clear:both;
}

#contenido-contenedor-2 {
	background: url(../images/slog-bottom.png) right bottom no-repeat;
	overflow:hidden;
	margin-bottom:10px;
}

#cierre-contenedor-1 {
	height:14px;
	background:url(../images/cierre-contenedor-1.png);
	overflow:hidden;
}

#contenido {
	margin-top:5px;
	text-align:justify;
	float:left;
	overflow:hidden;
	float:left;
	display:inline-block;
}

#contenido-amplio {
	padding:5px;
	margin-top:5px;
	text-align:justify;
	float:left;
	overflow:hidden;
	float:left;
	display:inline-block;
}

#columna-derecha {
	float:right;
	margin: 0 0 10px 0px;
}

.texto-col-derecha-cafe {
	color:#2A1901;
	padding: 0 15px;
}

#columna-izquierda {
	float:left;
	text-align:left;
	display:inline-block;
	margin:20px 20px 20px 0;
}

.menu-derecha {
	padding:10px 0;
	margin:0;
	list-style:none;
}

.menu-derecha ul {
	width:			250px;
	padding:15px 0 30px 0;
	position: absolute;
}

.menu-derecha li {
	width:100%;
	padding:10px 0px;
}

.menu-derecha li:hover {
	background:#333;
	border:none;
	color:#FC0;
}

.menu-derecha a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
}

.menu-derecha a:hover {
	color: #FC0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
}

.menu-izq {
	padding:0;
	margin:0;
	list-style:none;
}

.menu-izq ul {
	position:		absolute;
	width:			250px;
}

.menu-izq ul li {
	width:			100%;
}

.menu-izq li {
	list-style:none;
	padding:0px;
	border-bottom: 1px dotted #CCC;
}

.menu-izq li:hover {
	visibility:		inherit;
}

.menu-izq li {
	float:			left;
	position:		relative;
}
.menu-izq a {
	display:		block;
	position:		relative;
}
.menu-izq li:hover ul,
.menu-izq li.sfHover ul {
	left:			0;
	z-index:		200;
}
ul.menu-izq li:hover li ul,
ul.menu-izq li.sfHover li ul {
	top:			-999em;
}

/*** DEMO SKIN ***/
.menu-izq {
	margin:0 auto;
	padding:0px;
}
.menu-izq a {
	float: left;
	padding:5px;
	margin: 0px 0 0 0;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #0075BF;
	border-bottom:1px #CCC dotted;
	width:100%;
}
.menu-izq a, .menu-izq a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			 #0075BF;
}

li.last a {
	border:none;
}

.menu-izq a:hover {
	background: #069;
	margin:0;
	color: #FFF;
}

last.menu-izq li {
	border:none;
}
.menu-izq li {
	border:none;
}

#ir-arriba {
	clear:both;
	text-align:center;
	height:25px;
}

.ir-arriba {
	font-size:12px;
	text-decoration:none;

}

a.ir-arriba {
	color:#33F;
	background:url(../images/ir-arriba.png) no-repeat left;
	padding:5px 0 5px 30px;
	height:55px;
}

a:hover.ir-arriba {
	color:#33F;
	font-style:italic;

}

/* Pie */

#contenedor-pie-1 {
	clear:both;
	background: #131112;
}

#contenedor-pie-2 {
	width:990px;
	margin:0 auto;
}
	

#pie {
	padding:10px 25px 10px 25px;
	color: #FFF;
	margin:0 auto;
}

#pie a {
	color:#FDB913;
	font-weight:bold;
}

#pie h2 {
	color: #FDB913;
	font-size:20px;
}
	

/* Auto Slider */



#auto-slideshow {
    position:relative;
	width:950px;
	height:140px;
}

#auto-slideshow A {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#auto-slideshow A.active {
    z-index:10;
    opacity:1.0;
}

#auto-slideshow A.last-active {
    z-index:9;
}

#autoslider-imagen {
	width:950px;
	height:140px;
	padding: 0;
	/* border-radius: 15px; */
}
	

/* netkobe */

#netkobe {
	text-align:right;
	padding:3px 0 5px 0;
	font-size:11px;	
	clear:both;
	margin:0 auto;
}

#netkobe a {
	color: #FFF;
	text-decoration:none;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
}

#netkobe a:hover {
	color: #FFF;
	text-decoration:none;
}

#netkobe img {
	vertical-align:middle;
	margin:0  0 10px 10px;
}

/* Modulos */

#modulo-derecha {
	padding:0 10px;
	overflow:hidden;
	margin-bottom:15px;
}

#modulo-derecha:hover {
	background: #E5E5E5;
}

#modulo-derecha p {
	line-height:100%;
	font-size:14px;
}

#modulo-pie {
	width:31%;
	padding: 10px 20px;
	float:left;
	display:inline-block;
	min-height: 120px;
}

#modulo-pie p, ul{
	font-size:12px;
	line-height:120%;
}

.ultimo-modulo {
	background:none;
}

.division-modulo {
	background: url(../images/division-modulos-pie.png) no-repeat right top;
}

#modulo-ingreso {
	width:580px;
	float:right;
	background: url(../images/fondo-login.png);
	border-radius:4px;
	padding: 0 10px;
}

#modulo-ingreso p {
	font-size:11px;
	text-align:right;
	color:#FFC;
}

#modulo-ingreso img {
	vertical-align:middle;
}

.titulo-ingreso {
	font-size:16px;
	color:#FFF;
	letter-spacing:0px;
}

/* Tabla */

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	width: 650px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url(../images/gradhead.png) repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align:center;
	font-weight:bold;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url(../images/gradback.png) repeat-x;
	border-right: 1px solid #fff;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url(../images/gradhover.png) repeat-x;
	color: #339;
}


/* Estilos para catalogo de productos */


#contenedor-productos {
	margin:2px;
	padding:5px;
	overflow:hidden;
	display:block;
	float:left;
	width:890px;
}

#nombre-producto {
	color:#06C;
	font-size:24px;
	font-style:italic;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#imagen-prod {
	float:left;
	height: 200px;
	width: 200px;
	margin: 4px 15px 4px 0px;
	padding: 3px;
	display:inline-block;
}

#imagen-prod {
	border:1px solid #E8E8E8;
}

#descripcion-prod {
	font-family:"Trebuchet MS", Arial, Helvetica, 	sans-serif;
	margin-bottom:20px;
	width:100%;
}

#caract-1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
}

#desc-caract-1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

#caract-2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
}

#desc-caract-2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

#caract-3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F60;
	font-weight:bold;
}

#presentacion-prod {
	float:right;
	width:300px;
	margin-left:15px;
}

#desc-caract-3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

.titulo-modulo {
	font-size:18px;
	padding:12px 3px;
	color:#FDB913;
	letter-spacing:-1px;
	font-weight:normal;
	border-bottom:1px solid  #CCC;
}

.promocion {
	color:#F90;
}

.marco {
	margin:6px;
	background:#FFF;
	padding:3px;
	border:1px #CCC solid;
}

.alinear-izquierda {
	float:left;
	margin:0px 10px 5px 0;
}

.alinear-derecha {
	float:right;
	margin:0px 0px 5px 10px;
}

.esquinas-redondeadas {
	padding: 0;
	border-radius: 15px;
}