/* --------------------------------------------------
	Layout Style Sheet (IE6, IE7, Firefox y Safari)
	author:		Bryte Dialogos Digitales
	website:	KIVICOM
-------------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,blockquote,form,ol,ul,li,dl,dt,dd,table,fieldset,legend,abbr,acronym,blockquote { margin:0; padding:0; border:none; list-style:none; }
img { border: none; behavior:url(pngbehavior.htc); }

body { font:62.5% Arial, Verdana, Arial; color:#7b7b7b; background:url(../img/bg-internas.gif) repeat-x top; }

a, a:visited { color:#5b5b5b; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; color:#000; }
p { margin-top:12px; }

.clear { diaply:block; clear:both; }


/* ------- EMBED FONT . HELVETICA ------- */
	@font-face {
		src:url("assets/HLR_____.PFM");
		font-family:Helvetica;
		font-weight:normal;
		unicodeRange:'U+0041-U+005A,U+0061-U+007A,U+00F1';
	}
	@font-face {
		src:url("assets/HLB_____.PFB");
		font-family:Helvetica;
		font-weight:bold;
		unicodeRange:'U+0041-U+005A,U+0061-U+007A,U+00F1';
	}

	
/* ------- HOME ------- */
#home { background:url(../img/home-bg.jpg) repeat-x top; }
#home h2 a { display:block; height:180px; }
#home h2 { 
	top:94px;
	width:762px; height:230px;
	margin:auto; padding:0;
	background:url(../img/livecommunication.jpg) no-repeat bottom;
	overflow:hidden; text-indent:-2000px;
}
#home h2 span {
	position:relative; top:-20px;
	display:block; float:right;
	width:422px; height:74px;
	background:url(../img/frase-home.gif) no-repeat top;
	overflow:hidden; text-indent:-2000px;
}

	

/* ------- TITULARES ------- */
h1 a { 
	position:relative;
	display:block; float:left;
	overflow:hidden; text-indent:-2000px;
	width:141px; height:67px;
	background:url(../img/logo-kivicom.gif) no-repeat;
}
h2 {
	position:relative;
	padding-top:10px; margin-top:20px;
	font:1.6em Helvetica, Arial; color:#3f3f3f; font-weight:700;
	background:url(../img/divline01.gif) no-repeat top left;
}
h2 span { display:block; font-size:.8em; font-weight:normal; }

h5 { 
	position:relative;
	height:34px;
	margin-bottom:16px;
	/*overflow:hidden; text-indent:-6000px;*/
	color:#d5d5d5; font:2.9em Helvetica; font-weight:normal; letter-spacing:-0.02em;
}
	h5.t-nuestraadn { width:185px; background:url(../img/t-nuestraadn.gif) no-repeat; }
	h5.t-quehacemos { width:200px; background:url(../img/t-quehacemos.gif) no-repeat; }
	h5.t-equipo{ width:99px; background:url(../img/t-equipo.gif) no-repeat; }
	
h6 { font:2.1em Helvetica, Arial; color:#4f4f4f; }


#wrap-container {
	position:relative;
	width:924px; min-height:568px;
	margin:auto; padding-bottom:40px;
	font-size:1.1em;
}

#footer { 
	position:absolute; bottom:10px;
	display:block; clear:both;
	width:100%;
	margin:0 auto;
	color:#a0a0a0; font-size:0.9em;
	background:#fff;
}
	#footer ul { float:left; }
	#footer li { display:inline; margin-right:4px; }
	#footer ul.fRight li { margin:0; }
	#footer li span { color:#454545; font-weight:700; padding-right:8px; }
	#footer li.mail span { padding-right:0; margin-right:8px; }
	#footer li.grupo { padding-left:36px; background:url(../img/grupokivicom.gif) no-repeat left 3px; }

#header {
	position:relative;
	display:block; clear:both;
	height:96px;
	margin-top:20px;
}
#footer a:hover, #header a:hover { text-decoration:underline; }

	/* ------- NAVEGACION ------- */
	#navtop { position:relative; float:right; font-size:0.9em; }
		#navtop li { display:inline; padding-left:10px; margin-left:6px; border-left:1px solid #bcbcbc; }
		#navtop li.first {
			border:none;
			padding-left:24px;
			background:url(../img/grupokivicom-logo.gif) no-repeat;
		}

	
	#nav { position:relative; float:left; margin:44px 0 0 36px; }
		#nav li { position:relative; display:inline; font:1.4em Helvetica, Arial; font-weight:700; }
		#nav li a, #nav li a:visited { 
			position:relative;
			display:block; float:left;
			overflow:hidden; text-indent:-2000px;
			height:13px;
			margin-right:16px;
			color:#505050;
			background:url(../img/nav.gif) no-repeat;
		}
		
		#nav #navpro a, #navpro-active a { width:72px; }
		#nav #navcli a, #navcli-active a { width:62px; background-position:-89px 0; }
		#nav #navnos a, #navnos-active a { width:66px; background-position:-167px 0; }
		#nav #navpro a:hover, #nav #navpro-active a, #nav #navpro-active a:visited { color:#b52405; background-position:0 -13px; }
		#nav #navcli a:hover, #nav #navcli-active a, #nav #navcli-active a:visited { color:#e88a06; background-position:-89px -13px; }
		#nav #navnos a:hover, #nav #navnos-active a, #nav #navnos-active a:visited { color:#196195; background-position:-167px -13px; }
		
	.navleft {
		position:relative;
		float:left;
		width:142px;
		margin-top:20px;
		font-size:1.1em; text-align:right;
	}
	.navleft a:hover { text-decoration:none; }
	
	#navl-nos li a, #navl-cli li a {
		display:block; overflow:hidden;
		height:14px;
		padding-right:14px; margin-bottom:12px;
	}
	#navl-nos li.current a { color:#196195; font-weight:700; background:url(../img/subnav.gif) no-repeat right -10px; }
	#navl-nos li a:hover { color:#196195; }
	#navl-cli li.current a { color:#eb8906; font-weight:700; background:url(../img/subnav.gif) no-repeat right 4px; }
	#navl-cli li a:hover { color:#eb8906; }
	
	/* ------- TAGLINES - FRASES TOPE ------- */
	.tagline { position:absolute; top:40px; right:0; overflow:hidden; text-indent:-4000px; }
		#tag-nuestroadn { width:263px; height:34px; background:url(../img/tag-nuestraadn.gif) no-repeat; }
		#tag-testimoniales { width:262px; height:34px; background:url(../img/tag-testimoniales.gif) no-repeat; }
		#tag-empresas { width:282px; height:61px; background:url(../img/tag-empresas.gif) no-repeat; }
		#tag-proyectos { width:274px; height:55px; background:url(../img/tag-proyectos.gif) no-repeat; }
	

#content { position:relative; float:right; width:745px; margin-left:36px; padding-bottom:40px; }
	.ct01 { width:482px; float:left; }

.area01 { width:366px; float:left; }
.hacer { position:relative; display:block; width:266px; height:171px; margin-top:20px; }
	.hacer li a { position:absolute; display:block; width:80px; height:16px; overflow:hidden; text-indent:-2000px; }
	
	#actividades { background:url(../img/img-actividades.gif) no-repeat; }
		.hacer li.actcautivar a { top:62px; left:14px; }
		.hacer li.actmotivar a { top:32px; left:108px; }
		.hacer li.actincentivar a { top:82px; left:174px; }
		.hacer li.actformar a { top:118px; left:70px; }
		
	#targets { background:url(../img/img-targets.gif) no-repeat; }
		.hacer li.tarempleados a { top:62px; left:14px; }
		.hacer li.tarclientes a { top:32px; left:108px; }
		.hacer li.tarconsumidor a { height:32px; top:90px; left:174px; }
		.hacer li.tarmedios a { top:118px; left:70px; }


/* ------- PROYECTOS ------- */
	/* ------- CATEGORIAS ------- */
	#navproyectos { position:relative; left:-24px; float:left; width:254px; margin-top:16px; }
	#ct-categoria { position:relative; right:-27px; float:right; width:640px; margin-top:12px; font-size:1.1em; }
		#ct-categoria h5 {
			position:relative; left:-48px;
			height:39px;
			color:#727272; font-size:3.6em;
			padding-left:44px;
			background:url(../img/arrow-red.gif) no-repeat 0 8px;
		}
		#ct-categoria .bullet { margin:14px 0; }
		
		#otras { position:absolute; top:309px; left:0; display:block; width:100%; padding-top:4px; background:url(../img/divline01.gif) no-repeat top; }
			#otras ul { height:31px; position:relative; display:block; clear:both; color:#5b5b5b; }
				#otras ul.last { position:relative; top:-8px; }
			#otras li { display:block; float:left; padding-top:4px; margin-right:12px; }
			#otras li a, #otras li a:visited {  display:block; float:left; height:19px; padding-top:4px; color:#acacac; }
			#otras li a:hover { color:#b52405; text-decoration:none; }
			#otras li.current a, #otras li.current a:visited { color:#b52405; background:url(../img/circle.gif) no-repeat 42% 0; }
			#otras li.cat { position:relative; top:4px; width:48px; }
			#ct-categoria .ot1 { top:342px; }
	
	#proyectos {
		position:relative; top:0px;
		width:826px; height:426px;
		padding-bottom:22px; margin:auto;
	}
	#proyectos ul { position:absolute; top:28px; left:38px; width:762px; }
	#proyectos li { display:block; float:left; width:60px; height:50px; margin:1px; }
	#proyectos li a {
		display:block; float:left;
		width:60px; height:50px;
		margin:1px;
		overflow:hidden; text-indent:-2000px;
	}
	#proyectos li.cat, #proyectos li.cat a { width:122px; }


/* ------- CLIENTES ------- */
	/* ------- EMPRESAS ------- */
	#empresas { position:relative; width:580px; height:340px; }
	
	/* ------- TESTIMONIALES ------- */
	.cols-testim { width:230px; float:left; margin-right:26px; }
	.cols-testim li {
		position:relative;
		display:block; 
		width:202px;
		padding:14px; margin:0 0 82px 0;
		background:url(../img/ballon.gif) no-repeat top;
	}
	.cols-testim li div {
		position:absolute; bottom:-50px; left:1px;
		display:block; clear:both;
		width:196px;
		padding:12px 0 0 34px;
		background:url(../img/ballon-bottom.gif) no-repeat top;
		font-size:9px; line-height:1.4em;
	}
	.cols-testim li div span { color:#000; font-size:1.2em; }
	
	
	/* ------- FIDELIZACION ------- */
	#subtitulo { position:absolute; top:18px; right:140px; float:right; }
		#subtitulo span { position:relative; top:2px; display:block; float:left; width:12px; height:12px; margin-right:8px; background:#edd893; }

	#letras { position:relative; width:572px; height:20px; display:block; clear:both; padding:4px 0 0 32px; margin-bottom:24px; background:url(../img/bg-letras.gif) no-repeat; }
		#letras li { position:relative; display:inline; font-size:1.2em; margin:0 8px; }
		#letras li a:hover { text-decoration:none; }
		#letras li a span { display:none; }
		#letras li a:hover { color:#ee9825; }
		#letras li.current a span { position:absolute; top:-8px; left:-12px; display:block; width:42px; height:32px; background:url(../img/mo-circle-01.gif) no-repeat 0 0; } 
			#letras li.lt01 a span { left:0px; }
			#letras li.lt02 a span { left:-4px; }
	
	.anos { height:22px; background:url(../img/divline01.gif) no-repeat; }
	.anos li { display:block; float:left; font-size:1.2em; font-weight:700; color:#656565; margin-right:26px; }
		.anos li.first { width:164px; padding-right:36px; text-align:right; font-size:1.1em; color:#949494; margin:0 18px 0 0; }
	#anos-sup { background-position:bottom; margin-bottom:12px; }
	#anos-dow { margin-top:12px; padding-top:8px;}
	
	#clientes { width:592px; height:204px; overflow:auto; }
		#clientes li { height:14px; margin-bottom:7px; }
		#clientes li span { float:left; }
		#clientes li img { float:right; margin-right:24px; }
	

	#pags { display:block; clear:both; padding:0 40px; }
	#pags span a { 
		display:block;
		width:42px; height:32px;
		overflow:hidden; text-indent:-1000px;
	}
		#pags span.seg a { display:block; float:right; background:url(../img/bt-siguiente.gif) no-repeat 0 0; }
		#pags span.ant a { display:block; float:left; background:url(../img/bt-anterior.gif) no-repeat 0 0; }
		#pags span a:hover { background-position:0 -32px; }
	

/* ------- NOSOTROS ------- */
	/* ------- EQUIPO ------- */
	.equipo-ft { position:relative; margin:12px 0; font-size:0.9em; }
	.equipo-ft li {
		position:relative;
		display:block; float:left;
		width:100px; min-height:140px;
		padding:0 8px; margin-bottom:8px;
		text-align:center;
	}
	.staff li { min-height:120px; }
		.equipo-ft div.marco {
			z-index:99; position:absolute; left:10px;
			display:block; clear:both;
			width:81px; height:78px;
			margin-left:7px;
			background:url(../img/equipo/marco.png) no-repeat;
		}
		.equipo-ft img { position:relative; top:7px; left:15px; display:block; clear:both; margin-bottom:18px; }
		.equipo-ft li strong { display:block; clear:both; font-size:1.1em; color:#5b5b5b; }
	
	.equipo { width:30%; float:left; }
	.equipo li { margin:6px 0; }
	
	.iccurriculum { z-index:992; position:absolute; top:58px; right:13px; margin:0; }
	.iccurriculum a {
		position:relative;
		display:block; cursor:pointer;
		overflow:hidden; text-indent:-2000px;
		width:25px; height:22px;
		background:url(../img/equipo/ic-curriculum.gif) no-repeat;
	}
	.iccurriculum a:hover { background:url(../img/equipo/ic-curriculum-over.gif) no-repeat; }
	.equipo-ft li span#curric01, .equipo-ft li span#curric02, .equipo-ft li span#curric03, .equipo-ft li span#curric04 {
		z-index:899; display:none;
		position:absolute; top:32px; left:66px;
		width:57px; height:30px;
		padding-top:3px;
		color:#326689; line-height:.9em; text-align:center;
		background:url(../img/equipo/tooltip-curriculum.gif) no-repeat;
	}
	
	.curric { 
		z-index:9999; display:none; 
		position:absolute; top:168px; left:0;
		width:320px;
		padding:20px;
		text-align:left;
		background:#fff; border:1px solid #333;
	}
	.curric h6 { font-size:1.4em; float:left; }
	.curric strong { display:inline; }
	.curric span { display:block; clear:both; height:28px; }
	.curric p { margin-top:8px; }
	
	#curric-kike { left:100px; }
	#curric-javier { left:218px; }
	#curric-fernando { left:-100px; }
	#curric-jorge { left:-10px; }
	
	
	/* ------- PREMIOS y PRENSA ------- */
	#premio, .lineaprensa { padding-bottom:24px; background:url(../img/divline01.gif) no-repeat -20px bottom; }
	#premio .imgpremio { width:144px; float:left; margin-right:18px; }
	#premio .txt { width:578px; float:right; }
	#premio .txt h2 { font-size:1.4em; color:#000; margin:0; padding:0; background:none; }
	.pdf {
		display:block;
		height:18px;
		padding:4px 0 0 32px; margin-top:18px;
		background:url(../img/ic-pdf.gif) no-repeat left;
	}
	.pdf a, .pdf a:visited, .prensa a, .prensa a:visited { color:#196195; padding-left:12px; background:url(../img/arrow-right-blue.gif) no-repeat left 5px; }
	
	.lineaprensa { padding-bottom:16px; }
	.prensa { float:left; width:352px; margin:24px 32px 0 0; }
		.prensa h4 { text-transform:uppercase; font-size:1.2em; margin-bottom:8px; }
		.prensa img { border:1px solid #b6b6b6; float:left; }
		.prensa ul { width:268px; float:right; }
			.prensa ul span { display:block; font-size:9px; }
			.prensa li { margin-bottom:12px; }
			.prensa li.last { margin-bottom:0; }
		
	.logosadn { margin-top:32px; }
	.logosadn li { position:relative; display:inline; margin-right:20px; font-size:9px; font-weight:700; }
	.logosadn li.first { top:-18px; }
	
	/* ------- OFICINAS ------- */
	address { position:relative; display:block; float:left; width:176px; margin:0 32px 14px 0; font-style:normal; }
	address span { display:block; }
	.locality { font:2.1em Helvetica, Arial; color:#4f4f4f; }
	.street-address { margin:4px 0; }
	.tel { margin-top:8px; }
	.fax { height:14px; }
	.map { margin-top:12px; }
	
	
	/* ------- FORMULARIOS ------- */
	input, select, textarea { font:.9em Verdana; color:#000; border:1px solid #ccc; background:#fff; padding:4px; }
	input:hover, textarea:hover { background:#eee; }
	select { height:23px; }
	label { display:block; margin:8px 0 4px 0; }
	fieldset { position:relative; }
	form hr { display:block; clear:both; visibility:hidden; margin:0; }
	input.inpclear { position:relative; top:2px; border:none; background:none; }
	
	form input.bts {
		float:right; cursor:pointer;
		width:92px; height:28px;
		padding-left:8px; margin-right:52px;
		border:none;
		font:1.7em Helvetica, Arial; color:#196195; text-transform:uppercase;
		background:url(../img/arrow-right-blue.gif) no-repeat left 14px;
	}
	form input:hover.bts { color:#164e77; background-position:2px 14px; }
	
	#contacto { margin-top:10px; }
		#contacto a, #contacto a:visited { color:#196195; }
		#contacto fieldset { width:32%; }
		#contacto fieldset input { width:100%; }
		#contacto fieldset.fs01 { width:52%; float:left; margin-right:32px; }
			#contacto fieldset.fs01 input { width:100%; }
		#contacto fieldset.fsfull, #contacto fieldset.fsfull textarea, #contacto fieldset.politica { width:95%; }
		#contacto fieldset.politica input { width:12px; margin-top:12px; }
		#contacto label.error { color:#DD2226 }
	
	#politica, #aviso {
		z-index:999; display:none;
		position:absolute; bottom:-16px; left:48px;
		width:520px;
		overflow:hidden;
		padding:16px;
		border:1px solid #909090;
		background:#fff;
	}
	#politica { height:360px; }
	#aviso { bottom:28px; }
	.shc h6 { font-size:1.8em; color:#196195; margin-bottom:12px; }
	.shc span { font-weight:700; display:block; }
	.shc #txt { overflow:auto; padding-right:20px; }
	#politica #txt { height:320px; }
	
	a span.btcerrar, .equipo-ft li .curric a { 
		position:absolute; top:16px; right:16px;
		display:block; float:right;
		width:16px; height:16px;
		background:url(../img/bt-close.gif) no-repeat;
		text-indent:-1000px; overflow:hidden;
	}
	
	#tels {
		position:relative; display:block; clear:both;
		margin-left:4px; padding-top:6px;
		color:#424242; font-size:1.1em;
		background:url(../img/divline01.gif) no-repeat left top;
	}
		#tels span { font-weight:700; }

	
/* ------- PROYECTOS ------- */
	/* ------- FICHA ------- */
	#logo {
		float:right;
		width:354px; height:68px;
		text-align:right; padding-right:18px;
		background:url(../img/divline02.gif) repeat-y right top;
	}
	#view { position:relative; float:left; width:274px; height:224px; margin-top:30px; }
		#view li { position:absolute; display:block; width:50px; height:40px; }
		#view li#imgdefecto { left:54px; }
		#view li#ft01 { top:0; left:0; }
		#view li#ft02 { top:97px; left:0; }
		#view li#ft03 { top:140px; left:0; }
		#view li#ft04 { top:184px; left:116px; }
		#view li#ft05 { top:184px; left:170px; }
		#view li#ft06 { top:184px; left:224px; }
		#view li#ft07 { top:228px; left:62px; }
		#view li#ft08 { top:228px; left:170px; }
		#view li#video { top:0; left:278px; background:url(../img/proyectos/novideo.gif) no-repeat; overflow:hidde; text-indent:-1000px; }
	
	#ct-ficha { width:584px; float:right; margin-top:32px; }
	#ct-ficha h6 { font-size:1.2em; color:#7b7b7b; font-weight:700; }
	#ct-ficha #otras { position:relative; top:0; left:0; margin-top:36px; }

	
/* SITEMAP */
#sitemap { position:relative; width:870px; margin:28px auto; }
#sitemap li { 
	position:relative;
	display:block; float:left;
	width:158px;
	padding:8px 0 0 16px;
	font:16px Helvetica, Arial; color:#4f4f4f; font-weight:700;
	background:url(../img/sitemap-trazo1.gif) no-repeat top left;
}
#sitemap li.grupo { background:url(../img/sitemap-trazo2.gif) no-repeat top left; }
#sitemap li ul { margin-top:18px; }
#sitemap li ul li {
	float:none;
	font-size:11px; color:#7b7b7b; font-weight:normal;
	padding:0; margin:4px 0 0 8px;
	background:none;
}
#sitemap li ul li.subtit { font-size:12px; font-weight:700; color:#4f4f4f; margin-left:0; }
#sitemap li.grupo ul li { background:url(../img/ic-externallink.gif) no-repeat 82px 2px; }

#sitemap li a:hover { text-decoration:none; }
#sitemap li ul li a:hover { text-decoration:underline; }

.smdetail { position:absolute; display:block; }
	.sm1 { top:230px; left:120px; width:73px; height:37px; background:url(../img/sitemap-arrow1.gif) no-repeat; }
	.sm2 { top:290px; left:280px; width:83px; height:64px; background:url(../img/sitemap-arrow2.gif) no-repeat; }
	.sm3 { top:208px; left:480px; width:47px; height:87px; background:url(../img/sitemap-arrow3.gif) no-repeat; }
	.sm4 { top:122px; left:668px; width:85px; height:37px; background:url(../img/sitemap-arrow4.gif) no-repeat; }
	

/* ------- ESTILOS GENERALES ------- */
.bullet li { padding-left:12px; margin:4px 0; background:url(../img/bullet.gif) no-repeat 0 4px; }
#btvolver { position:absolute; top:0; right:0; float:right; padding-left:12px; font-size:9px; background:url(../img/arrow-left-grey.gif) no-repeat 0 4px; }

.t01 { font-size:1.2em; font-weight:700; margin:20px 0 4px 0; }

.fLeft { float:left !important; }
.fRight { float:right !important; }

.nota { font-size:9px; }

.it { font-style:italic; }
.nomargin { margin-right:0; }
.mt01 { margin-top:20px; }

.ft1 { position:absolute; top:0; right:60px; text-align:right; }

cite { font-style:normal; text-decoration:underline; }


/* ------- ERRO PAGE - 404 ------- */
#errorpage { margin-top:40px; }
#errorpage #content { margin-top:24px; font-size:1.2em; }
#errorpage #content a, #errorpage #content a:visited { text-decoration:underline; }
	#errorpage #content h5 { font-size:2.em; margin-bottom:32px; }
	#errorpage #content ul { margin-left:16px; padding-bottom:20px; }
	#errorpage #content li { margin:6px 0; }
	
	#errorpage #wrap-container { min-height:348px; }
	


/* CLEARFIX */
.clearfix:after, .lineaprensa:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .lineaprensa { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html .lineaprensa { height:1%; }
.clearfix, .lineaprensa { display:block; }
/* End hide from IE-mac */