/*

Definicion del formato de presentacion general para
el sitio web de Dynamo Capital
Autor: Carlos Caicedo - carlos (en) lacapsula (punto) com
Fecha: 26 de noviembre de 2007
Version: 1.0

*/

/*Reseteamos todo*/
@import 'reset.css';
/*Ahora se puede trabajar bien*/

body
{
	background:#000000;
	text-align:center;
	line-height:1.25em;
}
body,
input,
select,
textarea,
button
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#000000;
}
strong
{
	font-weight:bold;
}
em
{
	font-style:italic;
}
a
{
	color:#000000;
}
a:hover
{
	color:#FF3300;
}

/*

Primero, las caracteristicas comunes para el sitio web

*/

#marcoPagina
{
	text-align:left;
	margin:0 auto 0 auto;
	width:992px;
	position:relative;
}
	#pagina
	{
		float:left;
		clear:both;
		width:986px;
		padding:0 2px 0 2px;
		background:url("../imgs/pagina-f.jpg") bottom left repeat-x #231F20;
	}
	/*Arranca el Hack-box*/
	#pagina
	{
		voice-family: "\"}\"";
		voice-family: inherit;
		width:992px; /*Para el ie60*/
	}
		html>body div#pagina
		{
			width:992px;/*Para el firefox*/
		}
	/*Termina el Hack-box*/
		#marcoCabezote,
		#marcoContenidos,
		#promocional,
		#contenidos,
		#marcoPie
		{
			float:left;
			clear:both;
			width:992px;
			position:relative;
		}
			#marcoCabezote,
			#promocional,
			#marcoPie
			{
				display:block;
			}

/*

Ahora, las caracteristicas propias para cada uno

*/

#marcoPagina
{
	text-align:left;
	margin:0 auto 0 auto;
}
	#pagina
	{
	}
		#marcoCabezote
		{
			height:186px;
			background:url("../imgs/encabezado-f.gif") 0 0;
		}
			#marcoCabezote h1
			{
				position:absolute;
				left:31px;
				top:27px;
			}
				#marcoCabezote h1 a
				{
					width:280px;
					height:111px;
					display:block;
					text-indent:-9000px;
					background:url("../imgs/logo-dynamo.png");
				}
			#navegacionGeneral
			{
				position:absolute;
				right:0;
				top:45px;
			}
				#navegacionGeneral ul
				{
					list-style-type:none;
				}
			#navegacionGlobal
			{
				position:absolute;
				left:320px;
				top:140px;
			}
				#navegacionGlobal ul
				{
					list-style-type:none;
				}
					#navegacionGlobal ul li
					{
						float:left;
					}
		#marcoContenidos
		{
			background:#ECE5D1;
		}
			#promocional
			{
				float:left;
				clear:both;
				height:270px;
			}
				#promocional p
				{
					margin-top:8px;
					margin-left:23px;
					font-size:0.85em;
				}
			#contenidos
			{
				float:left;
				clear:both;
				margin:15px 0 15px 0;
				padding:20px 50px 20px 85px;
				background:url("../imgs/contenidos-f.gif") 0 0 repeat-y;
			}
			/*Arranca el Hack-box*/
			#contenidos
			{
				voice-family: "\"}\"";
				voice-family: inherit;
				width:857px; /*Para el ie60*/
			}
				html>body div#contenidos
				{
					width:857px;/*Para el firefox*/
				}
			/*Termina el Hack-box*/
				#contenidoPrincipal
				{
					float:left;
					width:574px;
					padding:0 40px 0 0;
				}
				/*Arranca el Hack-box*/
				#contenidoPrincipal
				{
					voice-family: "\"}\"";
					voice-family: inherit;
					width:534px; /*Para el ie60*/
				}
					html>body div#contenidoPrincipal
					{
						width:534px;/*Para el firefox*/
					}
				/*Termina el Hack-box*/
				#camino
				{
				}
				#contenidoSecundario
				{
					float:left;
					width:283px;
					padding:0 0 0 20px;
				}
				/*Arranca el Hack-box*/
				#contenidoSecundario
				{
					voice-family: "\"}\"";
					voice-family: inherit;
					width:263px; /*Para el ie60*/
				}
					html>body div#contenidoSecundario
					{
						width:263px;/*Para el firefox*/
					}
				/*Termina el Hack-box*/
		#marcoPie
		{
			height:170px;
			background:url("../imgs/pie-f.gif") 0 0;
		}
			#navegacionGeneralPie
			{
				position:absolute;
				left:40px;
				top:25px;
			}
			#navegacionGlobalPie
			{
				position:absolute;
				right:40px;
				top:40px;
			}

/*

Definicion de los elementos de interaccion

*/

#navegacionGeneral ul li
{
	float:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
}
	#navegacionGeneral ul li a
	{
		color:#F78E1E;
		font-size:0.75em;
		text-decoration:none;
	}
		#navegacionGeneral ul li a:hover
		{
			text-decoration:underline;
		}

#navegacionGlobal ul li
{
	float:left;
}
	#navegacionGlobal ul li a
	{
		text-indent:-9000px;
		background-image:url("../imgs/navegacion_global-ver2.gif");
		height:38px;
		display:block;
	}
	#navegacionGlobal ul li#inicial a
	{
		background-position:0 -38px;
		width:56px;
	}
		#navegacionGlobal ul li#inicial a:hover
		{
			background-position:0 -76px;
		}
		#navegacionGlobal ul li#inicial a.actual,
		#navegacionGlobal ul li#inicial a.actual:hover
		{
			background-position:0 0;
		}
	#navegacionGlobal ul li#quienes a
	{
		background-position:-56px -38px;
		width:75px;
	}
		#navegacionGlobal ul li#quienes a:hover
		{
			background-position:-56px -76px;
		}
		#navegacionGlobal ul li#quienes a.actual,
		#navegacionGlobal ul li#quienes a.actual:hover
		{
			background-position:-56px 0;
		}
	#navegacionGlobal ul li#inversiones a
	{
		background-position:-130px -38px;
		width:143px;
	}
		#navegacionGlobal ul li#inversiones a:hover
		{
			background-position:-130px -76px;
		}
		#navegacionGlobal ul li#inversiones a.actual,
		#navegacionGlobal ul li#inversiones a.actual:hover
		{
				background-position:-130px 0;
		}
	#navegacionGlobal ul li#proyectosInversion a
	{
		background-position:-273px -38px;
		width:122px;
	}
		#navegacionGlobal ul li#proyectosInversion a:hover
		{
			background-position:-273px -76px;
		}
		#navegacionGlobal ul li#proyectosInversion a.actual,
		#navegacionGlobal ul li#proyectosInversion a.actual:hover
		{
			background-position:-273px 0;
		}
	#navegacionGlobal ul li#proyectos a
	{
		background-position:-395px -38px;
		width:103px;
	}
		#navegacionGlobal ul li#proyectos a:hover
		{
			background-position:-395px -76px;
		}
		#navegacionGlobal ul li#proyectos a.actual,
		#navegacionGlobal ul li#proyectos a.actual:hover
		{
			background-position:-395px 0;
		}
	#navegacionGlobal ul li#equipo a
	{
		background-position:-498px -38px;
		width:72px;
	}
		#navegacionGlobal ul li#equipo a:hover
		{
			background-position:-498px -76px;
		}
		#navegacionGlobal ul li#equipo a.actual,
		#navegacionGlobal ul li#equipo a.actual:hover
		{
			background-position:-498px -0px;
		}
	#navegacionGlobal ul li#enlaces a
	{
		background-position:-570px -38px;
		width:63px;
	}
		#navegacionGlobal ul li#enlaces a:hover
		{
			background-position:-570px -76px;
		}
		#navegacionGlobal ul li#enlaces a.actual,
		#navegacionGlobal ul li#enlaces a.actual:hover
		{
			background-position:-570px 0;
		}

#navegacionGeneralPie ul
{
	list-style-type:none;
}
	#navegacionGeneralPie ul li
	{
		float:left;
		font-size:0.75em;
		margin-left:7px;
	}
		#navegacionGeneralPie a:hover,
		#navegacionGlobalPie a:hover,
		{
			text-decoration:none;
			color:#000000;
		}
		
#navegacionGeneralPie p
{
	position:absolute;
	left:7px;
	top:30px;
	font-size:0.6em;
}
#navegacionGlobalPie ul
{
	list-style-type:none;
}
	#navegacionGlobalPie ul li
	{
		float:left;
		font-size:0.75em;
		margin-right:10px;
	}
		#navegacionGlobalPie ul li a
		{
		}


#camino p
{
	font-size:0.75em;
	color:#663300;
}
	#camino p a
	{
		color:#663300;
	}
		#camino p a:hover
		{
			color:#000000;
		}

form table
{
	margin-left:40px;
	width:500px;
}
	form table label.anchoSencillo
	{
		width:160px;
		display:block;
	}
	table td
	{
		padding-bottom:10px;
	}

	input,
	textarea
	{
		color:#333333;
		padding:2px 3px 2px 3px;
		border-width:1px;
	}
		table input
		{
			width:315px;
		}
		table textarea
		{
			width:480px;
			height:150px;
		}
	tfoot td
	{
		text-align:center;
	}
		tfoot td button
		{
			font-size:1em;
			font-weight:bold;
		}

/*

Formato de presentacion para los contenidos del sitio web

*/

#contenidoPrincipal h2
{
	color:#2D302E;
	background:url("../imgs/vin-titulo.gif") 0 0 no-repeat;
	padding:3px 0 10px 41px;
	font-size:1.75em;
	line-height:1em;
}
#contenidoPrincipal h3
{
	color:#2D302E;
	padding:5px 0 10px 41px;
	font-size:1.5em;
	line-height:1em;
}
#contenidoPrincipal p
{
	margin-left:40px;
	line-height:1.25em;
	margin-bottom:1.5em;
}
	#contenidoPrincipal p.vinculoContinuar a,
	#contenidoSecundario p.vinculoContinuar a
	{
		padding:0 0 0 30px;
		background:url("../imgs/vin-continuar.gif") left bottom no-repeat;
		height:20px;
		display:block;
	}
	#contenidoPrincipal p img.foto
	{
		float:left;
		margin:5px 15px 15px 10px;
	}
#contenidoPrincipal ul
{
	margin-left:60px;
}
	#contenidoPrincipal li
	{
		margin-bottom:0.75em;
	}

	#contenidoPrincipal li p
	{
		margin:0;
	}



#contenidoSecundario h3
{
	color:#4D4A3D;
	background:url("../imgs/vin-subtitulo.gif") 0 0 no-repeat;
	padding:0 0 0 24px;
	font-size:1.3em;
	margin-top:6px;
}
#contenidoSecundario h4
{
	margin-top:20px;
}
#contenidoSecundario p
{
	color:#4D4A3D;
	margin-left:24px;
	margin-bottom:1em;
	font-size:0.8em;
}


#contenidoPrincipal div.ddsg-wrapper {
	padding-left:42px;
}


#contenidoPrincipal div.ddsg-wrapper ul{
	margin:0;
	padding-left:0px;
	list-style-type:none;
}

	div.ddsg-wrapper ul li {
		font-weight:bold;
		font-size:0px;
		color:#ECE5D1;
	}

	div.ddsg-wrapper ul li a{
		font-weight:normal;
	}

	div.ddsg-wrapper ul li ul {
		list-style-type:none;
		padding-left:0px;
		color:#000;
	}

	div.ddsg-wrapper ul li ul li {
		font-size:12px;
		color:#000;
	}

	div.ddsg-wrapper ul li ul li ul li {
		list-style-type:disc;
		list-style-position:inside;
		padding-left:20px;
	}