/* CSS Document */

body{
	background-color:#563f29; font: 10pt Arial, Helvetica, sans-serif; color: #333333; margin: 0; padding: 0;
}
form{
	display:inline; margin:0; padding:0; border:0 none;
}
input, select, textarea{
	font:9pt Arial, Helvetica, sans-serif; color: black; 
}
ul, ol{
	margin-left:11px; padding-left:4px; list-style:square; list-style-type:square;
}
a{
	color:#983025; font-weight: bold;
}
a:hover{
	color:#ff0000; font-weight: bold;
}

.img {
	border: 1px solid #000000; 
}


.mainContentBlock{
	width: 600px; margin:0px 0 0px 10px;
	text-align: justify;
}
.mainContentBlock .hr{
	height:1px;
	clear:both;
	background-color:#BBC7C3;
	font-size:1px;

}
.mainContentBlock h1{
	float:left; padding:10px; margin:0; font: 12pt Arial, Helvetica, sans-serif; color:#983025; font-weight: bold;
}
.backimg {
	background-repeat: no-repeat;
	background-position: left top;
}

.busquedaTop{
	float:right; padding:0px; font: 9pt Arial, Helvetica, sans-serif; color:black;
}





.breadcrumb{
	clear:both; padding:3px 0 3px 10px; font: 7.5pt Verdana, Arial, Helvetica, sans-serif; color:#98B1B1; border-top: 1px solid #BBC7C3; border-bottom: 1px solid #BBC7C3;
}
.breadcrumb ul{
	margin:0; padding:0; list-style:none; list-style-type:none;
}
.breadcrumb ul li{
	display: inline; padding-right: 3px;
}
.breadcrumb a{
	color:#98B1B1;
}




.gridItem{
	float:left; width:140px; min-height:150px; _height:150px; margin:10px 0 0 7px; text-align:center;  font:7.5pt Verdana, Arial, Helvetica, sans-serif; color:black; 
}
.gridItemhome{
	float:left; width:140px; margin:10px 0 0 7px; text-align:center;  font:7.5pt Verdana, Arial, Helvetica, sans-serif; color:black; 
}
.gridItem a{
	text-decoration:none; color:black; 
}
.gridItemhome a{
	text-decoration:none; color:black; 
}
.flexiGridItem{
	float:left; margin:10px 0 0 7px; text-align:center; font:7.5pt Verdana, Arial, Helvetica, sans-serif; color:black;
}
.flexiGridItem a{
	text-decoration:none; color:black;
}



.separador{
	clear: both; height:10px; font-size:1px;
}
.textBlock{
	padding:0px;
}
.paginado{
	clear:both; padding:3px 0 3px 10px; font: 7.5pt Verdana, Arial, Helvetica, sans-serif; color:#983025; text-align:center; border-top: 1px solid #983025; border-bottom: 1px solid #983025;
}
.paginado a{
	color:#983025;
}




.prodImages{
	float:left; width: 130px; margin-left: 7px; margin-bottom:10px; text-align:center;
}
.prodImages a{
	text-decoration:none; color:black; font-size:7.5pt
}
.prodInfo{
	float:left; width: 450px; margin-left: 10px;
}



.carritoGrid{
	font:9pt Arial, Helvetica, sans-serif;
	color: black;
	border: #FF0000;

	/* border-left: 1px solid #BBC7C3*/
}
.carritoGrid th{
	font:7.5pt bold Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #983025;
}
.carritoGrid td{
	padding:2px;
	border-bottom: 1px solid #983025;
	border-right: 1px solid #983025;
}
.tit{
	font:10pt Verdana,Arial, Helvetica, sans-serif;color:#983025; font-weight: bold;
}

txt{
	font:10pt Verdana,Arial, Helvetica, sans-serif;color:#983025; font-weight: bold;
}
.txtform{
	font: 8pt Arial, Helvetica, sans-serif; color: #333333; 
	text-align: left;
}
.arrowlistmenu{
width: 122px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
text-transform: uppercase;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}