/*HOJA DE ESTILOS HOMEPAGE IMAGINAWEB*/

* {
	margin: 0;
	padding: 0;
}

body{
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
}

#contenido{
	width:782px;
	border:1px #000000 solid;
	margin:auto;
	height:685px;

}

#columnaIzquierda{
	width:253px;
	float:left;
	border-right:1px #CCCCCC solid;
	height:685px;
}

#espacioLogo{
	width:253px;
	height:144px;
	float:left;
	margin-top:10px;
}

#logo{
	width:200px;
	height:144px;
	margin:auto;
}

#espacioMenu{
	width:253px;
	height:17px;
	float:left;
}


#contenedorItem{
	width:215px;
	height:17px;
	border-bottom:1px #333333 solid;
	margin:auto;
}

#contenedorBullet{
	width:28px;
	float:left;
	margin-top:7px;
}

#bullet{
	width:8px;
	height:7px;
	margin:auto;
}

#contenedorTextoMenu{
	width:186px;
	float:left;
}

#textoMenu{
	width:auto;
	font-weight:bold;
	font-size:14px;
	
}

#textoMenu a{
	color:#000000;
	text-decoration:none;
	
}

#textoMenu a:hover{
	color:#F37421;
	text-decoration:none;
	font-weight:bold;
}

#textoMenuActivo{
	width:auto;
	font-weight:bold;
	font-size:14px;
	
}

#textoMenuActivo a{
	color:#F37421;
	text-decoration:none;
	
}

#textoMenuActivo a:hover{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#espacioColor{
	width:253px;
	height:37px;
	float:left;
	margin-top:10px;
}

#espacioNegro{
	width:253px;
	height:28px;
	background-color:#231F20;
	float:left;
}

#contenedorLibroNegro{
	width:19px;
	height:28px;
	float:left;
	margin-left:18px;
}

#libroNegro{
	width:19px;
	height:19px;
	margin-top:4px;
}

#redondoNegro{
	width:253px;
	height:9px;
	float:left;
}

#redondoNegroAbajo{
	width:253px;
	height:9px;
	float:left;
}

#textoColor{
	width:auto;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	margin-top:5px;
	margin-left:9px;
}

#contenedorOportunidadesTrabajo{
	width:253px;
	float:left;
	padding-top:20px;
	height:auto;
}

#numeroOportunidadesTrabajo{
	width:35px;
	height:39px;
	float:left;
	padding-top:20px;
}

#textoOportunidadesTrabajo{
	width:213px;	
	border-bottom:1px #CCCCCC solid;
	padding-bottom:20px;
	padding-left:5px;
	float:left;
	
}

#tituloOportunidadesTrabajo{
	font-weight:bold;
}

#descripcionOportunidadesTrabajo{
	width:213px;
	text-align:justify;
	float:left;
}

#contenedorDireccion{
	width:253px;
	float:left;
	padding-top:20px;
}

#descripcionDireccion{
	width:218px;
	float:left;
	text-align:justify;
	padding-left:34px;
}

#descripcionDireccion a{
	text-decoration:none;
	color:#009ED1;
}

#descripcionDireccion a:hover{
	text-decoration:underline;
	color:#F37421;
}

/*INICIAMOS A TRABAJAR CON LA COLUMNA DERECHA*/

#columnaDerecha{
	width:528px;
	float:left;
	height:685px;
}

#menuArriba{
	width:528px;
	float:left;
	height:88px;
}

#menuArribaCarrers{
	width:173px;
	height:88px;
	float:left;
}

#menuArribaCarrers a:hover{
	text-decoration:none;	
	border:0px;	
	/*float:left;hay que agregar para que funcione en IE y quitar para que funcione en Safari*/
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
}

#menuArribaClientes{
	width:173px;
	height:88px;
	float:left;
}

#menuArribaClientes a:hover{
	text-decoration:none;	
	border:0px;	
	/*float:left;hay que agregar para que funcione en IE y quitar para que funcione en Safari*/
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
}

#menuArribaContactos{
	width:173px;
	height:88px;
	float:left;
}

#menuArribaContactos a:hover{
	text-decoration:none;	
	border:0px;	
	/*float:left;hay que agregar para que funcione en IE y quitar para que funcione en Safari*/
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
}


#menuArribaEspacio{
	width:4px;
	height:88px;
	float:left;
}

/*propio de soluciones.html*/

#contenedorSoluciones{
	width:528px;
	height:535px;
	float:left;
	margin-top:15px;
}

#contenedorArriba{
	width:528px;
	height:255px;
	float:left;
}

#tituloSolucionesArriba{
	width:528px;
	font-size:16px;
	font-weight:bold;
	color:#F37421;
	float:left;
}

#descripcionSolucionesArriba{
	width:528px;
	margin-top:10px;
	height:225px;
	float:left;
	text-align:justify;

}

#descripcionSolucionesArriba li{
	margin-left:30px;
}

#contenedorDesarrollo{
	width:528px;
	height:260px;
	float:left;
	margin-top:15px;
}

#tituloDesarrollo{
	width:335px;
	font-size:16px;
	font-weight:bold;
	color:#F37421;
	float:left;
	
}

#fotoDesarollo{
	width:180px;
	height:250px;
	float:left;
	margin-left:10px;
	margin-top:-15px;
}

#fotoDesarollo img{
	margin-top:35px;
}

#descripcionDesarrollo{
	width:335px;
	height:225px;
	margin-top:10px;
	float:left;
	text-align:justify;

}




/*propio de soluciones.html*/

#contenedorFlash{
	width:528px;
	height:237px;
	float:left;
}

#flash{
	width:528px;
	height:237px;
}

#espacioVerde{
	width:528px;
	height:30px;
	background-color:#A6CE39;
	float:left;
}

#contenedorLibroVerde{
	width:19px;
	height:28px;
	float:left;
	margin-left:18px;
}

#libroVerde{
	width:19px;
	height:19px;
	margin-top:6px;
}

#redondoVerde{
	width:528px;
	height:11px;
	float:left;
}

#columnaInternaDerecha{
	width:175px;
	float:left;
	height:329px;
	padding-top:1px;
}


#subColumnaInternaDerecha{
	width:160px;
	height:280px;
	margin:auto;
}

#subColumnaInternaDerechaCentro{
	width:169px;
	height:310px;
	margin:auto;
	border-left:1px #A6CE39 dotted;
    border-right:1px #A6CE39 dotted;
}

#tituloColumnaInternaDerecha{
	width:160px;
	margin:auto;
	font-weight:bold;
	text-align:center;
	float:left;
}

#espacioTituloColumnaInternaDerecha{
	width:160px;
	height:20px;
	float:left;
}

#fotoColumnaInternaDerecha{
	width:160px;
	height:96px;
	float:left;
}

#subtituloColumnaInternaDerecha{
	width:160px;
	margin:auto;
	font-weight:bold;
	float:left;
	font-size:12px;
}

#descripcionColumnaInternaDerecha{
	width:160px;
	height:144px;
	text-align:justify;
	float:left;
}


#contendorLeerMas{
	width:160px;
	height:20px;
	float:left;
	
}

#leerMas{
	width:auto;
	margin:auto;
	background-color:#F37421;
	color:#000000;	
	text-align:center;
	text-decoration:none;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

#leerMas a{
	color:#000000;
	text-decoration:none;
}

#leerMas a:hover{
	text-decoration:none;
	color:#009ED1;
	
}

#contenedorPlomo{
	width:528px;
	height:46px;
	float:left;
}

#espacioPlomo{
	width:528px;
	height:28px;
	background:#DCDDDE;
	float:left;
}

#redondoPlomoArriba{
	width:528px;
	height:8px;
	float:left;
}

#redondoPlomoAbajo{
	width:528px;
	height:10px;
	float:left;
}

#contenedorLibroPlomo{
	width:19px;
	height:28px;
	float:left;
	margin-left:25px;
}

#libroPlomo{
	width:19px;
	height:19px;
	margin-top:6px;
}

#contenedorNovedades{
	width:528px;
	height:115px;
	float:left;
	
}

#subContenedorNovedades{
	margin-top:20px;
	width:528px;
	margin-bottom:20px;
	height:75px;
	
}

#columnaNovedades{
	width:240px;
	margin:auto;
	float:left;
}

#espacioNovedades{
	width:40px;
	float:left;
	height:75px;
}

#tituloNovedades{
	width:240px;
	float:left;
	font-weight:bold;
	font-size:14px;
}

#descripcionNovedades{
	width:240px;
	text-align:justify;
	font-size:12px;
	float:left;
}

#lineaFinal{
	width:528px;
	height:5px;
	float:left;
	background:#DCDDDE;
}

#contenedorCreditos{
	width:528px;
	height:40px;
	float:left;
}

#descripcionCreditos{
	width:470px;
	float:right;
	font-size:10px;
	text-align:right;
}



#creditosInferior{
	width:782px;
	height:25px;
	margin:auto;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}