/*#######################################
* CSS PRIMARIO DE LA CUEVA MUSICAL
* Realizado por matias punx para el pueblo.
* Si este sitio no te funciona correctamente te recomiendo cambiar a Firefox 3 :)
########################################*/

* {
margin: 0; 
padding: 0; }

:focus { outline: 0;}

body {
background: #fff;
font-family:Arial; }

img { 
border: 0; }


/* Estructura */
#wrapper {
width: 960px;
margin: 0px auto;
padding: 0px 0px; }

#header {
width:960px;
height:150px;
background:#ffa300; }

#page {
width:960px;
background:#fff;
margin:2px 0;
clear:both; }

/* home */
.top-container {
width:960px;
height:210px;
}

.top-text {
width:400px;
padding:0 0 0 10px; }

.top-text h1 {
font-size:9pt;
padding:20px 0 0 0;
color:#c93a3a; }

.top-text h1 img {
float:left;
margin:1px 5px 0 0; }

.top-text p {
padding:5px 0;
margin:5px 0;
font-size:8pt;
line-height:11.5pt;
color:#555555; }

.bann-right {
width:550px;
float:right; }


/* Paginas */

.home_page {
margin:1px 0 0 0; }

.home_ofertas {
width:627px;
}

.home_right {
width:329px;
float:right; }


/* CATEGORIAS */
/* cat orange */
.cat_orange {
background:#fff; }

.cat_otop {
background:#ff8d00 url('../images/cat_obg.gif') repeat-x top left;
height:38px; }

.cat_ol {
width:11px;
height:38px;
background:#ff8d00 url('../images/cat_ol.gif') no-repeat;
float:left; }

.cat_or {
width:11px;
height:38px;
background:#ff8d00 url('../images/cat_or.gif') no-repeat;
float:right; }

.cat_oicon {
width:27px;
height:38px;
background:#ff8d00 url('../images/cat_oicon.gif') no-repeat;
float:left; }

.cat_otop span {
font-size:10pt;
color:#fff;
font-weight:bold;
margin:11px 0 0 5px;
float:left; }

.container_orange p {
font-size:9pt;
font-family:Arial;
padding:8px 10px;
line-height:13pt; }

.container_orange p b {
color:#c93a3a; }

.container_orange a:link, .container_orange a:visited {
color:#c93a3a;
text-decoration:none; }

.container_orange a:hover, .container_orange a:active {
color:#c93a3a;
text-decoration:underline; }

.home_productos {
width:100%; }

.home_productos tr td {
background:#f6f6f6;
width:50%;
vertical-align:top; }

.prod_tn {
float:left;
margin:0 5px 0 0; }

.prod_txt {
padding:7px 0 0 0;
font-size:9pt; }

td.prod_txt {
vertical-align:top; }

.prod_txt h1 {
font-size:9pt; }
.prod_txt span {
font-size:9pt; }
.prod_txt span em {
font-size:8pt; }
.prod_txt b {
font-size:8pt;
font-weight:normal; }
.prod_txt h2 {
font-size:9pt;
color:#c93a3a; }
.prod_txt h3 {
font-size:8pt;
color:#ffa300; }

.prod_txt h3 a:link, .prod_txt h3 a:visited {
color:#ffa300;
text-decoration:none; }
.prod_txt h3 a:hover, .prod_txt h3 a:active {
color:#ffa300;
text-decoration:underline; }

/* cat red */
.cat_red {
background:#a32f2f;
margin-bottom:3px; }

.cat_rtop {
background:#a32f2f url('../images/cat_rbg.gif') repeat-x top left;
height:38px; }

.cat_rl {
width:11px;
height:38px;
background:#a32f2f url('../images/cat_rl.gif') no-repeat;
float:left; }

.cat_rr {
width:11px;
height:38px;
background:#a32f2f url('../images/cat_rr.gif') no-repeat;
float:right; }

.cat_ricon {
width:27px;
height:38px;
background:#a32f2f url('../images/cat_ricon.gif') no-repeat;
float:left; }

.cat_rtop span {
font-size:10pt;
color:#fff;
font-weight:bold;
margin:11px 0 0 5px;
float:left; }

.container_red {
margin:3px 0 3px 0;
border:1px solid #c93a3a;
background:#a22f2f url('../images/cont_red_bg.gif') repeat-x top left;
font-size:10pt;
margin:0 auto;
color:#fff; }

.container_red div {
text-align:center;
font-weight:bold;
padding:4px 0 15px 0; }

.catalogo_box {
font-size:10pt;
margin:5px auto;
width:92%;
color:#fff;
font-weight:bold; }

.container_red a:link, .container_red a:visited {
color:#fff;
font-weight:bold;
text-decoration:none; }

.container_red a:hover, .container_red a:active {
font-weight:bold;
text-decoration:underline; }

/* cat black */
.cat_black {
background:#fff; }

.cat_btop {
background:#000 url('../images/cat_bbg.gif') repeat-x top left;
height:38px; }

.cat_bl {
width:11px;
height:38px;
background:#000 url('../images/cat_bl.gif') no-repeat;
float:left; }

.cat_br {
width:11px;
height:38px;
background:#000 url('../images/cat_br.gif') no-repeat;
float:right; }

.cat_bicon {
width:27px;
height:38px;
background:#000 url('../images/cat_bicon.gif') no-repeat;
float:left; }

.cat_btop span {
font-size:10pt;
color:#fff;
font-weight:bold;
margin:11px 0 0 5px;
float:left; }

.container_black {
margin:3px 0 3px 0;
border:1px solid #000;
background:#333 url('../images/cont_black_bg.gif') no-repeat top left;
}

.container_black table tr td {
padding:13px 10px 12px 10px; }

/* TFOOT */
.tfoot {
background:#ffa300;
margin:0 4px 2px 1px;
height:21px; }

.home_input {
border:0;
width:195px;
height:17px;
font-size:9pt; }

.home_btn {
border:0;
width:93px;
height:17px; }

/* FOOTER */
#footer {
width:960px;
height:38px;
background:#a42f2f url('../images/foot_bg.gif') repeat-x top left; }

.foot_l {
width:11px;
height:38px;
background:#000 url('../images/foot_l.gif') no-repeat;
float:left; }

.foot_r {
width:11px;
height:38px;
background:#000 url('../images/foot_r.gif') no-repeat;
float:right; }

#footer b {
width:160px;
font-size:8pt;
color:#fff;
margin:5px 0 0 5px;
font-weight:normal;
float:right; }

#footer b img {
margin:2px 5px 0 0;
float:left; }

#footer span {
font-size:8pt;
color:#fff;
margin:5px 0 0 5px;
float:left; }

#footer a:link, #footer a:visited {
font-size:8pt;
color:#eee;
text-decoration:none; }

#footer a:hover, #footer a:active {
font-size:8pt;
color:#eee;
text-decoration:underline; }

/* ######## CATALOGO ######### */
.catalogo_productos tr td {
	vertical-align:top;
 }

.thead {
	background:#999;
	font-size:9pt;
	color:#ffffff;
	padding:1px 5px;
	}

td.catalogo_icon_odd {
width:3px;
background:#c93a3a }

td.catalogo_icon_even {
width:3px;
background:#a42f2f }

.catalogo_txt {
padding:5px 10px 5px 10px;
font-size:9pt; }

.catalogo_txt div {
float:right;
padding:0 0 0 0;
font-size:9pt; }

.catalogo_txt h1 {
font-size:9pt; }

.catalogo_txt h1 span {
font-size:8pt;
font-weight:normal;
color:#555; }

.catalogo_txt span {
font-size:9pt; }

.catalogo_txt h2 {
font-size:9pt;
color:#c93a3a; }

.catalogo_txt a:link, .catalogo_txt a:visited {
font-size:9pt;
color:#ffa300;
font-weight:bold;
margin:0;
padding:0;
text-decoration:none; }

.catalogo_txt a:hover, .catalogo_txt a:active {
font-size:9pt;
color:#c93a3a;
margin:0;
padding:0;
text-decoration:none; }

.odd {
background:#f8f8f8;
}
.even {
background:#eeeeee;
}

/* ##################
	PAGINADOR
    ################## */
.Paginador {
font-size:8pt;
font-family:Arial;
text-align:right;
padding:3px;
}
.Paginador a:link, .Paginador a:visited {
font-size:9pt;
font-family:Arial;
color:#fff;
text-decoration:none;
background:#ff7800;
padding:0 5px;
}
.Paginador a:hover, .Paginador a:active {
font-size:9pt;
font-family:Arial;
text-decoration:none;
background:#ed7000;
padding:0 5px;
}
.Buscador {
	margin:10px 0 25px 0;
	}
.opciones-thead {
	border-bottom:1px solid #999;
	font-size:9pt;
	padding:6px;
	font-weight:bold;
	}
.opciones {
	background:#f4f4f4;
	border:1px solid #eee;
	font-size:8pt;
	padding:5px 5px;
	}

.Buscador-input {
	font-size:12pt;
	padding:6px;
	background:#ffebc9;
	border:1px solid #f7d8a5;
	color:#999;
	font-weight:bold;
	font-style:italic;
	width:500px;
	}
.Buscador-input1 {
	font-size:12pt;
	padding:6px;
	background:#ffebc9;
	border:1px solid #f7d8a5;
	color:#555;
	font-weight:bold;
	width:500px;
	}
.Buscador-btn {
	background:#ff7800;
	color:#fff;
	border:1px solid #ed7000;
	font-size:12pt;
	padding:5px 15px;
	margin:5px 0 0 0;
	font-weight:bold;
	}