/* Reset */



html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



html{ overflow: auto; }

html, body{ height: 100%; }

body{ font: 12px Arial, Helvetica, sans-serif; color: #333; }

h1, p{ padding-bottom: 20px; }

a{

	 text-decoration: none;

	 color: #FFF;

	}

	a:hover{

	 text-decoration: underline;

	 color: #9DDEFD;

	}



/* End Reset */



/* Content */



#wrapper{ width: 910px; margin: 0 auto; overflow: hidden; height: auto; min-height: 100%; }

section.content{

    background-color: #f5f5f5;

    border: 1px solid #eee;

    padding: 20px;

    border-radius: 20px;

    margin: 50px 0 102px 0;

}

section.content h1{ font-size: 18px; font-weight: bold; text-align: center; }



/* End Content */





#footer{

	position: relative;

    margin-top: -102px;

    margin-left: auto;

    margin-right: auto;

    width: 910px;

    text-align: center;

    height: auto;

    /*overflow: hidden;*/

    z-index:110;

}



/* End Footer */





#login {

	margin-top:0px;

	background-color: #3F0084;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	color: #FFF;

	width: 100px;

	position:relative;float:left ;top:0px;z-index:110

}



 #login a {

	color: #FFF;

	text-decoration: none;

	font-weight: normal;

}



#login a:hover {

	color: #9DDEFD;

	text-decoration: underline;

}



#loginpanel {

	background-color: #035A85;

	display:none;

	width: 200px;

	padding: 10px;

	position: absolute;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



#loginpanel input {

	border: 0;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	height: 18px;

	color: gray;

	font-size: 16px;

	padding: 2px;

	width: 95%;

	margin: 0 auto;

	margin-bottom: 10px;

}



#loginpanel button {

	padding: 5px;

}







#pie_inicio {

	background-color: #035A85;

	display:none;

	width: 180px;

	margin-top:-231px;

	margin-left:2px;

	position: absolute;

	border-radius: 2px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	z-index: 110;

	border-collapse:collapse;

}



#pie_factura {

	background-color: #035A85;

	display:none;

	width: 180px;
	bottom: -30px;
/*margin-top: -371px;/*
	/*margin-top: -460px;
/*
	/* font-size: 11px; */

	margin-left:180px;

	position: absolute;

	border-radius: 2px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	z-index: 110;

	border-collapse:collapse;

}



#pie_clientes {

	background-color: #035A85;

	display:none;

	width: 180px;

	margin-top:-63px;

	margin-left:360px;

	position: absolute;

	border-radius: 2px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	z-index: 110;

	border-collapse:collapse;

}

#pie_productos {

	background-color: #035A85;

	display:none;

	width: 180px;

	margin-top:-63px;

	margin-left:540px;

	position: absolute;

	border-radius: 2px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	z-index: 110;

	border-collapse:collapse;

}



#pie_configuracion {

	background-color: #035A85;

	display:none;

	width: 180px;

	margin-top:-63px;

	margin-left:720px;

	position: absolute;

	border-radius: 2px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	z-index: 110;

	border-collapse:collapse;

}

.menu33{

	color: yellow;

}

.video-manuales-link{

    background-color: #035A85;

    padding: 1px 4px 1px 4px;

}



.cambiar-color {
    -webkit-animation: color-change 2s infinite;
    -moz-animation: color-change 2s infinite;
    -o-animation: color-change 2s infinite;
    -ms-animation: color-change 2s infinite;
    animation: color-change 2s infinite;
	}

	@-webkit-keyframes color-change {
		0% { color: yellow; }
		50% { color: white; }
		100% { color: yellow; }
	}
	@-moz-keyframes color-change {
		0% { color: yellow; }
		50% { color: white; }
		100% { color: yellow; }
	}
	@-ms-keyframes color-change {
		0% { color: yellow; }
		50% { color: white; }
		100% { color: yellow; }
	}
	@-o-keyframes color-change {
		0% { color: yellow; }
		50% { color: white; }
		100% { color: yellow; }
	}
	@keyframes color-change {
		0% { color: yellow; }
		50% { color: white; }
		100% { color: yellow; }
	}