/* --------------------------------------------------
	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:0;
    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.3em 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;*/
    height:21px;
    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 */

#noticia{
    border-bottom: 1px solid black;
    margin-bottom: 50px;
    padding-bottom: 30px;
}
#noticia table{
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding: 10px;
    width: 100%;
}