/*Diseño de la hoja*/
#contenedor /*es el cuadro principal*/
{
margin:0 auto;
width: 1000px;
position:relative;
overflow:hidden;
}
.fondoAmarillo
{
	background-color:#CC0;
	text-align:justify;
}
.banco
{
	font-size:20px;
}
pre
{
	font-family:"MS Serif", "New York", serif;
}
#cabecera /*la parte donde va la imagen en la parte superior de las ojas*/
{
width: 100%;
height:200px;
background:#036;
/*background-image:url(file:///C|/wamp/www/Recursos/Cielo.jpg);*/
}
#menu /*menu superior que aparece debajo de la imagen de cabecera*/
{
width:100%;
height:50px;
background:#0072C6;
overflow:visible;
}
 
#lateral /*menu lateral en donde aparecen los catalogos y el buscador*/
{
width: 200px;
float: left;
position:relative;
overflow:hidden;
position: relative;
margin-left:-210px;
}
#cuerpo /*es el área blanco de la pagina en donde el contenido es variable*/
{
margin:0 auto;
width: 780px;
float: left;
overflow:hidden;
}

#pie /*pie de pagina*/
{
float:left;
background:#000;
width:1000px;
height:70px;
color:#A2D7FF;
/*background-image:url(file:///C|/wamp/www/mar.jpg);*/
}
#pie a
{
	color:#A2D7FF;
}

#caja_izq /*contiene la barra lateral*/
{
width: 1000px;
float:left;
background:#A2D7FF;
margin: 0 auto;
}
#caja_der /*contiene el area del contenido para que el buscador y el contenido crescan iguales*/
{
width: 780px;
float:right;
background-color:#FFF;
border-right-color:#A2D7FF;
border-right-style:solid;
border-right-width:thin;
}


.encabezadoLateral /* encabezado de cada area de la barra lateral está de color gris*/
{
 background:#C0C0C0;
 color:#000;
 width:100%;
 text-align:center;
}
.encabezadoDistribuidor /* encabezado de cada area de la barra lateral está de color gris*/
{
 background:#5A89DD;
 color:#FFFFFF;
 width:100%;
 text-align:center;
 font-weight:bold;
}
.centrado /* encabezado de cada area de la barra lateral está de color gris*/
{
 text-align:center;
}
.centradito /* encabezado de cada area de la barra lateral está de color gris*/
{
 text-align:left;
 background-image:url(../imagenes/anuncios/AsistenciaEnLinea.jpg);
}

.contenidoLateralCentrado /*contenido del area del buscador y catalogos centrado*/
{
 background:#D9FAFD;
 text-align:center;
 color:#000;
 width:100%;
}
.contenidoDistribuidor /*contenido del area del buscador y catalogos centrado*/
{
 background:#FFFF99;
 text-align:center;
 color:#000;
 width:100%;
 font-weight:bold;
}
.contenidoLateralIzquierdo /*contenido del area del buscador y catalogos pegado a la izquieda*/
{
 background:#D9FAFD;
 text-align:left;
 color:#000;
 width:100%;
}
/*.encabezadoNaranjaContenido /*encabezado najanja de los contenidos*/
/*{
  background:#F60;
 color:#FFF;
 width:90%;
 margin: 0 auto;
 text-align:center;
 font-size:24px;
 font-weight:200;
}*/
/*.encabezadoAmarilloContenido /*encabezado amarillo de los contenidos*/
/*{
 background:#FFF;
 color:#FFBA00;
 width:90%;
 margin: 0 auto;
 text-align:center;
 font-size:24px;
 font-weight:200;
}*/
/**/
.contenido /*es el contenedor de las imagenes de los catalogos */
{
 margin: 0 auto;
 background:#FFF;
 position: relative;
 width:90%;
 height:100%;
 color:#000;
}


.contenido a img /*imagen link que está dentro de contenido (aparece en index)*/
{
margin-left:5px;
margin-top:5px;
height:180px;
width:170px;
text-align:left;
border:none;
}
.contenido a img.botonsocial /*imagen link que está dentro de contenido (aparece en index)*/
{
margin-left:5px;
margin-top:5px;
height:50px;
width:120px;
text-align:left;
border:none;
}

.contenido a .subcategoria img 
{
	width:100px;
	height:40px;
	/*width:auto;
	height:auto;*/
}

.contenido .cuadroImagenDescripcion /*cuadro que contiene imagen lnk y descripcion de los productos que está dentro de contenido (son para las ofertas en index)*/
{
position:relative;
float:left;
margin-left:5px;
margin-top:5px;
height:auto;
width:170px;
text-align:left;
border:none;
}
.contenido .cuadroImagenDescripcion2 
{
position:relative;
/*float:left;*/
margin-left:5px;
margin-top:5px;
height:auto;
width:170px;
text-align:left;
border:none;
}

/*.contenido .fila .cuadroImagenDescripcion img
{
margin-left:5px;
margin-top:5px;
height:150px;
width:160px;
text-align:left;
border:none;
}*/
/*.contenido .fila .cuadroImagenDescripcion2 img
{
margin-left:5px;
margin-top:5px;
height:150px;
width:160px;
text-align:left;
border:none;
}*/
.contenido .fila
{
height:auto;
width:100%;
float:left;
border:none;
}
.boton
{
	height:55px;
	width:150px;
	
}
.contenido .filaborde
{
height:auto;
width:100%;
/*float:left;*/
/*border-bottom-color:#EDEDED;*/
border-bottom-color:#FFF;
border-bottom-style:double;
border-bottom-width:20px;
/*margin-bottom:3px;*/
}

.contenido .fila .cuadroImagenDescripcion .texto
{
/*display:table-cell;*/
height:auto;
width:170px;
border:none;
text-align:center;
}
.contenido .fila .cuadroImagenDescripcion2 .texto
{
height:auto;
width:170px;
border:none;
text-align:center;
}
.contenido .fila .cuadroImagenDescripcion .textoCorto
{
height:auto;
width:100px;
border:none;
text-align:center;
}

.cuadroLista /*cuadro grande que contiene los datos del producto en 'lista'*/
{
/*height:225px;*/
/*height:300px;*/
height:auto;
border-bottom-color:#EDEDED;
border-bottom-style:double;
border-bottom-width:6px;
margin:0 auto;
}
.cuadrotextoImagenLista /*cuadro pequeño contiene imagen y clave en lista*/
{
height:220px;
width:215px;
text-align:center;
float:left;
margin:0 auto;
}
.cuadrotextoImagenLista img /*imagen en 'lista'*/
{
/*height:200px;
width:200px;*/
height:180px;
width:170px;

}

.textoImagenLista /*texto o clave en 'lista'*/
{
height:20px;
width:200px;
margin:0 auto;
}
.detallesImagenLista /*precio y otros datos en 'lista'*/
{
width:320px;
height:220px;
float:left;
}
.precioDetalleImagenLista
{
height:40px;
width:100px;
float:left;
}
.opcionesImagenLista /* botones para ver 'lista'*/
{
width:160px;
height:220px;
text-align:center;
float:left;
}
.opcionesImagenLista a
{
	border-color:#FFF;
	background:#FFF;
}
.opcionesImagenLista a img
{
width:150px;
height:55px;
}
.rojo /*Texto rojo ejemplo '$precio' en 'lista'*/
{
color:#F00;
font-weight:bold;
}
.azul /*Texto azul ejemplo 'precio' en 'lista'*/
{
color:#03C;
font-weight:bold;
}
.detalle
{
	font-size:18px;
}
.detallerojo
{
	font-weight:bold;
	font-size:18px;
	color:#F00;
}
.paginacion
{
	font-size:24px;
	color:#090;
}
.textoClear
{
float:none;
clear:both;
}

/*detalle*/
/*#contenedorDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
/* float:left;
 width:100%;
 height:100%;
 /*color:#000;*/
/*}
#encabezadoDetalle
{
 margin: 0 auto;
/*background:#96C;*/
 /*float:left;
 width:100%;
 height:auto;
 /*color:#000;*/
/*}
/*#iconoEncabezadoDetalle
{
 margin: 0 auto;
/*background:#96C;*/
/* float:left;
 width:25%;
 height:auto;
 /*color:#000;*/
/*}
/*#claveEncabezadoDetalle
{
 margin: 0 auto;
/*background:#96C;*/
/*float:left;
 width:50%;
 height:auto;
 /*color:#000;*/
/*}
/*#logoEncabezadoDetalle
{
margin: 0 auto;
/*background:#96C;*/
 /*position: relative;
 float:right
 width:25%;
 height:auto;
 /*color:#000;*/
/*}
/*#cuadroImagenDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
 /*float:none;
 width:100%;
 height:auto;
}*/
/*#fotoCuadroImagenDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
 /*float:none;
 width:650px;
 height:420px;
}*/
/*#fotoCuadroImagenDetalle img
{
 width:150px;
 height:55px;
}*/
/*#cuadroDatosDetalle
{
 margin: 0 auto;
 float:left;
 position: relative;
 width:100%;
 height:auto;
}*/
/*#descripcionCuadroDatosDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
/* float:left;
 width:50%;
 height:auto;
}*/
/*#precioCuadroDatosDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
/* float:left;
 width:25%;
 height:auto;
}*/
/*#botonesCuadroDatosDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
/*float:left;
 width:25%;
 height:auto;
}*/
/*#linkRegresoDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
 /*float:none;
 width:100%;
 height:auto;
}*/
/*#botonPregunteAquiDetalle
{
 margin: 0 auto;
 /*background:#96C;*/
 /*float:none;
 width:100%;
 height:auto;
}*/
pre {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer */
}
h1
{
	text-align:center;
	/*background-image:url(../imagenes/anuncios/titulosh1.jpg);*/
	color:#0072C6;
}
h2
{
	color:#630;
}
.buscadortexto
{
	height:40px;
	color:#666;
	font-size:16px;
	vertical-align:top;
}
.buscadorboton
{
	height:45px;
	background:#CFF;
	color:#333;
	font-size:20px;
	vertical-align:top;
}
.chat
{
	height:45px;
	width:129px;
	border:0;
	visibility: hidden;
}
.verde
{
	color:#090;
}
.gris
{
	color:#999;
	font-size:15px;
}
.contenido a img.busqueda /*imagen link que está dentro de contenido (aparece en index)*/
{
margin-left:5px;
margin-top:5px;
height:65px;
width:65px;
text-align:left;
border:none;
}

/*Elementos de formulario*/
/*type text*/
.fondoazul
{
	background-color:#E6FFFF;
	 width:95%;
	 margin: 0 auto;
}
form.fondoazul
{ 
	background-color:#E6FFFF;
	padding:15px;
}
.labelcajatexto
{
	clear:both;
	font-size:16px;
	font-weight:bold;
}
input.clasebonito
{
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 10px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
	color:#4B4B4B;
	font-size:16px;
	font-weight:bold;
}
span.claseerrorcaja
{
	display: table-cell; float:left;
	height:53px;
	width:53px;
	vertical-align: middle;
	background-size:100% 100%;
	background-image:url(../imagenes/anuncios/tachita.png);
	border:#F60 thin solid;
}
img.claseerrorcaja
{
	display: table-cell; float:left;
	height:48px;
	width:48px;
	vertical-align: middle;
	background-size:100% 100%;
	/*background-image:url(../imagenes/anuncios/tachita.png);*/
	border:#F60 thin solid;
}
span.clasesinerrorcaja
{
	display: table-cell; float:left;
	height:53px;
	width:53px;
	vertical-align: middle;
	background-size:100% 100%;
	background-image:url(../imagenes/anuncios/palomita.png);
	border:#6C6 thin solid;
}
img.clasesinerrorcaja
{
	display: table-cell; float:left;
	height:48px;
	width:48px;
	vertical-align: middle;
	background-size:100% 100%;
	/*background-image:url(../imagenes/anuncios/palomita.png);*/
	border:#6C6 thin solid;
}
img.claseinformacioncaja
{
	display: table-cell; float:left;
	height:48px;
	width:48px;
	vertical-align: middle;
	background-size:100% 100%;
	/*background-image:url(../imagenes/anuncios/bombilla.png);*/
	border:#FF9 thin solid;
}
span.claseinformacioncaja
{
	/*display: table-cell; float:left;*/
	height:50px;
	width:50px;
	vertical-align: middle;
	background-size:100% 100%;
	background-image:url(../imagenes/anuncios/bombilla.png);
	border:#FF9 thin solid;
}
/*Para checkbox*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked 
{
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label 
{
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before 
{
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after
{
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #2082E3;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after 
{
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after
{
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before 
{
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after 
{
  color: #999;
}
[type="checkbox"]:disabled + label 
{
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before 
{
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before 
{
  border: 1px solid #4778d9!important;
}
.amarillo
{
	color:#FF0;
	background-color:#F00;
}
/*select option*/
.styled-select select 
{
   background:#F3FFFF;
   width: 170px;
   padding: 3px 0px 4px 9px;
   font-size: 11px;
   border: none;
   height: 50px;
   color:#4B4B4B;
   font-weight:bold;
   font-size:16px;
}
.styled-select 
{
   width: 175px;
   height: 50px;
   overflow: hidden;
   border:#069 1px  solid;
}

/*textarea*/
.estilotextarea 
{
	/*width:400px;
	height:100px;
	border: 1px solid #FFF;
	background-color:#F3FFFF;*/
	 border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
	color:#4B4B4B;
	font-size:16px;
	font-weight:bold;
}
/*boton submit*/
.form-submit-button 
 {
	 background: #0066A2;
	 color: white;
	 border-style: outset;
	 border-color: #0066A2;
	 height: 50px;
	 /*width: 100px;*/
	 font: bold 15px arial, sans-serif;
}
.dolar
{
	font-size: 20px;  /* antes 20px */
	color:#C00;
	font-weight:bold;
	/*visibility: hidden;*/
}
.tituloLaptop
{
	font-size:20px;
	color:#303;
}
.datoLaptop
{
	font-size:16px;
	color:#306;
}
/*formulario dividido*/
fieldset { border:none; width:650px;}
legend { font-size:18px; margin:0px; padding:10px 0px; color:#06F; font-weight:bold;}
.prev, .next { background-color:#06F; padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover { background-color:#000; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;}
#steps li span {font-size:11px; display:block;}
#steps li.current { color:#000;}
#makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWizard:hover { background-color:#000;}