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


h1 {
	font-size: 140%;
	color:#3c6aa8;
	font-weight: bold;
	margin:20px 0 10px 0;
}
a {
	color: #3c6aa8;
	outline:none;
}
p.intro{
font-size: 120%;
	color:#3c6aa8;
	margin:0px 0 5px 5px;
}







p.separator{
	border-bottom: 1px solid #3c6aa8;
		margin:20px 10px 5px 0px;
}


p.address{
font-size: 120%;
	color:#3c6aa8;
	margin:0px 0 15px 0px;
}
p.address a img{
display:block;
margin:2px 0 0 0;
border:none;
}



/* ************* FAQ's y TUTORIAL *********************** */

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

	dl dt {
		font-size: 140%;
		font-weight: bold;
		cursor: pointer;
	}
	
	dl dt span.sup{
	font-size:11px;
	margin:-2px 0 0 2px;
	vertical-align:top;
	display:inline-block; /* sin esta propiedad, el margen superior no se aplica */
	}
	dl dd span.sup{
	font-size:9px;
	margin:-1px 0 0 1px;
	vertical-align:top;
	display:inline-block; /* sin esta propiedad, el margen superior no se aplica */
	}
	
	dl dd {
		margin:10px 0 0px 0;
		font-size:120%;
		height:auto;
		overflow:hidden;
	}
	* html dl dd{
	height:1%;
	}
	
	dl dd p{
		margin:0 0 15px 0;
	}
	dl dd ol{
		margin:-5px 0 15px 20px;
		list-style:inside;
		list-style-type:decimal;
	}
	dl dd ol li{
		margin:0px 0 10px 0;
	}
	span.sup{
	font-size:9px;
	
	display:inline-block;
	height:12px;
	line-height:12px;
	vertical-align:top;
	margin:-1px 0 0 1px;
	}
	
	dl dd .contentobject{
	display:inline;
	float:left;
	margin:-2px 15px 10px 0;
	}
	
		dl ul,
		dl ol {
			margin-left: 20px;
			margin-bottom: 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;
				}


/******  hasta aqui comun para FAQ y Tutorial  *******/


/****** CONTACTO  ***********/

div.map{
	display:inline;
	font-size:1px;
	float:left;
	margin:20px 20px 0 0;
	border:#FFF 1px solid;
}
p.introcontact {
		width: auto;
		margin: 15px 500px 20px 0px;
		text-align: justify;
		font-size: 120%;
		color: #000;
	}
	
.coguanbox{
float:left;
display:inline;
	margin:20px 0 0px 0;
	}
	
.box-left{
float:left;
display:inline;
	margin:20px 0 0px 0;
/*			background: #ecf3fb url("../img/bg-coguanbox.gif") repeat-x top center;
*/
	}
.box-right{
float:right;
display:inline;
	margin:20px 30px 0px 0;
/*			background: #ecf3fb url("../img/bg-coguanbox-2.gif") repeat-x top center;
*/	}
	
.coguanbox h1{
width:234px;
font-size:160%;
	color:#ef402a;
	/*	background: #ecf3fb url("../img/bg-h1-blue.gif") repeat-x top center;
	border: 1px solid #bfcad8;*/
	padding:5px 0 5px 112px;
		margin:0px 0 0px 0;
}
.coguanbox a{
text-decoration:none;
}
.coguanbox table{
	/*border-right: 1px solid #bfcad8;
	border-left: 1px solid #bfcad8;*/
}
.coguanbox table tr.spacer{
font-size:1px;
}
.coguanbox table td{
width:210px;
vertical-align:top;
padding:5px 20px 0 0;
border:0;
/*background-color:#00CC66;
*/}
.coguanbox table td.img{
width:90px;
text-align:right;
padding:5px 10px 0 10px;

}
.coguanbox .cierracaja{
width:348px;
font-size:1px;
height:5px;
/*		background: transparent url("../img/bg-coguanbox-bottom.gif") no-repeat bottom left;
*/}
.coguanbox .cierracaja .inner{
font-size:1px;
float:right;
display:inline;
width:20px;
height:5px;
/*		background: transparent url("../img/bg-coguanbox-bottom.gif") no-repeat bottom right;
*/
}


/****** FIN CONTACTO  ***********/

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

#faq-primero{
margin-top: 20px;
}

.faq-seccion h1 {
	font-size: 140%;
	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: #ecf3fb 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;
			overflow:hidden;
		}
			/* 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-primero .cbb {
		background-image: url("../img/box-rosa-bg-small.gif");
	}
	
	#faq-primero .bb {
		background-image: url("../img/box-rosa-bottom-bg.png") !important;
		background-image: url("../img/box-rosa-bottom-bg.gif");
	}
	
	#faq-primero .bb div {
		background-image: url("../img/box-rosa-bottom-bg.png") !important;
		background-image: url("../img/box-rosa-bottom-bg.gif");
	}
	
	#faq-primero .i3 {
		background-image: url("../img/box-rosa-bg-small.gif");
	}
	
	
	
	#faq-tercero .cbb {
		background-image: url("../img/box-azul-bg-small.gif");
	}
	
	#faq-tercero .bb {
		background-image: url("../img/box-azulmio-bottom-bg.gif") !important;
	}
	
	#faq-tercero .bb div {
		background-image: url("../img/box-azulmio-bottom-bg.gif") !important;
	}
	
	#faq-tercero .i3 {
		background-image: url("../img/box-azul-bg-small.gif");
	}
	
	
	#faq-cuarto .cbb {
		background-image: url("../img/box-grey-bg-small.gif");
	}
	
	#faq-cuarto .bb {
		background-image: url("../img/box-grey-bottom-bg.gif") !important;
	}
	
	#faq-cuarto .bb div {
		background-image: url("../img/box-grey-bottom-bg.gif") !important;
	}
	
	#faq-cuarto .i3 {
		background-image: url("../img/box-grey-bg-small.gif");
	}
	
	/* fin de titulares de cada sección */

.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;
}


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

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

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


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