/* CSS Document */

/* General */
    BODY 	{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; width:100%; background:transparent url('../img/fondo-repeat.jpg') repeat;}					
	A,P,TD,DIV,FONT,BODY,SPAN,UL,LI,INPUT,TEXTAREA,SELECT		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#4c4c4c;}
	p		{margin-top:0px}
	a		{outline:0;}

/* Estructura */
	.ventana 
	{
		position: absolute; left: 0px; top: 0px; background:transparent url('../img/fondo.jpg') no-repeat;
		width: 100%;
	}
	
	.pagina  			{padding:14px 0px 14px 14px; width:982px; text-align:left;}
	
	.cabecera			{width:100%; height:65px;}

		
	.contenidos 		{width:100%;}
	#centro				{width:100%; height:auto !important; height:434px; min-height:434px; margin:0px 0px 0px 0px; background:transparent url('../img/separador_servicios.jpg') no-repeat 529px 5px; padding-bottom:6px;}
	
	.zonaMenus			{float:left; width:529px; margin-right:3px;}
	#zonaServicios		{float:left; width:435px; background-color:#fff; padding-left:15px;}
	
	.pie				{width:100%; margin-top:24px;}

/* general */
	
	.logo	{float:left; padding:8px 24px 0px 0px; background-color:#fff;}
	
	h1 
	{
		float:right;
		margin-top:19px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		font-size:11px;
		line-height:13px;
		font-weight:normal;
		color:#3ab8ff;
		letter-spacing:1px;
		background-color:#fff; 
		padding:0px 5px 0px 10px;
	}
	
	.titulo	
	{
		margin:18px 0px 2px 0px; padding:0px 24px 0px 36px;
		font-weight:normal; font-size:12px; line-height:14px;
		background: #fff url('../img/chispa.jpg') no-repeat 16px 0px;
		color:#3ab8ff; height:14px; float:left;
	}

/* menu */
	
	.menu				{height:16px; padding-bottom:6px;}
	.menu ul li h2	{margin:0px; padding:0px; font-weight:normal; font-size:11px; line-height:13px;}
	
	.menu ul				{width:529px; background-color:#fff; margin:0px; padding:0px 0px 0px 0px; list-style-type:none; height:16px;}
	.menu ul li				{float:left; margin:0px; padding:0px 28px 0px 0px; height:16px;}
	.menu ul li h2 a			{color:#808080; font-size:11px; display:block; padding:0px 5px 3px 0px;}
	.menu ul li h2 a:hover		{color:#3ab8ff;}	
	.menu ul li h2 .btnMenuSelecc, .menu ul li h2 .btnMenuSelecc:visited, .menu ul li h2 .btnMenuSelecc:link	{background:transparent url('../img/subrayados/subrayado.jpg') no-repeat right -16px; color:#000;}




/* submenu servicios */

	.submenuServicios 					{margin-left:176px;}
	.submenuServicios ul				{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;}
	.submenuServicios ul li				{margin:0px 0px 3px 0px; padding:0px 0px 0px 3px; background-color:#fff;}
	.submenuServicios ul li h3			{margin:0px; padding:0px; font-weight:normal; font-size:14px; line-height:18px;}
	.submenuServicios ul li h3 a		{color:#808080; font-size:11px; text-align:left; padding:0px 0px 2px 0px; display:block;} 
	.submenuServicios ul li h3 a:hover 	{color:#4e4b4a; border-bottom: solid 1px #4e4b4a; padding-bottom:1px;}
	.submenuServicios ul li h3 a.servicioSelecc,		
	.submenuServicios ul li h3 a.servicioSelecc:hover	{color:#3ab8ff; border-bottom: solid 1px #3ab8ff; padding-bottom:1px;}
	
	#btnIdentidadVisual		{width:90px;}
	#btnDisenyoGrafico		{width:81px;}
	#btnDisenyoWeb			{width:140px;}
	#btnStands				{width:175px;}
	#btnImpresion			{width:122px;}
	#btnConsultoria			{width:141px;}
	#btnAplicaciones		{width:205px;}
	#btnOutsourcing			{width:230px;}
	#btnMarketing			{width:96px;}
	#btnHosting				{width:40px;}
	#btnDominios			{width:50px;}
	
/* servicio */

.fondoServicio	{height:auto !important; height:434px; min-height:434px;}

	.servicio h3			{margin:0px 0px 23px 0px; padding:0px 0px 0px 23px; font-weight:normal; font-size:11px; line-height:18px; background:transparent url('../img/chispa2.jpg') no-repeat; color:#3ab8ff;}

.contenidosServicio	{width:401px; margin-left:24px; margin-right:10px;}

	.caracteristicas				{margin:4px 0px 0px 10px; padding:0px 0px 0px 0px; list-style-type:none;}
	.caracteristicas li				{margin:0px; padding:0px 0px 0px 0px;}


.menuServicio	{float:left; width:80px; padding-right:10px;}
.infoServicio	{float:left; width:288px; border-left:solid 8px #d8f1ff; padding-left:15px;}

	.menuServicio h3			{margin:2px 0px 30px 0px; padding:0px 0px 0px 0px; text-align:center; font-weight:bold; font-size:15px; line-height:18px; color:#3ab8ff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

	.menuServicio ul				{margin:0px; padding:0px 0px 0px 0px; list-style-type:none;}
	.menuServicio ul li				{margin:0px; padding:0px 0px 30px 0px; text-align:center;}
	.menuServicio ul li h4 			{margin:2px 0px 0px 0px}
	.menuServicio ul li h4 a			{color:#4e4b4a; font-size:11px; font-weight:normal;}
	.menuServicio ul li h4 a:hover		{color:#3ab8ff;}	
	
	.menuServicio ul li h4 .btnMenuSelecc	{background:transparent url('../img/subrayados/subrayadoGris.jpg') no-repeat right -16px;}
	.menuServicio ul li h4 .btnMenuSelecc:hover	{color:#4e4b4a;}

	.menuServicio ul li a img	{border:none;}

	.infoServicio h4			{margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; font-size:17px; line-height:18px; color:#89d5ff;}
	
	.otrosServicios ul				{margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; list-style-type:none; background-color:#fff; }
	.otrosServicios ul li				{margin:0px 0px 3px 0px;}
	.otrosServicios ul li h5			{margin:0px; padding:0px; font-weight:normal; font-size:14px; line-height:18px;}
	.otrosServicios ul li h5 a			{color:#808080; font-size:11px; text-align:left; padding:0px 0px 2px 0px; display:block;} 
	.otrosServicios ul li h5 a:hover 	{color:#4e4b4a; border-bottom: solid 1px #4e4b4a; padding-bottom:1px;}
	.otrosServicios ul li h5 a.selecc		{color:#3ab8ff; border-bottom: solid 1px #3ab8ff; padding-bottom:1px;}
	
	#btnLinuxPersonal			{width:112px;}
	#btnLinuxProfesional			{width:127px;}
	#btnLinuxProfesionalPlus		{width:152px;}
	#btnWindowsPersonal			{width:132px;}
	#btnWindowsProfesional			{width:147px;}
	#btnWindowsProfesionalPlus		{width:172px;}
	
	.infoDestacada	{float:left; width:100px; margin:0px 25px 15px 0px;}
	
	.icono					{text-align:center;}
	.descInfo				{color:#3abfff; font-size:10px; text-align:center;}
	.descInfo .destacado	{color:#3abfff; font-size:14px; font-weight:bold;}
	
	.masInfo	{color:#3abfff; font-size:10px; font-weight:bold;}
	.masInfo:hover	{text-decoration:underline;}


/* colores */

	.azul {color:#3ab8ff;}

/* pie */	

	.bomba	{float:left; margin:10px 383px 0px 0px; padding:0px 20px 20px 0px; background-color:#fff; display:none;}
	
	.direccion		{color:#3ab8ff; font-size:10px; text-transform:uppercase; line-height:14px; background:#fff url('../img/separador_pie.jpg') no-repeat 0px 101px; width:160px; padding-bottom:10px; padding-top:29px;}
	.direccion a	{color:#3ab8ff; font-size:10px; text-transform:lowercase; line-height:14px;}
	
	.estandares {color:#808080; font-size:10px; text-transform:uppercase; line-height:12px; background-color:#fff; width:160px; height:25px;}
	.estandares a 		{color:#808080; font-size:9px;}
	.estandares a:hover {text-decoration:underline;}
	
	.legal {color:#808080; font-size:10px; line-height:12px; background-color:#fff; width:160px; height:25px; background:#fff url('../img/separador_pie_gris.jpg') no-repeat 0px 0px; padding-top:4px;}
	.legal a 		{color:#808080; font-size:9px;}
	.legal a:hover {text-decoration:underline;}

/* formateo */

	.clear	{clear:both; margin:0px; padding:0px;}
/* Imagenes*/
	.imagenes			{ border-width:0px}