@charset "utf-8";
/*
Pulso, Internet & Consultoría | Sitio nueva imagen.
http://www.pulso.es
LMMS @ Pulso 2008/09

Versión: 1.0

 - CSS realizada y testeada para IE 5.5/6/7, Firefox 2.0.17/3.0.5, Opera 9.27/9.61 y Safari 3.2
 - Hacks y código especfico para IE en la CSS: screenIE.css (sólo la cargaran los navegadores de la familia Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Referencias:
 	 http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
*/


/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
/* Eric Meyer's Reset incluido en el archivo reset.css */
html, body {
	height:100%;
}
html {
	font-size:125%; 
}
body {
	background:#B12083 url(../img/bgPulso.gif) -24px -15px repeat;
	font:normal 50%/140% Arial, Helvetica, sans-serif;
	/*
	NORMALIZACIÓN DEL TAMAÑO DEL TEXTO CON MEDIDAS RELATIVAS:

	- El tamaño por defecto de la tipografíaa en navegadores modernos corresponde a 16px.
	- Esta normalización del tamano tiene como misión hacer corresponder el tamaño por defecto
	de 1em a 10px (equivalente a font-size:x-small), en lugar del 1em como 16px.
		
	Por tanto,
		 1em = 16px * 0.625 = 10px	(aprox.) <- 0.625 es el factor de conversión.

	De esta manera (aproximadamente):
		 1em = 10px
		 1.1em = 11px
		 1.2em = 12px
		...
	De esta manera obtenemos tamaños de fuentes escalables en IE (mejorando la accesibilidad)
	de una forma sencilla de implementar para el desarrollador.
	
	2 Opciones:
		A	body -> font-size:62.5%
			IE bug: IE no aplica font-size con decimales
		
		B	html -> font-size: 125% (62.5% * 2)
			body -> font-size: 50% (62.5%)
			
		La opción B es la más adecuada. ;-)
		
	*/
	color:#000;
	text-align:center;
}
a {
	text-decoration:none;
}
a:link,
a:visited {
	color:#004494;
}
a:hover,
a:active {
	color:#B12083;
	border-bottom:1px solid;
}
a:active {
	border-bottom:none;
}
a[rel=external] {
	background: url(../img/icoExternalLink.gif) center right no-repeat;
	padding-right: 13px;
}
	a#gmap[rel=external] {
		background:none;
		padding-right:0px;
	}

hr {
	display:none;
	visibility:hidden;
}
	hr.separator {
		display:block;
		visibility:inherit;
		border:0pt none;
		width:100%;
		margin:0;
		padding:0;
		height:1px;
		color:#dedede;
		background:#dedede;
	}
	html>/**/body hr.separator {
		margin:1em 0;
	}
acronym {
	border-bottom:1px dotted;
	cursor:help;
}
blockquote {
	padding-left:3em;
}	

/* PÁGINA (#page)
--------------------------------------------- */
#page {
	width:75em;
	height:49em;
	vertical-align:middle;
	position: absolute; 
	top:50%;
	left:50%;
	margin-top:-24.5em;
	margin-left:-37.5em;
	background:transparent url(../img/bgPage.png) 1em 1em no-repeat;
}
	#pageInner {
		margin:0.5em;
		width:74em;
		height:48em;
		background:#FFF;
		position:relative;
	}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	border-bottom:1px solid #CCC
}
	#headerInner {
		height:8em;
		margin:0 auto;
		position:relative;
	}
		#header #utilsNav {
			display:none;
			visibility:hidden;
		}
		#header h1{
			position:absolute;
			top:1.3em;
			left:2em;
			width:410px;
			height:54px;
		}
			#header h1 a {
				display:block;
				width:410px;
				height:54px;
				background:#FFF url(../img/Pulso.gif) left top no-repeat;
				overflow:hidden;
				text-indent:-9999px;
			}
			#header h1 a:hover {
				border-bottom:none;
			}
			.home #header h1 a {
				cursor:default !important;
			}
	#header #topNav {
		float:right;
		width:25em;
		height:7.6em;
		border-left:1px solid #ccc;
		padding:0.4em 0 0;
	}
		#topNav li {
			font:normal 1.3em/18px Arial, Helvetica, sans-serif;
			text-align:left;
			padding-left:0.8em;
		}
		#topNav li.selected {
			background:transparent url(../img/bulletTopNav.gif) 0 50% no-repeat;
		}
			#topNav li a {
				font-weight:bold;
			}
				#topNav li a span {
					display:none;
				}
				#topNav li a:hover span {
					display:inline;
					border-bottom:1px solid #FFF !important;
					color:#B0B0B0;
				}
			#topNav li.selected a,
			#topNav li.selected a:hover {
				color:#B0B0B0;
				border-bottom:none;
				cursor:default;

			}
				#topNav li.selected a:hover span {
					display:none;
				}

/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	clear:both;

}
	#contentInner {
		margin: 0 auto;
		text-align:left;
	}
#main {
	padding:2em 0 0 2em;
}

	#main h2 {
		font:bold 1.6em/130% "Gill Sans Light", "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
		margin:0 0 0.5em 0;
		text-transform:uppercase;
		color:#B0B0B0;
	}
		#main h2 span {
			color:#B12083;
		}
		#main #secondary h2 span {
			color:#B0B0B0;
		} 
	#main h3 {
		font:normal 1.4em/120% Arial, Helvetica, sans-serif;
		margin:0 0 0.5em 0;
	}
	#main h4 {
	}
	#main p {
		margin:0.75em 0;
		font:normal 1.1em/130% Arial, Helvetica, sans-serif;
	}
	#main ol,
	#main ul {
		margin:1em 0;
		padding-left:3em; 
	}
	#main ul li,
	#main ol li {
		font:normal 1.1em/140% Arial, Helvetica, sans-serif;
	}
	#main ol {
		list-style:decimal;
	}
	
	#main ul{
		list-style: disc;
	}
	#main ol ul,
	#main ul ul,
	#main ol ul,
	#main ul ol {
		margin-top:0;
		margin-bottom:0;
	}
	#main ol li ul li,
	#main ul li ul li,
	#main ol li ul li,
	#main ul li ol li{
		font:normal 1em/140% Arial, Helvetica, sans-serif;
	}

	#main a {
		font-weight:bold;
	}
	
	.home #main #primary .col46em {
		margin-top:1px;
	}
		.home #main #primary /*.col46em*/ p,
		.pulso #main #primary p,
		.pulso #main #secondary p {
			font:normal 1.1em/130% Verdana, Geneva, sans-serif;
		}
		.clientes #main #primary p strong,
		.servicios #main #secondary p strong {
			font:bold 1em/130% Verdana, Geneva, sans-serif;
		}
	.home #main #primary .col22em div {
		padding:0 1em;
		border:1px solid #CCC;
	}
	
	.home #main #secondary {
		margin-top:0.5em;
	}
	html>/**/body.home #main #secondary {
		margin-top:1.5em;

	}
	
	#main #secondary h2 {
		margin-bottom:0.25em;
	}
	
	#main #homeServicios,
	#main #homeClientes,
	#main #homeContacto {
		width:21.2em;
		height:5em;

	}
	#main #homeServicios {
		border:0.5em solid #FBD57F;
		border:0.4em solid #D88FC1;
		background:transparent url(../img/bgServicios.gif) left top no-repeat;
	}
	#main #homeClientes {
		border:0.5em solid #D88FC1;
		border:0.4em solid #D88FC1;
		background:transparent url(../img/bgClientes.jpg) left top no-repeat;
	}
	#main #homeContacto {
		border:0.25em solid #7FA1C9;
		border:0.4em solid #D88FC1;
		background:transparent url(../img/bgContacto.gif) left top no-repeat;
	}

	#main #gMap {
		margin-top:0.825em;
	}
		#main #gMap a {
			display:block;
			width:33.6em;
			height:23.6em;
			background:transparent url(http://maps.google.com/staticmap?center=38.8668,-6.9842&zoom=17&size=512x512&key=ABQIAAAAxVJ7Ig8WlUh9Z5qJ6PkHCBQqjNoeUtn8rO1AjMB-uN_8BbLsrBSDMPkI9-NI4FECgNo4EKIkcMJ4Fw) center center;
			border:none;
			position:relative;
			padding-right:0;
			border:0.2em solid;
		}
			#main #gMap a img {
				position:absolute;
				top:50%;
				left:50%;
				margin:-16px 0 0 -16px;
			}

/* PIE (#footer)
--------------------------------------------- */
#footer {
	width:74em;
	text-align:center;
	border-top:1px solid #CCC;
	position:absolute;
	left:0;
	bottom:0;

}
	#footerInner {
		height:4em;
		margin:0 auto;
		text-align:left;
	}
		#footer address {
			font:normal 1.1em/130% Arial, Helvetica, sans-serif;
			margin-bottom:0.3em;
			color:#666;
			display:block;
			float:right;
			text-align:right;
			padding:0.5em 0.5em 0 0;
		}
			#footer address strong {
				color:#000;
			}
		#footer .ITMark {
			float:right;
			border-left:1px solid #ccc;
			width:4em;
			height:4em;
		}
			#footer .ITMark a {
				display:block;
				height:4em;
				width:4em;
				background:transparent url(../img/itMark.gif) 50% 50% no-repeat;
				text-indent:-99999px;
				
			}
			#footer .ITMark a:hover {
				border:none;
				text-decoration:none;
			}

/* ESTILOS/CLASES AUXILIARES
--------------------------------------------- */
#main p span.arrow {
	font:bold 1em Tahoma, Geneva, sans-serif;
}


.center {
	margin-left:auto;
	margin-right:auto;
}
.block {
	display:block;
}
.inline {
	display:inline;
}
.inlineBlock {
	display:block;
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.alignJustify {
	text-align:justify;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.margin {
	margin:1em;
}
.marginLeft {
	margin-left:1em;
}
.marginRight {
	margin-right:1em;
}
.marginBottom {
	margin-bottom:1em;
}
.marginTop {
	margin-top:1em;
}
.padding {
	padding:1em;
}

/* Columnas - Espaciado 1em (3col) y 2em (2col al 50%) */
.col22em { /* 1/3 */
	width:22em;
}
.col34em { /* 1/2 */
	width:34em;
}
.col46em { /* 2/3 */
	width:46em;
}
.col68em { /* 1 = 2/2 = 3/3 */
	width:68em;
}

.smallText {
	font:1em/130% Arial, Helvetica, sans-serif !important;
}
.upperCase {
	text-transform:uppercase;
}
.noDisplay {
	display:none;
	visibility:hidden;
}
.externalLink {
	background: url(../img/icoExternalLink.gif) center right no-repeat;
	padding-right: 13px;
}
.clearAll {
	clear:both;
}
/* "Easy Clearing Hack" */
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix {
	display:inline-block;
}
.clearFix {
	display:block;
}
* html .clearFix {
	height:1px;
}