@charset "utf-8";

html {
	font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	behavior: url(pie_comp/PIE.htc);
}

body {
	margin:0 auto;
	color:#333;
	font-size:16px;
}

.borroj {
	position:relative;
	background: #F00;
	width: 100%;
	padding: 11px;
	box-sizing:border-box;
}

.divcen {
	width:100%;
	max-width:1280px;
	margin: 0 auto;
	behavior: url(pie_comp/PIE.htc);
}

header {
	width: 100%;
	max-width: 1280px;
	margin:0 auto;
	behavior: url(../../pie_comp/PIE.htc);
}

#logo {
	width: 45%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 15px;
}

#login {
	color:#FFF;
	float: right;
	max-width: 40%;
	background-color: #F00;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0px 0px 0px 9px;  /* Bordes redondos */
	box-shadow:inset 4px 0px 0px -2px rgba(120, 120, 120, .4), inset -3px -3px 3px rgba(255,255,255,.4);
	behavior: url(../../pie_comp/PIE.htc);
}

#linfinari {
	width: 100%;
	padding-top: 1px;
	background-color: #F00;
	float: left;
}

#navpri {
	/*color:#FFF;
	float: right;
	max-width:100%;
	background-color: #F00;
	box-sizing:border-box;
	border-radius: 0px 0px 0px 9px;
	box-shadow:inset 4px 0px 0px -2px rgba(120, 120, 120, .4), inset -3px -3px 3px rgba(255,255,255,.4);
	behavior: url(pie_comp/PIE.htc);*/
	float: right;
	max-width:100%;
	color:#FFF;
	border: 1px solid #696;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 0px 0px 0px 10px;
	-moz-border-radius: 0px 0px 0px 10px;
	border-radius: 0px 0px 0px 10px;;
	-webkit-box-shadow: #666 2px 2px 5px;
	-moz-box-shadow: #666 2px 2px 5px;
	box-shadow: #666 2px 2px 5px;
	background:#F00;
	behavior: url(../../pie_comp/PIE.htc);
}

#navpri h3 {
	color: #FFF;
	behavior: url(pie_comp/PIE.htc);
}

#navpri ul {
	padding-left:0;
	margin:0;
	behavior: url(pie_comp/PIE.htc);
}

#navpri ul li {
	border-right:1px solid rgba(255, 255, 255, .3);
	list-style:none;
	float:left;
	behavior: url(pie_comp/PIE.htc);
}
	
#navpri ul li a {
	color:#FFF;
	padding:15px;
	display:block;
	text-decoration:none;
	behavior: url(pie_comp/PIE.htc);
}

#navpri ul li a:hover {
	color:#FFF;
	background:#FF4D4D;
	behavior: url(pie_comp/PIE.htc);
}

#navpri ul li a:visited {
	color:#FFF;
	behavior: url(pie_comp/PIE.htc);
}

#navsec {
	margin-top:65px;
	width: 25%;
	max-width:25%;
	float: left;
	box-sizing:border-box;
	background: #0066ff;
	padding:5px;
	border-radius:10px 10px 10px 10px;
	box-shadow:#666 3px 5px 15px -3px;
	behavior: url(pie_comp/PIE.htc);
}

#navsec h3 {
	color: #FFF;
	padding-left: 15px;
	behavior: url(pie_comp/PIE.htc);
}

#navsec ul {
	padding-left:0;
	behavior: url(pie_comp/PIE.htc);
}

#navsec ul li {
	border-bottom:1px solid rgba(255, 255, 255, .3);
	list-style:none;
	behavior: url(pie_comp/PIE.htc);
}
	
#navsec ul li a {
	color:#FFF;
	padding:15px;
	display:block;
	text-decoration:none;
	behavior: url(pie_comp/PIE.htc);
}

#navsec ul li a:hover {
	color:#FFF;
	background:#3399ff;
	behavior: url(pie_comp/PIE.htc);
}

#navsec ul li a:visited {
	color:#FFF;
	behavior: url(pie_comp/PIE.htc);
}

.sectioncat {
	margin-top:20px;
	margin-left: 5%;
	width: 70%;
	float:left;
	behavior: url(pie_comp/PIE.htc);
}

.sectioninf {
	margin-top:20px;
	margin-left: 2%;
	width:100%;
	float: left;
	text-align: justify;
	behavior: url(pie_comp/PIE.htc);
}

.dep {
	color: #0066ff;
	behavior: url(pie_comp/PIE.htc);
}

.prodtb {
	text-align:center;
	width: 45%;
	float: left;
	margin-top:30px;
	margin-left:25px;
	behavior: url(pie_comp/PIE.htc);
}

.imgpro {
	padding: 5px;
	border:#06F 1px solid;
	border-radius: 20px;
}

.imgproda {
	width:210px;
	padding: 5px;
	border:#06F 1px solid;
	border-radius: 20px;
	text-align:center;
	float: left;
	behavior: url(pie_comp/PIE.htc);
}

.imgprodi {
	padding:5px;
	border-radius: 20px;
	behavior: url(pie_comp/PIE.htc);
}

.productos {
	margin-top: 15px;
	background-color: #f1f1f1;
	float: left;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 0px 0px 10px 10px;
	box-shadow: #666 2px 4px 10px 0px;
	behavior: url(pie_comp/PIE.htc);
	height: 200px;
}

.detallep {
	float:left;
	width:95%;
	behavior: url(pie_comp/PIE.htc);
}

#tablacont {
	width: 40%;
	behavior: url(pie_comp/PIE.htc);
}

.tdinft {
	width: 15%;
	behavior: url(pie_comp/PIE.htc);
}

.tdinfi {
	width: 25%;
	behavior: url(pie_comp/PIE.htc);
}

#linfinaba {
	width: 100%;
	padding-top: 1px;
	background-color: #F00;
	float:left;
	margin-top:20px;
	behavior: url(pie_comp/PIE.htc);
}

.tblnav {
	width:100%;
	float:left;
	margin-top:35px;
}

footer {
	width: 100%;
	float: left;
	margin: 0 auto;
	text-align: center;
	behavior: url(pie_comp/PIE.htc);
}

.borrojfon {
	background-color: #F00;
	box-sizing: border-box;
	padding: 3px;
	float: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	behavior: url(pie_comp/PIE.htc);
}

.artpie {
	width:100%;
	max-width:33%;
	float:left;
	margin-left:0.3%;
	behavior: url(pie_comp/PIE.htc);
}