/****************************************************************************************************
Hoja de Estilo para el sitio CNET S.A. - Versión General.

	Diagramación:						CNET TECHNOLOGY SYSTEMS S.A
	Programador:						Esteban Valerio Hernández
	Diseño:								Antonio Salazar Chinchilla
*****************************************************************************************************/
/* CSS Document */
body{
	color: 				#FFF;
	font-size: 			12px;
	font-family: 		Arial, Helvetica, sans-serif;
	margin: 			0;
	padding: 			0;
	background-color:	#151c3e;
}

a{
	color:				#FFF;
	text-decoration:	none;
}

a:hover{
	color:				#CCC;
	text-decoration:	none;
}

h1{

}

h2{
	text-transform: uppercase;
	font-size: 		12px;
	margin-left:	85px;
	margin-right:	25px;
}

h3{
	font-weight:	bold;
	font-size:		12px;
	margin-left:	85px;
	margin-right:	25px;
	text-transform: uppercase;
}

p{
	margin: 0 35px 0 85px;
	line-height:	17px;
}

.parrafosPagsPrincipales{
	margin: 190px 35px 0 85px;
	text-indent: 10px;
}

.parrafosPagsSecundarios{
	text-indent: 10px;	
}

#quitarIdentacion{
	text-indent: 0;
}

ul{
}

li{	

}

#introduccionFlash{	
	/*border:	red solid 1px;*/
	margin:	200px auto 0 auto;
	width:	500px;
	height:	500px;
}

#saltarIntroduccion{
	/*border:			red solid 1px;*/
	margin:	0 auto 0 auto;
	width:	110px;
}

#ContenedorPrincipal{
	/*border:			red solid 1px;*/
	margin:				0 auto 0 auto;
	width:				850px;
	height:				750px;
	background-image:	url(../imagenes/background.png);
	background-repeat:	no-repeat;
}

#ContenedorPrincipalIngles{
	/*border:			red solid 1px;*/
	margin:				0 auto 0 auto;
	width:				850px;
	height:				750px;
	background-image:	url(../imagenes/background-ingles.png);
	background-repeat:	no-repeat;
}

#ContenedorPrincipalArriba{
	/*border:	green solid 1px;*/
	float:	left;
	width:	850px;
	height:	175px;
}

#MenuPrincipal{
	/*border:	white solid 1px;*/
	float:	left;
	width:	850px;
	height:	33px;
	
}

#ContenedorPrincipalAbajo{
	/*border:	red solid 1px;*/
	float:	left;
	width:	850px;
	height:	540px;
}

#ContenedorPrincipalAbajoIzquierda{
	/*border:	red solid 1px;*/
	float:	left;
	width:	345px;
	height:	510px;
}

#ContenedorPrincipalAbajoIzquierda1{
	/*border:	yellow solid 1px;*/
	float:	left;
	width:	322px;
	height:	438px;
	margin-left: 10px;
}

#ContenedorPrincipalAbajoIzquierda3{
	/*border:	yellow solid 1px;*/
	float:	left;
	width:	71px;
	height:	81px;
	margin-top:	13px;
	margin-left:	20px;
}

#Imagen3{
	/*border:	yellow solid 1px;*/
	margin-top: 	8px;
	margin-left: 	60px;
}

#menuProductos{
	margin-top: 5px;
}

#ContenedorPrincipalAbajoDerecha{
	/*border:	yellow solid 1px;*/
	float:	left;
	margin-top:			40px;
	width:				495px;
	height:				440px;
}

#adelanteAtras{
	/*border:	green solid 1px;*/
	float:	left;
	width:				497px;
	height:				20px;
	margin-top: 		0px;
}

#Imagen1{
	margin-right:	10px;	
}
#Imagen2{
	margin-right:	5px;
}

/***************************/
#MenuInferiorTexto{
	/*border: blue solid 1px;*/
	margin:	5px auto 0 auto;
	text-align: center;
	width: 		900px;
	height: 	20px;
	font-size:	12px;
}

#MenuInferiorTexto ul{
	/*border: green solid 1px;*/
	list-style:none;
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}

#MenuInferiorTexto li{
	/*border: green solid 1px;*/
	border-left: white solid 1px;
	padding-left: 5px;
	list-style:none;
	width: 145px;
	display: inline;
	margin-left:5px;
	
}

#infoEmpresa{
	/*border: blue solid 1px;*/
	margin:	5px auto 0 auto;
	text-align: center;
	font-size:	10px;
	color:		#FFFFFF;
	width: 		1000px;
	height: 	20px;
}

#infoEmpresa ul{
	/*border: green solid 1px;*/
	list-style:none;
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}

#infoEmpresa li{
	/*border: green solid 1px;*/
	list-style:none;
	width: 150px;
	display: inline;
	margin-left:8px;
}

#footer{
	/*border: blue solid 1px;*/
	margin:	10px auto 0 auto;
	text-align: center;
	font-size:	9px;
	color:		#FFFFFF;
	width: 		850px;
	height: 	35px;
}

#logo{
	/*border: blue solid 1px;*/
	float:	left;
	width:	60px;
	height:	30px;
	margin-left:	290px;;
}

#texto{
	/*border: blue solid 1px;*/
	float:	left;
	width:220px;

}
/***************************/

/*Página Inicio*/
#ContenidoInicio{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/inicio.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoInicioIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/inicio-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ImagenReferencias{
	margin-right:  		30px;
}

/*Página Soporte*/
#ContenidoSoporte{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/SOPORTE-BACKGROUND.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoSoporteIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/soporte-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#frameSoporte{
	/*border:			red solid 1px;*/
	margin-top:		145px;
	margin-left:	65px;
}

#frameContactos{
	/*border:			red solid 1px;*/
	margin-top:		115px;
	margin-left:	20px;
}


/*Página Contactenos*/
#ContenidoContactenos{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/CONTACTENOS-BACKGROUND.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoContactenosIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/contactenos-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#frameContactos{
	/*border:			red solid 1px;*/
	margin-top:		115px;
	margin-left:	20px;
}

/*Página Nosotros*/
#ContenidoNosotros{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image: 	url(../imagenes/nosotros.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoNosotrosIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image: 	url(../imagenes/nosotros-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#NumerosLogosNosotros{
	/*border:			green solid 1px;*/
	float:				left;
	width:				497px;
	height:				110px;
}

#NumerosLogosNosotrosIzquierda{
	/*border:			yellow solid 1px;*/
	float:				left;
	width:				300px;
	height:				110px;
}

#NumerosLogosNosotrosDerecha{
	/*border:			yellow solid 1px;*/
	float:				left;
	width:				170px;
	height:				110px;
}

.NumerosLogosNosotrosDerechaArribaContenedor{
	/*border:			yellow solid 1px;*/
	float:				left;
	width:				170px;
	height:				110px;
}

#textoArriba1{
	/*border:				yellow solid 1px;*/
	float:				left;
	width:				105px;
	height:				20px;
	margin-top:			15px;
	margin-right:		5px;
	text-align:			right;
	
}

#textoArriba2{
	/*border:			yellow solid 1px;*/
	float:				left;
	width:				105px;
	height:				20px;
	margin-top:			10px;
	margin-right:		5px;
	text-align:			right;
}


#NumerosLogosNosotrosDerechaArriba{
	/*border:			red solid 1px;*/
	float:				left;
	width:				40px;
	height:				40px;
	margin-top:			5px;
}

#NumerosLogosNosotrosDerechaAbajo{
	/*border:			red solid 1px;*/
	float:				left;
	width:				40px;
	height:				40px;
}

#listaNosotros{
	/*border:			red solid 1px;*/
	margin-left:	150px;
	list-style:		none;
	width:			100px;
}
#ImagenContactenos{
}
#ImagenSoporte{
}


/*Página Productos*/
#ContenidoProductos{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/productos.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoProductosIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/productos-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#cajonPaquetesSoftware{
	/*border:			red solid 1px;*/
	float:				left;
	width:				345px;
	height:				170px;
	margin-top:			220px;
	margin-left:		100px;
}
.cajasProductos{
	/*border:			green solid 1px;*/
	float:				left;
	width:				85px;
	height:				78px;
}

#ContenidoProductos1{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/APLICACION-POSNET.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenPostnet{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}


#ContenidoProductos2{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/APLICACION-CONTANET.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenContanet{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}

#ContenidoProductos3{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/DIDIMO.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenDidimo{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}

#ContenidoProductos4{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/APLICACION-PROMENET.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenPromenet{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}

#ContenidoProductos5{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/APLICACION-SICAP.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenSicap{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}

#ContenidoProductos6{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/APLICACION-SIMEG.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenSimeg{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}

#ContenidoProductos7{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/APLICACION-SIMENET.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenSimenet{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}

#ContenidoProductos8{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/BIOSIMET-BACKGROUND.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenBiosimet{
	width: 	199px;
	height:	302px;
	float:	right;
	margin-top: -35px;
}

/*Página Servicios*/
#ContenidoServicios{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/servicios.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServiciosIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/servicios-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

.listaDeServicios{
	/*border:			red solid 1px;*/
	margin:	0 30px 0 60px;
	list-style:		circle;
	line-height:	20px;
}

.linksServicios{
	margin-left:	60px;
	line-height:	20px;
}

#ContenidoServicios1{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/aplicacion-asesoria.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServicios1Ingles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/asesoria-y-auditoria-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenAsesoria{
	width: 	199px;
	height:	134px;
	float:	right;
}

#ContenidoServicios2{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/aplicacion-redes-y-soporte.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServicios2Ingles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/redes-y-soporte-tecnico-ing.png);
	background-position:top right;
	background-repeat:	no-repeat;
}


#imagenRedes{
	width: 	199px;
	height:	134px;
	float:	right;
}

#ContenidoServicios3{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/aplicacion-para-diseno.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServicios3Ingles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/diseno-grafico-y-multimedia.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenMultimedia{
	width: 	199px;
	height:	134px;
	float:	right;
}

#ContenidoServicios4{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/aplicacion-internet.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServicios4Ingles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/internet-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenInternet{
	width: 	199px;
	height:	134px;
	float:	right;
}

#ContenidoServicios5{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/aplicacion-camaras.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServicios5Ingles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/camaras-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenC1{
	/*border:			red solid 1px;*/
	height:	134px;
	width: 	490px;
}

#imagenC2{
	/*border:			red solid 1px;*/
	height:			23px;
	width: 			270px;
	margin-top:		3px;
	margin-right: 	190px;
	border: 		none;
}

#imagenC2 a{
	 border: 	none;
}
#imagenCamaras{	
	float:	right;
}

#botonCatalogoCamaras{
	float:	right;
}

#imagenesArribaCamaras{
	/*border:			red solid 1px;*/
	height:			160px;
}
#textoAbajoCamaras{
	/*border:			red solid 1px;*/
	height:			275px;
}

#textoAbajoCamaras p{
	margin: 20px 35px 0 85px;
	text-indent: 10px;
}

.textoImagenesCamaras{
	/*border:				white solid 1px;*/
	float:				left;
	margin-top:			10px;
	margin-left:		83px;
	width:				380px;
	height:				105px;
}

.textoImagenesCamaras2{
	/*border:				red solid 1px;*/
	float:				left;
	margin-top:			0px;
	margin-left:		83px;
	width:				380px;
	height:				235px;
}

.imgrandom{
	float:left; 
	width:125px; 
	height:100px; 
	margin-right:5px;
	border:  #CCCCCC double;
}

.imgrandom2{
	/*border:				red solid 1px;*/
	float:left; 
	width:130px; 
	height:165px; 
	margin-right:5px;
}

#primeraCamara{
	margin-top:			15px;
}

#ContenidoServicios6{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/aplicacionsistemas-informat.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServicios6Ingles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/desarrollo-de-sistemas-info.png);
	background-position:top right;
	background-repeat:	no-repeat;
}


#imagenSistemas{
	width: 	199px;
	height:	134px;
	float:	right;
}

#ContenidoServicios7{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/aplicacion-outsourcing.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoServicios7Ingles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/outsourcing-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#imagenOutsourcing{
	width: 	199px;
	height:	134px;
	float:	right;
}


/*Página Perfil*/
#ContenidoPerfil{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/perfil-corporativo.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoPerfilIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/perfil-corporativo-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

/*Página Noticias*/
#ContenidoNoticias{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/noticias.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoNoticiasIngles{
	/*border:			red solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/noticias-ingles.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#frameNoticias{
	/*border:			red solid 1px;*/
	margin-top: 	160px;
	margin-left: 	43px;
	width:			440px;
}

/*Página Mapa*/

#ContenidoMapa{
	/*border:			green solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/fondoMapa.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoMapaIngles{
	/*border:			green solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/WEBMAP.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#ContenidoMapaIzquierda{
	/*border:			red solid 1px;*/
	float:				left;
	width:				235px;
	height:				430px;
	margin-left:		40px;	
}

#ContenidoMapaDerecha{
	/*border:			red solid 1px;*/
	float:				left;
	width:				215px;
	height:				430px;
}

#ContenidoMapaDerechaArriba{
	/*border:			yellow solid 1px;*/
	float:				left;
	width:				215px;
	height:				190px;
}

#ContenidoMapaDerechaAbajo{
	/*border:			yellow solid 1px;*/
	float:				left;
	width:				215px;
	height:				150px;
}

#listaMapa{
	/*border:			yellow solid 1px;*/
	list-style:		none;
	font-weight:	bold;
	margin-top:		65px;
}

#listaMapa li{
	/*border:			yellow solid 1px;*/
	list-style:		none;
	margin-top:		20px;
}



.productosMapa{
}

.serviciosMapa{
}

/*Página Referencias*/
#ContenidoReferencias{
	/*border:			green solid 1px;*/
	float:				left;
	width:				497px;
	height:				440px;
	background-image:	url(../imagenes/background-referencias.png);
	background-position:top right;
	background-repeat:	no-repeat;
}

#cajonImagenesReferencias{
	/*border:			yellow solid 1px;*/
	float:				left;
	width:				420px;
	height:				350px;
	margin-left:		80px;
}

.imagenesReferecias{
	/*border:			green solid 1px;*/
	float:				left;
	width:				94px;
	height:				72px;
	margin-right:		6px;
	margin-bottom:		5px;
}

.imagenesRefereciasLarga{
	/*border:			green solid 1px;*/
	float:				left;
	width:				198px;
	height:				38px;
	margin-right:		3px;
}

#imagenIguana{
	margin-top:			-32px;
}

.imagenesRefLarga{
	/*border:				white solid 1px;*/
	float:				left;
	width:				198px;
	height:				72px;
	margin-right:		6px;
	margin-bottom:		5px;
}

#descargarPerfil{
	margin-left:		85px;
	font-weight:		bold;
	line-height:		35px;
}