/*Estilo para la parte SUPERIOR de los articulos*/
/* Estilo para colocar el logo del sistema*/
.logo{
	background:url(../imgDiseno/logo.png) no-repeat;
	width:226px;
	height:287px;
	float:left;
}
.imagenesArt{
	width:674px;
	height:287px;
	float:left;
}
/* Articuorelacnados*/
div#Relacionados{
	width:226px;
	height:auto;
	float:left;
}
/*parte inferior del banner*/
div#Relacionados p{
	background:#F7F4EE;
	font-size:11px;
	color:#4A4A4A;
	padding:5px 20px 5px 20px;
	height:39px;
	margin:0; 
}
/*cotendo   Articulo*/
div#contenido{
	width:594px;
	/*height:auto;*/
	float:right;
	margin-right:60px;
	margin-bottom:20px;
}
.video{
	margin:20px 0 20px 20px; 
	width:inherit;
}
/*estilo para el titulo de un articulo, de un video...*/
.titulo{
	color:#007C9E;
	font-weight: bold;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
}
/*Imprimir yy enviar*/
div#ImpyEnv{
	width:60px;
	margin-left:10px;
	float:right;
	height:auto;
	border-left:#999999 solid 1px;
}

/*******************************************/
/*pagina SubMenu*/
div#submenu{
	width:900px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
/*Estilo para los articulo y video de un submenu*/
.ImgSubMenu{
	width:222px;
	height:93px;
	float:left;
	margin:10px 2px 10px 0;
	
}
img{
	border:none;
}
div#submenu a{
	color:#000;
	text-align:center;
}







/*-----------------------------------------------------------*/
/***********ESTILO PARA LA BARRA DE SESION DEL CLIENTE*/
/*-----------------------------------------------------------*/




/*div para la barra negra de abajo*/
div#fndoSesion{
background:url(../imgDiseno/barracliente.png);
width:900px;
margin-top:0;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:20px;
padding-top:5px;
}
div#fndoSesion span{
 width:550px;
 text-align:center;
 float:left;

}
div#fndoSesion p{
width:300px;
float:right;
text-align:right;
margin:0;
margin-right:10px;
/*margin:5px;*/
}
div#fndoSesion a{
color:#5599FF;
margin:0 6px 0 6px;

}
div#fndoSesion a:hover{
	text-decoration: underline;
}
/********************************ESTILO PARA LA VENTANA DE LOGIN*******************************/
.enunciados{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
margin:10px 0  0 0;
}
/*----------------------------------------------*/
/*Estilo para los vinculos de los formularios*/
.vinculoenunciados{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#007C9E;
font-size:14px;
margin:10px 0  0;
}
/*Estilo para los campoos de texto*/
.entrada {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
border:1px solid #CCCCFF;
background-color:#E6ECFA;
margin-bottom:5px;
}
.vinculo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5599FF;
}
/* Estilo para los mensajes de advertencia */
.advertencia{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #FF0000; 
 font-weight: bold;
} 
/**************************************************************************************************/
/*-----------------------------------------------*/
/*BOTONES */
.boton{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#FFFFFF;
border:0;
margin: 0 15px 0 0;
}
.botongra{
width:89px;
height:23px;
background:url("../imgDiseno/botongra.png");
}

/*----------------------------------------------------*/

/*----------------------------------------------*/
/*cuadro para colocar el color del producto*/
.fondo{
width:45px;/*15px;*/
height:61px; /*15px;*/
/*margin-right:10px;*/
margin-top:0;
/*border:1px solid #CCCCFF;*/
}

/*clase para las margenes del color cuando esta el producto en la categoria*/
.clasColorSC{
/*	margin-right:5px;*/
	margin-left:51px;
	padding-top:35px;
} 
/*Estilo para las imagenes de las subcategorias*/
/*.imagenesSbCat{
	height:156px;
	width:156px; 
	display:block;
	cursor:pointer;
	/*float:left;
	/*margin:25px 0 0 5px; 
	margin-bottom:0;
	/*border:1px solid #BDC4B5;*/
/*}*/

/*Estilo para las imagenes de los productos*/
/*desde producto,*/
.imagenes{
	width:96px;/*156px;/*96px; */
	height:96px;
	display:block;
	cursor:pointer;
	/*float:left;*/
	/*margin:25px 0 0 5px; 
	margin-bottom:0;
	/*border:1px solid #BDC4B5;*/
}
/*clase para el precio en subcategoria*/
.classprecio{
	font-style:normal;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	margin:0;
	text-align:center;
}
/*clase para los codigos en los pedidos*/
.classcodigo{
	font-style:normal;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	margin:0;
}
/**
/*Clase para el colro del contenido en subcategoria */
.classcolor{
	color:#F47916;
}
/*--estilo para los nombres que aparecen cuando se busca*/

.txtNombre{/*.Estilo3 {*/
	color:#007C9E;
	/*margin:0 15px 0 15px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:oblique;
	text-align:center;
	margin:0;
}
/*.txtNombre{
 margin:0 15px 0 15px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#808080;
 margin-left:5px;
 
}*/
.classCamino{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	margin-top:10px;
}
/* producto agotado*/
p#agotado{
background:url(../imgDiseno/agotado.png) no-repeat center center; 
height:90px;
width:90px;
}
/* producto grande agotado*/
div#agotadoG{
background:url(../imgDiseno/agotado.png) no-repeat center center; 
width:282px;
height:234px;
}
/***************ESTILO PARA LA PAGINA DE REGISTRO DE CLIENTES**************/
.clascapa{
	width:880px;
	margin:auto;
	border-bottom:1px solid #BDC4B5;
	margin-bottom:20px;
	padding-left:20px;
}
/*---Estilo para la consulta del perfil*/
/*----------------------------------------------------*/
div#fondoazul{
	background:url(../manager/imagenes/fondoazul.png) no-repeat;
	width:900px;
	height:70px;
	margin: auto;
	margin-top:0;
}
div#iconTitle{
	/*margin:10px  0 0 10px;
	/*width:350px;*/
	float:left;
}
/*Estilo para las imagenes que estan junto al titulo*/
.imagentitle{
	margin:10px 0 0 20px;
}
/*---------------------------------------------------------*/
/*Titulo para las pantallas*/

div#btnTodos{
	margin:30px  10px 0 0;
	/*width:550px*/;
	float:right;
}
/*----------------------------------------------------*/
/* Estilo para los mensajes de advertencia */
.advertencia{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000; 
	font-weight: bold;
	/*float:left;*/
} 
/**********************************************************/