/*#retos, #mwretos{display: none;} */

*{margin: 0; padding: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}

body{
background: #fff;
text-align: center;
font: normal 62.5%/1.1 Helvetica, Tahoma, Arial, sans-serif;
color: #000000;
padding-bottom: 10px;
}

h2, h3{
font: normal 1.4em Helvetica, tahoma, arial, sans-serif;
/*color: #174b6c;*/
color:#000000;
font-weight: 600;
padding: 0 0 7px 0;
}

h4{
font-weight: bold;
font-size: 1.1em;
padding: 10px 0 5px 0;
}

h5{
font-weight: bold;
font-size: 1.2em;
padding: 5px 0 5px 10px;
}

fieldset{border: 0;}
label, input{font-weight: normal;}
label span{color: #000;}
input{border: 1px solid #c7c9c3;} 
input:focus, textarea:focus{background: #ffc;}
legend{color: #000;}

a{
/*color: #2f6081;*/
/*color:#0095D8;*/
color:#174b6c;
text-decoration: none;
font-size:12px;
font-weight:800;
}
a:hover{
text-decoration: underline;
}
a:visited{
/*color: #9eb4c2;*/
/*color:#0095D8;*/
color:#174b6c;
}
a:active{background: #ffc;}
a img{border: 0;}

.bulletazul li{
display: block;padding-left: 10px;background: transparent url(../img/bullet.gif) 0 3px no-repeat;
position: relative;
}






address{font-style: normal;}
address p{padding: 5px 0; margin: 0;}
/*address p a, address a, form a{text-transform: lowercase !important;}*/

/*---- Estructura ----*/

#contenedor{
	width: 740px;
	/*min-height:400px;*/
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
	background-image:url(../img/dibu_const.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	}
#contenido{padding-bottom: 10px;}
#cuerpo{float: right; width: 615px;}
#cabecera{width: 100%;clear: both;position: relative;border-bottom: 1px solid #f2f2f2;}

/*---- Logo segun seccion -----*/

body#home #cabecera, body.tricolor #cabecera{height: 34px;}
body.naranja #cabecera h1 a{background: #fff url(../img/pdmAnalysis.jpg) 0 0 no-repeat;}
body.azul #cabecera h1 a{background: #fff url(../img/pdmList.jpg) 0 0 no-repeat;}
body.verde #cabecera h1 a{background: #fff url(../img/pdmMobile.jpg) 0 0 no-repeat;}
body.didimo #cabecera h1 a{background: #fff url(../img/pdmMobileDidimo.jpg) 0 0 no-repeat; width: 221px;}
body.mailing #cabecera h1 a{background: #fff url(../img/pdmMailing.jpg) 0 0 no-repeat;}

/*----- idioma -----*/

#idioma{list-style-type: none;border: 1xp solid #000;position: absolute;right: 0;bottom: 5px;}
#idioma li{float: left;display: block;padding-right: 6px;padding-left: 6px;border-right: 1px solid #000000;}
#idioma li.last{border: none;padding-right: 0;}
#idioma li a{color: #999999;text-decoration: none;}
#idioma li a:hover{color: #999999;text-decoration: underline;}

/*------- imagen grande cabeceras ---------*/

/* flash home */

#introhome{ width: 100%; height: 170px; padding-bottom: 4px; border-bottom: 1px solid #ced7dc; position: relative; }

/* cabeceras */

#intro{width: 100%;height: 168px;padding-top: 31px; background-position: 0 31px; background-color: #fff; background-repeat: no-repeat; padding-bottom: 4px; border-bottom: 1px solid #cee1e8;}
#intro h2, #intro h1{text-indent: -9999px; background: none;}
body.mailing #intro{background-image: url(../img/int_mailing.jpg);}
body.servicios #intro{background-image: url(../img/int_servicios.png);}
body.servicios-analisis #intro{background-image: url(../img/int_servicios-analisis.png);}
body.servicios-listas #intro{background-image: url(../img/int_servicios-data.png);}
body.servicios-mobile #intro{background-image: url(../img/int_servicios-mobile.png);}
body.servicios-mailing #intro{background-image: url(../img/int_servicios-mailing.png);}
body.servicios-crm #intro{background-image: url(../img/int_servicios-crm.png);}
body#contactar #intro{background-image: url(../img/int_contacto.jpg);}
body.retos #intro{background-image: url(../img/int_retos.jpg);}
body.legal #intro{background-image: url(../img/int_rinconlegal.jpg);}
body.about #intro{background-image: url(../img/int_sobrepdm.jpg);}
body.retos #intro{background-image: url(../img/int_retos.jpg);}
body.trabaja #intro{background-image: url(../img/int_trabaja.jpg);}
body#clientes #intro{background-image: url(../img/int_clientes.jpg);}
body.resultados_busqueda #intro{background-image: url(../img/int_resultados.jpg);}
body.mobile_didimo #intro{background-image: url(../img/int_didimo.jpg);}
body.datos #intro{background-image: url(../img/int_hasrecibidounmailing.jpg);}
body.wallpapers #intro{background-image: url(../img/int_whitepaper.jpg);}
body#mapaweb #intro{background-image: url(../img/int_arbol.jpg);}

/*---- menu horizontal home ----*/

#menuhome{position: absolute;bottom: 4px;right: 0;height: 90px; z-index: 3; display:none}
#menuhome li{text-align: center;list-style-type: none;float: left;margin-left: 1px;}
#menuhome li a{display: block;width: 75px;height: 60px;padding-top: 30px;background: #346585;font: normal 1em Arial, Helvetica, sans-serif;color: #fff;text-decoration: none; text-transform: uppercase;}
#menuhome li a:hover, #menuhome li.alter a:hover, #menuhome li a:active, #menuhome li.alter a:active{background: #346585 url(../img/bg_menuCabecera.jpg) 0 -90px repeat-x;}
#menuhome li.alter a{background: #346585 url(../img/bg_menuCabecera.jpg) 0 0 repeat-x;}

/*------- clases aplicables a cualquier elemento ---------*/

.replace, .replace a{text-indent: -9999px;position: relative;overflow: hidden;}
.nodisplay{display: none;}
.clearleft{clear: left;}
.clearight{clear: right;}
.clear{clear: both;}
.lowercase{text-transform: lowercase !important;}

/*------------- buscar -------------------*/

#contenedor_buscar{position: relative;}
#contenedor_buscar{font: bold 11px Helvetica, tahoma, Arial, sans-serif;color: #000;}
#contenedor_buscar input{ border: 1px solid #c7c9c3; float: left; display: inline; font-size: 11px; color: #999;}
#contenedor_buscar .q{width: 88px;height: 14px;margin-right: 4px; padding: 1px 0 0 2px;}
/*#contenedor_buscar legend{margin-left: -5px;}*/
#contenedor_buscar input #buscador_buscar{border: 1px solid #c7c9c3;}

/* inputs */
label.overlabel {color:#999;}
label.overlabel-apply {position:absolute;top:15px;left:5px;z-index:1;color:#999;}

/*--------------- login área privada----------------*/

#login{padding-top: 20px;}
#login input, #login a{width: 87px;float: right;display: inline;margin-bottom: 4px;margin-right: 10px;}
#login a.botonForm{padding-top: 0; height: 15px; margin-top: 0;}
#login a.botonForm:active{background: none;}
#login label{font-size: 1.1em;float: left;padding-top: 4px;}

/*------------- contenido desplegable home -----------*/

#extrainfo{width: 605px;float: right; margin-top:10px;}
#extrainfo p{
margin: 10px 0;
}

#extrainfo ul{
list-style-type: none;
padding-left: 30px;
}

#extrainfo li{
margin-bottom: 10px;display: block;padding-left: 10px;background: transparent url(../img/bullet.gif) 0 3px no-repeat;
}

#extrainfo dl{padding-left: 30px;}
#extrainfo dt{font-weight: bold;}
#extrainfo dd{display: block; margin: 4px 0 10px 0;}


/*---------dibu_izquierda-----*/
#dibu{
	float:left;
	width:107px;
	height:150px;
	background-image:url(../img/dibu_const.png);
	background-repeat:no-repeat;
	bottom:0;
	left:0;
	
	
	border:1px solid #0000CC;
}



/*--------------- formulario contacto ------------*/

#contacto legend{font: normal 1.4em Helvetica, tahoma, arial, sans-serif;color: #174b6c;font-weight: 600;padding: 10px 0 5px 0;margin-left: -7px;}
#contacto input, #contacto select{width: 87px; float: right;display: inline;margin-bottom: 4px; margin-right: 10px; border: 1px solid #c7c9c3;}
#contacto textarea{clear: both; margin-bottom: 7px; width: 167px; height: 70px; border: 1px solid #c7c9c3;}
#contacto label{font-size: 1.1em;float: left;padding-top: 4px; display: block; width: 80px; height: 18px;}

/* checkboxes */
#contacto span{color: #000;}
.fakelabel{font-size: 11px; color: #000;}
#contacto .botonForm{margin-top: 15px;}

/*--------------- formularios -------------------*/

#contacto input.r{width: auto;height: auto;float: left;clear: left;display: inline;border: 0;height: 15px;}
#contacto label.r{width: 120px;float: left;margin: -3px 0 5px 0;height: 15px;}

/*--------------- mapas contacto ----------------*/

.tresbloques img{margin-top: 7px;}
/*.tresbloques a img{border: 1px solid #a2c3db;}
.tresbloques a:hover img{border: 1px solid #3F7CBD;}*/
/*.tresbloques a:hover img{border: 1px solid #f0c;} rosita loca */

/*-------------- formulario newsletter ----------*/
#form_newsletter{
width: 280px;
margin: -10px 0 0 10px;
position: relative;
}
#form_newsletter fieldset{
padding: 10px 0 0 0;
}
#form_newsletter input{
width: 80px;
float: left;
margin-bottom: 5px;
}
#form_newsletter label{
width: 100px;
float: left;
clear: left;
display: inline;
margin-right: 10px;
}
#form_newsletter input.r, #form_newsletter input.rb{
width: auto;
height: 15px;
float: left;
display: inline;
margin-right: 3px;
border: 0;
}
#form_newsletter label.r{
width: 38px;
float: left;
clear: none;
margin-right: 0;
}
#form_newsletter input.rb{clear: left;}
#form_newsletter label.rb{
float: left;
margin: -19px 0 0 15px;
}
#form_newsletter .botonForm{
position: absolute;
bottom: 20px;
right: 10px;
height: 15px;
width: 87px;
}
#form_newsletter .clear label{
width: 260px !important;
float: left;
margin: -19px 0 0 20px;
}

/*-------------- formulario currículum -----------*/

#envio_cv{
width: 270px;
float: left;
margin-left: 10px;
position: relative;
}
#envio_cv legend{
font: normal 1.4em Helvetica, tahoma, arial, sans-serif;
color: #174b6c;
font-weight: 600;
padding: 10px 0 5px 0;
margin-left: -7px;
}
#envio_cv input{width: 160px; float: right;display: inline;margin-bottom: 4px; margin-right: 10px; border: 1px solid #c7c9c3;}
#envio_cv input.botonForm{width: 87px !important; height: 15px !important;}
#envio_cv textarea{clear: both; margin-bottom: 7px; width: 167px; height: 70px; border: 1px solid #c7c9c3;}
#envio_cv label{font-size: 1.1em;float: left;padding-top: 4px; display: block; width: 80px; height: 18px;}

/* política privacidad */
#envio_cv .clear{width: 270px; margin-top: 0;}
#envio_cv .clear a{text-transform: lowercase !important;}
#envio_cv .clear input{margin-left: 0; border: 0; padding: 0; width: auto; height: 15px; float: left; display: inline;}
#envio_cv .clear label{float: left; width: auto; padding: 0; margin-left: 0;}

/* checkboxes */
#envio_cv input.r{
width: auto;
height: auto;
float: left;
clear: left;
display: inline;
border: 0;
height: 15px;
}
#envio_cv label.r{
width: 50px;
float: left;
margin: -3px 0 5px 0;
height: 15px;
}
#envio_cv .separador{
width: 80px;
float: left;
display: inline;
}
#envio_cv .botonForm{
margin-top: 20px;
margin-bottom: 15px;
}
#envio_cv .selectfile{
clear: both;
overflow: hidden;
}
#envio_cv input.upload{width: 190px; float: left;}

/*--------------- ofertas empleo lista -------------*/
#ofertas{list-style-type: none;padding-left: 40px;padding-top: 7px;position: relative}
#ofertas li{margin-bottom: 10px;display: block;padding-left: 10px;background: transparent url(../img/bullet.gif) 0 3px no-repeat;}

/*---------- navegacion todo ------*/
#navegacion{width: 119px;float: left;background: transparent url(../img/bg_menu3.png) center left repeat-x;margin-top: 4px;border-top: 1px solid #bbc9d1;}
#navegacion li{border-bottom: 1px solid #bbc9d1;list-style-type: none;}
#navegacion a{display: block;width: 110px;height: 24px;padding-left: 9px;padding-top: 11px;font: 800 11px Tahoma, Arial, sans-serif;color: #FFFFFF;text-decoration: none;/*text-transform: uppercase !important;*/}
#navegacion a:active,#navegacion a.activo{background: transparent url(../img/bg_menuHover.png) -119px 0 repeat-y; }
#navegacion a:hover, #navegacion a:focus, #navegacion a:hover.activo{background: transparent url(../img/bg_menuHover.png) 0 0 repeat-y; }
#navegacion a.doslineas{height: 30px; padding-top: 5px;}

#navegacion li.last{border-bottom: 0;}
#navegacion ul{border-left: 8px solid #fff;list-style-type: none;}
#navegacion ul li{border-bottom: 0;border-top: 1px solid #bbc9d1;}
#navegacion ul li a{width: 106px;padding-left: 5px;display: block;height: 2em;padding-top: 7px;font-size: 10px; /*IE6 Feliz */color: #FFFFFF;text-transform: uppercase !important;}
#navegacion ul li.first{border-top:0;}
#navegacion ul li a:hover, #navegacion ul li a:active, #navegacion ul li a.activo{color: #FFFFFF;}
#navegacion ul li a.doslineas{height: auto; padding-top: 2px;}

/* navegacion subitems desplegables */
.ver_menu {display:block;}
.ocultar_menu {display:none;}

/*-------------- pie ---------------*/
#pie{font: normal 62.5%/1.1 Tahoma, Arial, sans-serif; width: 100%;height: 25px;padding-top: 5px;margin-top: 0; margin-bottom:20px;;border-top: 1px solid #cccccc;/*border-bottom: 1px solid #e9e9e9;clear: both;*/text-align: center; float:left;}
#pie a{/*text-transform: uppercase*/;color: #9aa0a4;font-size:10px;}
#pie ul{width: 100%; margin: 0 auto;font-size:9px;}
#pie li{list-style-type: none;float: left;padding: 0 7px;border-right: 1px solid #9aa0a4; margin-top:6px;}
#pie li.last{border: 0;}

/*---------- direccion -----------*/
#direccion{width: 591px;height: 35px;float: right;margin: -16px 4px 5px 0;border: 1px solid #666666;text-align: left; text-indent:15px; padding: 0;background: #FFFFFF; position: relative;}
#direccion address{display: block;margin-top: 10px; font-size:12px; float:left;}

/*seccion*/
#direccion h4{width:119px; height: 52px; float: left;}
#direccion h4.mailing{background: transparent url(../img/pdm_direccion_mailing.gif) -1px 0 no-repeat;}
#direccion h4.mobile{background: transparent url(../img/pdm_direccion_mobile.gif) -1px 0 no-repeat;}
#direccion h4.analysis{background: transparent url(../img/pdm_direccion_analysis.gif) -1px 0 no-repeat;}
#direccion h4.list{background: transparent url(../img/pdm_direccion_list.gif) -1px 0 no-repeat;}
#direccion h4.crm{background: transparent url(../img/pdm_direccion_crm.gif) -1px 0 no-repeat;}
#direccion p{position: absolute; right: 2px; bottom: 4px;}

/*---------- retos -----------*/
#listado_retos{
width: 602px;
padding: 2px;
/*border: 1px dotted #d6d6d6;*/
background: #fff;
margin-left:10px;
}
#listado_retos .inner{
background: #FFFFFF url(../img/bg_retos.gif) bottom left no-repeat;
padding-top: 8px;
height: 100%;
border: 1px solid #666666;
overflow: hidden;
}
#listado_retos h2{
width: 56px;
height: 34px;
display: block;
float: left;
background: transparent url(../img/h2_pdmretos.gif) 30px 0 no-repeat;
padding: 0 10px 0 30px;
}
#listado_retos ul{
list-style-type: none;
height: 40px;
/*padding-top: 10px;*/

}
#listado_retos li{
width: 125px;
float: left;
text-align: left;
}
#listado_retos li a{
display: block;
height: 15px;
/*padding: 2px 2px 0 2px;*/
border-bottom: 0;
/*border: 1px solid #eef4f4;*/
border-bottom: 0;
}
/*
#listado_retos li a:hover{
text-decoration: none;
}*/
.domtabs{
/*display: block; */
float: right;
width: 506px;
margin:20px auto auto 100px;
}
#listado_retos li a:active,
#listado_retos li a.active a:link,
#listado_retos li a.active a:visited,
#listado_retos li a.active a:active,
#listado_retos li a.active a:hover,
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
/*background: transparent url(../img/bg_linksretos.gif) 0 0 repeat-x;*/
/*background: transparent 0 0 repeat-x;*/
/*border: 1px solid #dce1e1;*/
border: 0;
}
#contenedor_retos{
width: 600px;
/*height: 1200px;*/
margin-top: 10px;
border: 1px solid #666666;
background: #f7f9f8 url(../img/bg_contenedoretos.jpg) bottom right no-repeat;
}
#contenedor_retos div{
padding: 10px;
}
#listado_retos #contenedor_retos ul{
list-style-type: circle inside !important;
}
#contenedor_retos ul{
height: auto !important;
padding-top: 0;
clear: both;
padding-bottom: 15px;
}
#contenedor_retos li{
float: none;
text-align: left;
padding-left: 15px;
background: transparent url(../img/bullet.gif) 5px 4px no-repeat;
margin: 3px 0;
width: 80% !important;
}
#contenedor_retos p{
margin: 0 0 17px 0;
}
#contenedor_retos h1{
	font:size:20px; font-weight:100;
	margin-bottom:10px;
}
#contenedor_retos h4{
padding-bottom: 15px;
}
#contenedor_retos img{
padding: 5px;
background: #f0f0f0; 
border: 1px solid #fff;
float: left;
margin: 0 5px 3px 0;
}
/*----------- bloques home ---------*/
.tresbloques .outer{
width: 190px;
height: 248px;
float: left;
padding: 4px 4px 5px 4px;
/*border: 1px dotted #d6d6d6;*/
border:none;
overflow: hidden;
margin-left: 5px;
display: inline; /* IE dobla el margen */
}
body#home .tresbloques h2{height: 15px; padding-top: 15px; /*padding-left: 47px;*/; margin-left:-10px;}
body#home .tresbloques .tres h2{padding-left: 5px;}
.tresbloques .uno, .dosbloques .uno, .tresbloques .dos, .dosbloques .dos, .tresbloques .tres, .dosbloques .tres, .tresbloques .inner{background: #f7f9f8; height: 100%; padding-left: 9px;background-position: 0 0;background-repeat: no-repeat; border: 1px solid #666666;}
.dosbloques .uno, .dosbloques .dos, .dosbloques .tres{background: #eef4f4; background-repeat: no-repeat;}
.dosbloques .uno, .dosbloques .dos, .dosbloques .tres{border: 0;}




.tresbloques .uno, .dosbloques .uno{/*background-image: url(../img/01.gif);*/}
.tresbloques .dos, .dosbloques .dos{/*background-image: url(../img/02.gif);*/}
.dosbloques .tres{/*background-image: url(../img/03.gif); padding-left: 0;*/}
.dosbloques .cuatro{/*background-image: url(../img/04.gif); background-repeat: no-repeat;*/}
.dosbloques .cinco{/*background-image: url(../img/05.gif); background-repeat: no-repeat;*/}
.dosbloques .seis{/*background-image: url(../img/06.gif); background-repeat: no-repeat;*/}
.dosbloques .siete{/*background-image: url(../img/07.gif); background-repeat: no-repeat;*/}





/* mirar espacio títulos bloques destacados */
.dosbloques .uno h2, .dosbloques .dos h2, .dosbloques .tres h2, .dosbloques .cuatro h2, .dosbloques .cinco h2, .dosbloques .seis h2{ padding-left: 57px;}

body#home .tresbloques p{
padding: 20px 0 10px 0;
}
body#contactar .tresbloques p{width: 140px;}
body#contactar .tresbloques a, body#contactar .dosbloques a{text-transform: none;}
.tresbloques .uno, .tresbloques .dos, .tresbloques .tres, .dosbloques .inner, .tresbloques .inner{position: relative; height: 100%;}

body#home .tresbloques .decoracion, 
body#clientes .tresbloques .decoracion{position: absolute; bottom: 0; right: 0; background-position: bottom right;background-repeat: no-repeat;}
body.about .tresbloques .decoracion{position: absolute; bottom: 0; left: 0; background-position: bottom left; background-repeat: no-repeat;}

/* decoracion home */
body#home .uno .decoracion{width: 95px; height: 175px; background-image: url(../img/deco01.gif);}
body#home .dos .decoracion{width: 139px; height: 143px; background-image: url(../img/deco02.gif);}
body#home .tres .decoracion{width: 108px; height: 115px; background-image: url(../img/deco03.gif); left: 0;}

/* decoracion clientes */
body#clientes .outer{height: 196px;}
body#clientes .uno, body#clientes .dos, body#clientes .tres, body#contactar .uno, body#contactar .dos, body#contactar .tres{background-image: none; border: 1px solid #d6d6d6;}/*quitamos el numero*/
body#clientes .uno .decoracion{width: 107px; height: 145px; background-image: url(../img/clientes_deco01.gif);}
body#clientes .dos .decoracion{width: 188px; height: 116px; background-image: url(../img/clientes_deco02.gif);}
body#clientes .destacado, body#contactar .destacado, body#home .destacado{background-color: #ccccb3;}
body#clientes .tres .decoracion{width: 91px; height: 142px; background-image: url(../img/clientes_deco03.gif);}

/* titulos clientes */
body#clientes .tresbloques h2, .tresbloques h3{
font: normal 1.4em Helvetica, tahoma, arial, sans-serif;
/*color: #174b6c;*/
color:#000000;
/*font-weight: 600;*/
font-weight: 100;
padding: 10px 0 5px 0;
}

body#clientes .tresbloques p{
width: 95px;
padding: 0 0 10px 0;
}

body.about .tresbloques p{
width: 165px;
padding: 5px 0 10px 7px;
}



/* decoracion contacto */
body#contactar .outer{height: 435px !important;}
body#contactar .tres .decoracion{width: 129px; height: 69px; background-image: url(../img/contacto_deco03.gif); left: 0;}
body.trabaja .outer{height: 370px !important;}
body.legal .outer{height: 210px;}
body.legal .corto{height: 165px !important;}

/* has recibido un mailing */
body.datos .outer{height: 215px;}

/*-------------  Sage SP decoracion --------------------*/

.sage{
width: 83px;
height: 91px;
background-image: url(../img/deco_sage.gif); left: 0; bottom: 0;}

/*------------- Real Madrid decoracion --------------------*/

.madrid{
width: 83px;
height: 91px;
background-image: url(../img/deco_madrid.gif); left: 0; bottom: 0;}

/*------------- Securitas Direct decoracion --------------------*/

.securitas {
width: 83px;
height: 91px;
background-image: url(../img/deco_securitas.gif); left: 0; bottom: 0;}

/*------------- loreal decoracion --------------------*/

.loreal{
width: 83px;
height: 91px;
background-image: url(../img/deco_loreal.gif); left: 0; bottom: 0;}


/*-------------Vallehermoso decoracion --------------------*/

.vallehermoso{
width: 83px;
height: 91px;
background-image: url(../img/deco_vallehermoso.gif); left: 0; bottom: 0;}


/*------------- bloques páginas interiores -----------*/
.dosbloques .destacado h3{
margin: 0;
height: 40px;
padding: 0;
background-image: url(../img/h3_loreal.gif);
background-repeat: no-repeat;
background-position: 78px 5px;
}
.dosbloques .destacado h3 a{
text-indent: none;
position: absolute;
top: 0; 
left: 0;
z-index: 3;
display: block;
width: 161px;
height: 100%;
margin-left: 78px;
background: transparent;
}
.dosbloques{float: right;}
.dosbloques .outer{
width: 290px;
height: 187px;
float: left;
padding: 4px 4px 5px 4px;
/*border: 1px dotted #d6d6d6;*/
overflow: hidden;
margin-left: 5px;
margin-top: 5px;
}
/* PARA EL FORMULARIO LARGO DE MAILING.ASPX */
.dosbloques .outer1{
width: 595px;
height: 400px;
float: left;
padding: 4px 4px 5px 4px;
border: 1px dotted #d6d6d6;
overflow: hidden;
margin-left: 5px;
margin-top: 5px;
}

.servicios .dosbloques .outer { height: 280px }
.dosbloques .inner{background: #f7f9f8; height: 100%; width: auto; background-position: 0 0;background-repeat: no-repeat; border: 1px solid #666666;}
.inner.destacado{background: #eef4f4 !important; padding-left: 0;}
.dosbloques h2, .tresbloques h2{
font: normal 1.4em Helvetica, tahoma, arial, sans-serif;
/*color: #174b6c;*/
color:#174b6c;
font-weight: 800;
padding-top: 5px;
padding-left: 10px;
}
.dosbloques p{
width: 270px;
padding: 5px 0 10px 10px;
position: relative;
z-index: 1;
}
body.trabaja .dosbloques p{
width: auto;
padding: 5px 0 10px 10px;
}
.dosbloques .seis p{padding-left: 80px !important;}



/* rincón legal */
.dosbloques .novedades p, .dosbloques .articulos p, .dosbloques .procesos_sancionadores p{
width: 270px;
padding: 5px 10px 10px 10px;
}
.dosbloques .novedades p a, .dosbloques .articulos p a, .dosbloques .procesos_sancionadores p a{
margin-left: 90px;
}
.dosbloques .novedades ul, .dosbloques .articulos ul, .dosbloques .procesos_sancionadores ul{
list-style-type: none;
margin-left: 90px;
}
.dosbloques .novedades li, .dosbloques .articulos li, .dosbloques .procesos_sancionadores li, .tresbloques li{
margin-bottom: 5px; display: block;padding-left: 10px;background: transparent url(../img/bullet.gif) 0 3px no-repeat;
position: relative;
}
.dosbloques .novedades li a, .dosbloques .articulos li a, .dosbloques .procesos_sancionadores li a{
text-transform: none !important;
}

/* wallpapers */
body.wallpapers .inner img{margin: 0 30px 0 9px; float: left;}
body.wallpapers .inner ul{
float: left;
margin-top: 30px;
}
.unmodulo .downloads{
list-style-type: none;
padding-left: 0;
margin-top: -50px;
padding: 0;
}
.unmodulo .downloads li{
display: block;
float: left;
width: 70px;
padding:  0 0 2px 20px;
background: transparent url(../img/dw1.gif) 0 0 no-repeat;
}

/*---------- bloques páginas simples ---------*/

.unmodulo{
width: 593px;
float: rigth;
/*border: 1px dotted #d6d6d6;*/
padding: 4px;
margin-bottom: 10px;
margin-left:14px;
}

.unmodulo .inner{background: #f7f9f8; height: 100%; width: auto; border: 1px solid #666666; padding: 25px; overflow: hidden;}



.unmodulo p{
margin: 10px 0;
padding: 0;
}

.unmodulo img{
margin-right: 10px;
margin-top: 10px;
float: left;
display: inline;
}

.pdf{padding-left: 30px; padding-bottom: 5px; padding-top: 2px; background: transparent url(../img/icono_pdf.gif) top left no-repeat;}

/* páginas artículos con fecha */

.fecha{font-size: 1.1em; font-weight: normal;color: #676767;}
.unmodulo ul{list-style-type: none;padding-left: 30px; display: block; width: 300px; float: left;}
.unmodulo li{margin-bottom: 10px;display: block;padding-left: 10px;background: transparent url(../img/bullet.gif) 0 3px no-repeat;}
.unmodulo dl{padding-left: 30px;}
.unmodulo dt{font-weight: bold;}
.unmodulo dd{display: block; margin: 4px 0 10px 0;}



/* -------- lista mapa web -----------*/

body#mapaweb .unmodulo ul{overflow: hidden; float: none; width: auto;}
body#mapaweb .unmodulo li{
font-size: 11px; 
padding-left: 20px; 
padding-top: 4px; 
padding-bottom: 3px; 
}
body#mapaweb .unmodulo li ul{
background: transparent url(../img/bg_limapaweb.gif) 0 20px no-repeat;
}
body#mapaweb .unmodulo li ul li{
margin-bottom: 2px;
}
body#mapaweb .unmodulo li.sinhijos{
background: transparent url(../img/folder.gif) 0 0 no-repeat; 
}
body#mapaweb .unmodulo li.padre{
background: transparent url(../img/folder_new.gif) 0 0 no-repeat;
}
body#mapaweb .unmodulo li{overflow: hidden;}
body#mapaweb .unmodulo li ul{
padding-left: 0;
margin-left: -18px;
}
body#mapaweb .unmodulo li ul li{
padding-left: 60px;
}
body#mapaweb .unmodulo li ul li.sinhijos, body#mapaweb .unmodulo li ul li.padre{
background-position: 40px 0;
}
body#mapaweb .unmodulo li ul li{
margin-top: 10px; 
float: none; 
clear: right;
border-left: 1px solid #ccc;
}

#arbol{
display: block;
width: 350px;
float: left;
}

.unmodulo .protecciondatos{
background-image: url(../img/bg_bloque_protecciondatos.gif);
background-position: top right;
background-repeat: no-repeat;
}
.unmodulo .comercioelectronico{
background-image: url(../img/bg_bloque_comelct.gif);
background-position: top right;
background-repeat: no-repeat;
}
.unmodulo .telecomunicaciones{
background-image: url(../img/bg_bloque_teleco.gif);
background-position: top right;
background-repeat: no-repeat;
}


/* h2 destacado páginas simples */
.unmodulo .inner{ height: 100%; position: relative; }
.unmodulo .destacado{padding-top: 0;}
.unmodulo .destacado p{ margin-left: 120px; font-size: 1.1em; margin-top: 15px;}
.h2_procesos{display: block; width: 112px;height: 68px;background: transparent url(../img/bg_procesosancionadores.gif) bottom left no-repeat;position: absolute;left: 0;bottom: 0;margin: 0 !important;padding: 0 !important;}
.h2_articulos{display: block;width: 99px;height: 68px;background: transparent url(../img/bg_articulos.gif) bottom left no-repeat;position: absolute;left: 0;bottom: 0;margin: 0 !important;padding: 0 !important;}
.h2_novedades{display: block;width: 112px;height: 68px;background: transparent url(../img/bg_novedades.gif) top left no-repeat;position: absolute;left: 0;top: 0;margin: 0 !important;padding: 0 !important;}
.h2_normas{display: block; width: 112px; height: 68px; background: transparent url(../img/bg_normasyleyes.gif) bottom left no-repeat; position: absolute; left: 0; bottom: 0; margin: 0 !important; padding: 0 !important;}
.h2_whitepaper{display: block; width: 112px; height: 78px; background: transparent url(../img/bg_whitepaper.jpg) bottom left no-repeat; position: absolute; left: 0; bottom: 0; margin: 0 !important; padding: 0 !important;}


/*---------- imágenes fondo bloques ----------*/
.dosbloques .decoracion{position: absolute; z-index: 0; bottom: 0; left: 0; background-position: bottom left;background-repeat: no-repeat;}

/*servicios y soluciones */
.fastmailing{width: 104px; height: 72px; background-image: url(../img/deco_fastmailing.gif);}
.franqueo{width: 70px; height: 117px; background-image: url(../img/deco_franqueo.gif);}
.ensobrado{width: 88px; height: 60px; background-image: url(../img/deco_ensobrado.gif);}
.personalizacion{width: 87px; height: 82px; background-image: url(../img/deco_personalizacion.gif);}
.higienedatos{width: 78px; height: 74px; background-image: url(../img/deco_higienedatos.gif);}
.analysis{width: 90px; height: 140px; background-image: url(../img/deco_analysis.gif);}
.list{width: 81px; height: 140px; background-image: url(../img/deco_list.gif);}
.mobile{width: 90px; height: 111px; background-image: url(../img/deco_mobile.gif);}
.decomailing{width: 99px; height: 79px; background-image: url(../img/deco_mailing.gif);}
.decocrm{width: 109px; height: 137px; background-image: url(../img/deco_crm.gif);}
.decocontact{width: 90px; height: 111px; background-image: url(../img/deco_contacto.gif);}
.ddbb{width: 90px; height: 111px; background-image: url(../img/deco_analisisbbdd.gif);}
.analisisrespuesta{width: 90px; height: 111px; background-image: url(../img/deco_analisisrespuestas.gif);}
.puntosventa{width: 90px; height: 111px; background-image: url(../img/deco_puntosdeventa.gif);}
.geomarketing{width: 90px; height: 111px; background-image: url(../img/deco_geomarketing.gif);}
.rinconlegal{width: 90px; height: 111px; background-image: url(../img/deco_rinconlegal.gif);}
.enriquecimientobbdd{width: 90px; height: 111px; background-image: url(../img/deco_enriquecimientobbdd.gif);}
.schober{width: 90px; height: 111px; background-image: url(../img/deco_schober.gif);}
.schober2{width: 90px; height: 111px; background-image: url(../img/deco_schober2.gif);}
.atcliente{width: 90px; height: 111px; background-image: url(../img/deco_atencionalcliente.gif);}
.didimo{width: 90px; height: 111px; background-image: url(../img/deco_didimo.gif);}
.mktmobile{width: 90px; height: 111px; background-image: url(../img/deco_mrkmovil.gif);}
.curriculo{width: 90px; height: 111px; background-image: url(../img/deco_curriculo.gif);}
.univers{width: 90px; height: 111px; background-image: url(../img/deco_univers.gif);}
.club_bienvenido{width: 90px; height: 111px; background-image: url(../img/deco_bienvenido.gif);}
.list_broking{width: 90px; height: 111px; background-image: url(../img/deco_listbroking.gif);}
.suppression_files{width: 90px; height: 111px; background-image: url(../img/deco_suppressionfiles.gif);}
.perfilcliente{width: 90px; height: 111px; background-image: url(../img/deco_perfildelcliente.gif);}
.multicanal{width: 90px; height: 111px; background-image: url(../img/deco_visionmulticanal.gif);}
.implicaciones{width: 90px; height: 111px; background-image: url(../img/deco_implicacioneslegales.gif);}
.mkt_relacional{width: 90px; height: 111px; background-image: url(../img/deco_programasdemrk.gif);}
.ddbbmkt{width: 90px; height: 111px; background-image: url(../img/deco_gestiondebbdd.gif);}
.fulfillment{width: 90px; height: 111px; background-image: url(../img/deco_fulfillment.gif);}



/* sobre pdm */
.vision{width: 167px; height: 77px; background-image: url(../img/deco_vision.gif);}
.calidad{width: 90px; height: 111px; background-image: url(../img/deco_calidad.gif);}
.organizacionpdm{width: 90px; height: 111px; background-image: url(../img/deco_organizacion.gif);}
.asesoramiento{width: 90px; height: 111px; background-image: url(../img/deco_asesoramiento.gif);}
.privacidad{width: 90px; height: 111px; background-image: url(../img/deco_privacidad.gif);}
.compromiso{width: 90px; height: 111px; background-image: url(../img/deco_compromiso.gif);}
.historia{width: 90px; height: 111px; background-image: url(../img/deco_historia.gif);}
.pdmdigital{width: 186px; height: 77px; background-image: url(../img/deco_pdmdigital.gif);}
.pdmmarketing{width: 186px; height: 77px; background-image: url(../img/deco_pdmmkt.gif);}


/* retos*/


/* rincon legal */
.novedades{width: 90px; height: 111px; background-image: url(../img/deco_novedades.gif);}
.articulos{width: 90px; height: 111px; background-image: url(../img/deco_articulos.gif);}
.procesos{width: 90px; height: 111px; background-image: url(../img/deco_procesos.gif);}
.normas{width: 90px; height: 111px; background-image: url(../img/deco_normas.gif);}
.leyes{width: 90px; height: 111px; background-image: url(../img/deco_leyes.gif);}
.newsletter{width: 90px; height: 111px; background-image: url(../img/deco_emailing.gif);}
.legal_contacto{width: 129px; height: 69px; background-image: url(../img/contacto_deco03.gif);}



/* trabaja en pdm */
.curriculo{width: 90px; height: 111px; background-image: url(../img/deco_curriculo.gif);}
.ofertas{width: 90px; height: 111px; background-image: url(../img/deco_ofertas.gif);}

/* didimo */
.corporate{width: 90px; height: 111px; background-image: url(../img/deco_didimocorporate.gif);}
.mm{width: 90px; height: 111px; background-image: url(../img/deco_didimomm.gif);}

/* has recibido un mailing */
.ventajas_mailing{width: 90px; height: 111px; background-image: url(../img/deco_ventajasmailing.gif);}
.privacidad_datos{width: 90px; height: 115px; background-image: url(../img/deco_privacidaddatos.gif);}


/*----------- Resultados busqueda --------------*/

body.resultados_busqueda h2{
margin-left: 20px;
border-bottom: 1px solid #f2f2f2;
}
body.resultados_busqueda #cuerpo img{margin-left: 200px;}
#resultados{list-style-type: none;padding: 20px;border-bottom: 1px solid #f2f2f2;}
#resultados li{margin-top: 7px;padding-bottom: 15px;}
#resultados li h3 a, #resultados li h3 a:hover, #resultados li h3 a:visited, #resultados li h3 a:active{font-weight:normal; color: #39c;text-decoration: underline;background: none;}
#resultados li a.url{padding-top: 5px;display: block;}



/* paginacion */

#paginacion{width: 260px;margin: 0 auto;padding-top: 7px;text-align: center;list-style-type: none;overflow: hidden;}
#paginacion li{display: block;padding: 0 5px;float: left;}
#paginacion li{font-size: 1.2em;}
#paginacion span, #paginacion .activo{font-weight: bold;}
#paginacion .activo{color: #39c;}



/*------------ formularios mailing --------------*/

body.datos .dosbloques .formulario{height: 320px;}

#modificar_datos, #baja_mailing{
width: 570px;
margin: 10px;
margin-top: 0;
margin-right: 0;
}

#modificar_datos legend, #baja_mailing legend{
font: bold 1.1em Helvetica, tahoma, Arial, sans-serif;color: #676767;
margin-top: 12px;
text-align: left;
}

#modificar_datos input, #baja_mailing input{
float: left;
clear: left;
}

#modificar_datos .clear, #baja_mailing .clear{
width: 100%;
clear: both;
}

.mitad{
width: 45%;
float: left;
margin-right: 5px;
display: inline;
}
.mitad input{width: 125px;}
.dostercios{
width: 70%;
float: left;
}

.dostercios input{width: 180px;}
.untercio{
width: 25%;
float: left;
}
.untercio input{width: 48px;}
.relleno{padding-left: 5px;}
#modificar_datos .clear, #baja_mailing .clear, .mitad, .dostercios, .untercio{margin-top: 5px;}
#modificar_datos input.r, #baja_mailing input.r{border: 0; clear: none; display: inline; margin-right: 5px;}
.formulario .botonForm{
position: absolute;
bottom: 5px;
right: 10px;
}



/*--------- mapas --------*/
#mapas{display: none;}



/* 
***********************************
CLEARFIX 
***********************************

*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* */


#index{display: none;}