@charset "utf-8";
/* CSS Document */

/*CSS genericos al sistema y al sitio*/
*{
	margin:0;
	padding:0;
}
body{
	width:100%;
	background:#403A37;
}
.principal{
	width:100%;
	height:auto;
}
.head{
	width:100%;
	height:123px;
	background:#403A37;
	position:fixed;
	top:0;
	-webkit-box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);
	z-index:500;
}
.logo{
	width:30%;
	height:123px;
	float:left;
	background:url(img/logo.png);
	background-repeat: no-repeat;
}
header{
	width:70%;
	height:123px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
}
header nav ul {
	overflow:hidden;
	list-style:none;
	float:right;
	margin-right:30px;

}
header nav ul li {
	float:left;
}
header nav ul li a {
	color:#fff;
	font-weight:bold;
	padding-left:5px;
	padding-right:15px;
	padding-top:50px;
	padding-bottom:15px;
	display:block;
	text-decoration:none;
	transition:all 0.3s;
}
header nav ul li span {
	margin-right:10px;
}
header nav ul li a:hover {
	color:#F7B234;
	padding-left:20px;
	padding-right:20px;
}
header nav ul li a.active {
	color:#F7B234;
}
.slider{
    text-align: center;
	width:100%;
	height:469px;
	background:#666;
	margin-top:123px;
	overflow:hidden;
	animation: entradaSlider 1s;
	-webkit-animation: entradaSlider 1s;

}
@keyframes entradaSlider {
	0% {height:0px;}
	100% {height:469px;}
}
@-webkit-keyframes entradaSlider {
	0% {height:0px;}
	100% {height:469px;}
}
.articulo{
	width:1330px;
	/*height:435px;*/
	background:#403A37;
	padding:0 0 70px;
	margin: 0 auto;
}
.corte{
	width:100%;
	height:129px;
	background:url(img/corte.jpg);
}
.info{
	width:100%;
	height:742px;
	background:url(img/fondoIconos.jpg);
}
.juego{
	width:100%;
	height:552px;
	background:#6E6C53;
}
.marcoJuego {
	width: 1330px;
	margin: auto;
}
.subArticulo1{
	width:30%;
	float:left;
}
.subArticulo2{
	width:55%;
	float:right;
	margin:0 12% 0 0;
	text-align:justify;
}
.icono{
	width:200px;
	height:200px;
	background:url(img/icono.png);
	margin-left:auto;
	margin-right:auto;
	margin-top:118px;
}
.descripcion{
	width:95%;
	float:left;
	margin:35px 0;
}
.titulo{
	width:100%;
	height:auto;
	margin-bottom:22px;
	font-size:55px;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	animation: entradaTitulos 1s linear;
	-webkit-animation: entradaTitulos 1s linear;
}
@keyframes entradaTitulos {
	0% {opacity:0; margin-left:70px;}
	100% {opacity:1;margin-left:0;}
}
@-webkit-keyframes entradaTitulos {
	0% {opacity:0; margin-left:70px;}
	100% {opacity:1;margin-left:0;}
}
.tituloCorte{
	width:1330px;
	height:65px;

	padding:20px 0 0 80px;
    margin: 0 auto;
}
.texto{
	width:100%;
	height:auto;
	font-size:16px;
	margin-top:20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
h1{
	font-size:55px;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	text-shadow: 3px 1px 8px #000000;
}
p {
	padding:4px 0;
}
.proceso{
	width:1330px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
}
.desgloce{
	width:24.7%;
	height:230px;
	float:left;
	margin-top:5px;
}
.figura{
	width:90px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
}
h2{
	color:#403A37;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
h3{
	color:#F7B234;
}

.textoFigura{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#403A37;
	text-align:center;
}
.subJuego1{
	width:40%;
	height:auto;
	float:left;
	margin-left:80px;
	margin-top:50px;
}
.subJuego2{
	width:50%;
	height:auto;
	float:left;
}
.boton{
	width:267px;
	height:50px;
	margin-top:50px;
	background:url(img/degradado.jpg);
	-webkit-border-radius: 52px 52px 52px 52px;
	border-radius: 52px 52px 52px 52px;
	-webkit-box-shadow: 5px 5px 15px 1px #000000;
box-shadow: 5px 5px 15px 1px #000000;
}
.boton:hover{

	background:url(img/degradadoHover.jpg);

}
.texBoton{


}
 a.texBoton{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	text-align:center;
	padding-top:12px;
	display:block;
}
/*herramientas*/
.estructura{
	width:100%;
	height:263px;
	background:#443F3C;
	float:left;
	margin-top:123px;
}
.canvas{
	width:100%;
	height:263px;
	background:#54504C;
	float:left;
}
.matriz{
	width:100%;
	height:263px;
	background: #585551;
	float:left;
}
.costosFijos{
	width:100%;
	height:263px;
	background: #4E4945;
	float:left;
}

.costeo{
	width:100%;
	height:263px;
	background:#635F5B;
	float:left;
}
.depreciacion{
	width:100%;
	height:263px;
	background:#696561;
	float:left;
}
.flujo{
	width:100%;
	height:263px;
	background:#7F7B78;
	float:left;
}
.costos{
	width:100%;
	height:263px;
	background:#716D6A;
	float:left;
}
.productosHerra{
	width:100%;
	height:263px;
	background:#888481;
	float:left;
}
.interno{
	width:1100px;
	height:263px;
	margin-left:auto;
	margin-right:auto;
}
.internoIcono1{
	width:300px;
	height:263px;
	float:left;
}

.internoIcono2{
	width:300px;
	height:263px;
	float:right;
}
.internoInfo1{
	width:800px;
	height:263px;
	float:right;
}
.internoInfo2{
	width:800px;
	height:263px;
	float:left;
}
.titulo2{
	width:100%;
	height:auto;
	margin-top:10px;
	font-size:55px;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
}
.logoBoton{
	width:325px;
	height:100px;
	background:url(img/botonHerramienta.png);
	float:left;
}
.logoBoton:hover{

	background:url(img/botonHerramientaHover.png);

}
.descripCampo{
	width:475px;
	height:100px;
	float:left;
}
.textoHerra{
	width:90%;
	height:auto;
	font-size:16px;
	padding-left:20px;
	margin-top:20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
/*herramientas*/

/*empresa*/
.empresa{
	width:100%;
	height: 1150px;
	background:#403A37;
}
.conteEmpresa{
	width:1272px;
	height:880px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 69px;
}
.conteEmprIntr{
	width:550px;
	height:260px;
	float:left;
	margin-left:33px;
	margin-top:25px;
}
.conteEmprIntr2{
	width:1132px;
	height:260px;
	float:left;
	margin-left:33px;
	margin-top:40px;
}
.campoMision, .campoVision, .campoValores, .campoFilosofia{
	width:550px;
	height:200px;
	float:left;
	border:#FFF solid 1px;
	padding:8px 0 0 5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
.campoEtica{
	width:1132px;
	height:200px;
	float:left;
	border:#FFF solid 1px;
	padding:8px 0 0 5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
/*empresa*/
/*docentes*/
.articuloInfo{
	width:100%;
	background:#403A37;
}

.lista{
	width:auto;
	height:auto;
	padding:0 0 0 15px;
}
/*contacto*/
.articuloCont{
	width:100%;
	height:760px;
	background:#403A37;
}
.descripcionContac{
	width:95%;
	height:200px;
	float:left;
	margin-top:50px;
}
.contact{
	width:90%;
	height:500px;
	float:left;
}

#formulario_contacto{

}
#text,#nombre,#telefono,#empresa,#email,#ciudad,#celular,#pais {
	width:501px;
	height:25px;
	background: #403A37;
	border:0;
	padding-left:10px;
	margin-left:10px;
	margin-right:0;
	color:#fff;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
    border: rgb(255, 255, 255) solid 1px;
}

#codigo {
	width:501px;
	height:35px;
	background: #403A37;
	border:0;
	padding-left:10px;
	margin-left:10px;
	margin-right:0;
	color:#fff;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
    border: rgb(255, 255, 255) solid 1px;
}
#mensaje{
	background: #403A37;
	width:502px;
	border:0;
	height:100px;
	margin-left:10px;
	margin-right:0;
	padding-left:10px;
	margin-top:10px;
	padding-top:10px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	border: rgb(255, 255, 255) solid 1px;
}

#formulario_contacto label{
	width:80px;
	display:inline-block;
	margin:10px 0 0 0;
	font-style:bold;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
}

#formulario_contacto p{
	font-style:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
}
#formulario_registro .campoTexto{
	width:301px;
	height:25px;
	background: #403A37;
	border:0;
	padding-left:10px;
	margin-left:10px;
	margin-right:0;
	color:#fff;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
    border: rgb(255, 255, 255) solid 1px;
}
#formulario_registro  label{
	width:190px;
	display:inline-block;
	margin:10px 0 0 0;
	font-style:bold;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
}
.submit{
    width:515px;
	margin-left: 89px;
    padding: 10px;
	margin-top:10px;
	background: #736357;
    border: 0;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 20px;
    color:#FFF;
	transition:0.5s;
}
.submit:hover, .submit_registro:hover {
	background: #F7B234;
}
.submit_registro {
	width:315px;
	margin-left: 200px;
    padding: 10px;
	margin-top:10px;
	background: #736357;
    border: 0;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 20px;
    color:#FFF;
	transition:0.5s;
}
#alertas {
	margin:14px 0 4px 89px;
	animation:flashing 1.5s infinite;
	-webkit-animation:flashing 1.5s infinite;
}
@keyframes flashing{
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@-webkit-keyframes flashing{
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
#alertas p{
	font-family:Arial, Helvetica, sans-serif;
	color:#FC0;
	padding:0;

}
/*productos*/
.productos{
	width:100%;
	height:1450px;
	background:#403A37;
}
.nombreProducto{
	width:49%;
	height:50px;
	float:left;
	margin-bottom:25px;
}
.precioProducto{
	width:49%;
	height:50px;
	float:right;
	margin-bottom:25px;
}

.nombreProdu{
	width:100%;
	height:30px;
	float:left;
	margin-top:10px;
}
.casillaIndicadorProd{
	width:350px;
	height:22px;
	float:right;
	border:1px solid #FFF;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;

}
.descProducto1{
	width:49%;
	height:230px;
	float:left;
}
.descProducto2{
	width:49%;
	height:230px;
	float:right;
}
.campoProd{
	width:99.7%;
	height:166px;
	border:rgba(255,255,255,1) 1px solid;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
}