/*

general.css : Caracteristicas generales para el sitio web
Version: 1.0 -  26 de Marzo de 2008
Sitio web: www.kuyban.com

Codificacion css y xhtml
- Carlos Julio Caicedo
- carlos(a)lacapsula(,)com

Tipo de licenciamiento
Licencia Reconocimiento-Compartir bajo la misma licencia 2.5
http://creativecommons.org/licenses/by-sa/2.5/co/

*/

/*Llamamos las caracteristicas comunes*/
@import 'general.css';
/*Todo listo*/


/*
Caracteristicas comunes para el sitio web
*/



/* [Presentacion y alineacion de elementos] */

body
{
	background-color:#5C0318;
}

#marcoPagina
{
	width:844px;
}
	#pagina
	{
		float:left;
		clear:both;
		background:url("../imgs/cabezote-f.png") 0 0 no-repeat;
		position:relative;
		display:block;
		width:844px;
		height:592px;
	}
		#marcoContenidos,
		#marcoNavegacion
		{
			position:absolute;
			display:block;
		}
			#marcoContenidos
			{
				left:70px;
				top:67px;
			/*	width:678px;
				height:487px;
				background:url("../imgs/pagina-f.png") 0 0 no-repeat;*/
				width:757px;
				height:541px;
				background:url("../imgs/pagina-f-2.png") 0 0 no-repeat;
				z-index:1;
			}
				#contenidoSecundario,
				#contenidoPrincipal
				{
					position:absolute;
				}
					#contenidoSecundario
					{
						left:80px;
						top:67px;
					}
					#contenidoPrincipal
					{
						position:relative;
						width:400px;
						height:340px;
						display:block;
						left:270px;
						top:120px;
					}

						#contenidos {
							width:400px;
							height:340px;
							overflow:auto;
							position:relative;
						}

			#marcoNavegacion
			{
				left:100px;
				top:600px;
				width:661px;
				height:50px;
				z-index:10;
			}

/* [/Presentacion y alineacion de elementos] */

/* [Barra de navegacion general] */

#marcoNavegacion ul
{
	list-style-type:none;
	width:661px;
	height:50px;
	position:relative;
	z-index:10;
}
	#marcoNavegacion li
	{
		position:absolute;
		top:0;
		z-index:10;
	}

#marcoNavegacion li a {
	background-image:url(../imgs/botoneskuyban.jpg);
	background-repeat:no-repeat;
	display:block;
	height:50px;
	text-indent:-9000px;
	z-index:10;
}

#marcoNavegacion li#manifiesto {
	left:104px;
}

#marcoNavegacion li#manifiesto a {
	background-position:-75px -45px;
	width:113px;
}

	#marcoNavegacion li#manifiesto a:hover {
		background-position:-75px -92px;
	}

	#marcoNavegacion li#manifiesto a:active {
		background-position:-75px -139px;
	}

	#marcoNavegacion li#manifiesto a.activo {
		background-position:-75px 0;
	}

#marcoNavegacion li#about {
	left:50px;
}

#marcoNavegacion li#about a {
	background-position:-10px -45px;
	width:54px;
}

	#marcoNavegacion li#about a:hover {
		background-position:-10px -92px;
	}

	#marcoNavegacion li#about a:active {
		background-position:-10px -139px;
	}

	#marcoNavegacion li#about a.activo {
		background-position:-10px 0;
	}

#marcoNavegacion li#loafers {
	left:221px;
}

#marcoNavegacion li#loafers a {
	background-position:-200px -45px;
	width:217px;
}

	#marcoNavegacion li#loafers a:hover {
		background-position:-200px -92px;
	}

	#marcoNavegacion li#loafers a:active {
		background-position:-200px -139px;
	}

	#marcoNavegacion li#loafers a.activo {
		background-position:-200px 0;
	}

#marcoNavegacion li#network {
	left:444px;
}

#marcoNavegacion li#network a {
	background-position:-428px -45px;
	width:82px;
}

	#marcoNavegacion li#network a:hover {
		background-position:-428px -92px;
	}

	#marcoNavegacion li#network a:active {
		background-position:-428px -139px;
	}

	#marcoNavegacion li#network a.activo {
		background-position:-428px 0;
	}

#marcoNavegacion li#blog {
	left:529px;
}

#marcoNavegacion li#blog a {
	background-position:-526px -45px;
	width:56px;
}

	#marcoNavegacion li#blog a:hover {
		background-position:-526px -92px;
	}

	#marcoNavegacion li#blog a:active {
		background-position:-526px -139px;
	}

	#marcoNavegacion li#blog a.activo {
		background-position:-526px 0;
	}

#marcoNavegacion li#contact {
	left:588px;
}

#marcoNavegacion li#contact a {
	background-position:-597px -45px;
	width:71px;
}

	#marcoNavegacion li#contact a:hover {
		background-position:-597px -92px;
	}

	#marcoNavegacion li#contact a:active {
		background-position:-597px -139px;
	}

	#marcoNavegacion li#contact a.activo {
		background-position:-597px 0;
	}

/*[/Caracteristicas para cada item]*/
/* [/Barra de navegacion general] */

/*[Barra de navegacion secundaria]*/

#contenidoSecundario h2
{
	font-size:1.6em;
}
	#contenidoSecundario ul
	{
		list-style-image:url("../imgs/navegacion-vin01.gif");
		margin:13px 0 0 0;
		padding-left: 25px;
	}
		#contenidoSecundario li
		{
			margin-bottom:1em;
		}
			#contenidoSecundario ul li a
			{
				font-size:1.2em;
				color:#999999;
				text-decoration:none;
			}
			#contenidoSecundario ul li.current_page_item a
			{
				font-size:1.2em;
				color:#990000;
				text-decoration:none;
			}
				#contenidoSecundario ul li a:hover
				{
					color:#990000;
				}

/*[/Barra de navegacion secundaria]*/
/*[Formato de presentacion para los contenidos]*/

#contenidos h1
{
	font-size:1.5em;
	color:#333333;
	margin-bottom:0.5em;
}

#contenidos h1 a{
	font-size:1.5em;
	color:#333333;
	margin-bottom:0.5em;
	text-decoration:none;	
}

#contenidos h1 a:hover{
	color:#990000;
}

#contenidos h3{
	color:#990000;
	font-size:1.2em;
	margin-bottom:0.6em;
	margin-top:2em;
}

#contenidos ul{
	margin-bottom:10px;
list-style-type:none;
margin-bottom:10px;
padding-left:20px;
}

#contenidos p
{
	line-height:1.3em;
	margin-bottom:1.25em;
}

	#contenidos pre {
		font-size:0.8em;
	}
	#contenidos p a
	{
		color:#666666;
	}
		#contenidos p a:hover
		{
			color:#990000;
		}
/*[/Formato de presentacion para los contenidos]*/

/*[Presentacion de los formularios]*/

#formularioContacto table
{
	width:340px;
	border:0;
}
	#formularioContacto table td
	{
		padding:5px 3px 5px 3px;
		color:#666666;
	}
		#formularioContacto tbody input,
		#formularioContacto tbody textarea
		{
			border:1px solid #666666;
			font-family:Arial, Helvetica, sans-serif;
			padding:2px;
			width:200px;
		}
			#formularioContacto table textarea
			{
				height:100px;
			}
			#formularioContacto table td.btn
			{
				text-align:center;
			}
				#formularioContacto table td.btn input
				{
					background:#999999;
					color:#333333;
				}
/*[/Presentacion de los formularios]*/


/*[Formato de presentacion para el catalogo de productos]*/

#catalogoMarco
{
	position:relative;
}
	#catalogoTitulo,
	#catalogoImagen,
	#catalogoDescripcion,
	#catalogoNavegacion,
	#catalogoMenuInicial
	{
		position:absolute;
	}
		#catalogoTitulo
		{
			left:82px;
			top:70px;
		}
			#catalogoTitulo h1
			{
				color:#999999;
				font-size:1.6em;
			}
			#catalogoTitulo h2
			{
				color:#CCCCCC;
				font-size:20px;
			}
		#catalogoImagen
		{
			left:93px;
			top:124px;
		}
			#catalogoImagen img
			{
				width:580px;
			}
		#catalogoDescripcion
		{
			left:80px;
			top:400px;
			width:608px;
			display:block;
		}
			#catalogoDescripcion h2
			{
				float:left;
				font-weight:bold;
				margin-right:7px;
			}
			#catalogoDescripcion p
			{
				color:#999999;
			}
				#catalogoDescripcion p.vinculo
				{
					text-align:right;
					margin-top:10px;
				}
					#catalogoDescripcion p.vinculo a
					{
						font-size:11px;
						color:#999999;
					}
						#catalogoDescripcion p.vinculo a:hover
						{
							color:#666666;
						}
		#catalogoNavegacion
		{
			left:78px;
			top:227px;
		}
			#catalogoNavegacion ul
			{
				list-style-type:none;
				position:relative;
			}
				#catalogoNavegacion li
				{
					position:absolute;
					top:0;
				}
					#catalogoNavegacion li#atras
					{
						left:0;
					}
					#catalogoNavegacion li#siguiente
					{
						left:588px;
					}
		#catalogoMenuInicial
		{
			left:120px;
			top:100px;
			list-style-type:none;
			width:500px;
			height:333px;
			background-image:url("../imgs/menu-woman_men.gif");
			background-repeat:no-repeat;
			display:block;
			position:relative;
		}
			#catalogoMenuInicial li
			{
				position:absolute;
				top:12px;
			}
				#catalogoMenuInicial li#woman
				{
					left:1px;
				}
				#catalogoMenuInicial li#men
				{
					left:293px;
				}
					#catalogoMenuInicial li a
					{
						text-indent:-9000px;
						display:block;
						width:205px;
						height:333px;
					}
/*[/Formato de presentacion para el catalogo de productos]*/

 
#comment{
	width:400px;
}
h4  {
	color:#999999;
	font-size:0.8em;
	margin-bottom:0.9em;
	margin-top:0.8em;
	font-style: italic;
	margin-left: 1.5em;
	margin-right: 1em;
}