
/*--- Shop: Classic  ------------------*/
/*--- Skin/nombre/styleSheets/layout.css ------------------*/

body {

/*------ Decorado: esta pagina tiene fondo, y un margen decorado con BG de color
y o imagen   ------------------*/

/*------ margen  ------------------*/
	margin: 5px;
/*------ margen decorado BG color ------------------*/
	background-color: #FFFFFF;
	background-attachment: scroll;
      scrollbar-face-color: #cccc99;
/*------ margen decorado: BG imagen   ------------------*/
	background-image: url(../styleImages/backgrounds/pageBg.gif);
	background-repeat: repeat;
	background-position: top;
      scrollbar-face-color: #cccc99; 
}
#pageSurround {
	width: 980px;
	margin: 2px auto;
	padding: 5px;
	border: 2px solid #7D3F00;
	background-color: #EDE3C5;
	background-image: url(../styleImages/backgrounds/bg.jpg);
	background-repeat: repeat;
	background-position: left top;	
}


/*------ BANNER SUPERIORS   ------------------------------------------*/

#topHeader {
	text-align: right;
	height: 360px;
	background-image: url(../styleImages/backgrounds/topHeader.gif);
	background-repeat: no-repeat;
}

/*------ BG SEAR ENGINE   ------------------------------------------*/
#sessionBox {
	text-align: left;
	background-image: url(../styleImages/backgrounds/sessionBg.gif);
	width: 236px;
	height: 96px;
	float: right;
}

.topCats {
	text-align: center;
	background-image: url(../styleImages/backgrounds/catBg.gif);
	height: 28px;
	color: #ffffff;
	margin-bottom: 15px;
}

.topCatsBgRight {
	background-image: url(../styleImages/backgrounds/catBgRight.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 42px;
}
.topCatsBgLeft {
	float: left;
	background-image: url(../styleImages/backgrounds/catBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 42px;
}
.siteDocs {
	text-align: center;
	background-image: url(../styleImages/backgrounds/siteDocsBg.gif);
	height: 30px;
	color: #ffffff;
}
.siteDocsBgRight {
	background-image: url(../styleImages/backgrounds/siteDocsBgRight.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
}
.siteDocsBgLeft {
	float: left;
	background-image: url(../styleImages/backgrounds/siteDocsBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
}






/*------ Boxes ------------------*/


.boxTitleLeft, .boxTitleRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFFFFF;

	/*------ Boxes: color BG ------*/
	background-color: #ffffff;

	/*------ Boxes: BG imagen titles  ------*/
	background-image: url(../styleImages/backgrounds/boxTitleBg.gif);
	height: 15px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-left: 5px;
}

/*------ Boxes: BG color  ------------------*/
.boxContentLeft, .boxContentRight {
	border: 1px solid #7D3F00;

	/*------ Boxes: BG color  ------------------*/
	background-color: #FFFFFF;
	padding-left: 5px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
}






/*------ BG del BOX SiteDocs (creado nuevo para que  afect solo a uno) --------------*/
.boxContentRight1 {
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	background-image: url(../styleImages/backgrounds/botton.jpg);
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	width: 174px;
}

/*------ CONTENIDO ------------------------------------------*/

.boxContent {

/*------ CONTENIDO RAYA SUPERIOR   ------------------------------------------*/
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 0px solid #cccccc;
	padding: 03px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	margin-bottom: 5px;
}
/* CHECKOUT PAGES 
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
*/

/* END CHECK OUT PAGES */
.docBtnLeft {
	background-image: url(../styleImages/backgrounds/docBtnLeft.gif);
	width: 4px;
}
.docBtnRight {
	background-image: url(../styleImages/backgrounds/docBtnRight.gif);
	width: 4px;
}
.docBtnMid {
	background-color: #CCCCCC;
	padding: 0px 3px 0px 3px;
}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*------ SUB CATEGORIAS BG BORDER  ------------------------------------------*/

#subCats {

	background-color: ;
	text-align: center;
	border: 1px solid #CCCCCC;
	margin: 0px;
	float: left;
	width: 99.5%;
}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 110px;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.topCatsTabLeft {
	background-image: url(../styleImages/backgrounds/catTabLeft.gif);
	background-repeat: no-repeat;
	width: 7px;
}
.topCatsTabMid {
	background-image: url(../styleImages/backgrounds/catTabMid.gif);
	background-repeat: repeat-x;
}
.topCatsTabRight {
	background-image: url(../styleImages/backgrounds/catTabRight.gif);
	width: 7px;
	background-repeat: no-repeat;
}
