@charset "utf-8";
/* CSS Document */

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E3B030;
	text-decoration: none;	
	color: #6C6C62;
	line-height: 16px;
}

a, a:visited, a:hover {
	color: #C42347;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:active {
	color: #C42347;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
hr {	
	color: #cccccc;	
	background-color: #cccccc;
	border: 1px solid;
}
strong{
	/*font-size: 10px;*/
	color: #000000;
	font-weight: bold;
}
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #C42347;	
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E3B030;	
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E3B030;	
}
ol {
	margin-left: 25px;
}
ul {
	margin-left: 15px;
}
.foto_izquierda{
	float: left;
}
.foto_izquierda2{
	float: left;
	
	margin-right: 10px;
}
.alinear_derecha{
	text-align: right;
}
.alinear_centro{
	text-align: center;
}
/*----------------------------estilos propios--------------------*/
/*caja contenedora=global*/
#global{
	position: absolute;
	left: 50%;
	margin-top: 0px;
	width: 820px;
	margin-left: -410px;
}

/*franja superior, idiomas y menú superior*/
#franjasuperior{
	width: 820px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float: left;
}
	#menu_superior{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #E3B030;
	float: left;
	}
		#menu_superior a, #menu_superior a:active{
		font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #E3B030;
		text-decoration: none;
		}
		#menu_superior a:hover{
		font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #CCCCCC;
		text-decoration: none;
		}
	#idioma{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	float: right;
	}
		#idioma a, #idioma a:active{
		font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #CCCCCC;
		text-decoration: none;
		}
		#idioma a:active{
		font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #E3B030;
		text-decoration: none;
		}
/*imagen de cabecera*/
#cabecera{
	float: left;
	height: 235px;
	width: 820px;
}
#cabecera_interior{
	float: left;
	height: 190px;
	width: 820px;
}
/*div que contiene todo las columnas del contenido de la web*/
#contenido{
	float: left;
	width: 820px;
	background-image: url(/Portals/_default/Skins/despensa/images/fondo_franjas_home.gif);
}
#contenido_2columnas{
	float: left;
	width: 820px;
	background-image: url(/Portals/_default/Skins/despensa/images/fondo_franjas_2columnas.gif);
}
#contenido_2columnas_2{
	float: left;
	width: 900px;
	background-image: url(/Portals/_default/Skins/despensa/images/fondo_franjas_2columnas.gif);
}
	/*grupo columnas izquierda de la home*/
	#columnas_izquierda_home{
	float: left;
	width: 415px;
	background-image: url(/Portals/_default/Skins/despensa/images/cabecera_fondo1.gif);
	background-repeat:  repeat-x;
	}
	#columna1{
	float: left;
	width: 190px;
	padding-right: 6px;
		}
			#columna1 .normal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B8B4A5;
	line-height: 16px;
			}
			#buscar{
			float: left;
			width: 190px;
			padding-top: 10px;
			}
			#buscar input{
	border: 1px solid #C42347;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #909388;
}
		#columna2{
	float: right;
	width: 211px;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 14px;
	color: #909388;
		}
		#columna2 h1{
	color: #E3B030;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
		}
		#columna2 h2{
		line-height: 0px !important;		
		}
		#columna2 strong{
		color: #B8B4A5 !important;
		}
		#columna2 a, #columna2 a:active{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #E3B030;
		text-decoration: none;		
		}
		#columna2 a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #E3B030;
		text-decoration: underline;
		}
	/*grupo columnas derecha de la home*/
	#columnas_derecha_home{
	background-image: url(/Portals/_default/Skins/despensa/images/cabecera_fondo2.gif);
		background-repeat:  repeat-x;
	float: right;
	width: 405px;
	}
		#columna3{
	float: left;
	width: 251px;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #909388;
	line-height: 14px;
		}
		#columna3 strong{
			color: #909388;}
		#columna3 a, #columna3 a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C42347;
	text-decoration: none;
	border: 0px none #FFFFFF;
		}
		#columna3 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C42347;
	text-decoration: underline;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
		}
		#columna4{
	float: right;
	width: 142px;
	padding-left: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
		}
		#columna4 a, #columna4 a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E3B030;
	text-decoration: none;		
		}
		#columna4 a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #E3B030;
		text-decoration: underline;
		}
		/*la columna 5 es la de contenidos de las páginas interiores a dos columnas*/
		#columna5{
		float: right;
		width: 616px;
		padding-right: 0px;
		padding-left: 8px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #6C6C62;
		}
		#columna5_2{
		float: right;
		width: 690px;
		padding-right: 0px;
		padding-left: 8px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #6C6C62;
		}
		#columna5 strong, #columna5_2 strong, #contenido5_admin2 strong{
	font-weight: bold;
	color: #6A6A6A;
		}
		/*#columna5 #ContentPane{
	float: left!important;	
		}*/
		
			#columna5 .normal, #columna5_2 .normal, #contenido5_admin2 .normal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C062;
	line-height: 16px;
			}
			#columna5 .head, #columna5_2 .head, #contenido5_admin2 .head{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C42347;
	font-weight: bold;
			}
			#columna5 a, #columna5 a:active, #columna5_2 a, #columna5_2 a:active, #contenido5_admin2 a, #contenido5_admin2 a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C42347;
	text-decoration: underline;	
	
		}
		#columna5 h1, #columna5_2 h1, #contenido5_admin2 h1{
	line-height: 20px;
}
		#columna5 a:hover, #columna5_2 a:hover, #contenido5_admin2 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #80172F;
	text-decoration: underline;
		}
		#columna6{
		float: left;
		width: 810px;
		padding-right: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #6C6C62;
		}
/*pie*/
#pie{
	font-size: 9px;
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float: left;
	width: 820px;
	text-align: center;
	color: #909388;
}
#pie strong{
	color: #909388;
	font-weight: bold;	
}
	#pie a, #pie a:active{
	font-weight: bold;
	color: #E3B030;
	text-decoration: none;	
	}
	#pie a:hover{
	font-weight: bold;
	color: #E3B030;
	text-decoration: none;	
	}
/*estilos de la página de la tienda*/
#menutienda{
	float: left;
	width: 616px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C42347;
	margin-bottom: 15px;
}
#columna5 #contenido5{
	float: left;
}

	#menutienda a, #menutienda a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C42347;
	text-decoration: none;
	}
	#menutienda a:hover{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C42347;
	text-decoration: underline;
	}
		#menutienda_izquierda{
		width: 416px;
		float: left;
		}
		#menutienda_derecha{
	width: 200px;
	float: right;
	text-align: right;
		}
/*#menutienda2{
	float: left;
	width: 616px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C42347;
	text-align: right;
}*/
#columna5 .CATHeader, #columna5_2 .CATHeader, #contenido5_admin2 .CATHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B8B4A5;}
#columna5 TD.CATHeader, #columna5_2 TD.CATHeader, #contenido5_admin2 TD.CATHeader
{
	background-color: #FFFFFF;		/*background-color: #006699;*/
}
#columna5 .CATAltHeader, #columna5_2 .CATAltHeader, #contenido5_admin2 .CATAltHeader
{
	font-weight: bold;
	font-size: 15px;
	color: #C42347;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#columna5 TD.CATAltHeader, #columna5_2 TD.CATAltHeader , #contenido5_admin2 TD.CATAltHeader 
{
	height: 20px;
	margin: 3px;
}
#columna5 .CATContainerHeader, #columna5_2 .CATContainerHeader, #contenido5_admin2 .CATContainerHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B8B4A5;
}

#columna5 TD.CATContainerHeader, #columna5_2 TD.CATContainerHeader, #contenido5_admin2 .CATContainerHeader
{
	height: 20px;
	margin: 3px;
}
#columna1 .head{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E3B030;
	font-weight: bold;
			}

#columna5 .CATSubSubHead, #columna5_2 .CATSubSubHead, #contenido5_admin2 .CATSubSubHead{
	font-size: 10px;
}
#columna5 .CATRowHighlight, #columna1 .CATRowHighlight, #columna5_2 .CATRowHighlight, , #contenido5_admin2 .CATRowHighlight{
	border: 1px solid #FFFFFF;
	
}
#columna5 .CATSubHead, #columna5_2 .CATSubHead, #contenido5_admin2 .CATSubHead{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E3B030;
}
#columna1 .subtotal{
	font-size: 10px;
	font-weight: normal;
	color: #C42347;
}

#columna5 .CATRow, #columna5_2 .CATRow, #contenido5_admin2 .CATRow{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#columna5 .CATGridHeader, #columna5_2 .CATGridHeader, #contenido5_admin2 .CATGridHeader{
	background-color: #DCDAD3;
	color: #797C70;
}
#columna5 .CATGridItem, #columna5_2 .CATGridItem, #contenido5_admin2 .CATGridItem{
	background-color: #F2F1EE;
}
#columna5 ul, #columna5_2 ul, #contenido5_admin2 ul{
	list-style-position: outside;
	list-style-image: url(/Portals/_default/Skins/despensa/images/punto_ul.gif);
}
#columna5_2 .CATNormalRed, #columna5 .CATNormalRed, #contenido5_admin2 .CATNormalRed{
	font-size: 9px!important;
}

/*=======================================================+
|                                                        |
|         CSS for DotNetNuke Skin - ArchitectX           |
|               Developed by Adammer LLC                 |
|                http://www.adammer.com                  |
|                                                        |
|                    December 2007                       |
|                                                        |
+=======================================================*/

/*#nav ul { padding:0; margin:0; list-style:none; float:left; width:14.5em; background-color:#d8edfb; } */
  
#nav ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B8B4A5;
	line-height: 16px;
	list-style-image: url(/Portals/_default/Skins/despensa/mas.gif);
	margin:0px;
	padding: 15px;
}
#nav li li {
	margin:0px;
	list-style:none;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
}
#nav li ul {
	position : relative;
	left: 1em;
	margin:0px;
	list-style:none;
	
	padding: 0px;
} 
#nav li ul ul{
	left: -0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B8B4A5;
	list-style-type: none;
	list-style-image: none;
} 
#nav a {
	font-size:11px;
	/*display:block;
	width: 14em;*/
	text-decoration:none;
	font-weight:bold;
	color:#B8B4A5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0px;
	
} 
#nav li a:hover {
	color:#847E68;
	list-style-type: none;
} 
#nav li a.SelectedTab {
	font-weight:bold;
	background-color: #FFF;
	color:#000;
	list-style-type: none;
} 
#nav .DisabledTab { /*color:#ccc;*/ } 
/*#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul, 
#nav li.iehover ul ul, 
#nav li.iehover ul ul ul, 
#nav li.iehover ul ul ul ul{ left: -13em; } 
*/
/*#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul { left: auto; } 
*/
#navContainerBorder {
} 
#navContainer {
	padding-top: 10px;
	padding-bottom: 10px;
}
#navAdmin ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B8B4A5;
	line-height: 16px;
	list-style-image: url(/Portals/_default/Skins/despensa/mas.gif);
	margin:0px;
	padding: 15px;
}
#navAdmin li li {
	margin:0px;
	list-style:none;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
}
#navAdmin li ul {
	position : relative;
	left: 1em;
	margin:0px;
	list-style:none;
	
	padding: 0px;
} 
#navAdmin li ul ul{
	left: -0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B8B4A5;
	list-style-type: none;
	list-style-image: none;
} 
#navAdmin a {
	font-size:11px;
	/*display:block;
	width: 14em;*/
	text-decoration:none;
	font-weight:bold;
	color:#B8B4A5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0px;
	
} 
#navAdmin li a:hover {
	color:#847E68;
	list-style-type: none;
} 
#navAdmin li a.SelectedTab {
	font-weight:bold;
	background-color: #FFF;
	color:#000;
	list-style-type: none;
} 
#navAdmin .DisabledTab { /*color:#ccc;*/ } 
/*#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul, 
#nav li.iehover ul ul, 
#nav li.iehover ul ul ul, 
#nav li.iehover ul ul ul ul{ left: -13em; } 
*/
/*#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul { left: auto; } 
*/
/*estilos con span*/
.subtitulo_home{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E3B030;	
}
.tienda_celda{
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 10px;
}
.tienda_celda2{
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
.subtitulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E3B030;	
}
#columna1 .CATContainerHeader{
	color: #E3B030;
	margin: 0px;
	padding: 0px;
}
#visitatienda a, #visitatienda a:active{
	color: #C42347!important
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px!important;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
}
#visitatienda a:hover{
	color: #C42347!important
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px!important;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
}
/**************************ADMINSITRACIÓN DE LAS TIENDAS*****************************************/

#contenido_2columnas_2_admin{
	float: left;
	width: 100%;
	background-image: url(/Portals/_default/Skins/despensa/images/fondo_franjas_2columnas.gif);
	

}
#global2{
	width: 99%;
	padding-left: 1%;	
}
#columna1_admin{
	width: 20%;
	float: left;
}
#columna5_admin{width: 80%;
float: right;
		padding-right: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #6C6C62;
}
.columna1_admin{
	width: 20%;
	vertical-align: top;	
}
.columna5_admin{
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6C6C62;
	vertical-align: top;
	padding-left: 37px;
}
#contenido5_admin2{
	float: left;
}
/*menu del tienda de la home*/
#tiendamenuhome

{margin-top: 20px;}
#tiendamenuhome a, #tiendamenuhome a:active{
	color: #C42347;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#tiendamenuhome a:hover{
	color: #C42347;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	
}
/*boton de registro*/
.ACLinkButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C42347;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.titulo_otrastiendas{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E3B030;
}