/* -------------- Estilos Generales ----------------- */

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Arial, "Times New Roman", Times, serif;
	font-weight: normal;
}

html {
	margin: 0px;
	padding: 0px;
}


h1 {
	width: 207px;
	height: 55px;
	background: url(../images/logo.gif) no-repeat top left;
	text-indent: -5000px;
	margin-top: 18px;
	margin-left: 15px;
	font-family: Arial;
	font-size: 24px;
}

img {
	border: none
}
	
a {
	text-decoration: none;
	color: #bd2d4a;
}

a:hover {
	color: #d24d5d;
}

li {
	list-style: none;
}

.clear {
	clear: both;  /* Separador */
}

.negrita {
	font-weight: bold;
}

.resalte {
	color: #b82d3e;
	font-size: 12px;
}

.resalte2 {
	color: #b82d3e;
}

.derecha {
	float: right;
}

.izquierda {
	float: left;
}

.margen_inferior{
	margin-bottom: 13px;
}

.margen_inferior2{
	margin-bottom: 13px;
}

.margen_superior {
	padding-top: 9px;
}

.margen_izquierdo {
	margin-left: 10px;
}

.margen_izquierdo2 {
	margin-left: 30px;
}



.peq {
	font-size: 10px;
}

.txt_normal {
	font-size: 12px;
	font-family: Arial, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #fff;
}

.link_blanco {
	color: #fff;
}

.subrayado {
	text-decoration: underline;
}

.altura36 {
	height: 36px;
}

/* -------------- /Estilos Generales ----------------- */




/* -------------- Contenedor ----------------- */
#contenedor {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 999px; 
}
/* -------------- /Contenedor ----------------- */


/* --------------- Lateral  izquierdo ------------------- */

.index {
	position: absolute;
	top: 18px;
	left: 15px;
	width: 207px;
	height: 55px;
	background: url(../images/null.gif) repeat;
}


#izquierda {
	float:left;
	width: 249px;
	height: auto!important;
	height: 320px;
	min-height: 320px;
}

#izquierda ul {
	margin: 26px 0px 0px 10px;
	padding: 0px;
}

#izquierda ul li  {
	clear: both;
	height: 24px; /* 6px de margen entre enlaces + 18px de altura de la imagen del enlace */
	min-height: 24px;
	height: auto!important;
}

.selecc {
	text-decoration: line-through;
}

.idiomas {
	float: left;
	font: 10px Verdana;
	background: url(../images/idi.gif) no-repeat left;
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 27px;
	margin-left: 18px;
	width: 240px;
}

.idiomas a.activo_idiomas  {
	color: #b82d3e;
	font-weight: bold;
}

.idiomas a {
	color: #000;
}

.idiomas a:hover {
	color: #d24d5d;
}



#izquierda ul li.inicio a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/inicio.gif) no-repeat top left;
	width: 54px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.inicio a:hover {
	background: url(../images/inicioa.gif) no-repeat top left;
}

#izquierda ul li.inicio a.selecc {
	background: url(../images/inicioc.gif) no-repeat top left;
}



#izquierda ul li.mk_directo a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/marketing_directo.gif) no-repeat top left;
	width: 180px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.mk_directo a:hover {
	background: url(../images/marketing_directoa.gif) no-repeat top left;
}

#izquierda ul li.mk_directo a.selecc {
	background: url(../images/marketing_directoc.gif) no-repeat top left;
}



#izquierda ul li.field_mk a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/field_marketing.gif) no-repeat top left;
	width: 155px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.field_mk a:hover {
	background: url(../images/field_marketinga.gif) no-repeat top left;
}

#izquierda ul li.field_mk a.selecc {
	background: url(../images/field_marketingc.gif) no-repeat top left;
}



#izquierda ul li.mk_online a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/marketing_online.gif) no-repeat top left;
	width: 175px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.mk_online a:hover {
	background: url(../images/marketing_onlinea.gif) no-repeat top left;
}

#izquierda ul li.mk_online a.selecc {
	background: url(../images/marketing_onlinec.gif) no-repeat top left;
}



#izquierda ul li.mk_promocional a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/marketing_promocional.gif) no-repeat top left;
	width: 233px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.mk_promocional a:hover {
	background: url(../images/marketing_promocionala.gif) no-repeat top left;
}

#izquierda ul li.mk_promocional a.selecc {
	background: url(../images/marketing_promocionalc.gif) no-repeat top left;
}




#izquierda ul li.publicidad a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/publicidad.gif) no-repeat top left;
	width: 105px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.publicidad a:hover {
	background: url(../images/publicidada.gif) no-repeat top left;
}

#izquierda ul li.publicidad a.selecc {
	background: url(../images/publicidadc.gif) no-repeat top left;
}



#izquierda ul li.agencia a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/agencia.gif) no-repeat top left;
	width: 78px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.agencia a:hover {
	background: url(../images/agenciaa.gif) no-repeat top left;
}

#izquierda ul li.agencia a.selecc {
	background: url(../images/agenciac.gif) no-repeat top left;
}


#izquierda ul li.casos a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/casos.gif) no-repeat top left;
	width: 61px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.casos a:hover {
	background: url(../images/casosa.gif) no-repeat top left;
}

#izquierda ul li.casos a.selecc {
	background: url(../images/casosc.gif) no-repeat top left;
}


#izquierda ul li.clientes a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/clientes.gif) no-repeat top left;
	width: 84px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.clientes a:hover {
	background: url(../images/clientesa.gif) no-repeat top left;
}

#izquierda ul li.clientes a.selecc {
	background: url(../images/clientesc.gif) no-repeat top left;
}



#izquierda ul li.modo_trabajo a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/modo_trabajo.gif) no-repeat top left;
	width: 165px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.modo_trabajo a:hover {
	background: url(../images/modo_trabajoa.gif) no-repeat top left;
}

#izquierda ul li.modo_trabajo a.selecc {
	background: url(../images/modo_trabajoc.gif) no-repeat top left;
}



#izquierda ul li.contacto a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/contacto.gif) no-repeat top left;
	width: 93px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.contacto a:hover {
	background: url(../images/contactoa.gif) no-repeat top left;
}

#izquierda ul li.contacto a.selecc {
	background: url(../images/contactoc.gif) no-repeat top left;
}


#izquierda ul li.area_privada a {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../images/area_privada.gif) no-repeat top left;
	width: 128px;
	height: 18px;
	text-indent: -5000px;
	float: left;
}

#izquierda ul li.area_privada a:hover {
	background: url(../images/area_privadaa.gif) no-repeat top left;
}

#izquierda ul li.area_privada a.selecc {
	background: url(../images/area_privadac.gif) no-repeat top left;
}

/* --------------- /Lateral  izquierdo ------------------- */






/* --------------- Lateral  derecho ------------------- */

#cuerpo {
	float: right;
	width: 750px;
	background: url(../images/bg_cuerpo.gif) repeat-x top left;
	height: 680px;
	min-height: 680px;
	height: auto!important;
}

.bg_inicio {
	float: left;
	background: url(../images/bg_cuerpo2.gif) no-repeat top left;
	height: 366px; 
	min-height: 366px;
	height: auto!important;
}

.columna {
	width: 335px; /* 375px - 40px padding-left*/
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
	text-align: justify;
}

.columna2 {
	float: left;
	width: 380px; /* 420px - 40px padding*/
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
	text-align: justify;
}

.columna3 {
	float: left;
	width: 290px; /* 300px - 10px padding-left*/
	padding-left: 5px;
	margin-top: 30px;
	text-align: justify;
}

.columna4 {
	width: 325px; /* 365px - 40px padding-left*/
	padding-left: 40px;
	margin-top: 30px;
}


.columna5 {
	float: right;
	width: 340px;
}


.columna6 {
	width: 296px; /* 334px - 34px padding*/
	padding-left: 60px;
	margin-top: 30px;
	text-align: justify;
}

	/* --- PORTADA COLUMNA IZQUIERDA --- */
	
.bg_pastilla {
	float: left;
	width: 351px;
	height: 121px;
	color: #fff;
} /* se usa para situar los fondos de las 3 pastillas del index: bg_mk_directo,... */

.titulo_pastilla {
	float: left;
	height: 18px;
	margin-top: 11px;
	margin-left: 8px;
	font: 19px Arial ;
	color: #fff;
	text-indent: -5000px;
} /* se usa para situar los titulos de las 3 pastillas del index: tit_mk_directo,... */

.pie_pastilla {
	float: left;
	background: url(../images/pie_pastilla.gif) no-repeat top left;
	width: 351px;
	height: 21px;
	margin-bottom: 20px;
}

.bg_mk_directo {
	background: url(../images/bg_mk_directo.gif) no-repeat top left;
}
.tit_mk_directo {
	background: url(../images/tit_mk_directo.gif) no-repeat top left;
	width: 214px;
}


.bg_field_mk {
	background: url(../images/bg_field_mk.gif) no-repeat top left;
}
.tit_field_mk {
	background: url(../images/tit_field_mk.gif) no-repeat top left;
	width: 182px;
}


.bg_mk_promocional {
	background: url(../images/bg_mk_promocional.gif) no-repeat top left;
}
.tit_mk_promocional {
	background: url(../images/tit_mk_promocional.gif) no-repeat top left;
	width: 280px;
}


.txt_casilla {
	clear: both;
	float: left;
	width: 328px; /* 348px - 20padding*/
	height: 70px; /* 90px - 20padding*/
	min-height: 70px;
	height: auto!important;
	
	padding: 10px;
	font: 10px Verdana;
}

.txt_enlace {
	clear: both;
	float: right;
	padding-top: 6px;
	padding-right: 15px;
	font: 10px Verdana;
}
	
	/* --- /PORTADA COLUMNA IZQUIERDA --- */
	
	
	
	/* --- PORTADA COLUMNA DERECHA --- */
	
.txt_intro{
	float: left;
	background: url(../images/txt_intro.gif) no-repeat top left;
	width: 337px;
	height: 113px;
	
	font: 19px Arial ;
	color: #fff;
	text-indent: -5000px;
	margin-bottom: 22px;
}


#menuhoriz {
	float: left;
	width: 340px;
}

#menuhoriz ul {
	float: left;
	margin:0; 
	padding: 0; 
	height: 29px;
	width: 209px;
}

#menuhoriz ul li {
	display: inline;
}



#menuhoriz ul li.casos a {
	float: left;
	background: url(../images/casos2.gif) no-repeat top left;
	width: 94px;
	height: 29px;
	text-indent: -5000px;
}

#menuhoriz ul li.casos a:hover {
	float: left;
	background: url(../images/casos3.gif) no-repeat top left;
	width: 94px;
	height: 29px;
	text-indent: -5000px;
}

#menuhoriz ul li.casos a.selecc {
	float: left;
	background: url(../images/casos1.gif) no-repeat top left;
	width: 94px;
	height: 29px;
	text-indent: -5000px;
}



#menuhoriz ul li.clientesh a {
	float: left;
	background: url(../images/clientes2.gif) no-repeat top left;
	width: 115px;
	height: 29px;
	text-indent: -5000px;
}

#menuhoriz ul li.clientesh a:hover {
	float: left;
	background: url(../images/clientes1.gif) no-repeat top left;
	width: 115px;
	height: 29px;
	text-indent: -5000px;
}

#menuhoriz ul li.clientesh a.selecc {
	float: left;
	background: url(../images/clientes3.gif) no-repeat top left;
	width: 115px;
	height: 29px;
	text-indent: -5000px;
}


.cuerpo_banner {
	float: left;
	width: 320px; /* 340px - 20px padding*/
	background: #fff url(../images/bg_banner.gif) repeat-x bottom left;
	padding: 10px;
	
	font: 10px Verdana;
	color: #444;
}

.cuerpo_banner2 {
	float: left;
	width: 280px; /* 300px - 20px padding*/
	background: #fff url(../images/bg_banner.gif) repeat-x bottom left;
	padding: 10px;
	
	font: 10px Verdana;
	color: #444;
}

.cuerpo_banner3 {
	float: left;
	width: 300px; /* 320px - 20px padding*/
	background: #fff url(../images/bg_banner.gif) repeat-x bottom left;
	padding: 10px;
	
	font: 10px Verdana;
	color: #444;
}

.cuerpo_banner4 {
	float: left;
	width: 340px; /* 360px - 20px padding*/
	background: #fff url(../images/bg_banner.gif) repeat-x bottom left;
	padding: 20px;
	
	font: 10px Verdana;
	color: #444;
}

a.titular_banner:link {
	font: 15px Verdana;
	color: #bd2d4a;
	text-decoration: none;
}

a.titular_banner:visited {
	font: 15px Verdana;
	color: #bd2d4a;
	text-decoration: none;
}

a.titular_banner:hover {
	font: 15px Verdana;
	color: #d24d5d;
	text-decoration: none;
}

.txt_banner_portada {
	float: left;
	width: 175px;
	height: 190px;
}

.foto_banner_portada {
	float: left;
	background: url(../images/bg_foto_banner_portada2.gif);
	width: 127px; /* 132px - 5px padding-left*/ 
	height: 99px; /* 106px - 7px padding-top*/
	margin-left: 10px;
	padding: 7px 0px 0px 5px;
}

/* .foto_banner_portada {
	float: left;
	background: url(../images/bg_foto_banner_portada.gif);
	width: 168px; 
	height: 167px;
	margin-left: 10px;
	padding: 7px 0px 0px 5px;
}*/

.pie_imagen {
	float: right;
	padding-top: 3px;
	padding-right: 7px;
}

.pie_banner {
	float: left;
	background: url(../images/bg_pie_banner.gif) repeat-x;
	height: 18px; /* 23px - 5px padding-top*/
	width: 325px; /* 340px - 15px  padding-right */
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	font: 10px Verdana;
}


.pie_banner2 {
	float: left;
	background: url(../images/bg_pie_banner.gif) repeat-x;
	height: 18px; /* 23px - 5px padding-top*/
	width: 285px; /* 300px - 15px  padding-right */
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
	font: 10px Verdana;
	
	padding-bottom: 50px;
}


.pie_banner3 {
	float: left;
	background: url(../images/bg_pie_banner.gif) repeat-x;
	height: 18px; /* 23px - 5px padding-top*/
	width: 300px; /* 315px - 20px  padding-right */
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	font: 10px Verdana;
}


.pie_banner4 {
	float: left;
	background: url(../images/bg_pie_banner.gif) repeat-x;
	height: 18px; /* 23px - 5px padding-top*/
	width: 360px; /* 380px - 20px  padding-right */
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	font: 10px Verdana;
	color: #333;
}

	
	/* --- /PORTADA COLUMNA DERECHA --- */
	
	
	
	/* --- PORTADA PUBLICIDAD --- */	
	
.publicidad_portada {
	clear: both;
	float: left;
	background: url(../images/bg_publicidad.gif) no-repeat top left;
	width: 715px;
	height: 121px;
	margin-left: 20px;
}	

.tit_publicidad {
	float: left;
	background: url(../images/tit_publicidad.gif) no-repeat top left;
	width: 132px;
	height: 18px;
	margin-top: 11px;
	margin-left: 8px;
	
	font: 19px Arial ;
	color: #fff;
	text-indent: -5000px;
}

.txt_publicidad_portada {
	clear: both;
	float: left;
	width: 282px; /* 300px - 14px padding*/
	height: 50px; /* 60px - 10px padding-top*/
	padding: 10px 6px 0px 8px;
	
	font: 10px Verdana;
	color: #fff;
}

.foto_publicidad {
	float: left;
	background: url(../images/bg_foto_publi.gif) no-repeat top left;
	width: 118px;
	height: 100px; /* 105px - 5px padding-top*/
	text-align: center;
	margin: 0px 2px 0px 2px;
	padding-top: 5px;
}

.pie_publicidad{
	float: left;
	background: url(../images/bg_pie_banner.gif) repeat-x;
	height: 18px; /* 23px - 5px padding-top*/
	width: 700px; /* 715px - 15px  padding-right */

	padding: 5px 15px 10px 0px;
	margin-left: 20px;
	
	text-align: right;
	font: 10px Verdana;
}
	
	/* --- /PORTADA PUBLICIDAD --- */	


	
	/* --- SECCIONES --- */
	
	
#cuerpo_seccion {
	float: right;
	width: 750px;
	background: #bd2d4a repeat;
	height: 680px;
	min-height: 680px;
	height: auto!important;
}

.cabecera_seccion {
	float: left;
	background: url(../images/bg_seccion.gif) no-repeat top left;
	height: 164px;
	width: 750px;
}

.migas_pan {
	float: left;
	font: 11px Arial;
	color: #fff;
	padding: 27px 0px 0px 20px;
}


		/* TITULARES SECCIONES*/	

.foto_cabecera{
	float: right;
	width: 271px;
	height: 164px;	
} /* Se usa junto a las cabeceras cab_mk_directo,... para situar las imágenes identificativas de las cabeceras de las secciones */	

.titular_seccion {
	clear: both;
	float: left;
	height: 35px;
	margin: 30px 0px 0px 20px;	
	font: 36px Arial ;
	color: #fff;
	text-indent: -5000px;
}/* Se usa junto a los titular_mk_directo,... para situar los titulares identificativos de las cabeceras de las secciones */	
	
	
	
.cab_mk_directo {
	background: url(../images/cab_mk_directo.gif) no-repeat top right;
	width: 260px;
}
.titular_mk_directo {
	background: url(../images/titular_mk_directo.gif) no-repeat top left;
	width: 430px;
}


.cab_mk_promocional {
	background: url(../images/cab_mk_promocional.gif) no-repeat top right;	
	width: 233px;
}
.titular_mk_promocional {
	background: url(../images/titular_mk_promocional.gif) no-repeat top left;
	width: 470px;
	height: 31px;
}




.cab_field_mk {
	background: url(../images/cab_field_mk.gif) no-repeat top right;	
}
.titular_field_mk {
	background: url(../images/titular_field_mk.gif) no-repeat top left;
	width: 368px;
}


.cab_mk_online {
	background: url(../images/cab_mk_online.gif) no-repeat top right;	
}
.titular_mk_online {
	background: url(../images/titular_mk_online.gif) no-repeat top left;
	width: 430px;
}


.cab_publicidad {
	background: url(../images/cab_publicidad.gif) no-repeat top right;	
}
.titular_publicidad {
	background: url(../images/titular_publicidad.gif) no-repeat top left;
	width: 248px;
}


.cab_agencia {
	background: url(../images/cab_agencia.gif) no-repeat top right;
}
.titular_agencia {
	background: url(../images/titular_agencia.gif) no-repeat top left;
	width: 247px;
}


.cab_casos{
	background: url(../images/cab_casos.gif) no-repeat top right;
}
.titular_casos {
	background: url(../images/titular_casos.gif) no-repeat top left;
	width: 147px;
}


.cab_clientes{
	background: url(../images/cab_clientes.gif) no-repeat top right;	
}
.titular_clientes {
	background: url(../images/titular_clientes.gif) no-repeat top left;
	width: 203px;
}


.cab_modo_trabajo{
	background: url(../images/cab_modo_trabajo.gif) no-repeat top right;	
}

.titular_modo_trabajo {
	background: url(../images/titular_modo_trabajo.gif) no-repeat top left;
	width: 394px;
}


.cab_contacto{
	background: url(../images/cab_contacto.gif) no-repeat top right;	
}
.titular_contacto {
	background: url(../images/titular_contacto.gif) no-repeat top left;
	width: 227px;
}


.cab_area_privada{
	background: url(../images/cab_area_privada.gif) no-repeat top right;
}
.titular_area_privada {
	background: url(../images/titular_area_privada.gif) no-repeat top left;
	width: 302px;
}


.cab_aviso_legal{
	background: url(../images/cab_aviso_legal.gif) no-repeat top right;
}
.titular_aviso_legal{
	background: url(../images/titular_aviso_legal.gif) no-repeat top left;
	width: 273px;
}


.cab_politica_privacidad{
	background: url(../images/cab_politica_privacidad.gif) no-repeat top right;
	width: 151px;
}
.titular_politica_privacidad{
	background: url(../images/titular_politica_privacidad.gif) no-repeat top left;
	width: 512px;
}


		/* /TITULARES SECCIONES*/	



.contenedor_secciones {
	float:left;
	width: 700px;
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 10px;	
}

.contenedor_caso {
	float: left;
	margin-bottom: 10px;
}

.caso1 {
	float: left;
	background: url(../images/bg_casos1.gif) repeat-x top left;
	width: 546px;
	height: 124px;
	padding-bottom: 10px;	
}

.caso2 {
	float: left;
	background: url(../images/bg_casos2.gif) no-repeat top left;
	width: 134px; /* 153px - 19px padding-left*/
	height: 109px; /* 124px - 15px padding-top*/
	padding:15px 0px 0px 19px;
}

.tit_caso_destacado {
	float: left;
	background: url(../images/tit_caso_destacado.gif) no-repeat top left;
	height: 16px;
	width: 171px;
	margin: 10px 0px 16px 10px;
	
	font: 18px Arial;
	color: #fff;
	text-indent: -5000px;
}

.tit_enlace {
	clear: both;
	float: left;
	width: 525px; /* 535px -10px padding-left*/
	padding: 0px 0px 0px 10px;
	font: 11px Arial;
}

.tit_enlace2 {
	clear: both;
	float: left;
	width: 330px; /* 340px -10px padding-left*/
	padding: 0px 0px 0px 10px;
	font: 11px Arial;
}


.paginacion {
	float: left;
	background: #d13252;
	height: 21px; /* 31px -10px padding-top*/
	width: 688px; /* 698px - 10pxpadding-right */
	text-align: right;
	padding: 10px 10px 0px 0px;
	font: 11px Arial;
}

.bg_caso_detalle {
	float: left;
	background: url(../images/bg_casos_detalle.gif) repeat-x top left;
	width: 698px;
	height: 412px;
}


.bg_caso_fotos {
	float: right;
	background: url(../images/bg_casos_foto2.gif) no-repeat top left;
	width: 317px; /* 340px - 23px padding-left*/
	height: 258px; /* 282px - 24px paddin-top*/
	min-height: 258px; /* 282px - 24px paddin-top*/
	height: auto!important;
	padding: 24px 0px 0px 23px;
}

/*.bg_caso_fotos {
	float: right;
	background: url(../images/bg_casos_foto.gif) no-repeat top left;
	width: 317px; 
	height: 321px;
	min-height: 321px;
	height: auto!important;
	padding: 24px 0px 0px 23px;
}*/

.pie_caso_foto {
	float: right;
	background: #fff repeat top left;
	width: 320px; /* 340px -20px padding-left */
	height: 17px; /* 20px - 3px padding-top */
	font: 10px Arial;
	color: #393939;
	padding-left: 20px;
	padding-top: 3px;
}


.contenedor_clientes {
	float: left;
	background: url(../images/bg_clientes.gif) repeat-x top left;
	width: 673px; /* 698px - 25px padding*/
	height: 345px; /* 370px - 25px padding*/
	margin: 30px 0px 0px 0px;
	padding: 25px 0px 0px 25px;
}

.bg_logo {

	display: table-cell;
    vertical-align: middle;
    position: relative; /* Estas 3 primeras lineas se usan en Mozilla para centrar una imagen verticalmente*/

	overflow: hidden;
	background: url(../images/bg_logo.gif) no-repeat top left;
	width:147px; /* 167px - 1px padding-left - 19px padding-right */
	height: 143px; /* 151px - 8px padding-left */
	margin: 0px;
	padding: 8px 19px 0px 1px;
	text-align: center;
	vertical-align: middle;
}

.fila {
	float: left;
	width: 670px;
	margin-bottom: 10px;
}


.localizacion{
	float: left;
	width: 290px; /* 300px - 10px padding */
	padding: 5px;
	
	font-size: 11px;
}


.campo1 {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	font: normal 11px Arial;
	color: #5b5a5a;
	width: 190px;
	min-height: 15px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	}
	
.campo2 {
	margin: 1px 0px 0px 3px;
	padding: 0em;
	font: normal 11px Arial;
	color: #5b5a5a;
	height: 150px;
	width: 190px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	}
	
.campo3 {
	margin: 1px 0px 0px 3px;
	padding: 0em;
	font: normal 11px Arial;
	color: #5b5a5a;
	width: 90px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	}
	
	
.campo4 {
	margin: 1px 0px 0px 3px;
	padding: 0em;
	font: normal 11px Arial;
	color: #5b5a5a;
	height: 100px;
	width: 450px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	}
	
.box {
	margin: 0em 1em 0em 0em;
}
	
.boton {
	margin: 0em;
	padding: 3px;
	font: bold 1em Verdana;
	color: #ffffff!important;
	width: 100px;
	background-color: #bd2d4a;
	border: 1px solid #bd2d4a;
	cursor: pointer;
}

.formulario_contacto {
	float: left;
	background: url(../images/tit_formulario_contacto.gif) no-repeat top left;
	width: 258px;
	height: 18px;
	margin: 5px 0px 2px 0px;
	
	font: 17px Arial;
	font-weight: bold;
	color: #949494;
	text-indent: -5000px;
}


.extranet {
	float: left;
	background: url(../images/tit_extranet.gif) no-repeat top left;
	width: 100px;
	height: 18px;
	margin: 5px 0px 2px 0px;
	
	font: 17px Arial;
	font-weight: bold;
	color: #949494;
	text-indent: -5000px;
}


.mapa_situacion {
	float: left;
	background: url(../images/tit_mapa_situacion.gif) no-repeat top left;
	width: 190px;
	height: 18px;
	margin: 5px 0px 2px 0px;
	
	font: 17px Arial;
	font-weight: bold;
	color: #949494;
	text-indent: -5000px;
}

.leyenda_magenta {
	float: left;
	background: url(../images/leyenda_magenta.gif) no-repeat top left;
	width:365px;
	height: 135px;
	margin-top: 30px;
	
	font: 21px Arial;
	color: #821e32;
	text-indent: -5000px;
}

.tit_contrasena {
	float: left;
	background: url(../images/tit_contrasena.gif) no-repeat top left;
	width: 255px;
	height: 20px;
	margin-bottom: 5px;
	
	font: 18px Arial;
	color: #666;
	text-indent: -5000px;
}


	/* --- /SECCIONES --- */	
	

/* --------------- /Lateral  derecho ------------------- */





/* --------------------- Pie -------------------------------- */

#pie {
	clear: both;
	float: left;
	background: #000;
	width: 981px; /* 999px -18px padding-left */
	height: 80px;
	color: #fff;
	padding: 20px 0px 0px 18px;
}

#pie_izquierda {
	float: left;
	font: 10px Verdana;
}

#pie_izquierda a {
	float: left;
	font: 10px Verdana;
	padding-right: 16px;
	padding-bottom: 11px;
	text-decoration: none;
}

#pie_izquierda a:hover {
	float: left;
	font: 10px Verdana;
	padding-right: 16px;
	padding-bottom: 11px;
}

#pie_izquierda .selecc {
	text-decoration: line-through;
}

#pie_derecha {
	float: right;
	font: 10px Verdana;
	padding-right: 16px;
}

/* --------------------- /Pie -------------------------------- /