/* hoja de estilos para las páginas de anunciante y soporte que aún
no han accedido a su cuenta */


/* Importamos los estilos comunes ********************* */
	@import url("layout.css");
	@import url("elementos.css");
/* ************************************************************* */



body {
	font-size: small;
	color: #3c6aa8;
}

	#container {
		font-size: 90%;
	}


/* establecemos los tamaños del layout cols2b */
/*#content {
	padding-bottom: 30px;
}*/

#content.cols2b .main {
	width: 670px;/*
	background: yellow;*/
}

#content.cols2b .secondary {
	width: 265px;/*
	background: green;*/
}

#content.cols2b a.certified {
display:block;
width:265px;
	background: transparent url("../img/agencia_certif_2.gif") no-repeat center 30px;
	height:450px;
}
#content.cols2b span.decalogue {
display:block;
width:265px;
	background: transparent url("../img/teaserconsejos-soportes.gif") no-repeat center 30px;
	height:450px;
}
.secondary a.decalogo{
width:265px;
height:200px;
display:block;
background: transparent url("../img/teaser_consejos.gif") no-repeat left top;
margin:20px 0 0 0;
}

.decalogo_ol{
	margin: 10px 0 20px 44px;	
	font-weight:normal;
	list-style-position:outside;
}
.decalogo_ol li{
margin:0 0 8px 0;
}

#content.cols2b .main .back_button{
margin:20px 0 0 0;
}

/* fin de layout */


#content.cols2b .main a.link, #content.cols2b .main a:hover.link, #content.cols2b .main a:visited.link, #content.cols2b .main a:active.link{
color: #ef402a;
}


h1 {
	font-size: 140%;
	padding: 0;
	margin: 5px 0 20px 20px;
}

h2.certif_h2 {
	font-size: 110%;
	padding: 0;
	margin: 5px 0 0px 20px;
}

p {
	line-height: 1.4em;
	text-align: justify;
	margin: 0;
	
}
p.certif_p {
	line-height: 1.4em;
	text-align: justify;
	margin: 5px 0 20px 20px;	
}
	p.intro {
		margin-left: 20px;
		padding-bottom: 25px;
		color: #666;
	}
	
.certificate_ol{
	margin: 10px 0 20px 20px;	
	font-size: 110%;
	font-weight:bold;
	list-style-position:inside;
}
.certificate_ol div{
font-weight:normal;
margin:0 0 10px 0;
}
	
	
/* ************************* CAJAS ************************************* */

	
	/* cajas de beneficio */
	.beneficio .cbb {
		background: #fff url("../img/box-verde2-bg.gif") repeat-x bottom center;
	}
	
			/* ¡¡¡ Aquí usamos, a modo de prueba, la técnica de cajas con bordes redondeados
		sin etiquetas no semánticas, utilizando el javascript cb.js !!! */
			
		.beneficio .bt {
			height: 2px;
			margin-left: 3px;
			background: url("../img/box-white-top-bg.png") no-repeat top right !important;
			background-image: url("../img/box-white-top-bg.gif");
		}
		
		.beneficio .bt div {
			position: relative;
			left: -3px;
			width: 3px;
			height: 2px;
			background: url("../img/box-white-top-bg.png") no-repeat top left !important;
			background-image: url("../img/box-white-top-bg.gif");
			font-size: 0;
			line-height: 0;
		}

		/* Bottom corners and border */
		.beneficio .bb {
			height: 3px;
			margin-left: 4px;
			background: url("../img/box-verde2-bottom-bg.png") no-repeat bottom right !important;
			background-image: url("../img/box-verde2-bottom-bg.gif");
		}
		.beneficio .bb div {
			position: relative;
			left: -4px;
			width: 4px;
			height: 3px;
			background: url("../img/box-verde2-bottom-bg.png") no-repeat bottom left !important;
			background-image: url("../img/box-verde2-bottom-bg.gif");
			font-size: 0;
			line-height: 0;
		}

		/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
		.beneficio .i3 {
			display: block;
			margin: 0;
			padding: 5px 0 0 5px;
			background: #fff url("../img/box-verde2-bg.gif") repeat-x bottom center;
		}
			/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
		.beneficio .i3:after {
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
		}
		.beneficio .i3 {display:inline-block;}
		.beneficio .i3 {display:block;}
		/* fin de cb ------------------------- */
	
		
	
	/* fin de cajas de beneficio */
	
	
	
	

	/* caja de área secundaria (lateral) */
	.secondary .cbb {
		margin-top: 30px;
		padding: 15px 10px;
		border: 1px solid #bfcad8;
		background: url("../img/box-cuerpo-bg.png") repeat-x bottom center;
	}

.secondary .cbb h1,
	.secondary .cb h1{
		margin: 0;
		margin-bottom: 0.2em;
		text-align: center;
		font-size: 150%;
		color: #ef402a;
	}

.secondary .cbb .sello,
	.secondary .cb .sello{
	height:144px;
	background: url("../img/agencia_certif_sello.gif") no-repeat center center;
	margin:10px 0 0 0;
	}

	.secondary .cbb h2,
	.secondary .cb h2{
		margin: 0;
		margin-bottom: 0.7em;
		text-align: center;
		font-size: 120%;
	}
	
	.secondary .cbb p,
	.secondary .cb p{
		margin: 0;
		line-height: 1.7em;
		text-align: center;
	}
	
	.secondary .cbb a,
	.secondary .cb a {
		color: #ef402a;
	}
	
	.secondary .cbb .nota,
	.secondary .cb .nota {
		margin-top: 1.6em;
		font-size: 90%;
	}
	
		/* ¡¡¡ Aquí usamos, a modo de prueba, la técnica de cajas con bordes redondeados
		sin etiquetas no semánticas, utilizando el javascript cb.js !!! */
		.secondary .cb {
			margin-top: 30px;
		}
			
		.secondary .bt {
			height: 3px;
			margin-left: 3px;
			background: url("../img/box-bt.png") no-repeat top right;
		}
		
		.secondary .bt div {
			position: relative;
			left: -3px;
			width: 3px;
			height: 3px;
			background: url("../img/box-bt.png") no-repeat top left;
			font-size: 0;
			line-height: 0;
		}

			/* Bottom corners and border */
		.secondary .bb {
			height: 4px;
			margin-left: 4px;
			background: url("../img/box-bb.png") no-repeat bottom right;
		}
		.secondary .bb div {
			position: relative;
			left: -4px;
			width: 4px;
			height: 4px;
			background: url("../img/box-bb.png") no-repeat bottom left;
			font-size: 0;
			line-height: 0;
		}

			/* Left border */
		.secondary .i1 {
			padding-left: 1px;
			background: url("../img/box-border.png") repeat-y 0 0;
		}
			/* Right border */
		.secondary .i2 {
			padding-right: 1px;
			background: url("../img/box-border.png") repeat-y 100% 0;
		}
			/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
		.secondary .i3 {
			display: block;
			margin: 0;
			padding: 15px 10px;
			background: #fff url("../img/box-cuerpo-bg.png") repeat-x bottom center;
		}
		.secondary #agencia_teaser .i3 {
			display: block;
			margin: 0;
			padding: 15px 10px;
			background: #fff url("../img/box-cuerpo-bg-2.gif") repeat-x bottom center;
		}
			/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
		.secondary .i3:after {
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
		}
		.secondary .i3 {display:inline-block;}
		.secondary .i3 {display:block;}
		/* fin de cb ------------------------- */

	/* fin de caja de área secundaria */


	
	/* nota informativa en el lateral */
	/*.secondary .contacte p {
		font-weight: bold;
	}*/
	/* fin de nota informativa en el lateral */		
				
				
				
				

/* ************************ fin de CAJAS ****************************** */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* ********************** BENEFICIOS ******************************************************* */
.beneficio {
	width: 100%; /* NECESARIO para IE porque lo declaramos como flotante */
	clear: both;
	float: left; /* para que englobe sus flotantes */
	margin-bottom: 15px;
}

	.beneficio h2 {
		float: left;
		width: 28%;/*
		margin-left: 6%;*/
		display: inline; /* para arreglar el error de margen doble en flotantes de IE6 */
		margin-top: 10px;
		padding: 55px 0 0 0; /* el relleno para dejar espacio por encima para el icono - luego lo sobreescribiremos para casos concretos */
		text-align: right;
		font-size: 135%;
	}
	
	.beneficio .cbb,
	.beneficio .cb {
		float: right;
		width: 70%; /* real: 430px; */
	}
	
		.beneficio .cbb p {
			padding: 20px 10px;
		}
		
		.beneficio .cb p {
			padding: 18px 10px 17px 10px;
		}

	
	
	
	
	
/* TÍTULOS de los beneficios (con sus respectivos iconos) */

#freemium h2 {
	background: url("../img/ico-freemium.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-freemium.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}
#premium h2 {
	background: url("../img/ico-premium.png") no-repeat top right !important;
	background: url("../img/ico-premium.gif") no-repeat top right;
}

#promocion h2 {
	padding-top: 60px; /* por defecto era 55px */
	background: url("../img/ico-promocion.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-promocion.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#sin-exclusividad h2 {
	background: url("../img/ico-sin-exclusividad.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-sin-exclusividad.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#servidor-anuncios h2 {
	background: url("../img/ico-servidor-anuncios.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-servidor-anuncios.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#facturacion h2 {
	padding-top: 50px; /* por defecto era 55px */
	background: url("../img/ico-facturacion.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-facturacion.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#presentacion h2 {
	background: url("../img/ico-presentacion.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-presentacion.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#segmentacion h2 {
	background: url("../img/ico-segmentacion.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-segmentacion.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#gestion-campanas h2 {
	padding-top: 43px; /* por defecto era 55px */
	background: url("../img/ico-gestion-campanas.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-gestion-campanas.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#transparencia h2 {
	padding-top: 48px; /* por defecto era 55px */
	background: url("../img/ico-transparencia.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-transparencia.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#control-presupuesto h2 {
	padding-top: 40px; /* por defecto era 55px */
	background: url("../img/ico-control-presupuesto.png") no-repeat top right !important; /* debido al !important, los navegadores modernos se quedarán con esta línea (con el png), y no con la siguiente */
	background-image: url("../img/ico-control-presupuesto.gif"); /* IE6 y otros navegadores antiguos que no soportan la transparencia PNG (y que tampoco entienden !important), sobreescribirán la línea anterior con esta, quedándose con el gif */ 
}

#anun_comision h2{
padding-top: 65px;
background: transparent url("../img/ico_comision.gif") no-repeat right 15px;
}

#anun_gestion_anun h2{
padding-top: 55px;
background: transparent url("../img/ico_gestanun.gif") no-repeat right 10px;
}

#anun_gestion_soport h2{
padding-top: 68px;
background: transparent url("../img/ico_gestsoport.gif") no-repeat right 10px;
}

#anun_planifica h2{
padding-top: 65px;
background: transparent url("../img/ico_planifica.gif") no-repeat right 10px;
}
#anun_alternativa h2{
padding-top: 65px;
background: transparent url("../img/ico_alterna.gif") no-repeat right 10px;
}
#anun_roi h2{
padding-top: 65px;
background: transparent url("../img/ico_roi.gif") no-repeat right 15px;
}

#net_gestiona h2{
padding-top: 65px;
background: transparent url("../img/ico-gestion-campanas.gif") no-repeat right 15px;
}

#net_gestionb h2{
	margin-top:5px;
padding-top: 55px;
background: transparent url("../img/ico_gestsoport.gif") no-repeat right 0px;
}

#net_optimiza1 h2{
	margin-top:5px;
padding-top: 55px;
background: transparent url("../img/ico_planifica.gif") no-repeat right 0px;
}

#net_optimiza2 h2{
	margin-top:5px;
padding-top: 55px;
background: transparent url("../img/ico_optimizaanun.gif") no-repeat right 0px;
}

#net_conexion h2{
	margin-top:5px;
padding-top: 55px;
background: transparent url("../img/ico_conexion.gif") no-repeat right 0px;
}
#net_flexibility h2{
	margin-top:5px;
padding-top: 55px;
background: transparent url("../img/ico_flexibility.gif") no-repeat right 0px;
}


/* fin de TITULOS de los beneficios */


#net_gestionb .i3 p{
	padding:24px 10px 24px 0;
}


/* fondos degradados (de diferente color) de las cajas de beneficios */

#freemium .cbb,
#freemium .i3,
#anun_comision .cbb,
#anun_comision .i3 {
	background-image: url("../img/box-azul-bg.gif");
}
	
	#freemium .bb,
	#freemium .bb div,
	#anun_comision .bb,
	#anun_comision .bb div {
		background-image: url("../img/box-azul-bottom-bg.png") !important;
		background-image: url("../img/box-azul-bottom-bg.gif");
	}

#premium .cbb,
#premium .i3 {
	background-image: url("../img/box-gris3-bg.gif");
}
	
	#premium .bb,
	#premium .bb div {
		background-image: url("../img/box-gris3-bottom-bg.png") !important;
		background-image: url("../img/box-gris3-bottom-bg.gif");
	}
	
	
#promocion .cbb,
#promocion .i3,
#anun_alternativa .cbb,
#anun_alternativa .i3 {
	background-image: url("../img/box-verde-bg.gif");
}
	
	#promocion .bb,
	#promocion .bb div,
	#anun_alternativa .bb,
	#anun_alternativa .bb div {
		background-image: url("../img/box-verde-bottom-bg.png") !important;
		background-image: url("../img/box-verde-bottom-bg.gif");
	}

	
	
#facturacion .cbb,
#facturacion .i3 {
	background-image: url("../img/box-gris-bg.gif");
}
	
	#facturacion .bb,
	#facturacion .bb div {
		background-image: url("../img/box-gris-bottom-bg.png") !important;
		background-image: url("../img/box-gris-bottom-bg.gif");
	}


	
#servidor-anuncios .cbb,
#servidor-anuncios .i3 {
	background-image: url("../img/box-rosa-bg.gif");
}

	#servidor-anuncios .bb,
	#servidor-anuncios .bb div {
		background-image: url("../img/box-rosa-bottom-bg.png") !important;
		background-image: url("../img/box-rosa-bottom-bg.gif");
	}


#sin-exclusividad .cbb,
#sin-exclusividad .i3,
#net_conexion .cbb,
#net_conexion .i3{
	background-image: url("../img/box-amarillo-bg.gif");
}

	#sin-exclusividad .bb,
	#sin-exclusividad .bb div,
	#net_conexion .bb,
	#net_conexion .bb div{
		background-image: url("../img/box-amarillo-bottom-bg.png") !important;
		background-image: url("../img/box-amarillo-bottom-bg.gif");
	}


#presentacion .cbb,
#presentacion .i3,
#net_gestiona .cbb,
#net_gestiona .i3{
	background-image: url("../img/box-rosa-bg.gif");
}
	#presentacion .bb,
	#presentacion .bb div,
	#net_gestiona .bb,
	#net_gestiona .bb div{
		background-image: url("../img/box-rosa-bottom-bg.png") !important;
		background-image: url("../img/box-rosa-bottom-bg.gif");
	}


#segmentacion .cbb,
#segmentacion .i3 {
	background-image: url("../img/box-verde2-bg.gif");
}

	#segmentacion .bb,
	#segmentacion .bb div {
		background-image: url("../img/box-verde2-bottom-bg.png") !important;
		background-image: url("../img/box-verde2-bottom-bg.gif");
	}

	
#gestion-campanas .cbb,
#gestion-campanas .i3,
#anun_gestion_anun .cbb,
#anun_gestion_anun .i3,
#net_optimiza2 .cbb,
#net_optimiza2 .i3{
	background-image: url("../img/box-marron-bg.gif");
}


	#gestion-campanas .bb,
	#gestion-campanas .bb div,
	#anun_gestion_anun .bb,
	#anun_gestion_anun .bb div,
	#net_optimiza2 .bb,
	#net_optimiza2 .bb div{
		background-image: url("../img/box-marron-bottom-bg.png") !important;
		background-image: url("../img/box-marron-bottom-bg.gif");
	}

	
#transparencia .cbb,
#transparencia .i3,
#anun_planifica .cbb,
#anun_planifica .i3,
#net_optimiza1 .cbb,
#net_optimiza1 .i3{
	background-image: url("../img/box-azul2-bg.gif");
}

	#transparencia .bb,
	#transparencia .bb div,
	#anun_planifica .bb,
	#anun_planifica .bb div,
	#net_optimiza1 .bb,
	#net_optimiza1 .bb div{
		background-image: url("../img/box-azul2-bottom-bg.png") !important;
		background-image: url("../img/box-azul2-bottom-bg.gif");
	}

	
#control-presupuesto .cbb,
#control-presupuesto .i3,
#anun_roi .cbb,
#anun_roi .i3,
#net_flexibility .cbb,
#net_flexibility .i3{
	background-image: url("../img/box-gris2-bg.gif");
}

	#control-presupuesto .bb,
	#control-presupuesto .bb div,
	#anun_roi .bb,
	#anun_roi .bb div,
	#net_flexibility .bb,
	#net_flexibility .bb div{
		background-image: url("../img/box-gris2-bottom-bg.png") !important;
		background-image: url("../img/box-gris2-bottom-bg.gif");
	}


/* fin de fondos degradados */




/* ********************* fin de BENEFICIOS ************************************************* */