@charset "utf-8";
/* CSS Document TDT */

body{ 

	text-align:left;
	margin:0 auto;
	color: #676767;
	background-color:#eaeaea;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;

}


form{
	margin:0px 0px 0px 0px;
}

a, a:visited{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#909090;
	text-decoration:none;

}

a:hover {

	text-decoration:underline;

}



#contenedor{ 
    width: 972px; 
    margin:auto; 
	background-color:#eaeaea;
} 

#cabecera{

	height:94px;
	background-image:url(../img/cabecera.gif);
	background-repeat:no-repeat;
}

#grciudad{
	
	height:151px;
	background-image:url(../img/grciudad.gif);
	background-repeat:no-repeat;
}

#lnsupbtns{
	
	height:7px;
	background-image:url(../img/lnsupbtns.gif);
	background-repeat:no-repeat;

}

#bgbtns{
	height:31px;
	background-image:url(../img/bgbtns.gif);
	background-repeat:no-repeat;

}

#bt-tdt{
	position:relative;
	float:left;	
	top:0px;
	left:10px;
	width:150px;
	height:31px;
}

#bt-tdt2{
	position:relative;
	float:left;	
	top:0px;
	left:10px;
	width:150px;
	height:31px;
}

#bt-carro{
	position:relative;
	float:right;	
	top:0px;
	right:10px;
	width:150px;
	height:31px;
}


#lninfbtns{
	
	height:7px;
	background-image:url(../img/lninfbtns.gif);
	background-repeat:no-repeat;

}

#lninfbtnsneg{
	
	height:7px;
	background-image:url(../img/lninfbtnsneg.gif);
	background-repeat:no-repeat;

}

#bgnavegacion{
	
	height:29px;
	background-image:url(../img/bgnavegacion.gif);
	background-repeat:repeat-x;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#c9b0b0;
}

#navegacion{

	position:relative;
	top:9px;
	left: 190px;
	width:600px;
	height:14px;
	overflow:hidden;
}

.navegacion2{

	text-align:left;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	letter-spacing:1px;

}


#cuerpo{

	/*height: auto !important;/* asi no sale pero si le das una altura y quitas el esta linea sale*/
	/*background-color:#009900;*/
	background-image:url(../img/bgcentro.gif);
	background-repeat:repeat-y;
	/*min-height:600px;*/

}

#izquierdo{

	float:left;
	/* 	width:175px; la has cambiadoa 176 recuerda por si afecta a los margenes para centrar */	
	width:176px;
	background-color:#d3d3d3;


}

/* --- Menu lateral izq --- */

.bgmenu{

	background-color:#e0e0e0;
	border-color:#c09696;
	border-style:solid;
	border-width:1px;
}

.bgtitmenu{

	height:26px;
	background-image:url(../img/bgtitmenu.gif);
	background-repeat:repeat-x;

}

.bgopmenu{

	height:24px;
	background-color:#e0e0e0;
	border-top-color:#c09696;
	border-top-style:solid;
	border-top-width:1px;	
}

.bgopsubmenu{

	height:22px;
	background-color:#d2d1d1;
	border-top-color:#c09696;
	border-top-style:solid;
	border-top-width:1px;	
}

.titulo{

	position:relative;
	top:5px;
	left:8px;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}


a.menu, a.menu:visited{

	position:relative;
	top:5px;
	left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

	color:#4c4b4b;
	text-decoration:none;	
}	

a.menu:hover{

	position:relative;
	top:5px;
	left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

	color:#4c4b4b;
	text-decoration:underline;	
}	

a.submenu, a.submenu:visited{

	position:relative;
	top:4px;
	left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b52c1e;
	text-decoration:none;	
}	

a.submenu:hover{

	position:relative;
	top:4px;
	left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b52c1e;
	text-decoration:underline;	
}


a.submenutdtord, a.submenutdtord:visited{

	position:relative;
	top:4px;
	left:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b52c1e;
	text-decoration:none;	
}	

a.submenutdtord:hover{

	position:relative;
	top:4px;
	left:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b52c1e;
	text-decoration:underline;	
}

a.submenutdtpago, a.submenutdtpago:visited{

	position:relative;
	top:4px;
	left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b52c1e;
	text-decoration:none;	
}	

a.submenutdtpago:hover{

	position:relative;
	top:4px;
	left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b52c1e;
	text-decoration:underline;	
}

/* --- FIN Menu lateral izq --- */


#derecho{
	
	float:right;
	/* 	width:175px; la has cambiadoa 176 recuerda por si afecta a los margenes para centrar */			
	width:176px;
	margin:0 auto;
	background-color:#d3d3d3;
			

}

/* --- Menu lateral derch --- */


/* --- Ingresar --- */



.ingresar{
	height:25px;
	width:176px;
	/*border-bottom:1px solid #d4d4d4;*/

}

.recordar{
	height:40px;
	width:176px;
	/*border-bottom:1px solid #d4d4d4;		*/
}


.txtingresar{
	position:relative;
	float:left;
	top:6px;
	margin-left:5px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*color:#b52c1e;*/


}

a.lnk-menuident, a:visited.lnk-menuident{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	font-weight:inherit;
	color:#676767;
	/*color:#b52c1e;*/

}

a:hover.lnk-menuident{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	font-weight:inherit;
	color:#676767;
	text-decoration:underline;

}

.campoing{
	position:relative;
	top:1px;
	float:right;
	left:-3px;


}

input.loginin{
width:100px;
}

a.lnkregistro, a.lnkregistro:visited{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b52c1e;
	text-decoration:none;	
}	

a.lnkregistro:hover{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b52c1e;
	text-decoration:underline;	
}

/* --- Fin Ingresar --- */


.bgmenud{

	background-color:#e0e0e0;
	border-color:#bbbbbb;
	border-style:solid;
	border-width:1px;
}

.bgtitmenud{

	height:26px;
	background-image:url(../img/bgtitmenu.gif);
	background-repeat:repeat-x;

}

.bgopmenud{

	height:24px;
	background-color:#e0e0e0;
	border-top-color:#d4d4d4;
	border-top-style:solid;
	border-top-width:1px;	
}


.titulod{

	position:relative;
	top:5px;
	left:10px;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

a.menud, a.menud:visited{

	position:relative;
	top:5px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4c4b4b;
	text-decoration:none;

		
}	

a.menud:hover{

	position:relative;
	top:5px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4c4b4b;
	text-decoration:underline;
	
	
}

/* --- Info del carro --- */

.colinfocarro{



	height:auto;
	border-bottom: 1px solid #CB908B;
	
	/*border-bottom:1px solid #d4d4d4;*/
	overflow:auto;
	background-color:#f5f5f5;
	color:#5e5e5e;		
	

}

.colinfoprod{

	float:left;
	width:150px;
	border-right:1px solid #EDDEDC;	
	/*height:auto;*/
	/*border-bottom:1px solid #d4d4d4;*/
	overflow:auto;
	/*background-color:#FFFF99;*/
	/*color:#5e5e5e;		*/
	

}

.colinfound{

	float:right;
	width:23px;
	
	/*height:auto;*/
	/*border-bottom:1px solid #d4d4d4;*/

	overflow:auto;
	/*background-color:#FFFF99;*/
	/*color:#5e5e5e;		*/
	

}

.colinfoiva{

	float:left;
	width:173px;
	border-right:1px solid #EDDEDC;	
	/*height:auto;*/
	/*border-bottom:1px solid #d4d4d4;*/
	overflow:auto;
	/*background-color:#FFFF99;*/
	/*color:#5e5e5e;		*/
	

}

.txtcolinfocarro{
	position:relative;
	margin:2px 5px 2px 5px; 

/*	margin-left:5px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	/*background-color:#FFFFCC;*/
	
	/*color:#b52c1e;*/

	/*text-decoration:underline;	*/	

}

/* --- FIN Info del carro --- */

/* --- Menu certificado --- */

.bgcertificado{

	height:73px;
	background-color:#e0e0e0;
	border-top-color:#d4d4d4;
	border-top-style:solid;
	border-top-width:1px;	
}


#sello{
	position:relative;
	width:63px;
	float:left;
	margin-top:3px;
	margin-left:2px;

}

#txtsello{
	position:relative;
	width:107px;
	float:right;
}
.txtcertificado{
	position:relative;
	float:left;
	top:1px;
	margin-left:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* --- FIN Menu certificado --- */


/* --- FIN Menu lateral derch --- */

/*  --- Centro Pagina ---   */

#centro{
/*
	height: auto !important;	
	height:500px;
	width:auto;
	margin:0 auto;
	background-color:#eaeaea;	
*/	
	margin:0 auto;
	/*background-color:#FFFF00;*/

	padding-bottom:40px;
	width:620px;
	min-height:700px;
}

#cabcentro{

	position:relative;
	top:14px;
	margin:0 auto;
	background-color:#dddddd;
	width:569px;
	height:26px;

}

.cabcentroizq{

width:484px;
float:left;
height:26px;
}

.cabcentroderch{

width:85px;
float:right;
height:26px;
}

.sph1{

	position:relative;
	top:5px;
	left:10px;

}

.volver{

	position:relative;
	clear:both;
	float:right;
	padding:6px 7px 6px 6px;
}

a.lnkvolver:hover{
	color:#c51504;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;	
	/*font-weight:500;*/
}

a.lnkvolver, a.lnkvolver:visited{
	color:#c51504;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;

	/*font-weight:500;*/
}

#centrapasos{

	margin: 0 auto;
	width:564px;
	height:20px;

}
.bgpasos{

	background-color:#EEEEEE;
	width:139px;
	height:20px;
	float:left;
	margin: 3px 1px 3px 1px;
	font-size:10px;
	text-align:center;


}
.txtpasos{
position:relative;
top:4px;
}

#bgeligeform{

	position:relative;
	top:18px;
	margin:0 auto;
	background-color:#dddddd;
	width:569px;
	height:23px;

}

#formemp{

	position:relative;
	top:3px;
	float:right;
	width:194px;
	height:16px;
	margin-right:7px;
	font-size:10px;
	border: 1px solid #CCCCCC;



}

#checkemp{
	position:relative;
	top:-2px;

	width:20px;	
	float:left;
}

#txtcheckemp{
	position:relative;
	top:2px;
	left:5px;
	
	width:150px;
	float:left;	

}
.producto{

	position:relative;
	top:28px;
	margin:0 auto;
	width:569px;
	height:118px;
	min-height:118px;	
	background-color:#dddddd;
	border: 1px solid #d58880;

}

.bgtitprod{

	position:relative;
	top:0px;
	background-image:url(../img/bgtitprod.gif);
	background-repeat:repeat-x;	
	width:569px;
	height:24px;	
	min-height:24px;
	
}

.bgprod{

	position:relative;
	width:569px;
	height:94px;	
	background-color:#dddddd;	

}

.nomprod{

	position:relative;
	float:left;	
	top:3px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	width:485px;
	height:16px;
	overflow:hidden;
	/*background-color:#FFFF99;	*/
}



a.lnknomprod:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:underline;	
	/*font-weight:500;*/
}

a.lnknomprod, a.lnknomprod:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;	
	/*font-weight:500;*/
}


.precprod{

	position:relative;
	top:2px;	
	float:right;
	right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;

}

.imgprod{

	position:relative;
	float:left;
	left:-1px;
	width:130px;
	height:93px;
	border:1px solid #D58880;
	/*background-image:url(../img/imgprod.jpg);*/
}

.infoprod{

	position:relative;
	margin:0 auto;	
	float:right;
	width:362px;
	height:95px;

	

}

.txtprod{

	position:relative;	
	width:348px;
	height:85px;
	margin: 5px 7px 5px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#303030;

	/*background-color:#cccccc;			*/

}

.carroprod{

	position:relative;
	float:right;
	width:75px;
	height:95px;	
	/*background-color:#cccccc;*/
}


.bgañadir{
	
	background-color:#eaeaea;
	width:68px;
	height:88px;
	background-image:url(../img/bganadir.gif);
	background-repeat:no-repeat;
	margin: 4px 4px 4px 4px;	


}

.und{

	position:relative;
	top:10px;
	left:7px;
	width:52px;
	text-align:center;
	/*background-color:#ffffff;*/
}

.txtund{

	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#303030;
	
}

input.und{

	position:relative;
	top:0px;
	left:0px;
	margin-left:3px;
	width:20px;
	height:15px;
	background-color:#f1f1f1;
	border: 1px solid #ba726b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;	

}

.btcarro{

	position:relative;
	top:18px;
	left:3px;
	width:62px;
	height:30px;	
	/*background-color:#000099;*/
	text-align:center;

}

.txtcarro{

	position:relative;
	top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-align:center;
	letter-spacing:1px;

}

.espacprods{

	position:relative;
	top:28px;
	width:569px;
	height:36px;
	margin:0 auto;
	overflow:visible;
	/*background-color:#000000;*/
	

}

.envio{
	position:relative;
	left:-1px;
	margin:0 auto;	
	height:15px;
	width:100%;
	background-color:#cdcdcd;
	border:1px solid #D58880;

}
.enviotxt{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#666;
	float:right;
	margin-right:5px;
	font-weight:bold;
}

#bgpaginacion{

	position:relative;
	top:28px;
	margin:0 auto;	
	width:569px;
	height:26px;
	background-color:#dddddd;


}

#btinicio{

	position:relative;
	float:left;
	margin: 5px 6px 5px 6px;		

}

#btatras{

	position:relative;
	float:left;
	margin: 5px 6px 5px 6px;					
}

#btsiguiente{

	position:relative;
	float:right;
	margin: 5px 6px 5px 6px;				
}

#btfin{

	position:relative;
	float:right;
	margin: 5px 6px 5px 6px;
	background-color:#333333;		

}

#izqpags{
	position:relative;
	float:left;
	width:80px;
	height:26px;
	background-color:#dddddd;		

}
#derchpags{
	position:relative;
	float:right;
	width:80px;	
	height:26px;	
	background-color:#dddddd;		

}

#centropags{

	position:relative;
	width:409px;	
	height:26px;
	margin: 0 auto;
	background-color:#dddddd;	

}

table.tblpags{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*font-weight:bold;*/
	color:#c51504;
	background-color:#dddddd;
	text-align:center;
	margin-top:2px;
	margin-bottom:2px;	

}

a.lnkpaginacion, a.lnkpaginacion:visited{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;	
	color:#c51504;
	text-decoration:none;

		
}	

a.lnkpaginacion:hover{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;	
	color:#c51504;
	text-decoration:underline;
	
	
}


/*  --- fin Centro Pagina ---   */

/*  --- Pagina Detalle ---   */

#detalleprod{
	position:relative;
	top:28px;
	margin:0 auto;
	width:569px;
	/*height:400px;*/
	max-height:606px;/*usas max-height para controlar la altura por las capas ocultas de las pestañas, puedes cambiar y usar innerhtml para sustitur el codigo y asi evitar controlar la altura con max-height */
	background-color:#dddddd;
	border: 1px solid #d58880;

}

#imgdetalle{

	position:relative;
	left:-1px;
	margin:0 auto;
	width:569px;	
	height:356px;


}

.imgdet{

	border: 1px solid #d58880;
	

}

#bgproddet{
	/*ahora no usas;*/
	position:relative;
	left:-1px;	
	width:569px;
	height:400px;	
	background-color:#dddddd;
	border: 1px solid #d58880;		

}

.carrodetalle{

	position:relative;
	top:-360px;
	float:right;
	width:75px;
	height:95px;	
	/*background-color:#cccccc;*/
}

.bgañadirdet{
	
	background-color:#eaeaea;
	width:68px;
	height:88px;
	background-image:url(../img/bganadirdet.gif);
	background-repeat:no-repeat;
	margin: 4px 4px 4px 4px;	


}


/** -- pestañas -- **/


#pstbt01{
	overflow:hidden;

}

#pstbt02{
	position:relative;
	top:-228px;
	visibility:hidden;
	overflow:hidden;

}

#pstbt03{

	position:relative;
	top:-456px;
	visibility:hidden;
	overflow:hidden;

}


#bt01{
	background-image:url(../img/bt01.gif);
	background-repeat:no-repeat;
}

#bt02{
	background-image:url(../img/bt02.gif);
	background-repeat:no-repeat;
}

#bt03{
	background-image:url(../img/bt03.gif);
	background-repeat:no-repeat;
}


.pestañas{
	position:relative;
	left:-1px;
	width:569px;
	height:24px;
	border: 1px solid #d58880;
}

.links{
	position:relative;
	left:-10px;
	float:left;
	width:100px;
	height:24px;
	background-image:url(../img/bgpst.gif);
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;

}

a.lnk-emailmarketing, a:visited.lnk-emailmarketing{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}


a:hover.lnk-emailmarketing{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;


}

.bgdatos{
	position:relative;
	top:-1px;
	left:-1px;
	margin:0 auto;	
	width:569px;
	height:200px;
	border: 1px solid #d58880;
	border-top-color:#ab2517;
}

.txtdatos1{
	position:relative;
	margin:5px 5px 5px 5px;
	background-color:#ffffff;
	text-align:justify;
	min-height:186px;
}

.txtdatos2, .txtdatos3{
	position:relative;
	margin:5px 5px 5px 5px;
	background-color:#ffffff;
	text-align:left;

}

.dtsdetizq{
	float:left;
	background-color:#ffffff;
	width:23%;
	padding: 3px 3px 3px 3px;
	
}

.dtsdetderch{
	float:left;
	background-color:#ffffff;
	width:74%;
	padding: 3px 3px 3px 3px;	

}

.txtdtsdetizq{
text-align:left;
font-size:10px;
color:#ddddddd;

}

.txtdtsdetderch{
font-size:10px;
color:#B22E20;
text-align:left;
}

.dtsdetfila{
width:100%;
overflow:auto;
border-bottom:1px solid #eeeeee;
}

.bgdettit{
width:100%;
overflow:auto;
border-bottom: 1px solid #dddddd;
background-color:#eeeeee;
padding-top:2px;
padding-bottom:2px;
}

.txtdettit{
margin-left:10px;
font-size:10px;
color:#B22E20;
font-weight:bold;
}

.scrolldet{
position:relative;
overflow-x:hidden; 
overflow-y:auto;
overflow:auto;
width:auto;
height:196px;

}

.txtdtsdetalles{
text-align:justify;
font-size:10px;
line-height:16px;
color:#ddddddd;

}

/** -- fin pestañas -- **/




/*  --- Fin Pagina Detalle ---   */


/*  --- Pagina Carro ---   */

#carro{

	position:relative;
	top:28px;
	margin:0 auto;
	width:569px;
	/*height:400px;*/
	/*max-height:606px;usas max-height para controlar la altura por las capas ocultas de las pestañas, puedes cambiar y usar innerhtml para sustitur el codigo y asi evitar controlar la altura con max-height */ 	
	background-color:#dddddd;
	border: 1px solid #d58880;
}


#titcolcod{
	width:49px;
	text-align:center;

}

#titcolprod{
	width:360px;

}

#titcolunds{
	width:50px;
	text-align:center;
}

#titcolprec{
	width:55px;
	text-align:center;
}
#titcoltot{
	width:55px;
	text-align:center;
}

.titcol{
	position:relative;
	float:left;
	/*background-color:#000000;*/
	height:24px;
	/*outline:1px solid #000000;	*/
}

.titcoltxt{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;


	/*background-color:#CCCC00;	*/
/*	vertical-align:middle;*/
}

.bgfila{
width:569px;
/*height:30px;*/
min-height:30px;
/*background-color:#f5f5f5;*/
background-image:url(../img/bggridcarro.gif);
background-repeat:repeat-y;
border-top:1px solid #cb908b;



}

.colcod{

	float:left;
	width:49px;
	text-align:center;


}

.colprod{

	float:left;
	width:360px;

}

.colunds{

	float:left;
	width:50px;
	text-align:center;


}

.colprec{

	float:left;
	width:55px;
	text-align:center;


}
.coltot{

	float:left;
	width:55px;
	text-align:center;

	
}


span.spn_colcod{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;

}

span.spn_colprod{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;

}

span.spn_colunds{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	
}

span.spn_colprec{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	
}

span.spn_coltot{

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5e5e5e;

}
table.gridcarro{

border:#000099;

}
thead.titcarro{
	background-image:url(../img/bgtitprod.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;


}
tfoot.titcarro{
	height:20px;
	background-image:url(../img/bgtitprod.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;


}
tbody.carro{

	background-color:#f5f5f5;
	color:#5e5e5e;
}


a.spn_col, a.spn_col:visited{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	text-decoration:none;	
}	

a.spn_col:hover{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	text-decoration:underline;	
}	


td.spn_colcod{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	border-top:1px solid #cb908b;
	border-left:1px solid #eddedc;	

}

td.spn_colprod, td.spn_colgastos{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	border-top:1px solid #cb908b;
	border-left:1px solid #eddedc;	
	padding:5px 4px 5px 4px;
	
}

td.spn_colunds{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	border-top:1px solid #cb908b;	
	border-left:1px solid #eddedc;	
}

td.spn_colprec{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	border-top:1px solid #cb908b;
	border-left:1px solid #eddedc;		
}

td.spn_coltot{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5e5e5e;
	border-top:1px solid #cb908b;
	border-left:1px solid #eddedc;	
}


#apagar{

	position:relative;
	top:30px;
	margin:0 auto;
	width:569px;
	/*height:400px;*/
	/*max-height:606px;usas max-height para controlar la altura por las capas ocultas de las pestañas, puedes cambiar y usar innerhtml para sustitur el codigo y asi evitar controlar la altura con max-height */ 	
	background-color:#dddddd;
	border: 1px solid #d58880;
}

/*  --- Fin Pagina Carro ---   */

/*  --- Fin Formulario de registro ---   */

#formulario{
position:relative;
top:28px;
width:569px;
margin: 0 auto;
background-color:#efefef;
overflow:auto;
border:1px solid #D58880;


}
#formulariocontacto{
position:relative;
top:28px;
width:569px;
margin: 0 auto;
background-color:#efefef;

overflow:auto;
border:1px solid #D58880;
min-height:310px;
/*height:600px;*/



}

#formularioamigo{
position:relative;
top:28px;
width:569px;
margin: 0 auto;
background-color:#efefef;

overflow:auto;
border:1px solid #D58880;
min-height:400px;
/*height:600px;*/



}

.formfila{
/*background-color:#0000CC;*/
/*
min-height:30px;
width:100%;
*/
/*width:560px;
border: 1px solid #00CC66;
*/
width:568px;
max-width:568px;
height:42px;
/*
background-color:#000000;
margin-bottom:1px;
*/
}


.formfilasubmit{
/*background-color:#0000CC;*/
/*
min-height:30px;
width:100%;
*/
/*width:560px;
border: 1px solid #00CC66;
*/
position:relative;
top:155px;
clear:both;
width:568px;
max-width:568px;
height:42px;
/*
background-color:#000000;
margin-bottom:1px;
*/
}


.formizq{
position:relative;
width:272px;
float:left;
text-align:left;
background-color:#dedede;
margin:4px 5px 4px 5px;


}

.formderch{
position:relative;
width:272px;
float:right;
text-align:left;
/*min-height:20px;*/
background-color:#dedede;
margin:4px 5px 4px 5px;


}

.txtforms{
position:relative;
width:272px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:lighter;
color:#676767;
height:12px;
/*border: 1px solid #000000;*/
}

.forms{

font-size:11px;
width:270px;
background-color:#fefefe;
color:#444444;
border: 1px solid #cccccc;
/*border-bottom: 1px solid #cccccc;*/
overflow:hidden;
height:20px;
}

.txtformsvacio{
width:276px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:lighter;
color:#676767;
height:12px;
background-color:#efefef;
/*border: 1px solid #000000;*/
}

.formsvacio{
font-size:11px;
width:274px;
background-color:#efefef;
color:#444444;
border: 1px solid #efefef;
/*border-bottom: 1px solid #cccccc;*/
overflow:hidden;
height:20px;
}


.txtformsln{
clear:both;
width:558px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:lighter;
color:#676767;
background-color:#dedede;
margin-top:5px;
margin-right:4px;
margin-left:4px;
height:14px;
}

.formsln{

clear:both;
font-size:11px;
width:556px;
height:20px;
background-color:#fefefe;
color:#444444;
border: 1px solid #cccccc;
/*border-bottom: 1px solid #cccccc;*/
overflow:hidden;
height:20px;
margin-right:2px;
margin-left:4px;
padding:0px 0px 0px 0px;
}

.formsarea{
clear:both;
font-size:11px;
width:556px;
background-color:#fefefe;
color:#444444;
border: 1px solid #cccccc;
/*border-bottom: 1px solid #cccccc;*/
overflow:hidden;
height:130px;
margin-right:2px;
margin-left:4px;
margin-bottom:5px;
padding:0px 0px 0px 0px;
}


.checkbox{
float:left;
width:18px;
/*border: 1px solid #fefefe;*/
}

.txtcheckbox{
position:relative;
float:left;
top:3px;
left:3px;

/*border: 1px solid #fefefe;*/
width:250px;
height:20px;

}

.txtselects{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#676767;
}

.selects{


}

input.txtinput{
width:264px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}

input.txtinputln{
position:relative;
width:100%;
max-width:550px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
margin-left:0px;
}

textarea.txtar{

position:relative;
top:-1px;
width:100%;
max-width:550px;
height:124px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
overflow:auto;
margin-left:0px;
}

.avisoscontc{
position:relative;
top:8px;
width:340px;
float:left;
text-align:left;
min-height:20px;
margin-left:15px;
/*background-color:#dedede;*/
}

select.poblaciones{
width:270px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
color:#000000;


}

option.poblacionesnone{
width:270px;
max-width:270px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
color:#00000;


}

option.poblaciones{
width:270px;
max-width:270px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
color:#000000;

}

input.submit{
float:right;
margin: 5px 4px 5px 0px;

}


.avisos{
position:relative;
top:8px;
width:380px;
float:left;
text-align:left;
min-height:20px;
margin-left:15px;
/*background-color:#dedede;*/
}

.boton{
width:150px;
float:right;
text-align:left;
min-height:20px;
/*background-color:#cccccc;*/
/*margin:5px 4px 5px 4px;*/


}


#status{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#CC0000;


}

a.condiciones{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:lighter;
color:#676767;

}

a.condiciones, a.condiciones:visited{

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	color:#676767;
	text-decoration:none;	
}	

a.condiciones:hover{

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	color:#676767;
	text-decoration:underline;	
}

#registrado{



	min-height:120px;	
	background-color:#dddddd;


}

.txtregistrado{

	position:relative;
	top:20px;
	left:20px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	color:#676767;
	overflow:hidden;
	
}

/*  --- Fin Formulario de registro ---   */


/*  --- Pagina Pago.php centro ---   */

#centfpago{
margin:0 auto;



}
.bgpago{

background-color:#ffffff;
margin:0 auto;
width:550px;
height: 50px;
margin-top:10px;
margin-bottom:10px;
border: 1px solid #dddddd;



}
.imgvisa{
background-image:url(../img/visa.gif);
margin:5px 5px 5px 8px;
width:45px;
height:45px;
float:left;
}
.imgmaster{
background-image:url(../img/mastercard.gif);
margin:5px 5px 5px 8px;
width:45px;
height:45px;
float:left;
}
.radiobtn{
margin-top:15px;
margin-left:12px;
width:30px;
float:left;
}

.txtradio{
margin-top:18px;
margin-left:10px;
width:200px;
float:left;
}

.contenedorcent{
margin: 0 auto;
width:569px;
border: 1px solid #d58880;

}

#btcontinuar{
position:relative;
right:5px;
float:right;


}
/*  --- Fin Pagina Pago.php centro ---   */

/*  --- Pagina Confirmacion.php centro ---   */

.bgpedido{

background-color:#ffffff;
margin:0 auto;
width:550px;
margin-top:10px;
margin-bottom:10px;
border: 1px solid #dddddd;

}

#bgnumpedido{
background-color:#dddddd;
margin:5px 5px 5px 5px;
padding: 5px 10px 5px 10px;

}
.txtnumpedido{
font-size:12px;
font-weight:bold;
color:#000000;

}

#bgdatpedido{

margin:5px 5px 5px 5px;

border:1px solid #dddddd;

}

.grdatpedido{

width:100%;
overflow:auto;
border-bottom: 1px solid #dddddd;

}

.bgconfcarro{
width:100%;
overflow:auto;
border-bottom: 1px solid #dddddd;
background-color:#eeeeee;
padding-top:2px;
padding-bottom:2px;
}

.txtconfcarro{

margin-left:10px;
font-size:10px;
color:#B22E20;
font-weight:bold;
}

.dvdatpedido{
width:100px;
float:left;
margin-top:3px;
margin-bottom:3px;

}

.dvtxtpedido{
width:410px;
max-width:410px;
float:left;
margin-top:3px;
margin-bottom:3px;

}

.lineaprod{
width:100%;
overflow:auto;
border-bottom:1px solid #eeeeee;

}

.txtdatpedido{
margin-left:10px;
font-size:12px;
color:#ddddddd;
}

.txtpedido{
font-size:11px;
color:#B22E20;
overflow:auto;
margin-left:7px;
}

.confprod{
margin-left:2px;
margin-right:2px;
float:left;
overflow:auto;
margin-top:5px;
margin-bottom:5px;

}

#confmarca{

width:70px;

}

#confmodelo{
width:363px;

}

#confunds{
width:25px;

}
#confprecio{
width:60px;
}

.dvdatapagar{
width:100px;
float:right;
margin-top:3px;
margin-bottom:3px;

}

.dvtxtapagar{
width:75px;
max-width:75px;
float:right;
margin-top:3px;
margin-bottom:3px;

}


.txtdatapagar{
text-align:right;
margin-right:10px;
font-size:11px;

color:#ddddddd;
}

.txtapagar{
text-align:right;
font-size:11px;
color:#B22E20;
overflow:auto;
margin-right:7px;

}

/*  --- Fin Pagina Confirmacion.php centro ---   */

/*  --- Buscador ---   */
select.buscador{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
height:20px;
}
input.pclave{
width:116px;
}
.bgnoresultados{
	position:relative;
	top:28px;
	margin:0 auto;
	width:559px;
	/*height:400px;*/
	background-color:#dddddd;
	padding:5px 5px 5px 5px;
}

.txtnoresultados{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*color:#000000;*/
}


/*  --- Fin Buscador ---   */

/*  --- Pie de paginas de informacion ---   */



.bginf{
	position:relative;
	top:28px;
	margin:0 auto;
	width:569px;
	/*height:400px;*/
	background-color:#dddddd;
	padding:5px 5px 5px 5px;
}

.bginftits{

	background-color:#cecece;
	padding:3px 3px 3px 3px;
	border:1px dotted #bbbbbb;
}

.inftitulos{
color:#C51504;
margin-left:5px;
margin-top:3px;
margin-bottom:3px;
font-size:10px;
}

.bginftxt{
background-color:#eeeeee;
padding:10px 10px 10px 10px;
border:1px dotted #bbbbbb;
}
.inftxt{
color:#777777;
/*
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
*/
font-size:11px;
text-align:justify;

}

.inftxtcond{
font-family:Verdana, Geneva, sans-serif;
color:#777777;
/*
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
*/
font-size:9px;
text-align:justify;

}

.dvlnktit{
	position:relative;
	float:left;
	width:200px;
	height:15px;
	/*background-color:#C95743;*/
	border-right-width:1px;
	border-right-style:dotted;
	border-right-color:#D9D9D9;		
}



.txtlnktit{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	overflow:hidden;
	height:12px;

/*
overflow-x:hidden; 
overflow-y:auto;
overflow:auto;
*/

}


.dvlnktxt{
	position:relative;
	float:left;
	width:200px;
	/*min-height:100px;*/
	overflow:hidden;
	/*background-color:#FFC;*/
	border-right-width:1px;
	border-right-style:dotted;
	border-right-color:#D9D9D9;		
	padding-top:2px;
	padding-bottom:7px;
}

.dvlnktit2{
	position:relative;
	float:left;
	width:170px;
	height:15px;
	/*background-color:#C95743;*/
	border-right-width:1px;
	border-right-style:dotted;
	border-right-color:#D9D9D9;		
}

.dvlnktxt2{
	position:relative;
	float:left;
	width:170px;
	height:80px;
	/*background-color:#FFC;*/
	border-right-width:1px;
	border-right-style:dotted;
	border-right-color:#D9D9D9;	
}



a.lnkpie, a.lnkpie:visited{

	position:relative;
	top:-2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	color:#999;
	font-weight:lighter;
	text-decoration:none;
	padding-left:15px;	

}	

a.lnkpie:hover{

	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	color:#999;
	font-weight:lighter;
	text-decoration:underline;	
	padding-left:15px;	
}

/*  --- Fin Pie de paginas de informacion ---   */


/*  --- Pie de Pagina ---   */

#pie{

	position:relative;
	top:0px;
	clear:both;
	padding-top:0px;	
	margin-top:0px;	
	padding-bottom:30px;
	padding-top:20px;
	text-align: center;
	height:auto;
	/*background-color:#999;*/
	

}


.cabpie{
	position:relative;
	background-color:#F1F1F1;
	height:15px;
	margin: 0 auto;
	
}

.cuerpopie{
	position:relative;
	background-color:#F2F2F2;

}



.pietxt{

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:0.1em;
	line-height:18px;
	color:#767676;

}

#lnk-inf{

	position:relative;
	margin:15px 0px 15px 0px;
	letter-spacing:0em;		

}

#jglogo{
	position:relative;
	margin: 10px 0px 10px 0px;


}


a.lnkdm, a.lnkdm:visited{

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#767676;
	text-decoration:none;
}

a.lnkdm:hover{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#767676;
	text-decoration:underline;

}

/*  --- Fin Pie de Pagina ---   */


/*  --- INDEX ---   */

#contenedorofertas{
position:relative;
top:28px;
width:586px;
margin: 0 auto;
/*background-color:#efefef;*/
overflow:hidden;
/*border:1px solid #D58880;*/
height:650px;
min-height:650px;


}
.contenedorofertasrow{
position:relative;
top:0px;
height:210px;
margin-bottom:5px;
}
#contenedorofertasizq{
position:relative;
top:0px;
float:left;
width:293px;
height:210px;
min-height:210px;
	/*background-color:#000000;*/
}
#contenedorofertasderch{
position:relative;
top:0px;
float:left;
width:293px;
height:210px;
min-height:210px;
	/*background-color:#ffffff;*/

}

.prodindex{
	
	position:relative;
	top:0px;
/*clear:both;*/
	margin: 0 auto;	
	/*margin-top:10px;	*/
	margin-bottom:15px;	
	width:276px;
	height:192px;
	min-height:192px;	
	background-color:#dddddd;
	border: 1px solid #d58880;

}

.bgtitprodindex{

	position:relative;
	top:0px;
	clear:both;
	background-image:url(../img/bgtitprod.gif);
	background-repeat:repeat-x;	
	width:276px;
	height:24px;	
	min-height:24px;
	
}

.nomprodindex{

	position:relative;
	float:left;	
	top:3px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	width:185px;
	height:16px;
	overflow:hidden;
	/*background-color:#FFFF99;	*/
}
/*
.imgprodindex{

	position:relative;
	top:0px;
	margin: 0 auto;		
	width:276px;
	height:120px;
	border-bottom:1px solid #D58880;
	
}
*/
.imgprodindex{

	position:relative;
	top:0px;
	margin: 0 auto;		
	width:276px;
	height:120px;
	
}

.carroprodindex{

	position:relative;
	top:-169px;
	float:right;
	width:75px;
	height:95px;	
	/*background-color:#cccccc;*/
}


.bgañadirindex{
	
	background-color:#eaeaea;
	width:68px;
	height:88px;
	background-image:url(../img/bganadirdet.gif);
	background-repeat:no-repeat;
	margin: 4px 4px 4px 4px;	


}

.undindex{

	position:relative;
	top:10px;
	left:7px;
	width:52px;
	text-align:center;
	/*background-color:#ffffff;*/
}

.infoprodindex{

	position:relative;
	top:0px;

	/*margin:0 auto;*/	
	width:270px;
	height:40px;
	min-height:40px;	
	background-color:#eeeeee;	
	margin:3px 3px 3px 3px;

}

.txtprodindex{
	position:relative;
	top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#303030;
	padding:3px 3px 3px 3px;
	/*background-color:#ffffff;	*/
	
}

.precprodindex{

	position:relative;
	top:2px;	
	float:right;
	right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;

}


/*  --- Fin INDEX ---   */

.lnkprintspn{
	position:relative;
	top:-14px;
	float:right;
	margin-right:5px;
}

a.lnkprint, a.lnkprint:visited{


	color:#B22E20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;

}

a.lnkprint:hover {

	text-decoration:underline;

}

#cabcentroprint{

	position:relative;
	top:14px;
	background-color:#dddddd;
	width:569px;
	height:26px;

}

.salirwebcl{
	position:relative;
	z-index:10;
	top:-210px;
	left:1100px;
	
/*opacity:0;*/
/*	background-color:#dddddd;*/
	background:url(../img/salirweb.gif) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	height:20px;
	width:200px;
	text-align:center;
}