@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;}

body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: justify; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: circle;
	background-color: #e6e5e5;
}

/*/////////////////////////////////////////// CABECERA ///////////////////////////////////////////*/

#header {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-image: url(../imagen/cabecera_logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 113px;
}

#banner {
	float: right;
	margin: 10px;
}

/*/////////////////////////////////////////// MENU ///////////////////////////////////////////*/

#menu {
	background-image: url(../imagen/fondo_menu.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 26px;
	color: #FFF;
	margin-bottom: 40px;
	list-style-type: none;
	padding-top: 10px;
	text-align: center;
	font-size: 14px;
}

#menutop ul {
	margin: 0px;	
}

#menutop li {
	display:inline;
	text-align: center;
}

#menutop a {
	font-weight: bold;
	color:#FFF;
	background-color: #adacac;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 5px;
	padding-left: 18px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#menutop a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #CF1232;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 5px;
	padding-left: 18px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/*/////////////////////////////////////////// CONTAINER - CUERPO ///////////////////////////////////////////*/

#container {
	text-align: justify; /* esto anula text-align: center en el elemento body. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 990px;
	background-color: #FFF;
}

#cuerpo {
	margin-right: 50px;
	margin-left: 50px;
	width:900px;
	float:left;
}

/*/////////////////////////////////////////// LINK ///////////////////////////////////////////*/

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

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

a:active {
	color: #CF1232;
	text-decoration: underline;
}

a:hover {
	color: #CF1232;
	text-decoration: underline;
}	
	
/*/////////////////////////////////////////// PIE ///////////////////////////////////////////*/

#pie {
	height: 20px;
	background-color: #cf1232;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	color: #FFF;
	text-align: center;
	margin-top: 40px;
	padding-top: 5px;
}

/* link */
#pie a:visited {
	color: #FFF;
	text-decoration: none;
}
#pie a:link {
	color: #FFF;
	text-decoration: none;
}
#pie a:active {
	color: #000;
	text-decoration: underline;
}
#pie a:hover {
	color: #000;
	text-decoration: underline;
}/* link */	

/*/////////////////////////////////////////// FOOTER ///////////////////////////////////////////*/

#footer {
	color: #000;
	font-size: 11px;
	margin-top: 10px;
	text-align: center;
	padding-bottom: 50px;
}

/* link */
#footer a:visited {
	color: #000;
	text-decoration: none;
}
#footer a:link {
	color: #000;
	text-decoration: none;
}
#footer a:active {
	color: #CF1232;
	text-decoration: underline;
}
#footer a:hover {
	color: #CF1232;
	text-decoration: underline;
}/* link */	

/*/////////////////////////////////////////// COMPLEMENTOS ///////////////////////////////////////////*/

.clear {
	clear:both;
}

a img {
	border: none;
}

h1 {
	background-color: #CF1232;
	text-align: left;
	height: 20px;
	color:#FFF;
	font-size: 16px;
	background-image: url(../imagen/h1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}	

h2 {
	font-size: 14px;
	background-color: #CF1232;
	text-align: center;
}

h4 {
	background-color: #CF1232;
	text-align: left;
	height: 20px;
	color:#FFF;
	font-size: 16px;
	background-image: url(../imagen/h1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-top: 15px;
}

/*/////////////////////////////////////////// INICIO ///////////////////////////////////////////*/

#inicio_izq {
	float:left;
	width: 360px;
	min-height: 320px;
	background-color: #FFF;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#inicio_dcha {
	float:right;
	width: 462px;
}

/*/////////////////////////////////////////// CONTACTO ///////////////////////////////////////////*/

#contacto_izq {
	float:left;
	width: 360px;
	min-height: 310px;
	background-color: #FFF;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#contacto_dcha {
	float:right;
	width: 460px;
	padding-top: 30px;
}

.formulario {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: justify;
}


#datos {
	visibility:hidden;
	z-index:500;
	float:none;
	text-align: center;
}

#cerrar {
	text-align:center;
	font-weight:bold;
}


/*/////////////////////////////////////////// MENÚ TIENDA ///////////////////////////////////////////*/
#menutienda {width:171px;float:left;display:block;text-align:left;margin-top:0;}
#login p{margin:0; padding:0;}
.entrar {
	float:right;
	font-weight:bold;
	color:#FFF;
	background-image: url(../imagen/fondo_entrar.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 66px;
	text-align: center;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 3px;
}

#btn_entrar a:visited {
	text-decoration: none;
	color: #fff;
}

#btn_entrar a:link {
	color: #fff;
	text-decoration: none;
}

#btn_entrar a:active {
	color: #CF1232;
	text-decoration: none;
}

#btn_entrar a:hover {
	color: #CF1232;
	text-decoration: none;
}	

#cesta{background-color:#e6e5e5;border-width: 1px;border-style: solid;border-color: #adacac;}
#listamenu li{
	background-color:#adacac;
	list-style-type:none;
	background-image: url(../imagen/submenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom:3px;
}
#listamenu li	a{color:#FFF;}
#titulofamilia {	background-color: #CF1232;
	text-align: center;
	/*height: 20px;*/
	color:#FFF;
	font-size: 16px;
	}
#tablacarro td{text-align:center;vertical-align:middle;}	
.textoformulario{color:#cf1232;}
.entrar{background-color:#adacac; color:#FFFFFF;}

/*/////////////////////////////////////////// CAPA ARTICULOS ///////////////////////////////////////////*/
#capaarticulo {width:680px; float:right;}
#capaarticulo2 {width:950px; float:right;margin-left:25px;}
#articulosuelto{width:206px;height:325px;background-color:#e6e5e5;float:left;overflow:hidden;display:block;margin-right:16px; margin-top:15px; margin-bottom:10px; border-width:2px;
	border-style: solid; border-color: #adacac;}
#cuerpoarticulo{padding:10px; float:left;min-height:115px;}
.fotoarticulo {margin:auto;text-align:center;display:block;}
.descripcion{color:#cf1232;border-bottom: 2px solid #cf1232;text-transform:none;width:180px;}
.descripcion_tienda{color:#cf1232;border-bottom: 2px solid #cf1232;text-transform:none;width:260px;}
#info{margin-top:10px;color:#cf1232;float:right;margin-right:15px;height:15px;}

/*/////////////////////////////////////////// CAPA ARTICULO SOLO ///////////////////////////////////////////*/
#articulosolo{width:675px;background-color:#e6e5e5;float:left; margin-bottom:25px;border-width: 2px; border-style: solid; border-color: #adacac;}
#tablacarro2 td{text-align:center;vertical-align:middle; padding:10px;text-align:left;}	

/*/////////////////////////////////////////// CAPA TIENDAS ///////////////////////////////////////////*/
#capatienda{width:900px; float:right;}
#articulosueltotienda{width:280px;height:425px;background-color:#e6e5e5;float:left;overflow:hidden;display:block;margin-right:16px; margin-top:15px; margin-bottom:10px; border-width:2px;
	border-style: solid; border-color: #adacac;}
#cuerpoarticulotienda{padding:10px; float:left;min-height:115px;}

/*/////////////////////////////////////////// CAPA TIENDA SOLA ///////////////////////////////////////////*/
#articulotiendasolo{width:897px;background-color:#e6e5e5;float:left; margin-bottom:25px;border-width: 2px; border-style: solid; border-color: #adacac;}
#tablacarro2tienda td{text-align:center;vertical-align:middle; padding:10px;text-align:left;}	



/*////////////////// TABLA CARRITO ///////////////////////*/
#tablacarrito, #tablacarrito th, #tablacarrito td {border-width: 2px; border-style: solid;border-color: #adacac;}

#tablacarrito th, #tablacarrito td {padding:3px;}

	
/*SHADOWBOX*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(imagen/close.png);}
#sb-nav-next{background-image:url(imagen/next.png);}
#sb-nav-previous{background-image:url(imagen/previous.png);}
#sb-nav-play{background-image:url(imagen/play.png);}
#sb-nav-pause{background-image:url(imagen/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}	#texto {
	background-color: #e6e5e5;
	border: 1px solid #a49989;
	margin-top: 20px;
	text-align: justify;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

