/*
CSS StyleSheet for GLOBAL
@autor -> JM
@empresa -> linka.com.es

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin:0; padding:0; line-height:18px; }
body{margin-top:5px;}
table { border-collapse:collapse; border-spacing:0; }
p { margin:9px 0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
legend { display:none; }
a:active { outline:none; }
a:focus { -moz-outline-style:none; }
/* @endgroup RESET */
/* @group CLEARFIX */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	/* @group Hide from IE Mac \*/
	.clearfix { display:block; }
	/* @endgroup hide from IE Mac */
/* @endgroup CLEARFIX */
#print_logo, .only_print, .hidden { display:none; }
.visible { display:block; }

body{background:url(../img/bg.jpg); color:#000000; font:12px Tahoma,sans-serif, Arial; height:100% !important;}
a{ color:#494949; text-decoration:none; }
a strong{ color:#000; text-decoration:none; }
aHover, a:hover{ text-decoration:underline !important;}
a .linkSelected, .linkSelected{text-decoration:underline !important; font-weight:bold;}
p{color:#000000; }

#container{ width:820px; height:100%; margin:auto; background:#FFF; padding:10px 15px; }

.header{ background:url(../img/bg_header.jpg); width:820px; height:86px; margin-top:5px; }
	.header img{margin:23px 60px 0 30px; float:left; }
	.header ul{ float:left; width:200px; margin:15px 0 0 0;  }
	.header ul li{ width:200px; _width:180px; }
	.header ul li a{ font:13px Tahoma,sans-serif,sans-serif; color:#76cffe; display:block; width:180px; _width:160px; padding-left:25px; background:url(../img/arrow-normal.gif) no-repeat 0 4px }
	.header ul li a.activo{ font:13px Tahoma,sans-serif; color:#FFFFFF; background:url(../img/arrow-over.gif) no-repeat 0 4px }
	.header ul li a:hover{ font:13px Tahoma,sans-serif; color:#FFFFFF; background:url(../img/arrow-over.gif) no-repeat 0 4px; text-decoration:none; }
	
.content{ display:block; height:100%;}

ul.recuadros{display:block; width:820px; height:100%;}
	ul.recuadros li.recuadro{ width:205px; float:left; height:100%; min-height:315px; background:#FFF; display:inline; position:relative; _position:fixed; }
		ul.recuadros li.recuadro img{margin:20px 10px 10px;}
		ul.recuadros li.recuadro ul {margin:10px 0 0 30px; list-style:disc;}
		ul.recuadros li.recuadro ul li{margin:5px;}
		ul.recuadros li.recuadro ul.speciallist{font-size:11px;}
		ul.recuadros li.recuadro p {margin:18px;}
		ul.recuadros li.recuadro p.direccion {margin:18px 0 0 18px; line-height:14px;}
		ul.recuadros li.recuadro p.direccion span {font:bold 12px Tahoma,sans-serif; display:block; height:5px;}
		ul.recuadros li.recuadro a {bottom:0; right:0; font-weight:bold; position:absolute; display:block; width:60px; height:30px; color:#000; text-decoration:none;padding-left:15px; margin-right:10px; background:url(../img/vermas.gif) no-repeat 0 4px;  }
		ul.recuadros li.recuadro a:hover{ text-decoration:underline;}

	ul.recuadros li.inblue1{ background:#E0EEFB; height:100%; min-height:315px;}
	ul.recuadros li.inblue2{ background:#E7F1FB; height:100%; min-height:315px;}
	ul.recuadros li.inblue3{ background:#EBF4FD; height:100%; min-height:315px;}
ul.metodos{ float:left; width:100px; font:bold 13px Tahoma,sans-serif; margin:0 0 25px 10px;}

.twoFramesBlue .investareasul ul.speciallist2 {list-style:none; margin-left:20px; padding-top:8px; font-size: 11px;}

.twoFramesBlue .investareasul ul.speciallist2 li {list-style-type:disc; background: none; margin: 0; padding: 0; line-height: 17px;}

p.textogrande{ font:14px Tahoma,sans-serif;}

.meeting{ background:url(../img/sec-meeting.jpg) no-repeat; width:410px; height:147px; float:left;}
.meetingpeople{ background:url(../img/sec-meeting-people.jpg) no-repeat; width:410px; height:147px; float:left;}
.meetingphonegirl{ background:url(../img/sec-meeting-phonegirl.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetinghands{ background:url(../img/sec-meeting-hands.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetingworkgroup{ background:url(../img/sec-meeting-workgroup.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetingpaperplane{ background:url(../img/sec-meeting-paperplane.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetingkeyboard{ background:url(../img/sec-meeting-keyboard.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetingkeyboard2{ background:url(../img/sec-meeting-keyboard2.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetingpen{ background:url(../img/sec-meeting-pen.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetingmulticultural{ background:url(../img/sec-meeting-multicultural.jpg) no-repeat;width:410px; height:147px; float:left;}
.meetingkeylogs{ background:url(../img/sec-meeting-keylogs.jpg) no-repeat;width:410px; height:147px; float:left;}

.marketing{ background:url(../img/sec-marketing.jpg) no-repeat 0 0; width:410px; _width:400px; height:147px; float:right; }
.marketingconsultanos{ background:url(../img/sec-marketing-consultanos.jpg) no-repeat 0 0;  width:410px; _width:400px; height:147px; float:right;}
.marketingexperience{ background:url(../img/sec-marketing-experience.jpg) no-repeat 0 0;width:410px; _width:400px; height:147px; float:right;}
.nuestrosclientes{ background:url(../img/sec-nuestrosclientes.jpg) no-repeat 0 0; width:410px; _width:400px;  height:147px; float:right;}
.metodostrabajo{ background:url(../img/sec-metodostrabajo.jpg) no-repeat 0 0; width:410px; _width:400px;  height:147px; float:right;}
.ambitostrabajo{ background:url(../img/sec-ambitostrabajo.jpg) no-repeat 0 0; width:410px; _width:400px;  height:147px; float:right;}
.areasinvestigacion{ background:url(../img/sec-areasinvestigacion.jpg) no-repeat 0 0; width:410px; _width:400px;  height:147px; float:right;}
.sectoresinvestigacion{ background:url(../img/sec-sectoresinvestigacion.jpg) no-repeat 0 0; width:410px; _width:400px;  height:147px; float:right;}
.areasinvestigacion{ background:url(../img/sec-areasinvestigacion.jpg) no-repeat 0 0; width:410px; _width:400px;  height:147px; float:right;}
.contacto{ background:url(../img/sec-contacto.jpg) no-repeat 0 0; width:410px; _width:400px;  height:147px; float:right;}
.acceso{ background:url(../img/sec-accesoclientes.jpg) no-repeat 0 0; width:410px; _width:400px; height:147px; float:right;}
.politica{ background:url(../img/sec-politica.jpg) no-repeat 0 0; width:410px; _width:400px; height:147px; float:right;}
.nuestrasinstalaciones{ background:url(../img/sec-nuestrasinstalaciones.jpg) no-repeat 0 0; width:410px; _width:400px; height:147px; float:right;}

.customerswhite{width:370px; padding:20px; float:left; min-height:275px; }
.customerswhite h2{font:20px Tahoma,sans-serif; margin-bottom:20px; color:#334689;}
.customersblue{width:370px; padding:20px; float:right; background:#e0edfa; min-height:275px;}
.customersblue ul{ list-style:disc; margin-left:20px; padding-top:8px;}
.customerswhite ul{ list-style:disc; margin-left:20px;}
.customersblue .pares,.customerswhite .pares{ color:#334689; }
.contenedorimagen{ padding: 15px 0 0 0; margin: 0;}
.primero{ padding-top: 0; }
.contenedorimagen.toright{ padding-left: 0px; }
.contenedorimagen img{ margin:0; padding: 0; }
.nombre-ciudad { float: left; margin: 0; padding: 10px 0 7px 1px; width: 183px; font-size: 15px; color: #323a7f}

.footer{ background:#315aa0; width:810px; height:15px; clear:both; padding:2px 0 4px 10px ; color:#FFFFFF;   }
	.footer a{ color:#FFFFFF; }
	.footer a.unete{float:right; font:14px Tahoma,sans-serif, Arial; display:block; width:180px; background:url(../img/unete.gif) no-repeat 160px 3px; }
	
.idioma{ background:#FFFFFF; width:810px; height:15px; clear:both; padding:1px 0 5px 10px; font-size:9px; color:#315aa0; text-align:right; letter-spacing:0.5px;   }
	.idioma a{ color:#315aa0;  }
	
a .bluetext strong, a .bluetext, .bluetext{ color:#033266 !important;}

.privacidad{font:20px Tahoma,sans-serif; margin:55px 0 20px 0; color:#334689;}
.twoFramesBlue{width:410px; background:#e0edfa; min-height:275px; }
.twoFramesWhite{width:370px; padding:20px; background:#ffffff; min-height:275px;}
.ajustado { width:380px; padding:15px 10px 10px 20px; }
.toleft{ float:left;}
.toright{ float:right;}

ul.areas{ }
	ul.areas li{ float:left; width:136px; height:300px; cursor:auto; }
	ul.areas li a{ display:block; width:133px; height:300px; text-indent:-200px; overflow:hidden;}
	ul.areas li#area1{ background:url(../img/triangle1-normal.jpg) no-repeat 0 0; }
	ul.areas li#area2{ background:url(../img/triangle2-normal.jpg) no-repeat 0 0;width:137px; }
	ul.areas li#area3{ background:url(../img/triangle3-normal.jpg) no-repeat 0 0;width:137px; }
	ul.areas li#area1.sel{ background:url(../img/triangle1-over.jpg) no-repeat 0 0; }
	ul.areas li#area2.sel{ background:url(../img/triangle2-over.jpg) no-repeat 0 0;width:137px; }
	ul.areas li#area3.sel{ background:url(../img/triangle3-over.jpg) no-repeat 0 0;width:137px; }
	ul.areas li#area1:hover{ background:url(../img/triangle1-over.jpg) no-repeat 0 0; }
	ul.areas li#area2:hover{ background:url(../img/triangle2-over.jpg) no-repeat 0 0;width:137px; }
	ul.areas li#area3:hover{ background:url(../img/triangle3-over.jpg) no-repeat 0 0;width:137px; }

.investareasul{ list-style:none; margin:20px 0 0 10px; }
	.investareasul li{ margin-top:4px; padding-left:20px; background:url(../img/bullet1.gif) no-repeat 0 5px; }

.twoFramesBlue .investareasul li{ background:url(../img/bullet2.jpg) no-repeat 0 5px; }

.consultanos{background:url(../img/bg-consultanos.gif) no-repeat -5px 0; min-height:315px; clear:both; _clear:none}
	.consultanos .formexplainer{ width:374px; float:right; font:bold 13px Tahoma,sans-serif; margin:15px 15px 15px 0; padding-left:0px;}
	
.formulario{ margin-top:20px;}
	.formulario .lefter{ float:left; width:405px;  }
	.formulario .righter{ float:right; width:400px; margin-top:10px;    }
	.formulario input.bged{ background:#e0e4ee; border:0; height:16px;margin-top:4px; width:302px; }
	.formulario textarea{ background:#e0e4ee; border:0; width:367px; height:93px; font:13px Tahoma,sans-serif; padding:5px;  }
	.formulario label.atleft{ width:75px; float:left; height:16px; margin:4px 0 0 10px; }
	.formulario .boton{ margin:5px 15px 0 100px; float:right; }
	
.acceder{}
	.acceder label{width:100px; float:left; height:16px; margin-top:4px;}
	.acceder input.campoacceso{background:#e0e4ee; border:0; height:16px;margin-top:4px;  width:268px;  }
	.acceder .send{ float:right; margin:5px 4px 0 0}
	
p.areasinvestigaciontext{ font:15px Tahoma,sans-serif; color:#033266; margin-left:8px; }
p.fitline{margin-left:8px; }

.superlargo{height:500px !important;}

#loginerror{width:300px; margin:auto}
	#loginerror h2{font:25px Tahoma,sans-serif; color:#990000; text-align:center;  }
	#loginerror p{font:14px Tahoma,sans-serif; text-align:center}

.contacta p{ margin:20px; color:#494949}
.contacta .place{ margin:20px 15px 40px 20px;}
	.contacta .place h2{ font:25px Tahoma,sans-serif; color:#273b81; }
	.contacta .place h3{ font:20px Tahoma,sans-serif; color:#273b81; margin-bottom:15px; }
	.contacta .place p{ margin:0; }
	.contacta .place img{float:right; display:inline;  }
	
.personascontacto .persona{ padding:5px 15px 15px 25px; height:133px; }
	.personascontacto .persona h2{  }
	.personascontacto .persona h3{ font:bold 12px Tahoma,sans-serif; padding-top:30px; display:block; }
	.personascontacto .persona p{ margin:0;  }
	.personascontacto .persona img{float:right; display:inline;  }
	
.uneteaamber{ height:100px;  background:url(../img/contacta-sendCV.jpg) no-repeat 0 10px; padding:30px 120px 0 15px;}
	.uneteaamber p{ line-height:16px; padding:5px 0 0 8px; width:238px;}
	
.btn_consulta{padding-left:10px;}



/* FORMULARIO */
#error {
	font:12px Tahoma,sans-serif, Arial;
	color:red;
	float:left;
	text-align:right;
	line-height:32px;
	width:307px;
	margin:0;
	padding:0;
}

#submit {
	float:right;
	padding-top:5px;
	padding-right:15px;
	cursor:hand;
	cursor:pointer;
}

.mensajeUsuario {
	font:normal 12px Tahoma,sans-serif, Arial;
	color:#000;
	display:none;
	text-align:center;
}

.mensaje {
	width:97%;
	color:#000;
	font:normal 12px Tahoma,sans-serif, Arial;
	padding:10px;
	margin-top:200px;
	margin-right:20px;
	text-align:center;
	display:none;
}