html, body, #wrapper{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
html>body, html>body #wrapper{
height: auto;
}

div#wrapper {
position: absolute;
top: 0;
left: 0;

}

div#container {
	text-align: center;
}

div#content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

div#main {
	min-height: 450px;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

h1 {
	font-size: 1.5em;
}

span#titulo {
	font-size: 1.6em;
	vertical-align: middle;
}

div#intro {
	width: 400px;
	margin: 0 auto;
	text-align: center;
	margin-top: 35px;
}

div#intro h1 {
	font-size: 2.0em;
}

div#login-box {
	font-weight: bold;
	/*background: #EEE;*/
	padding: 16px 45px;
	text-align:left;
}

div#logo-tienda {
	float: right;
	width: 150px;
	height: 60px;
	text-align: right;	
}

div#main-menu {
	background-color: #DA2128;
	color: #EEEEEE;
	padding: 5px;
}

div#main-menu ul {
	margin: 0; padding: 0;
	
}

div#main-menu ul li {
	display: inline;
}

div#main-menu ul li a {
	text-decoration: none;
	color: #EEEEEE;
	padding: 2px 15px;
	font-weight: bold;
}

div#main-menu ul li a:visited {
	color: #EEEEEE;
}

div#main-menu ul li a:hover, div#main-menu ul li .current {
	color: #FFFFFF;
	background-color: #E02B33;
}

.loading {
	display: none; 
	/*float: left; */
	padding: 2px 10px;
}

.loading img {
	width: 20px;
	height: 20px;
}

/* BOOTSTRAP: ICONS PATH */
[class^="icon-"],
[class*=" icon-"] {
  background-image: url("../images/glyphicons-halflings.png");
}

.icon-white {
  background-image: url("../images/glyphicons-halflings-white.png");
}
/* BOOTSTRAP */

#mensaje {
	display: none;
}

/* FANCY HR */
hr.fancy-line { 
    border: 0; 
    height: 1px;
    position: relative;
    margin: 0.5em 0; /* Keep other elements away from pseudo elements*/
}
hr.fancy-line:before {
    top: -0.5em;
    height: 1em;
}
hr.fancy-line:after {
    content:'';
    height: 0.5em;   /* half the height of :before */
    top: 1px;        /* height of hr*/
}

hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}

body, hr.fancy-line:after {
    background: #ffffff;
}

.note {
	text-align: center;
	font-size: 0.9em;
	color: #666;
}

#facebox {
	z-index: 2000;
}