/* LAYOUT GENERAL */
body {
	text-align: center;
	/* SCROLLBAR-FACE-COLOR: rgb(102, 0, 161);
	SCROLLBAR-HIGHLIGHT-COLOR: rgb(102, 0, 161);
	SCROLLBAR-SHADOW-COLOR: rgb(102, 0, 161);
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR: rgb(209, 178, 227);
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	background-color:#FEF4EB;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

hr#principalHR {
	height: 7px;
}

div,span,p,td,textarea,select,option {
	font-size: 11px;
}

p {
	
	font-size: 11px;

}

button,input {
	font-size: 11px;
	border: 1px inset rgb(62, 97, 162);
	/*width: 90px;*/
	background-color: rgb(209, 178, 227);
	color: rgb(102, 0, 161);
}


form {
	margin: 0px;
}

a {
	text-decoration: none;
	color: rgb(102, 0, 161);
	border: none;
}

a:visited {
	text-decoration: none;
	color: rgb(102, 0, 161);
	border: none;
}

a:hover {
	text-decoration: none;
	color: rgb(102, 0, 161);
	border: none;
}



.layoutGeneral {
	background-color:#FFFFFF;
	border-top-color: #F7C599;
	border-top-width: 1px;
	border-left-color:#F7C599;
	border-left-width:1px;
	border-right-color: #EC6E00;
	border-right-width: 1px;
	border-bottom-color:#EC6E00;
	border-bottom-width:1px;	
	border-style: solid;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.layPie {
	font-family: Verdana;
	width: 100%;
	height: 20px;
}

.laySup {
	font-family: Verdana;
	width: 100%;
	height: 120px;
	padding-top: 5px;
}

.migas{font-size: 90% ;text-align: left; padding: 0px 0px 1px 5px; border-bottom: 1px solid #F7C599}
.migas #sinEnlace {color: #6600A0}

.icono {float: left;margin-left: 3px;margin-right: 3px; padding-top: 2px}
.icono span{cursor: pointer;color: #6600A0; font-weight: bold;}


.contenidoLayMain {
	font-family: Verdana;
	vertical-align: top;
	width: 100%;
	margin: 8px 0 0 0;
	overflow: auto;
}

.clearTodo {
	clear: both;
}

.clearIz {
	clear: left;
}

.clearDe {
	clear: right;
}

.titulo2nivel {
	text-align: left;
	font-weight: bolder;
	font-size: 180%;
	margin-bottom: 5px;
	font-weight: bold;
	color: #D1B2E3;
}

div#bajoDesarrollo p{
	text-align: justify;
	color: 8433B3;
	font-size: 10pt;
}

div#bajoDesarrollo{
	padding-top: 10px;
	margin: auto;
	width: 400px;
}

.contenidorUsuarioNoLogin {
	width: 130px;	
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	margin-bottom:30px;
}

.contenidorUsuarioLogin {
	float: right;
	width: 130px;
	height: 260px;
	vertical-align: middle;
}

.contenidorMailOlvidada {
	float: right;
	width: 130px;
	height: 260px;
	vertical-align: middle;
	border-color: #8433B3;
	border-style: solid;
	border-width: 1px;
}

.contenidorMailOlvidada span {
	color: #EC6E00;
}

.bloqueLoginDer {
	text-align: center;
}

.bloqueLoginDer div#arriba {
	background-color: rgb(102, 0, 161);
	color: white;
	height: auto;
}

.bloqueLoginDer div#abajo {
	border-color: #EC6E00;
	border-style: solid;
	border-width: 1px;
	height: auto;
}

.bloqueLoginDer div#label {
	background-color: rgb(209, 178, 227);
	color: rgb(102, 0, 161);
	width: 107px;
	
	margin: auto;
}

.bloqueLoginDer div#caja {
	padding-bottom: 5px;
}

.bloqueLoginDer div#titleA {
	font-size: 110%;
	font-weight: bolder;
	margin-bottom: 5px;
	padding-top: 5px;
}

.bloqueLoginDer div#titleB {
	color: rgb(102, 0, 161);
	font-size: 110%;
	font-weight: bolder;
	margin-bottom: 5px;
	padding-top: 5px;	
}

.bloqueLoginDer input {
	background-color: white;
	color: rgb(102, 0, 161);
}

.bloqueLoginDerCon {
	background-color: rgb(102, 0, 161);
	vertical-align: middle;
	padding-top: 75px;
	padding-bottom: 75px;
}

.bloqueLoginDerCon div#label {
	color: #D90028;
}

.bloqueLoginDerCon div#titleA {
	font-size: 110%;
	font-weight: bolder;
	color: white;
}



/* FORMULARIO GENERICOS */
.formulario {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(102, 0, 161);
	padding: 1px;
}

.formularioCalculo
{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(102, 0, 161);
	padding: 8px;
}

.formulario span{
	color: ED6E00;
}

span#rojo{
	color: #E4132F;
}

.formulario div#condicionesVenta {
	color: EC6E00;
	height: 300px;
	overflow: auto;
	border-color: 6600A1;
	border-style: solid ;
	border-width: 1px;
}

.formulario table#interior {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(102, 0, 161);
}

.formulario td#label {
	color: #6600A1;
	text-align: left;
}

.formulario td#contenido {
	color: 6600A0;
}

.formulario td {
	padding: 1px;
}

.formulario td#titulo {
	font-size: 105%;
	font-weight: bolder;
	color: rgb(102, 0, 161);
}

.formulario div#titulo{
	font-size: 105%;
	font-weight: bolder;
	color: rgb(102, 0, 161);
}

.formulario td#tituloB {
	font-size: 102%;
	font-weight: bold;
	color: rgb(102, 0, 161);
}

.formulario td#botonera {
	margin-top: 2px;
	border-top-color: rgb(209, 178, 227);
	border-top-style: solid;
	border-top-width: 1px;
	text-align: center;
}

.formulario td#botoneraLeft {
	margin-left: 2px;
	border-left-color: rgb(209, 178, 227);
	border-left-style: solid;
	border-left-width: 1px;
	text-align: center;
}

.formulario td#subTitulo {
	font-size: 102%;
	font-weight: bold;
	color: rgb(237, 110, 0);
}

.bordeTopPuntado{
	border-top-color: rgb(209, 178, 227);
	border-top-style: dotted;
	border-top-width: 1px;
}

.bordeBottomPuntado{
	border-bottom-color: rgb(209, 178, 227);
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.bordeLeftPuntado{
	border-left-color: rgb(209, 178, 227);
	border-left-style: dotted;
	border-left-width: 1px;
}

.bordeRightPuntado{
	border-right-color: rgb(209, 178, 227);
	border-right-style: dotted;
	border-right-width: 1px;
}

/* MIS PEDIDOS */
.operativaClass {
	overflow-y: auto;
	height: 325px;
	width: 225px;

}

/* PANEL PRINCIPAL SELECCIONES PRODUCTO PF1 */
.mainConfigurarProducto {
	height: 430px;
}

.mainConfigurarProducto div#imagen {
	margin-top: 2px;
	float: right;
	text-align: left;
	padding-right: 5px;
}

.barraSeleccionproductos {
	vertical-align: middle;
	text-align: center;
	border: 1px solid;
}

div#masqueraGrupo {
	margin-left: 55px;
	margin-top: 3px;
	margin-right: 55px;
	width: 820px;
	overflow-x: hidden;
	
}

div#masqueraProducto {
	margin-left: 55px;
	margin-top: 3px;
	margin-right: 55px;
	width: 820px;
	overflow-x: hidden;
	
}

div#masqueraProductoPlantilla {
	padding-left: 1px;
	padding-right: 2px;
	width: 74px;
	height:315;
	overflow-y: auto;
	overflow-x: none;
	border-top: 1px solid #6600A1;
	border-bottom: 1px solid #6600A1;		
}

div#masqueraPlantillas {
	padding-left: 0px;
	padding-right: 1px;
	width: 62px;
	height:315;
	overflow-y: auto;
	overflow-x: none;
	border-top: 1px solid #6600A1;
	border-bottom: 1px solid #6600A1;		
}

div#sliderProducto {
	position: relative;
	left: 0;
}


div#sliderGrupo {
	position: relative;
	left: 0;
}

div#sliderPlantilla {
	position: relative;
	left: 0;
}
div#sliderProducto table {
	margin: auto;
}

.barraProducto {
	text-align: center;
	padding: 5px;
	border: 1px solid black;
}

.barraProducto div#idBarraGrupo {
	cursor: pointer;
	text-align: center;
	width: 55px;
	height: 82px;
	overflow: hidden;
}
.barraProducto div#idBarraProdcuto {
	cursor: pointer;
	text-align: center;
	width: 44px;
	height: 66px;
	overflow: hidden;
}

.barraProducto div#idBarraPlantilla {
	cursor: pointer;
	text-align: center;
	width: 32px;
	height: 50px;
	overflow: hidden;
}

.barraAyuda {
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	width: 200px;
}
.barraAyuda div#idAyuda {	
	cursor: pointer;
	text-align: center;
	width: 200px;
	height: 100px;
	overflow: hidden;
	font-weight: bolder;
}

.contenidorAyuda {
	margin-left: 0px;
	margin-right: 10px;
	text-align: left;
	float: right;
	height: 315px;
	overflow-y: hidden;
	overflow-x: hidden;
	width: 560px;
	border: 1px solid;
}


.AyudaPregunta {
	text-align: center;
	font-weight: bolder;
	font-size: 103%;
	margin-bottom: 5px;
	margin-top: 5px;
	color: rgb(237, 110, 0);
}

.AyudaRespuesta {
	text-align: center;
	font-weight: bolder;
	font-size: 103%;
	color: #6600A1;
	margin-bottom: 10px;
}


.izqBarra {
	cursor: pointer;
	
	float: left;
	vertical-align: center;
}

.derBarra {
	cursor: pointer;	
	float: right;
	vertical-align: center;
}

.izqBarra {
	cursor: pointer;	
	float: left;
	vertical-align: center;
}

.upBarra {
	cursor: pointer;	
	text-align: center;
	float: none;
}

.downBarra {
	cursor: pointer;	
	text-align: center;
	float: none;
}


.contenidorSeleccionProducto {
	float: left;
	height: 240px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.seleccionProducto {
	cursor: pointer;
	border: 1px solid rgb(102, 0, 161);
	width: 100px;
	height: 125px;
	color: rgb(102, 0, 161);
	font-weight: bold;
	background: white;
	overflow: hidden;
	margin: auto;
}

.contenidorSeleccionProducto td {
	text-align: center;
}

.contenidorSeleccionProducto table {
	margin-left: 10px;
	height: 210px;
	text-align: center;
	width: 800px;
}

/* PIE DE PAGINA */

.layPie #datosEmpresa{
	color: #EC6E00;
	font-size: 95%;
	background-color: #FEF4EB;
	border-top-color: #F7C599;
	border-top-style: solid;
	border-top-width: 1px;
}
	
.layPieHome #datosEmpresa{
	color: #EC6E00;
	font-size: 95%;
	background-color: #FEF4EB;
	border-top-color: #F7C599;
	border-top-style: solid;
	border-top-width: 1px;
}

.contenidorAnuncios {
	text-align: right;
	float: right;
	overflow: hidden;
	width: 250px;
	height: 132px;
}

.anuncio {
	overflow: hidden;
	width: 240px;
	border-color: rgb(237, 110, 0);
	border-style: solid;
	border-width: 1px;
	height: 62px;
	margin: 2px;
}


.anuncio img{
	border: none;
}

.contenidorOtrosPF {
	text-align: left;
	float: left;
	width: 705px;
	overflow: hidden;
	height: 143px;
}

.cajaPresupuestoRapido {
	border: 1px solid;
	width: 700px;
	height: 75px;
	overflow: hidden;
}

.cajaPresupuestoRapido table {
	
}

.cajaPresupuestoRapido td {
	font-family: Verdana;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 104%;
}

.cajaPresupuestoRapido input {
	font-family: Verdana;
	font-size: 10px;
	color: rgb(102, 0, 161);
	border-style: 1px solid;
	border-color: rgb(102, 0, 161);
	background-color: rgb(209, 178, 227);
}

.cajaPresupuestoRapido select {
	font-family: Verdana;
	font-size: 11px;
	color: rgb(102, 0, 161);
	background-color: rgb(209, 178, 227);
}



#idCondAceptar{
	color: #E4132F;
}

.contenidorConfigurarProducto img {
	cursor: pointer;
}

.contenidorConfigurarProducto span {
	color:  #E4132F;
	font-size: 105%;
	font-weight: bolder;
}

.contenidorConfigurarPlantilla span {
	color:  #E4132F;
	font-size: 105%;
	font-weight: bolder;
}

.contenidorConfigurarProducto {
	margin-left: 0px;
	text-align: left;
	float: left;
	height: 315px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 490px;
	border-top: 1px solid #6600A1;
	border-bottom: 1px solid #6600A1;
	z-index: 1;
}

.contenidorConfigurarProducto table {
	width: 100%;
}

.contenidorConfigurarProducto td {
	
}

.contenidorConfigurarProducto textarea {
	margin-left: 1px;
	margin-right: 1px;
	width: 100%;
}

.contenidorConfigurarProducto input {
	
}

select {
	border: 1px inset rgb(62, 97, 162);
	/*width: 90px;*/
	background-color: #D1B2E3;
}


.contenidorConfigurarPlantilla {
	margin-left: 0px;
	text-align: left;
	float: left;
	height: 315px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 400px;
	border-top: 1px solid #6600A1;
	border-bottom: 1px solid #6600A1;	
}


.boton {
	width: 100px;
	cursor: pointer;
}

.contenidorAyudaProducto {
	height: 280px;
	margin-left: 500px;
	width: 290px;
	margin-right: 115px;
	border: thin solid #6600A0;
}



.contenidorAyudaPlantillas {
	height: 290px;
	margin-left: 545px;
	width: 255px;
	margin-right: 115px
}

.contenidorAyudaProducto div#divAyuda{
	padding: 20px;
}

.contenidorAyudaPlantillas div#divAyuda{
	padding: 20px;
}

.contenidorConfigurarProducto img {
	
}


/* OTROS PF */
.contenidorOtrosPF div#iconoOtrosleft {
	float: left;
	width: 233px;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
}

.contenidorOtrosPF div#iconoOtrosright {
	float: left;
	width: 233px;
	text-align: right;
	margin-top: 4px;
	margin-bottom: 4px;
}

.contenidorOtrosPF div#iconoOtroscenter {
	float: left;
	width: 234px;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
}

.contenidorOtrosPFB {
	float: right;
	height: 230px;
	width: 150px;
	text-align: center;
}

.contenidorOtrosPFB div#iconoOtrosleft {
	margin-top: 20px;
	margin-bottom: 30px;
}

.contenidorOtrosPFB div#iconoOtrosright {
	margin-top:30px;
	margin-bottom: 20px;
}

.contenidorOtrosPFB div#iconoOtroscenter {
	
}

/* COLORES */
.colorViola {
	color: rgb(102, 0, 161);
}

.colorViolaClaro {
	color: rgb(209, 178, 227);
}

.colorNaranja {
	color: rgb(237, 110, 0);
}

.colorNaranjaClaro {
	color: rgb(247, 197, 153);
}

.colorBgViola {
	background-color: rgb(102, 0, 161);
}

.colorBgViolaClaro {
	background-color: rgb(209, 178, 227);
}

.colorBgNaranja {
	background-color: rgb(237, 110, 0);
}

.colorBgNaranjaClaro {
	background-color: rgb(247, 197, 153);
}

/*CABECERA*/
.cabeceraSx {
	width: 250px;
	text-align: left;
	float: left;
}

.cabeceraDx {
	width: 250px;
	text-align: right;
	float: right;
}

.titulocabecera {
	width: auto;
	color: rgb(102, 0, 161);
	text-align: center;
	margin-left: 260px;
	margin-right: 260px;
	font-size: 220%;
	font-weight: bolder
}

.cajaLoginCon {
	text-align: center;
	width: 200px;
	margin-left: auto;
	font-family: Verdana;
	margin-right: auto;
	margin-top: 10px;
}

.cajaLoginCon span#label {
	color: E4132F;
	
}

.cajaLoginCon span#titleA {
	color: E4132F;
	font-size: 110%;
	font-weight: bolder;
}

.cajaLogin {
	width: auto;
	margin-left: 260px;
	margin-right: 260px;
}

.cajaLogin div#arriba {
	text-align: left;
	font-weight: bolder;
	font-size: 110%;
	color: rgb(237, 110, 0);
	height: auto;
}

.cajaLogin span#label {
	color: white;
}

.cajaLogin div#abajo {
	background-color: rgb(102, 0, 161);
	height: auto;
}

.cajaLogin input {
	background-color: white;
	color: rgb(102, 0, 161);
}

.marcoPresupuesto2 {
	width: 250px;
	margin-left: 490px;
	border: 1px solid;
	padding: 2px;
}

.marcoPresupuesto1 {
	float: right;
	width: 250px;
	margin: 2px;
	border: 1px solid;
	padding: 2px;
}

.usuarioReg {
	float: right;
	width: 190px;
	border: 1px solid rgb(237, 110, 0);
	padding: 1px;
}

.usuarioReg div#texto {
	float: left;
	text-align: right;
}

.usuarioReg span{
	font-size: 105%;
	font-weight: bolder;
}

.usuarioReg span#parteA{
	color: rgb(102, 0, 161);
}

.usuarioReg span#parteB{
	color: rgb(237, 110, 0);
}

/*MENU*/
.label {
	float: left;
	width: 47%;
	vertical-align: middle;
	text-align: right;
	height: 30px;
	margin-left: 2px;
}

.caja {
	width: 47%;
	vertical-align: middle;
	float: right;
	text-align: left;
	height: 30px;
}

.contenidorForm {
	width: 98%;
	clear: both;
	margin: 2px
}

/*ESTILOS PARA ESTATICOS*/
.estatContenedor {
	text-align: center;
}

#tarjeta {
	text-align: center;
	margin-bottom: 5px;
}

.estatContenedor div#imagen{
	float: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 100px;
}

.estatContenido {
	font-weight: 100%;
	font-size:10.0pt;
	line-height:14pt;
	color: 8000C0;
	padding: 20px;
	text-align: justify;
}

.estatContenido div#distiler a {
	color: E4132F;
}

.estatContenido div#distiler a:visited {
	color: E4132F;
}

.estatContenido div#distiler a:hover {
	color: E4132F;
}

.termino {
	text-align: left;
	font-weight: bolder;
	font-size: 103%;
	margin-bottom: 5px;
	color: #6600A1;
}

hr#divisorEntrada {
	color: rgb(247, 197, 153);
	height: 1px;
}

.entrada {
	text-align: left;
	color: #000000;
	margin-bottom: 10px;
}

.faqPregunta {
	text-align: left;
	font-weight: bolder;
	font-size: 103%;
	margin-bottom: 5px;
	color: #6600A1;
}

.faqRespuesta {
	text-align: left;
	color: #000000;
	margin-bottom: 10px;
}

.imgLink {
	border: none;
	text-align: center;
	font-style: italic;
	color: rgb(237, 110, 0);
}

.conportada
{

}

.sinportada
{

}

.bajar
{
	position: relative;
	top: 20px;
}

.contienelinks
{
}

.otrosLinks
{
	float: right;
	width: 160px;
}

.imgadhoc
{
	width: 290px;
	height: 315x;
	border: thin solid #6600A0;
}