html {
	
}
body, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del, ins {
	text-decoration:none;
}

caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
*font-size:100%;
}


/*
Ahora vamos con los estilos de la web
*/
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/topBg.jpg) repeat-x top;
	background-color:#C5EEFC;
	font-size:11px;
	color:#333;
}
.footer {
	font-size:11px;
	color:#000;
	text-align:right;
	padding-right:14px;
	border-top:1px dotted #FFF;
	padding-top:5px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}
.footer a {
	color:#000;
	text-decoration:none;
}
.footer a:hover,a:active {
	/*background:#69D3F8;*/
	color:#FFF;
	text-decoration:none;
}
.pop-bienvenido {
	background:url(../images/bg-logo-registrado.jpg) repeat-x top;
}
.logueado {
	background: url(../images/bg-logueado.jpg) no-repeat right top;
}
.logueado div {
	padding:0px 0px 5px 19px;
	text-align:left;
}
.btsalir {
	padding:4px 3px;
	*padding:4px 11px;
	
}
.lupita {
	width:21px;
	height:20px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:18;
}
.pFoto {
	position:relative;
	z-index:5;
}
.verde {
	color:#A9D46E;
}
.verdeBold  {
	color:#A9D46E;
	font-weight:bold;
}
.menu {
	margin-top:26px;
}
.menuInt {
}
.cont {
	background:url(../images/bg.jpg) repeat-y;
	padding-left:35px;
	padding-right:35px;
}
.bold {
	font-weight:bold;
}
.selecLinea {
	border-bottom:1px #CCC dotted;
	padding-bottom:2px;
	margin-bottom:2px;
}
.sidebar {
	margin-left:48px;
}
.sidebar2 {
	margin-top:20px;
	margin-left:48px;
}
.contCarro {
}
.carroBG {
	background:url(../images/carro-bg.jpg) repeat-y;
	padding:6px 15px 6px 15px;
}
.carroImg {
	border:3px solid #FFF;
}
.carroArt {
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}
.carroArt a {
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}
.carroArt a:hover, a:active {
	/*font-size:12px;*/
	/*font-weight:bold;*/
	color:#000;
	text-decoration:underline;
}

.item {
	line-height:160%;
	border-bottom:1px dotted #FFF;
	padding-bottom:6px;
	margin-bottom:6px;
}
.contSubMenuSide {
	margin-bottom:35px;
}
.subMenuSide {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#ccc 1px dotted;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding-left:15px;
}

.subMenuSide:hover {
	text-decoration:none;
	background: url(../images/bgver.jpg) right no-repeat;
	background-color:#A9D46E;
	color:#FFF;
	
}
.subMenuSide a {
	color:#000;
	text-decoration:none;
}
.subMenuSide a:hover, a:active {
	color:#fff;
	text-decoration:none;
}
.bannerOfertas {
	text-align:center;
}
.filtrarPor {
	color:#000;
	margin-bottom:15px;
}
.filtrarPor select {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align:right;
	width:140px;
}
/*
Vamos con el Buscador
*/
.rodea {
	margin-top:15px;
	margin-bottom:35px;
}
.contBuscador {
	background:#f8f8f8;
	padding:12px;
}

.labelscontBuscador {
	margin-bottom:4px;
}
.estilo {
	font-family:Arial, Helvetica, sans-serif;
	padding:1px;
	font-size:13px;
	width:205px;
}
/*
Fin del Buscador
*/

/*
Aca vamos con listar Productos
*/
.contProd {
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #666;
}
.pArt {
	font-size:14px;
	color:#000;
	margin-bottom:8px;
}

.pArtBold {
	font-size:18px;
}
.pDesc {
	font-size:11px;
	color:#666;
	margin-top:12px;
	margin-bottom:12px;
}
.pDesc a {
	color:#666;
	text-decoration:none;
}
.pDesc a:hover {
	text-decoration:none;
	color:#69D3F8;
}
.pDesc2 {
	font-size:11px;
	color:#666;
	margin-top:12px;
	margin-bottom:12px;
	height: 42px;
}
.pDesc2 a {
	color:#666;
	text-decoration:none;
}
.pDesc2 a:hover {
	text-decoration:none;
	color:#69D3F8;
}
.pPrecio {
	font-family:"Arial Narrow",Arial;
	font-size:20px;
	font-weight:bold;
}
.pMasIva {
	font-size:10px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

/*
Vamos a hablar ahora del pop
con el detalle de producto
*/
.popBG {
	background:#FFF;
	height:500px;
	overflow:auto;
}
.pArt1 {
	border-bottom:1px dotted #CCCCCC;
	color:#000000;
	font-size:14px;
	margin-bottom:30px;
	margin-top:15px;
	padding-bottom:3px;
	width: 714px;
}
.bgBigFoto {
	width:480px;
	height:480px;
	background:url(../images/bgBigFoto.jpg) no-repeat;
	padding:4px;
}
.conThs {
	padding:4px;
	margin-left:7px;
	border-left:1px dotted #CCC;
}
.conThs img {
	margin-bottom:10px;
}
.colores {
	font-size:12px;
	color:#000;
	margin-bottom:8px;
	padding-bottom:3px;
}
.ampliar {
	font-size:10px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
.contHacerpedido {
	background:#f8f8f8;
	padding:12px;
}
.fcant {
	width:56px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px;
	text-align:center;
}
.fcant2 {
	width:602px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px;
	text-align:left;
}
.fcant2b {
	width:412px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px;
	text-align:left;
}
.fobs {
	width:486px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px;
}
.fobs2 {
	width:286px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px;
}
.total {
	font-size:21px;
	color:#000;
	text-align:right;
	margin-top:10px;
}

.subtotal {
	font-weight:bold;
	font-size:13px;
	color:#000;
	text-align:right;
	margin-top:10px;
}

.textoCeleste{
	color:#80D9F7;
	font-family:trebuchet MS;
	font-size:12px;
	font-weight:bold;
	white-space: nowrap;
}

.nowrap{
	white-space: nowrap;
}

.textito{
	font-size: 16px;
}


.usTable{
}

.usTable tr{
	margin: 10px 10px;
}

.usTitulo{
	margin: 10px 10px;
	background-color: #F8F8F8;
	padding-right: 30px;
	width: 150px;
	padding-right: 10px;
}

.usContenido{
	background-color: #F8F8F8; 
	border-bottom: 2px solid #F8F8F8;
	padding: 5px 35px 5px 0px; 
}

.usContenido .txt1{
	width: 200px; 
	background-color: #FFF; 
	color: #666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	padding:1px;
	border: 1px solid #A5ACB2;
}

.bordeRemarcado{
	width: 200px; 
	background-color: #FFF; 
	color: #666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	padding:1px;
	border: 1px solid #A5ACB2;
}

.subm1{
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:8px;
	width:38%;
}

.div_reg{
	border: 19px solid #F8F8F8;
}

.tdtalle{
	margin-bottom: 15px;
}
/*
Ahora vemos el pop de login
*/
.poplogin {
	margin:15px;
	font-size:11px;
}
.hs {
	margin-left:25px;
}
.popsusTxts {
	font-size:11px;
}
.popsusAlert {
	font-size:11px;
	color:#69D3F8;
}
.olvide {
	font-size:11px;
	font-weight:bold;
	color:#000;
}
a.olvide  {
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
a.olvide:hover  {
	color:#000;
	text-decoration:none;
}
a.olvide:active  {
	color:#000;
	text-decoration:none;
}
.recordar {
	margin-top:10px;
}

.top{
	vertical-align: top;
}

.titCat{
	border-bottom:1px dotted #CCCCCC;
	font-size:15px;
	font-weight:bold;
	padding-bottom:4px;
	padding-left:10px;
	padding-top:8px;
	color: #69D4F8;
}
/*
Aca vamos con la galeria de imagenes
*/
.folio {
float:left;
padding:0px;
width:868px;
margin-left:18px;
}
.nav {
clear:left;
margin-top:600px;
}
.nav {
width:868px;
}
.nav .next {
left:745px;
position:relative;
top:-310px;
z-index:75;
}
.nav .prev {
left:22px;
position:relative;
top:-310px;
z-index:78;
}
.nav a {
color:#ccc;
cursor:pointer;
font-size:20px;
padding:2px;
text-decoration:none;
}
.workbox {
overflow:hidden;
}
.titsImg {
	padding:40px;
	padding-top:0px;
	padding-bottom:0px;
}

optgroup{
	font-weight: bold;
}

option{
	font-weight: normal;
}
.flotante {
    display:scroll;
        position:fixed;
        bottom:320px;
        right:0px;
}
.mdl-layout__content {
    padding: 24px;
    flex: none;
}
.mdl-button {
    margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.product-image img {
    max-width: 100%;
    margin-top: 1rem;
}
.product-info {
    padding-left: 10px;
}
.product-name {
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
}
#imagenFlotante {
  bottom:10px;
  right:0px;
  position: fixed;
  _position:absolute;
  clip:inherit;
  _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
  _right:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}