/* estilos específicos para la sección FAQ de Coguan AdShare Beta 
-------------------------------------------------------------------------- */


/* importamos las otras hojas de estilo necesarias */
@import url("layout.css");
@import url("style1.css");
@import url("elementos.css");
@import url("faq-print.css") print; /* algunos estilos para vista de impresión */
/* fin de importación */



#content.cols1 .main {
	width: auto; /* necesario porque en caso contrario toma el ancho de 990px de layout.css */
	padding: 20px 280px 20px 25px;
	background-repeat: no-repeat;
	background-position: 99% 30px;
	min-height: 350px; /* altura mínima para que en las páginas con poco texto el pie no esté tan arriba */
}

	/* PARCHE para IE6, que no entiende min-height, pero que trata height como si fuera min-height */
	* html #content.cols1 .main {
		height: 350px;
	}
	/* fin de PARCHE para IE6 */


	
/* fondos de páginas específicas */
#faq-general #content .main {
	background-image: url("../img/faq-general.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/faq-general.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}

#faq-mi_cuenta #content .main {
	background-image: url("../img/faq-mi_cuenta.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/faq-mi_cuenta.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}

#faq-marketplace #content .main {
	background-image: url("../img/faq-marketplace.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/faq-marketplace.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}

#faq-soporte #content .main {
	background-image: url("../img/faq-soporte.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/faq-soporte.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}

#faq-anunciante #content .main {
	background-image: url("../img/faq-anunciante.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/faq-anunciante.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}
/* fin de fondos de páginas específicas */
	
	
	
	

/* tenemos que restringirlo a los p y li dentro de #content, porque en caso
contrario afectará a los li de la navegación */
#content p,
#content li {
	text-align: justify;
	line-height: 1.4em;
}



.box .inner2 {
	padding-bottom: 20px;
}

.box h2 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}



/* **************** NAVEGACIÓN *********************************** */

/* ajustamos a las necesidades específicas de esta sección los valores de la barra de navegación
general del style1 */
#nav {
	width: 970px;
	margin: 0 auto;
}

	#nav li {
		width: 194px;
	}
	
	
	/* excepción: última pestaña */
	#nav #p-anunciante {
		position: relative;
		right: -4px; /* para que cuando la pestaña está seleccionada se tape completamente el borde redondeado de la barra de navegación */
	}
	/* fin de última pestaña */
	
	
	#nav #p-general a {
		text-align: left;
		padding-left: 25px;
	}
	
	#nav #p-mi_cuenta a {
		text-align: center;
	}
	
	#nav #p-marketplace a {
		text-align: center;
	}
	
	#nav #p-soporte a {
		text-align: center;
	}
	
	#nav #p-anunciante a {
		text-align: right;
		padding-right: 27px;
	}
		
/* **************** fin de NAVEGACIÓN *********************************** */











/* ************* FAQ's *********************** */


/* clase que el JavaScript aplicará dinámicamente a los elementos que 
corresponda (que se quiera ocultar) */
.hide_box {
	display: none;
}



/* cada caja es una lista de definición */
dl {
	margin-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #3c6aa8;
}

	dl dt {
		font-size: 105%;
		font-weight: bold;
		cursor: pointer;
	}
	
	dl dd {
		margin-bottom: 15px;
	}
	
		dl ul,
		dl ol {
			margin-left: 20px;
			margin-top: 15px;
		}
		
		dl ul {
			list-style-type: disc;
		}
		
			dl ul li {
				margin-bottom: 0.5em;
			}
		
				/* para listas anidadas */
				dl ul ul {
					margin-top: 0;
				}
				
					dl ul ul li {
						margin-bottom: 0;
					}
				dl ol ol{
				list-style-type:lower-latin;
				margin-left: 40px;
			margin-top: 0px;
				}

	
/* secciones de las FAQ's (aplica sólo en Soporte y Anunciante) */
.faq-seccion {
	margin-top: 5px;
}

.faq-seccion h1 {
	font-size: 120%;
	cursor: pointer;
}


	/* titulares de las secciones (para su diseño de caja usamos el script cb.js) */
	.faq-seccion .cbb {
		padding: 8px 0 2px 5px;
		background: #fff url("../img/box-verde2-bg-small.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 !!! */
			
		.faq-seccion .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");
		}
		
		.faq-seccion .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.gif");
			font-size: 0;
			line-height: 0;
		}

			/* Bottom corners and border */
		.faq-seccion .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");
		}
		.faq-seccion .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. */
		.faq-seccion .i3 {
			display: block;
			margin: 0;
			padding: 5px 0 0 5px;
			background: #fff url("../img/box-verde2-bg-small.gif") repeat-x bottom center;
		}
			/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
		.faq-seccion .i3:after {
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
		}
		.faq-seccion .i3 {display:inline-block;}
		.faq-seccion .i3 {display:block;}
		/* fin de cb ------------------------- */

		
	
	/* titulares de cada sección */
	#faq-vender_anuncios .cbb {
		background-image: url("../img/box-rosa-bg-small.gif");
	}
	
	#faq-vender_anuncios .bb {
		background-image: url("../img/box-rosa-bottom-bg.png") !important;
		background-image: url("../img/box-rosa-bottom-bg.gif");
	}
	
	#faq-vender_anuncios .bb div {
		background-image: url("../img/box-rosa-bottom-bg.png") !important;
		background-image: url("../img/box-rosa-bottom-bg.gif");
	}
	
	#faq-vender_anuncios .i3 {
		background-image: url("../img/box-rosa-bg-small.gif");
	}
	
	
	
	#faq_facturacion .cbb {
		background-image: url("../img/box-azul-bg-small.gif");
	}
	
	#faq_facturacion .bb {
		background-image: url("../img/box-azulmio-bottom-bg.gif") !important;
	}
	
	#faq_facturacion .bb div {
		background-image: url("../img/box-azulmio-bottom-bg.gif") !important;
	}
	
	#faq_facturacion .i3 {
		background-image: url("../img/box-azul-bg-small.gif");
	}
	
	/* fin de titulares de cada sección */


/* fin de secciones de las FAQ's */
	

/*         enlace a PDF en las FAQ **********************/

.faq-seccion dl dd p a.pdf{
background: transparent url("../img/pdf2icon.gif") no-repeat right 4px;
padding:0 35px 0 0;
}
.faq-seccion dl dd p a, .faq-seccion dl dd p a:hover, .faq-seccion dl dd p a:active, .faq-seccion dl dd p a:visited{
color:#ef402a;
cursor:pointer;
text-decoration:underline;
}
.faq-seccion dl dd p span.kb{
padding:0 0 0 10px;
text-decoration:none;
color:#ef402a;
font-size:85%;
}


/* ************* fin de FAQ's *********************** */




/******** PRESS *******************/


#press_nav{
text-align:center;
width:98%;
padding:0 1% 0 1%;/*
background-color:#009966;*/
}
#press #content .main {
background-image:url(../img/AdshareBeta_Prensa.gif);
}
.date{
display:block;
font-size:10px;
font-weight:normal;
padding:5px 0 2px 0;
}

.date strong{

font-size:11px;
font-weight:bold;
margin:0 0 0 20px;
}

.title{
display:block;
padding:0px 0 6px 0;
font-size: 110%;
		font-weight: bold;
}
#press #content .main li{
position:relative;
border-bottom:#3c6aa8 solid 1px;
padding:5px 0 20px 0;
min-height:120px;
}
* html #press #content .main li{
height:120px;
}
#press #content .main li img{
float:right;
display:inline;
margin:30px 0 0 15px;
border:none;
}


.faq-seccion .plusinfo{
position:absolute;
right:132px;
bottom: 18px;
display:block;
/*margin:0px 132px 0 0;*/
text-align:right;
color:#ef402a;
cursor:pointer;
text-decoration:none;
font-size:85%;
}
.faq-seccion .subir{
position:absolute;
right:0px;
bottom: 3px;
display:block;
/*margin:0px 132px 0 0;*/
text-align:right;
color:#ef402a;
cursor:pointer;
text-decoration:none;
font-size:85%;
}
.faq-seccion .plusinfo a, .faq-seccion .plusinfo a:hover, .faq-seccion .plusinfo a:active, .faq-seccion .plusinfo a:visited,
.faq-seccion .subir a, .faq-seccion .subir a:hover, .faq-seccion .subir a:active, .faq-seccion .subir a:visited{
color:#ef402a;
cursor:pointer;
text-decoration:underline;
font-size:85%;
}
.faq-seccion .subir a, .faq-seccion .subir a:hover, .faq-seccion .subir a:active, .faq-seccion .subir a:visited{
background: transparent url("../img/subir.png") no-repeat center right;
padding:0 18px 0 0;
}
* html .faq-seccion .subir a, * html .faq-seccion .subir a:hover, * html .faq-seccion .subir a:active, * html .faq-seccion .subir a:visited{
background: transparent url("../img/subir.gif") no-repeat center right;
}
.faq-seccion .plusinfo a.pdf{
background: transparent url("../img/pdf2icon.gif") no-repeat center right;
padding:0 30px 0 0;
text-decoration:none;
}

.faq-seccion span.open{
float:right;
display:inline;
width:28px;
height:20px;
background: transparent url("../img/mas_open.png") no-repeat center left !important;
background: transparent url("../img/mas_open.gif") no-repeat center left;
}
.faq-seccion span.close{
float:right;
display:inline;
width:28px;
height:20px;
background: transparent url("../img/menos_close.png") no-repeat center left !important;
background: transparent url("../img/menos_close.gif") no-repeat center left;
}

/* titulares para prensa digital */
	#digital_press .cbb {
		background-image: url("../img/box-azul-bg-small.gif");
	}
	
	#digital_press .bb {
		background-image: url("../img/box-azulmio-bottom-bg.gif") !important;
	}
	
	#digital_press .bb div {
		background-image: url("../img/box-azulmio-bottom-bg.gif") !important;
	}
	
	#digital_press .i3 {
		background-image: url("../img/box-azul-bg-small.gif");
	}



/******** FIN de PRESS *******************/