* { margin: 0; padding: 0; border: none; }
body, html { font-family: "Calibri", sans-serif; font-weight: normal; font-size: 12px; text-align:center; background: url(../images/topsec_bg.jpg) repeat left top;}

#todo {
	height: 779px;
	width: 1152px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #CECECE;
	}

/* AREA TOP DE INFORMACION */
#area_top{
	margin: 0px auto;
	width:1152px;
	height:600px;
	padding:0px 0px 0px 0px;
	float:left;
	position:relative;
	background-color:#FFF;
}

#capa_video{
	width:1152px;
	height:600px;
	position: absolute;
  	left: 0;
   	top: 0;
   	z-index: 2;
}

#capa_accesar{
	width:69px;
	height:21px;
	position: absolute;
	left: 1075px;
	top: 69px;
	z-index: 2;
	font-style:normal;
	font-weight:bold;
	text-shadow:#000 0.1em 0.1em 0.2em;
	font-family:Calibri;
	font-size:1.5em;
}

#capa_accesar a:link, a:visited { text-decoration: none; color: #FFFFFF; }
#capa_accesar a:hover { text-decoration: none; color: #F90; }
#capa_accesar a img { border: none; text-decoration: none; }


/* AREA DE MISION, VISION Y VIDEO */
#area_info{
	margin: 0 auto;
	width: 1152px;
	height:156px;
	padding:0px 0px 0px 0px;
	background: url(../images/topsec_bg.jpg) repeat left top;
}

.sec_izquierda{
	float:left;
	margin: 0 auto;
	width:539px;
	height:156px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/fondo_info_01.png);
	overflow: hidden;
	clear:left;
}

.area_mision_vision{
	float:left;
	width:263px;
	height:156px;
}

.area_mision_vision h3 {
	width:auto;
	font-style:normal;
	font-weight:bold;
	color:#666;
	font-size:1.6em;
	padding-top:12px;
}

.area_mision_vision p{
	width: auto;
	height:auto;
	text-align:left;
	font-size:1.2em;
	padding: 8px 17px 5px 17px;
}

.divisor{
	float:left;
	padding-top:5px;
}

#sec_derecha{
	float:left;
	width:606px;
	height:156px;
	padding:0px 0px 0px 0px;
	/*background-image:url(../images/fondo_info_02.png);*/
	overflow: hidden;
	position:relative;
	
}

.area_download{
	float:left;
	width:167px;
	height:156px;
	padding-top:30px;
}

span.curriculum{
	text-align:center;
	font-style:normal;
	color:#505050;
	font-weight:bold;
	font-size:1.5em;
}

span.empresarial{
	text-align:center;
	font-style:normal;
	color:#F99A04;
	font-size:1.5em;
}

.btn_download{
	float:left;
	height:auto;
	width:167px;
	margin:0 auto;
	padding-top:12px;
}

#area_video{
	float:left;
	margin:0 auto;
	width:227px;
	height:156px;
	padding:13px 0px 0px 21px;
	overflow: hidden;
}

.public_video{
	float:left;
	width:auto;
	height:auto;
	margin:0 auto;
	border: 5px solid #CECECE;
	overflow: hidden;
	background-color:#CECECE;
}

#area_producto_nuevo{
	float:left;
	width:177px;
	height:142px;
	padding:13px 0px 0px 13px;
	overflow: hidden;
}

.imagen_producto{
	float:left;
	width:auto;
	height:auto;
	margin:0 auto;
	border: 5px solid #CECECE;
	overflow: hidden;
	background-color:#CECECE;
}

.btn_nuevo{
	position:absolute;
	float:left;
	height:auto;
	width:137px;
	margin:0 auto;
	padding-top:7px;
	left: 457px;
	top: 113px;
	z-index: 6;
}



/* LINEA DE ADORNO DEL FOOTER */
#area_linea{
	width: 1152px;
	height:2px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#E6E6E6;
	overflow: hidden;
}

/* AREA DEL FOOTER */
#area_footer{
	width: 1152px;
	height:22px;
	background-color:#F99A04;
	color:#FFF;
	text-align:center;
	font-family:Calibri;
	font-size:1.05em;
	overflow: hidden;
	padding-top:3px;
}

/*#area_top{
	margin: 0 auto;
	width:100%;
	height:836px;
	padding:0px 0px 0px 0px;
}

.lado_izquierdo{
	float:left;
	height:562px;
	width:442px;
}

.lado_izquierdo_fondo{
	float:left;
}

.circulo{
	float:left;
	height:562px;
	width:338px;
}

.lado_derecho{
	float:left;
	height:562px;
	width:372px;
}

.lado_derecho_top{
	position:absolute;
	float:left;
	height:106px;
	width:372px;
	margin:0 auto;
	z-index:0;
	left: 813px;
	top: 12px;
}

.lado_derecho_top_img_logo{
	width: 236px;
	height: 67px;
	z-index:3;
	position: relative;
}

.lado_derecho_top01{
	position: relative;
	float:left;
	height:106px;
	width:126px;
	margin:0 auto;
	z-index:1;
}

.lado_derecho_top02{
	position: relative;
	float:right;
	height:106px;
	width:246px;
	margin:0 auto;
	background-color:#505050;
	z-index:2;
}

.lado_derecho_img{
	float:right;
	height:562px;
	width:372px;
	margin:0 auto;
}*/