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

/*CSS Divs Only */

/*Limpiando Layout*/
html, body, div, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}

body{
	background: #ccdfea repeat;	
}


/*Alineador*/
#wrapper{
	/*Poner aqui la imagen del fondo que se va a repetir muchas veces*/
/*	background: #F0F url(imagesAqui) repeat-x left top;*/
	height: auto;
	margin: 0 auto;
	text-align:left;
	width: 1025px;	
}

/* Inicio Header  Area */

/*Header*/
#header{
	background: url(../imagenes/FondoBnetParte1.png) repeat;
	height: auto;
	position: relative;	
}

#socialArea{
	background: url(../imagenes/BarraTwitter.png) no-repeat;
	height: 50px;
	left: 774px;
	position: relative;
	width: 250px;
}

#mainButtonArea{
	background: #036 repeat;
	height: 70px;
	position: relative;
	width: auto;
}

#mainLogoArea{
	background: url(../imagenes/LogoBnet.png) no-repeat;
	float: left;
	height: 70px;
	position: relative;
	width: 204px;
}

#mainButtonBarArea{
	background: url(../imagenes/BarraBotones.png) repeat;
	height: 70px;
	left: 204px;
	position: relative;
	width: 820px;
}

#mainBannerArea{
/*	background: #666 repeat;*/
	height: 297px;
	left: 20px;
	position: relative;
	top: 10px;
	width: 984px;	
}

/* Fin Header  Area */



/* Inicio Content  Area */

/*ContentArea*/
#contentArea{
	background: url(../imagenes/FondoBnetParte2.png);
	height: 220px;
	position: relative;
}

#contentArea2{
	background: url(../imagenes/FondoArea.png);
	height: 780px;
	position: relative;
}

/* Div de Efecto Banner*/
.slideshow { 
	height: 232px; 
	width: 232px; 
}
.slideshow img { 
	padding: 15px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
}
/*Fin Div de Efecto Banner*/

#shortCutsArea{
	height: auto;
	position: relative;
	width: auto;	
}

#cut1{
/*	background: #033 repeat;*/
	float: left;
	height: 200px;
	left: 20px;
	position: relative;
	top: 20px;
	width: 315px;
}


#cut2{
/*	background: #900 repeat;*/
	float: left;
	height: 200px;
	left: 38px;
	position: relative;
	top: 20px;
	width: 315px;
}

#cut3{	
/*	background: #033 repeat;	*/
	float: left;
	height: 200px;
	left: 57px;
	position: relative;
	top: 20px;
	width: 315px;
}


#TitleContentTipeOne{	
	background: url(../imagenes/AreaTitulo.png);	
	height: 50px;
	left: 20px;
	position: relative;
	top: 20px;
	width: 750px;
}

.classCutsHeaderMain{
	top: 7px;
	position: relative;		
}

#NoticiasMainDivHeader{
	position: relative;	
}

#EventosMainDivHeader{
	position: relative;	
}

#SolucionesMainDivHeader{
	position: relative;	
}

#TextContentTipeOne{
	background: url(../imagenes/AreaTexto.png);
	height: 680px;
	left: 20px;
	position: relative;
	top: 30px;
	width: 750px;
	background-image: url(../imagenes/AreaTexto.png);
}

#ShortCutsAreaTipeOne{
	background: url(../imagenes/AreaShortcut.png);
	height: 740px;
	left: 790px;
	position: relative;
	top: -710px;
	width: 220px;
}

#TitleSpan{
	left: 10px;
	top: 5px;
	position: relative;
}

#CapitalSpan{
	left: 42px;
	top: 15px;
	position: relative;
	height: 0;
	width: 0;
}

#TextGeneralTipeOne{
	top: -19px;
	left: 49px;
	position:relative;	
}

#ContentImageHistoria{
	background: url(../imagenes/BnetImagen1.png);
	float: left;
	left: 200px;
	top: -450px;
	height: 390px;
	width: 370px;
	position: relative;	
}

#ContentImageAlianzas{
	background: url(../imagenes/BnetImagen2.png);
	float: left;
	left: 70px;
	top: -500px;
	height: 430px;
	width: 660px;
	position: relative;	
}

#ContentImageValores{
	background: url(../imagenes/BnetImagen3.png);
	float: left;
	left: 330px;
	top: -550px;
	height: 419px;
	width: 360px;
	position: relative;	
}


#ContentImageContacto{
	background: url(../imagenes/BnetUbicacion.png);
	float: left;
	left: 330px;
	top: -500px;
	height: 419px;
	width: 360px;
	position: relative;	
}

#ContentImageSalaPrensa{
	background: url(../imagenes/BnetSalaPrensa.png);
	float: left;
	left: 420px;
	top: -460px;
	height: 419px;
	width: 328px;
	position: relative;	
}

#ContentImageComuCNVB{
	background: url(../imagenes/BnetConcluyeProyecto.png);
	float: left;
	left: 55px;
	top: -470px;
	height: 419px;
	width: 677px;
	position: relative;	
}

#ContentImageComuTribunal{
	background:  url(../imagenes/BnetContratoRenovado.png);
	float: left;
	left: 58px;
	top: -470px;
	height: 419px;
	width: 677px;
	position: relative;	
}

#ContentImageComuGnoma{
	background: url(../imagenes/BnetOursourcing.png);
	float: left;
	left: 98px;
	top: -420px;
	height: 366px;
	width: 610px;
	position: relative;	
}

#ContentImageComuPfizer{
	background: url(../imagenes/BnetDisponibilidadPfizer.png);
	float: left;
	left: 98px;
	top: -460px;
	height: 419px;
	width: 597px;
	position: relative;	
}

#ContentImageComuOMax{
	background: url(../imagenes/BnetOfficeSegura.png);
	float: left;
	left: 78px;
	top: -420px;
	height: 345px;
	width: 646px;
	position: relative;	
}

#ContentImageMision{
	background: url(../imagenes/BnetMision.png);
	float: left;
	left: 278px;
	top: -565px;
	height: 191px;
	width: 212px;
	position: relative;	
}

#ContentImageVision{
	background: url(../imagenes/BnetVision.png);
	float: left;
	left: 108px;
	top: -320px;
	height: 287px;
	width: 202px;
	position: relative;	
}

#ContentImageSoporte{
	background: url(../imagenes/BnetSoporte.png);
	float: left;
	left: 408px;
	top: -520px;
	height: 387px;
	width: 311px;
	position: relative;	
}

#ContentImageInformes{
	background: url(../imagenes/BnetConsultenos.png);
	float: left;
	left: 408px;
	top: -520px;
	height: 420px;
	width: 342px;
	position: relative;	
}

/*Esta es una clase y punto */
.cutHeader{
	background: url(../imagenes/headerContent.png) repeat;
	height: 43px;
	width: 315px;
	position:relative;
	top: -1px;
}


/* Formulario Inicio*/
#formGeneralContainer{	
	height: 590px;	
	top: -20px;
	width: 750px;	
	position: relative;
}

#formNombreLabel{
	left: 100px;
	float: left;
	top: 20px;
	position: relative;
}

#formNombreTextBox{
	left: 110px;
	float: none;
	top: 20px;
	position: relative;
}

#formEmpresaLabel{
	top: 50px;
	float: left;
	left: 95px;
	position: relative;
}

#formEmpresaTextBox{
	top: 50px;
	float: none;
	left: 105px;
	position: relative;
}

#formPuestoLabel{
	top: 80px;
	float: left;
	left: 107px;
	position: relative;
}

#formPuestoTextBox{
	top: 80px;
	float: none;
	left: 117px;
	position: relative;
}

#formEmailSopoLabel{
	top: 80px;
	float: left;
	left: 109px;
	position: relative;
}

#formEmailSopoTextBox{
	top: 80px;
	float: none;
	left: 119px;
	position: relative;
}

#formTelefonoLabel{
	top: 110px;
	float: left;
	left: 93px;
	position: relative;
}

#formTelefonoTextBox{
	left: 103px;
	float: none;
	top: 110px;
	position: relative;
}

#formProductoLabel{
	top: 110px;
	float: left;
	left: 93px;
	position: relative;
}

#formProductoTextBox{
	left: 103px;
	float: none;
	top: 110px;
	position: relative;
}

#formEmailLabel{
	top: 140px;	
	float: left;
	left: 109px;
	position: relative;
}

#formEmailTextBox{
	top: 140px;
	float: none;
	left: 118px;
	position: relative;
}

#formVersionLabel{
	top: 140px;	
	float: left;
	left: 102px;
	position: relative;
}

#formVersionTextBox{
	top: 140px;
	float: none;
	left: 112px;
	position: relative;
}

#formInquietudesLabel{
	top: 170px;
	float: none;
	left: 113px;
	position: relative;
}

#formInquietudesTextBox{
	top: 170px;	
	left: 113px;
	position: relative;
}

#formEnviarButton{
	top: 190px;
	left: 215px;
	float: none;
	position: relative;
}

#formBorrarButton{
	top: 190px;
	left: 113px;
	float: left;
	position: relative;
}

/* Formulario Fin*/

#areaCutNavigator{
	height: 400px;
	position: relative;	
}

#areaCutRelated{
	height: 240px;
	position: relative;	
}

#areaCutAditional{
	height: 99px;
	position: relative;	
}

#headerCutNavigator{
	top: 15px;
	left: 10px;
	height: 30px;
	position: relative;
	z-index: 1;
}

#itemsCutNavigator{
	left: 10px;
	top: 20px;
	height: 340px;	
	width: 200px;
	position: relative;
}

.listItemsNavi{
	width: 150px;
	top: 20px;
	left: 40px;
	position: relative;
}

#headerCutRelated{
	top: 10px;
	left: 10px;
	position: relative;
	z-index: 1;
}

#itemsCutRelated{
	top: 25px;
	left: 10px;
	height: 185px;
	width: 200px;
	position: relative;
}


#headerCutAditiona{
	top: 10px;
	left: 10px;
	position: relative;	
}


#itemsCutAditional{
	top: 0px;
	left: 10px;
	width: 200px;
	height: 45px;
	position: relative;
}

.CutsAreaContent{
	top: 10px;
	left: 40px;
	width: 260px;
	height: 150px;
	position: relative;
}


/* Fin Content  Area */

/*Footer*/
#footer{	
	background: url(../imagenes/FooterBanda.png) repeat;
	top: 0px;	
	height: 55px;
	position: relative;
	width: auto;
}
#wrapper #contentArea2 #TextContentTipeOne #TextGeneralTipeOne #TextGeneralTipeOneSpan tr td table tr td {
	text-align: left;
	color: #333;
}
#wrapper #contentArea2 #TextContentTipeOne #TextGeneralTipeOne #TextGeneralTipeOneSpan tr td table {
	text-align: left;
	color: #333;
}
#wrapper #contentArea2 #TextContentTipeOne #TextGeneralTipeOne #TextGeneralTipeOneSpan tr td table tr td p {
	text-align: justify;
	color: #666;
	font-size: 14px;
	font-family: Calibri;
}
#wrapper #contentArea2 #TextContentTipeOne #TextGeneralTipeOne #TextGeneralTipeOneSpan tr td table tr td {
	color: #666;
	text-align: left;
}