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


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




#content {
	position: relative; /* lo posicionamos para que el área de foto y logos de las páginas de inversores,
	que están posicionados absolutamente, se posicionen respecto a este elemento y no al elemento raíz */
	margin-top: 25px;
	margin-left: 25px;
	margin-bottom: 20px;
	min-height: 400px;
}

	/* hack para IE6, que no entiende min-height */
	* html #content {
		height: 400px; /* en IE6 height se trata como min-height */
	}
	/* fin de hack para IE6 */




/* establecemos los anchos para el layout .cols2b definido en layout.css */
#content.cols2b .main {
	width: 500px;
}

#content.cols2b .secondary {
	width: 444px;
}
/* ------------------------------------------------- */





/* lo mismo hacemos para el layout .cols2a --------------------------- */
#content.cols2a .main {
	width: 800px;
}

#content.cols2a .secondary {
	/*background: yellow;*/
/*	min-height: 300px;*/
}
/* ------------------------------------------------- */






/* sobreescribimos, para la página de "historia", los anchos establecidos anteriormente;
porque esta página tiene el mismo layout pero los anchos de las columnas son diferentes */
#historia #content.cols2b .main {
	width: 700px;
}

#historia #content.cols2b .secondary {
	width: 210px;
}
/* -------------------------------------------------- */


p {
	text-align: justify;
}
p.conlogo{
height:auto;
overflow:visible;
margin:30px 0 0 0;
}
img.logo {
float:right;
display:inline;
vertical-align:baseline;
margin:-10px 0 0 0;
}


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

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

p.intro {
	margin: 0;
	margin-bottom: 25px;
}


/* 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 #p-sobre-coguan {
		width: 160px;
	}
	
	#nav #p-inversores {
		width: 190px;
	}
	
	#nav #p-consejo {
		width: 250px;
	}
	
	#nav #p-equipo {
		width: 220px;
	}
	
	#nav #p-historia {
		width: 150px;
		position: relative;
		right: -2px; /* para que cuando la pestaña está seleccionada se tape completamente el borde redondeado de la barra de navegación */
	}
	
	
	#nav #p-sobre-coguan a {
		text-align: left;
		padding-left: 15px;
	}
	
	#nav #p-inversores a {
		text-align: center;
	}
	
	#nav #p-consejo a {
		text-align: center;
	}
	
	#nav #p-equipo a {
		text-align: center;
	}
	
	#nav #p-historia a {
		text-align: right;
		padding-right: 17px;
	}
		

/* fin de navegación */








/* vídeo promocional de la primera página sobre coguan */
#video-promocional {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	height: 300px;
	border: 2px solid #fff;
}
/* fin de vídeo promocional */








/* Galería fotos Flickr */
	/* Las imágenes son envueltas en divs clasificadas como "flickr_badge_image" con ids "flickr_badge_imageX" donde "X" es un número entero especificando una posición ordinaria. */
#flickr_badge_uber_wrapper {
	text-align:center; 
}

.flickr_badge_image {
	margin-bottom: 10px;
}

.flickr_badge_image img {
	width: 180px;
	height: auto;
	border: 1px solid #fff;;
}

#flickr_www {
	display:block; 
	padding:0 10px 0 10px !important; 
	font: 11px Arial, Helvetica, sans-serif !important; 
	color:#3993ff !important;
}
/* fin de Galería fotos Flickr */








/* CAJAS DE INFORMACIÓN SOBRE INVERSORES, EQUIPO, ... *********************** */


/* 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 {
	padding-right: 100px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3c6aa8;
}

	dl dt {
		font-size: 105%;
		cursor: pointer;
	}
	
	dl dd {
		margin-bottom: 15px;
	}
	
		dl dd p {
			text-align: left;
		}
	
	
	/* posicionamos la parte de la foto y logotipos sobre la columna izquierda del content */
	/* para que esto funcione bien, hemos posicionado (más arriba en este css)
	relativamente el elemento #content, para que la foto y logos se posicionen 
	con respecto a este elemento y no al elemento raíz */
	dl .img {
		position: absolute;
		top: 0;
		left: 5px;
	}
	
		dl .img img {
			border: none;
		}


/* fin de CAJAS DE INFORMACIÓN SOBRE INVERSORES, EQUIPO, ... */