/* CSS Document */


* {
	margin:0px;
	padding:0px;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#666666;
	/*background: url(../img/patron.jpg) repeat scroll 0%;*/
	background: url(../img/MOTIVO.gif) repeat scroll 0%;	
	/*background-color:#041524;*/
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #333333;
	background-color:#e9e9e9;
	padding: 3px 0px 3px 3px;
	border:none;	
}


.grisclaro {
	color: #7b7b7b;
}

div#content {
	margin: 0px auto;
	width:970px;
	background-color:#f5f6f6;
	overflow: auto;
}

div#cab {
	height:155px;
	clear: both;
}	

div#logo {
	height: 155px;
	width: 247px;
	clear: none;
	float: left;
}
div#menu-principal {
	clear: none;
	float: left;
	height: 155px;
	width: 723px;
	background: url(../img/bg_menu.jpg) no-repeat left top;
}

/* MENU PRINCIPAL */

div#lista-menu {
	width:580px;
	height:41px;
	position:relative;
	left:123px;
	bottom: -114px;
	background: url(../img/bg_menu_categorias.gif) no-repeat left top;
}
div#lista-menu ul {
	width:580px;
	height:41px;	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
div#lista-menu ul li {
	background:transparent none repeat scroll 0%;
	float:left;
	padding:0pt;
	text-indent:-999em;
	margin: 0px;
	display: inline;
	clear: none;
}
div#lista-menu ul li a {
	background:transparent url(../img/bg_menu_categorias.gif) no-repeat left top;
	border:medium none;	
	height:41px;	
	overflow:hidden;
	text-decoration:none;
}
div#lista-menu ul li.empresa a {
	background-position: 0px 0px;
	width:116px;	
	display: block;
}
div#lista-menu ul li.empresa a:hover 
{	
	background-position: 0px -41px;
}
div#lista-menu ul li.empresa a.seleccionado 
{	
	background-position: 0px -41px;
}
div#lista-menu ul li.servicios a {
	background-position:-116px 0px;
	width:116px;	
	display: block;
}
div#lista-menu ul li.servicios a:hover {	

	background-position:-116px -41px;
}
div#lista-menu ul li.servicios a.seleccionado {	

	background-position:-116px -41px;
}
div#lista-menu ul li.clientes a {
	background-position:-232px 0px;
	width:116px;	
	display: block;
}
div#lista-menu ul li.clientes a:hover {	

	background-position:-232px -41px;
}
div#lista-menu ul li.clientes a.seleccionado {	

	background-position:-232px -41px;
}
div#lista-menu ul li.colaboradores a {
	background-position:-348px 0px;
	width:116px;	
	display: block;
}
div#lista-menu ul li.colaboradores a:hover {	

	background-position:-348px -41px;
}
div#lista-menu ul li.colaboradores a.seleccionado {	

	background-position:-348px -41px;
}
div#lista-menu ul li.contacto a {
	background-position:-464px 0px;
	width:116px;	
	display: block;
}
div#lista-menu ul li.contacto a:hover {	

	background-position:-464px -41px;
}
div#lista-menu ul li.contacto a.seleccionado {	

	background-position:-464px -41px;
}

/* CONTENIDO CENTRAL */

div#centro {
	width: 927px;
	position: relative;
	left: 22px;
	float:left;
	clear: none;
	background-color:#fefefe;
}
*div#centro{
	_width: 933px;
}	
div#flash {
	clear: none;
	float: left;
	height: 376px;
	width: 652px;
	border: 1px solid #FFFFFF;
}
img#separador {
	float:left;
	clear:none;
	width:4px;
}	
div#trabajos-recientes {
	clear: none;
	float: left;
	height:318px;
	width:257px;
	background: url(../img/bg_trabajos_recientes.jpg) no-repeat left top;
	border: 1px solid #FFFFFF;
	padding: 44px 0px 14px 10px;
	
}
img.borde-gris-claro {
	border: 1px solid #bfc5c7;	
}

h2.titular-caja {
	text-indent: -9000px;	
	visibility:hidden;	
	float:left;
	clear:none;	
	height:2px;
}

h3.tit-negrita {
	font-size: 12px;
	font-weight: bold;
	margin:17px 0px 5px 5px;
}
.txt-trabajos {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #666666;
	display:block;
	width:246px;
	margin:0px 0px 0px 5px;
}
div#ampliar {
	width:251px;
	height:31px;
	background:url(../img/bg_punteado.jpg) no-repeat left top;
	float:left;
	clear:none;
	margin:10px 0px 2px 0px;
}
div.paginacion {
	clear: none;
	float: left;
	width: 241px;
	height:auto;	
	margin:0px 0px 0px 10px;
		
}
.atras {
	background:url(../img/arrow_atras.gif) no-repeat left center;		
	text-indent:-9000px;
	width:14px;
	height:15px;
}
.siguiente {
	background:url(../img/arrow_siguiente.gif) no-repeat left center;	
	text-indent:-9000px;
	width:14px;
	height:15px;
}

.paginacion a {
	color: #666666;
	text-decoration:none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	display:block;
	padding-right:2px;	
	float:left;
	clear:none;	
}
.paginacion a:link, .paginacion a:active, .paginacion a:visited  {
	font-weight:bold;
}
div#presentacion-pdf {
	background:#feffff url(../img/bg_disenio.jpg) no-repeat left top;	
	clear:none;
	float:left;
	height:auto;
	width:191px;
	padding:90px 10px 0px 24px;
	margin:0px;
}
*html div#presentacion-pdf {
	padding-top:0px!important;
	margin-top:0px!important;
}
*html div#presentacion-pdf {
	_padding-top:60px!important;
	_margin-top:0px!important;
}

div#casos-estudio {
	background:#fefefd url(../img/bg_casos_estudio.jpg) no-repeat left top;	
	clear:none;
	float:left;
	/*height:337px;*/
	height:auto;
	width:386px;
	padding:90px 24px 15px 20px;
}
div#casos-estudio h3 {
	color: #3a3a3a;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	font-size: 12px;
}

div#casos-estudio .casohomeimg {
	border: 1px solid #bfc5c7;
	margin-bottom: 10px;
}

div#formulario {
	float:left;
	width: 450px;
	margin-left:180px;	
}
*html div#formulario {
	
	_margin-left:90px!important;
}


div#noticias {
	background:#fefefe url(../img/bg_noticias.jpg) no-repeat left top;	
	clear:none;
	float:left;
	/*height:337px;*/
	height:auto;
	width:246px;
	padding:90px 11px 15px 15px;
}
.elemento-noticia {
	margin-bottom: 30px;
}

div.elemento-noticia .mes {
	font-size: 13px;
	font-weight: bold;
	color: #7b7b7b;
}
div.elemento-noticia h3.titular a {
	font-size: 12px;
	font-weight: bold;
	color: #3a3a3a;
}
div.elemento-noticia .entradilla {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


div#punteado-inferior {
	clear: none;
	float: left;
	height: auto;
	width: auto;
}
img.borde-gris-oscuro {
	border: 1px solid #c4c9cb;
}
h3.titular-amarillo {
	color: #ae8626;
	font-size: 12px;
	font-weight: bold;
	margin:17px 0px 5px 5px;
}
p.cajas-home {
	margin-bottom: 10px;
	margin-left: 5px;
}
a.descarga-pdf {
	float: none;
	margin-left: 5px;
	display: block;
	height: auto;
	width: auto;
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right:15px;
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	margin-top: 0px;
	margin-bottom:15px;
}
a.descarga-pdf:hover {
	text-decoration:underline;
}
div#footer {
	clear: both;
	background-color: #f5f6f6;
	width: 942px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 16px;
	padding-top: 20px;
}
div#areanewsletter {
	background-image: url(../img/newsletters.gif);
	background-repeat: no-repeat;
	background-position: 5.px 25px;
	height: 35px;
	background-position: 5px 25px;
	padding-top: 50px;
	padding-left: 5px;
}
div#bottomnewsletter {
	background-image: url(../img/bg-newsletter.gif);
	background-repeat:  repeat-x;
	height: 18px;
	margin:0px;
}
div#areacreditos {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../img/tramafooter.gif);
	background-position: top;
	background-repeat:  repeat-x;
	margin-right: 15px;
	overflow:auto;
}
div#areacreditos p{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center
}
div#menuPie{
	margin:0px;
	margin-left:30px;
	margin-bottom:20px;
	padding-top:25px;
}

div#menuPie ul{
	margin:0px;
	padding:0px;
	margin-left:10px;
}
div#menuPie ul li{
	margin:0px;
	padding:3px;
	background-image: url(../img/flecha.gif);
	background-position: 2px;
	background-repeat: no-repeat;
	padding-left:20px;
	list-style:none;
	border-bottom:1px #CCCCCC dashed;
}
div#menuPie ul li a{
	margin:0px;
	padding:0px;
	font-size:11px;
}


div#submenuclientes {
	/*height: 46px;*/
	height: 18px;
	background-image: url(../img/bgsubmenu-clients.gif);
	background-repeat:  repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8c979a;
}
div#cabcolaboradores {
	height:121px;
	width: 927px;
	background-image: url(../img/cab-colaboradores.jpg);
	background-repeat: no-repeat;
	float:left;
	clear: both;
}
div#casos_de_estudio {
	height:121px;
	width: 927px;
	background-image: url(../img/cab-casos_de_estudio.jpg);
	background-repeat: no-repeat;
	float:left;
	clear: both;
}
div#noticias1 {
	height:121px;
	width: 927px;
	background-image: url(../img/cab-noticias.jpg);
	background-repeat: no-repeat;
	float:left;
	clear: both;
}
div#emailing {
	height:121px;
	width: 927px;
	background-image: url(../img/cab_emailing.jpg);
	background-repeat: no-repeat;
	float:left;
	clear: both;
}
div#cabclientes {
	height: 130px;
	width: 927px;
	background-image: url(../img/bg-cablcients.jpg);
	background-repeat: no-repeat;
}
div#botonesdisplay {
	width: 285px;
	height: 30px;
	position: relative;
	top: 50px;
	left: 610px;
}
div#titulocategoria {
	font-size: 18px;
	color: #ae8626;
	float: left;
	width: 340px;
	padding-top: 60px;
	margin-left: 60px;
}
div#titulocategoria h3 {
	margin: 0px;
	padding: 0px;
}
div#paginacion {
	float: left;
	padding-top: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:520px;
	text-align:right;
}
div#paginacionPie {
	float: right;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	margin-right:5px;
}
div.proyecto {
	background-image: url(../img/bg-proyecto.gif);
	background-repeat:   repeat-x;
	background-position: left bottom;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	overflow: auto;
	height: 100%;
}
div.detallesproyecto {
	width: 300px;
	float: left;
	margin-right: 40px;
}

*div.detallesproyecto {
	_margin-right:0px!important;
	}
div.unafoto {
	float: left;
	width: 520px;
}

div.unafoto img {
	border: 1px solid #8c979a;
	margin-right: 7px;
}

div.dosfotos {
	float: left;
	width: 520px;
}

div.dosfotos img {
	border: 1px solid #8c979a;
	margin-right: 7px;
}
div.datoscliente {
	background-image: url(../img/bg-datoscliente.gif);
	background-repeat: no-repeat;
	height: 41px;
	width: 340px;
}
div.datoscliente p {
	margin: 0px;
	padding: 0px;
}
div.datosclientenew {
	background-image: url(../img/bg-datosclientenew.gif);
	background-repeat: no-repeat;
	height: 41px;
	width: 340px;
}
div.datosclientenew p {
	margin: 0px;
	padding: 0px;
}
.nombre {
	font-size: 13px;
	font-weight: bold;
	color: #3a3a3a;
	margin: 0px;
	padding: 0px;
	width: 170px;
	float: left;
	clear: none;
}
div.infoproyecto {
	font-size: 13px;
	overflow: auto;
}
div.infoproyecto div.servicios {
	width: 150px;
	float: left;
}
div.iinfoproyecto div.servicios ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.infoproyecto div.servicios ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.infoproyecto div.tecnologia {
	width: 120px;
	float: left;
}
div.iinfoproyecto div.tecnologia ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.infoproyecto div.tecnologia ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.descripcionproyecto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 20px;
}
div.descripcionproyecto h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #3a3a3a;
	background-image: url(../img/bg-titdescrip.gif);
	background-repeat:   repeat-x;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 290px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
div.verweb {
	background-image: url(../img/bg-verweb.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*width: 204px;*/
	width: 230px;
	height: 20px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 85px;
	line-height: 23px;
}
div.verEmail {
	background-image: url(../img/bg-veremailing.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*width: 204px;*/
	width: 164px;
	height: 25px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 104px;
	line-height: 23px;
}
div#clientes-left {
	width: 300px;
	margin-left: 60px;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
}
div#clientes-left p {
	font-size: 13px;
	width: 220px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

div#clientes-left h4.noesta {
	font-weight: bold;
	font-size: 13px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #a9b1b3;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 230px;
}
div#clientes-left .contacte {
	color: #ae8626;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
div#logos-clientes {
	float: left;
	margin-top: 30px;
}
div.logos img {
	margin-right: 25px;
	margin-bottom: 25px;
}
div#botonlistado {
	text-align: right;
	padding-right: 30px;
	margin-bottom: 20px;
}
div#textocolaboradores {
	clear:none;
	float:left;
	margin-left:60px;
	margin-right:30px;
	/**/padding-bottom:25px;
	width:480px;
}
div#textocolaboradores .nuestros {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin: 0px;
	font-size:12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	width: 240px;
}
div#logos {
	width: 400px;
	float: left;
	text-align: center;
	height: 420px;
	padding-bottom: 20px;
}
div#areaservicios {
	overflow: auto;
	float: left;
	clear: both;
	background-image: url(../img/bg-servicios.gif);
	background-repeat:  repeat-x;
	background-position: left top;
	width: 100%;
}
div#areaservicios p.titulogris {
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin: 0px;
}
div#areaservicios p.subtitulo {
	font-size: 18px;
	font-weight: bold;
	color: #ae8626;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

div#areaservicios .textoseccion {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 55px;
}
div#areaservicios ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
div#areaservicios ul li {
	font-weight: bold;
	margin-bottom: 2px;
	list-style-type: square;
}

div#areaservicios .explicacion {
	font-size: 12px;
	color: #666666;
}
.submenuactivo {
	font-size:11px;
	color:#65696b;
	text-align:right;
	margin-right:0px;
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.submenudesactivo {
	font-size: 11px;
	color:#65696b;
	text-align: right;
	margin-right:0px;
	padding:0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.submenuactivo a:hover
{
	text-decoration:none;
}
.if {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #ae8626;
}
.direccion {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
div#googlemaps {
	margin-left: 10px;
	margin-bottom: 25px;
}
*div#titulocategoria {	
	_margin-left:30px;
}
*div.logos img {
	_margin-right:20px;
}
*div#clientes-left {	
	_margin-left:30px;
}
*div#textocolaboradores{	
	_margin-left:30px;
}
.explicacion {
	font-size:12px;
}	
div.logos-colaboradores {
	float:left;
	clear:none;
	width:620px;
	height:auto;
	}
div.logos-colaboradores a {
	margin-right:10px;
	margin-bottom:10px;
	display:block;
	width:147px;
	height:97px;
	float:left;
	clear:none;
}
a.lander {	
	background-image:url(../img/logo_Lander_rgb.gif);	
}
a.lander:hover {
	background-image:url(../img/logo_Lander_grises.gif);	
}
a.riestra {	
	background-image:url(../img/logo_riestra_abogados_rgb.gif);	
}
a.riestra:hover {	
	background-image:url(../img/logo_riestra_abogados_grises.gif);	
}
a.fujitsu {	
	background-image:url(../img/logo_fujitsu_rgb.gif);	
}
a.fujitsu:hover {	
	background-image:url(../img/logo_fujitsu_grises.gif);	
}
.roi {
	background-color: #333333;
	color: #FFFFFF;
	padding: 5px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.campos-contacto {
	display:block;	
	font-size: 12px;
	color: #3a3a3a;
	margin-right:15px;
	text-align:right;
	float:left;
	clear:none;
	width:150px;
	height:25px;
	padding-top:3px;
}
#enviar {
	margin-left:190px;
	margin-top:20px;
	margin-bottom:30px;
}

.caja {
	display:block;	
	float:left;
	clear:none;
}
.campos {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
.digital-pr {
	background-image: url(../img/logo_digital_PR_rgb.gif);
	background-repeat: no-repeat;
}
.digital-pr:hover {
	background-image: url(../img/logo_digital_PR_grises.gif);
	background-repeat: no-repeat;
}
.ntr-global {
	background-image: url(../img/logo_NTR_global_rgb.gif);
	background-repeat: no-repeat;
}
.ntr-global:hover {
	background-image: url(../img/logo_NTR_global_grises.gif);
	background-repeat: no-repeat;
}

ul.listamailservice {
	list-style-type: circle;
	margin-left: 50px;
}
ul.listamailservice li {
	list-style-type: circle;
}
