/***********************************************/
/* CAMIGA           	                         */
/* CSS style sheet                             */
/* PUBLIGANGA Developers Team                  */
/* lordproko@gmail.com                         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

#body {
	background-color: #ff0000;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/fondo.jpg);
}

#pagecontainer{
	margin-left:auto;
	margin-right:auto;
	margin-bottom: auto;
	margin-top: auto;
	width: 770px;
	text-align: left;
	font-family: Verdana;
	padding: 0px;
	border: 1px solid #808314;
	background-color: #000000;
	color: #A19A70;
	font-size: 11px;
	display:block;
	height: auto;
	background-image: url("../images/bg.jpg"); 
	background-repeat: repeat-y;
}

#photocontainer{
	margin-left:auto;
	margin-right:auto;
	width: 550px;
	text-align: left;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	display:block;
	height: auto;
}

#photocontainer p {
  text-align:center;
}

a {
	color: #FFFFFF;
}

a:link {
	text-decoration: none;
	border: none;
	color: #FFFFFF;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	border: none;
}

/* overrides decoration from previous rule for hovered links */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana;
	margin: 0px;
	padding: 0px;
}
h1{
 font-family: Verdana;
 font-size: 95%;
 color: #325783;
 padding: 0px 0px 0px 0px;
 text-transform:uppercase;
 height: 44px;
}
h2{
 font-family: Verdana;
 font-size: 95%;
 color: #325783;
 padding: 0px 0px 0px 0px;
 text-transform:uppercase;
 height: 30px;
}
h3{
 font-size: 12px;
 color: #FFFFFF;
 padding: 0px;
}
h3 a {
}
h4{
}
h5{
} 
ul{
 list-style-type: none;
}
ul ul{
 list-style-type: none;
}
ul ul ul{
 list-style-type: none;
}
p{
 margin    : 5px 0px;
 text-align: justify;
}
form {
 margin: 0;
 padding: 0;
}
hr {
  clear: both;
}

img {
	border: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#top {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 770px;
	height: 36px;
	background-image: url("../images/top.jpg"); 
	background-repeat: no-repeat;
}

	#top ul {
		margin: 0px;
		padding: 0px 10px 0px 0px;
		float: right;
		clear: both;
	}
	
	#top ul li {
		margin: 0px;
		padding: 0px 5px 0px 0px;
		float: left;
		color: #656565;
	}
	
	#top ul li img {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		color: #656565;
	}
	
	#top ul li a {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		float: left;
		clear: both;
		color: #656565;
		font-weight: bold;
		font-size: 11px;
	}
	
	#top ul li p {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		float: left;
		clear: both;
		color: #656565;
		font-weight: bold;
		font-size: 11px;
	}

#header {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 770px;
	height: 350px;
	background-image: url("../images/bg_header.jpg"); 
	background-repeat: no-repeat;
}

#left_bar {
	margin: 0px;
	padding: 0px 9px 0px 10px;
	float: left;
	width: 220px;
	clear: left;
}

#flash_menu {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
	height: 180px;
	position: relative;
	z-index: 1;
}

#main_prod {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
}

.raya {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
	height: 3px;
	background-image: url("../images/raya.jpg"); 
	background-repeat: no-repeat;
}

#arracadas {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
	height: 70px;
	background-image: url("../images/bg_arracadas.jpg"); 
	background-repeat: no-repeat;
}

	#arracadas a {
		margin: 50px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		font-size: 12px;
		font-weight: bold;
		color: #A19A70;
		float: right;
		width: 100px;
		background-image: url("../images/arrow_left.jpg"); 
		background-repeat: no-repeat;
		background-position: 105px 4px;
	}

#pulseras {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
	height: 70px;
	background-image: url("../images/bg_pulseras.jpg"); 
	background-repeat: no-repeat;
}

	#pulseras a {
		margin: 50px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		font-size: 12px;
		font-weight: bold;
		color: #A19A70;
		float: right;
		width: 100px;
		background-image: url("../images/arrow_left.jpg"); 
		background-repeat: no-repeat;
		background-position: 105px 4px;
	}

#medallas {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
	height: 70px;
	background-image: url("../images/bg_medallas.jpg"); 
	background-repeat: no-repeat;
}

	#medallas a {
		margin: 50px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		font-size: 12px;
		font-weight: bold;
		color: #A19A70;
		float: left;
		width: 100px;
		background-image: url("../images/arrow_right.jpg"); 
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}

#accesorios {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
	height: 70px;
	background-image: url("../images/bg_accesorios.jpg"); 
	background-repeat: no-repeat;
}

	#accesorios a {
		margin: 50px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		font-size: 12px;
		font-weight: bold;
		color: #A19A70;
		float: left;
		width: 100px;
		background-image: url("../images/arrow_right.jpg"); 
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}

#todos {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 220px;
	height: 70px;
	background-image: url("../images/bg_todos.jpg"); 
	background-repeat: no-repeat;
}

	#todos a {
		margin: 52px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #A19A70;
		float: left;
		width: 200px;
	}
	
#right_bar {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 500px;
}

#content {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	float: left;
	width: 500px;
	clear: both;
}

#bienvenida {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	width: 500px;
	clear: both;
	background-image: url("../images/bg_inicio.jpg"); 
	background-repeat: no-repeat;
	background-position: 350px 4px;
}

	#bienvenida img {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 314px;
		height: 52px;
		clear: both;
	}
	
	#bienvenida p {
		margin: 0px;
		padding: 10px 0px 0px 0px;
		float: left;
		width: 350px;
		clear: both;
	}
	
.raya_grande {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	clear: both;
	width: 490px;
	height: 3px;
	background-image: url("../images/raya_grande.jpg"); 
	background-repeat: no-repeat;
}

#productos {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	width: 314px;
	clear: both;
}

#header_productos {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	width: 500px;
	clear: both;
}

	#header_productos img {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 193px;
		height: 24px;
		clear: both;
	}
	
#cuadro_productos {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
	width: 490px;
	background-image: url("../images/bg_productos.jpg"); 
	background-repeat: repeat-y;
}

.producto {
	margin: 0px;
	padding: 4px 5px 0px 5px;
	float: left;
	width: 235px;
	height: 100px;
	background-image: url("../images/bg_producto.jpg"); 
	background-repeat: no-repeat;
}

	.producto img {
		margin: 0px 5px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 90px;
		line-height: 90px;
		border: 1px solid #A19A70;
	}
	
	.producto h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		font-size: 13px;
		font-weight: bold;
		color: #A19A70;
		text-transform: none;
		float: left;
		width: 115px;
	}
	
	.producto p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		font-size: 10px;
		color: #A19A70;
		float: left;
		width: 115px;
	}
	
	.producto a {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		font-size: 10px;
		color: #FFFFFF;
		float: left;
		width: 100px;
		background-image: url("../images/arrow_mini.jpg"); 
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}
	
.cesta {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		font-size: 10px;
		color: #FFFFFF;
		float: left;
		width: 100px;
		background-image: url("../images/arrow_mini.jpg"); 
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}	
	
#prod_img a {
	padding: 0px;
	background-image: none; 
}

#producto_full {
	margin: 0px;
	padding: 4px 5px 0px 5px;
	float: left;
	width: 480px;
}

	#producto_full img {
		margin: 0px 5px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 350px;
		height: 263px;
	}
	
	#producto_full h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		font-size: 13px;
		font-weight: bold;
		color: #A19A70;
		text-transform: none;
		float: left;
		clear: both;
		width: 300px;
	}
	
	#producto_full p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		font-size: 10px;
		color: #A19A70;
		float: left;
		clear: both;
		width: 480px;
	}
	
	#producto_full a {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		font-size: 10px;
		color: #FFFFFF;
		float: left;
		clear: both;
		width: 100px;
		background-image: url("../images/arrow_mini.jpg"); 
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}

#cuadro_categorias {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
	width: 500px;
}
	
.categoria {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	width: 100px; 
	height: 115px;
	text-align: center;
}
	
	.categoria a {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 10px;
		color: #FFFFFF;
		float: left;
		width: 100px; 
		text-align: center;
	}



#footer {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	float: left;
	clear: both;
	width: 770px;
	height: 70px;
}
	
#minilogo {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	float: left;
	clear: both;
	width: 250px;
	height: 50px;
}

	#minilogo img {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		clear: both;
		width: 220px;
		height: 50px;
	}

#footer_menu {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: left;
	width: 480px;
	height: 50px;
}

	#footer_menu p {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		color: #A19A70;  
		font-size: 10px;
		text-align: center;
	}
	
	#footer_menu a {
	  color: #FFFFFF;  
	}

.end {
	font-size: 1px;
	clear: both;
}

.button2-right {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	color: #A19A70;  
	font-size: 10px;
	text-align: center;
	float: left;
}

	.button2-right a {
		margin: 0px;
		padding: 0px 5px 0px 0px;
		color: #FFFFFF;  
		font-size: 10px;
		text-align: center;
		float: left;
	}

.button2-left {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	color: #A19A70;  
	font-size: 10px;
	text-align: center;
	float: left;
}

	.button2-left a {
		margin: 0px;
		padding: 0px 5px 0px 0px;
		color: #FFFFFF;  
		font-size: 10px;
		text-align: center;
		float: left;
	}

.page_left a, .page_right a {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	color: #FFFFFF;  
	font-size: 10px;
	text-align: center;
	float: left;
}

#current_number_page a:link,
#current_number_page a:visited,
#current_number_page a:hover {
	color: #B5330D;
	font-weight: bold;
}

/* YUI redefinidos */

.yui-skin-sam a, .yui-dt-liner {
		color: #000000;
}

/* modules */
th .center_numbers {
	text-align: center;
}

td .center_numbers { 
	text-align: center;
}


.paginate {
	float: left;
	clear: both;
	width: 480px;
}

#realizar_pedido {
	float: left;
	clear: both;
	padding-top: 10px;
}

#catalog_path {
	margin: 0px;
	padding: 7px 10px 15px 5px;
	
	float: left;
	clear: both;
	
	width: 490px;
}

#path {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
	float: left;
	clear: both;
	
	width: 490px;
}


.yui-skin-sam {
	float: left;
	clear: both;
}

#map {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

#map ul {
	margin: 0px;
	padding: 0px;
}

#map ul li {
	margin: 0px;
	padding: 0px 0px 7px 0px;
}

#regresar {
	margin: 0px;
	padding: 0px;
	float: right;
	clear: both;
	
}