/*
	@nombre:	base.css
	@fecha: 	21/05/09
	@autor: 	Diego A. Peralta
*/

/*--------------------------------------------------------------------------------
	estilos generales
--------------------------------------------------------------------------------*/

* {
	margin:0;
	padding:0; }

html { height:100%; }

body {
	background:#76981c url('../img/bg-body.png') repeat-x left top;
	color:#717171;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	height:100%; }

h1 { font-size:138.5%; }

h2 { font-size:123.1%; }

h3 { font-size:108%; }

h1,h2,h3 { margin:1em 0; }

h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }

abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help; }

em { font-style:italic; }

blockquote,ul,ol,dl { margin:1em; }

ol,ul,dl { margin-left:2em; }

ol li { list-style: decimal outside; }

ul li { list-style: disc outside; }

dl dd { margin-left:1em; }


caption {
	margin-bottom:.5em;
	text-align:center; }

p,fieldset { margin-bottom:1em; }

a {
	color:#567721;
	text-decoration:none; }

	a:focus { outline:none; }

	a img { border:0; }
	
table {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#E7E7E7;
	color: #b7b7b7;
}

caption {
	font-weight: bold;
	background: #50ADEA;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

tbody th {
	font-weight: bold;
}

tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

tbody th a:link, tbody th a:visited{
	color:#96D030;
	padding:3px 0px 0px 18px;
	}
	
tbody th a:hover{
	color:#FF8601;
	}

tbody tr td { 
	height:50px;
	background: #FFF;
	border: 1px solid #FFF;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}

tfoot th, tfoot td {
	background-color:#E7E7E7; padding:10px;
	text-align:center; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}

/*--------------------------------------------------------------------------------
	estructura
--------------------------------------------------------------------------------*/

#pagina {
	background:url('../img/bg-pagina.png') no-repeat right top;
	min-height:100%;
	position:relative;
	width:100%; }

* html #pagina { height:100%; /* IE6 */ }

#principal {
	background:url('../img/bg-principal.png') no-repeat left bottom;
	margin:0 auto;
	padding:0 0 24px 0;
	width:930px; }

#cabecera { height:172px; }

#navegacion {
	background:url('../img/bg-navegacion.png') no-repeat left top;
	height:47px; }

#contenedor {
	background:url('../img/bg-contenedor.png') repeat-y left top;
	padding:15px 20px 0; }

#lateral {
	float:left;
	width:233px; }

#contenido {
	float:right;
	width:636px; }

#pie-de-pagina {
	color:#e8ffaf;
	font-size:11px;
	margin:0 auto;
	padding:0 20px 10px 0;
	text-align:right;
	width:930px; }

/*--------------------------------------------------------------------------------
	cabecera
--------------------------------------------------------------------------------*/

#logo {
	background:url('../img/bg-logo.gif') no-repeat left top;
	font-size:16px;
	height:75px;
	margin:0;
	padding:20px 0 0 110px; }

	#logo a {
		color:#000;
		display:block;
		font-size:24px;
		text-transform:uppercase; }

/*--------------------------------------------------------------------------------
	navegacion & sub-navegacion
--------------------------------------------------------------------------------*/

#navegacion ul {
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	padding:17px 0 0 12px; }

	#navegacion ul li a { color:#FFF; }

	#navegacion ul li {
		display:inline;
		padding:0 10px;
		position:relative; }
		
		#navegacion ul li a.submenu-close {
			background:url('../img/bg-menu-item-open.png') no-repeat right 8px;
			padding-right:16px;
		}
		
		#navegacion ul li a.submenu-close.submenu-open {
			background:url('../img/bg-menu-item-close.png') no-repeat right 8px;
			padding-right:16px;
		}
			
#sub-navegacion { display:none;}
			
	#sub-navegacion ul {
		margin:0 0 15px 5px;
	}

		#sub-navegacion ul li {
			background:url('../img/bg-sub-nevegacion-bullet.gif') no-repeat left center;
			display:block;
			float:left;
			font-size:11px;
			margin:0 10px 5px 0;
			padding:5px 0px 5px 25px;
			width:110px;
		}
		
			#sub-navegacion ul li a:hover { color:#f65400; }

/*--------------------------------------------------------------------------------
	modulo: noticias
--------------------------------------------------------------------------------*/

#noticias {
	background:url('../img/bg-noticias.gif') no-repeat left top;
	height:38px;
	margin:0 0 15px 0;
	width:893px; }

	#noticias p { padding:11px 12px 0; }

		#noticias p a { font-weight:bold; }

/*--------------------------------------------------------------------------------
	modulo: productos
--------------------------------------------------------------------------------*/

.titulo {
	background:url('../img/bg-contenido-titulo.gif') no-repeat left top;
	color:#d05a3a;
	font-size:16px;
	height:29px;
	margin:0;
	padding:10px 10px 0 10px;
	width:616px; }

.box {
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border:1px solid #CCC;
	float:left;
	margin:0px 8px 20px;
	padding:25px 0 15px 0;
	position:relative;
	text-align:center;
	width:190px;
	height:280px;
	}
	
	.box.nuevo { background:url('../img/bg-bullet-nuevo.gif') no-repeat right 0; }

	.box .boton-consultar {
		left:25%;
		margin:0 auto -4px auto;
		position:absolute;
		bottom:-8px; }

	.box img { 
		margin:0 0 12px 0;
		max-width:130px;
		max-height:215px; }

	.box h2 { margin:5px 0 2px 0; }

	.box p { margin:0; }

	.box .precio { color:#632829; }

	.box .stock {
		color:#0f8296;
		text-transform:uppercase; }

.fin-de-box {
	background:url('../img/bg-contenido-fin-box.gif') no-repeat left top;
	clear:both;
	height:28px;
	margin:0 0 3.3em 0;
	padding:12px 10px 0 10px;
	text-align:right;
	width:616px; }

	.fin-de-box a { color:#8f9b0d; }

.ofertas-contenido,  .productos-contenido {
	border-left:1px solid #eaebed;
	border-right:1px solid #eaebed;
	padding:15px 0 5px 5px !important;
	padding:15px 0 10px 0px; }
	
.info-contenido {
	border-bottom:1px solid #eaebed;
	border-left:1px solid #eaebed;
	border-right:1px solid #eaebed;
	padding:15px 15px 25px 15px;}
	
	.info-contenido p { line-height:1.6em;}

.boton-consultar {
	background:url('../img/bg-boton.gif') no-repeat left top;
	color:#FFF;
	display:block;
	height:20px;
	margin:0 auto;
	padding:4px 0 0 0;
	text-align:center;
	text-transform:lowercase;
	width:92px; }
	
#consultasForm label {
	display:block;
	margin:0 0 4px 0;
}

#consultasForm  textarea, #consultasForm input {
	border-color:#8E8E8E #E4E4E4 #E4E4E4;
	border-style:solid;
	border-width:1px;
	color:#231F20;
	font-size:12px;
	padding:2px;
	width:180px;
}

/*--------------------------------------------------------------------------------
	lateral
--------------------------------------------------------------------------------*/

#lateral h3 {
	background:url('../img/bg-lateral-box-top.gif') no-repeat left top;
	color:#3a7acf;
	font-size:14px;
	height:26px;
	margin:0;
	padding:13px 10px 0 10px;
	width:213px; }
	
#destacado { margin:0 0 2.7em 0; }

#publicidad p, #torneos p { text-align:center; }

.contenido-lateral {
	-moz-border-radius-bottomright:9px;
	-moz-border-radius-bottomleft:9px;
	border-bottom:1px solid #eaebed;
	border-left:1px solid #eaebed;
	border-right:1px solid #eaebed;
	margin:0 0 2em 0;
	padding:10px;
	text-align:center; }
	
	.contenido-lateral img {
		max-width:210px;
	}
	
	.contenido-lateral h2 { margin-bottom:5px; }
	
#lateral .boton-consultar {
	position:relative;
	margin:-30px auto 0 auto;
	top:34px;
}

/*--------------------------------------------------------------------------------
	pie de página
--------------------------------------------------------------------------------*/

#pie-de-pagina ul, #pie-de-pagina p { margin:0.8em 0; }

#pie-de-pagina ul li { display:inline; }

	#pie-de-pagina ul li a, #pie-de-pagina a {
		border-bottom:1px dotted transparent;
		color:#dffc94; }

#pie-de-pagina a:hover { border-bottom:1px dotted #acd443; }

/*--------------------------------------------------------------------------------
	herramientas
--------------------------------------------------------------------------------*/

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.aligncenter { text-align:center; }