body{
	background-image:url(/imagenes/fondo.jpg);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}

html, body, h1, form, input {
  margin: 0;
  padding: 0;
  border: none;
  }

.span0 { width:12.5%; }

.span1 { width:16.66%; }
.span2 { width:33.33%; }
.span3 { width:50%; }
.span4 { width:66.67%; }
.span5 { width:83.34%; }
.span6 { width:100%; }

.float-left  { float:left; }
.float-right { float:right; }

/*
.span1 { width:20%; }
.span2 { width:40%; }
.span3 { width:60%; }
.span4 { width:80%; }
.span5 { width:100%; }
*/

.padding-l-5  { padding-left:5px;}
.padding-l-10 { padding-left:10px;}
.padding-l-15 { padding-left:15px;}
.padding-l-20 { padding-left:20px;}

.padding-r-5  { padding-right:5px;}
.padding-r-10 { padding-right:10px;}
.padding-r-15 { padding-right:15px;}
.padding-r-20 { padding-right:20px;}

.padding-t-5  { padding-top:5px;}
.padding-t-10 { padding-top:10px;}
.padding-t-15 { padding-top:15px;}
.padding-t-20 { padding-top:20px;}

.padding-b-5  { padding-bottom:5px;}
.padding-b-10 { padding-bottom:10px;}
.padding-b-15 { padding-bottom:15px;}
.padding-b-20 { padding-bottom:20px;}

.padding-lr-5  { padding:0 5px;}
.padding-lr-10 { padding:0 10px;}
.padding-lr-15 { padding:0 15px;}
.padding-lr-20 { padding:0 20px;}

.padding-tb-5  { padding:5px  0;}
.padding-tb-10 { padding:10px 0;}
.padding-tb-15 { padding:15px 0;}
.padding-tb-20 { padding:20px 0;}
	




#logo{ width:500px; height:100px; text-align:center; background-image:url(/imagenes/login.png);}
#content{width:900px; font-size:12px; margin:auto; padding:10px; background-color:#FFFFFF;}

.textok{text-align:center; color:#669900; font: normal 12px Geneva, Helvetica, sans-serif ;}
.texterror{color:#FF0000; font: normal 12px Geneva, Helvetica, sans-serif ; text-align:center;}

a, a > * {
        color: #333;
        text-decoration: none;
        -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
           -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
            -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
             -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
                transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover, a > *:hover {
        color:#000;
}

/* menu principal */
#menu{
	width:100%;
	height:40px;
	padding: 0;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color:#000;
}

#menu ul{
	font: bold 11px Arial;
	margin:0;
	margin-left: 20px;
	padding: 0;
	list-style: none;
	text-align:center;
}

#menu li{
	display: inline;
	margin: 0px;s
	padding: 0;
}

#menu a{
	float: left;
	display: block;
	color: white;
	margin: 0 0px 0 0;
	padding: 11px 2px;
	text-decoration: none;
	background-color: black;
	font-size: 11px;
}

#menu a:hover{
	color:#000000;
	background-image:url(../imagenes/fondo.jpg);
}

#menu .current a{ /*TAB seleccionado, Página Actual*/
	background-image:url(../imagenes/fondo.jpg);
	color:#000000;
}

.order_center {text-align:center;padding: 5px 0;}
/*#marcas{color:#000000; background-color:#e6ffea; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0x; padding: 0 20px; border-bottom: 1px solid rgb(213, 210, 210);}*/