/* Documento CSS */
body {
background-image: url('../fondo.gif');
background-color: #FFF;
color: #000;
font-size: 15px;
margin:0;
padding:0;
height: 100%;
}
table {border-collapse:collapse; border: none;}
td {padding:0; margin:0; vertical-align: top;}
A:link {text-decoration:none; color: #000;}
A:visited {text-decoration:none; color: #000;}
A:active {text-decoration:none; color: #000;}
A:hover {text-decoration:none; color: #000;}
img{border: none;}
html{margin:0; padding:0;  height: 100%;}
.marcoprincipal
{
background-color:#8b7355;
padding: 15px;
border-radius:10px;
margin-top:10px;
}
.titulo1
{
color:#FFF;
font-size:20px;
font-weight:bold;
margin-top: 5px;
margin-bottom: 15px;
text-align:center;
}
.titulo2
{
color:#000;
font-size: 18px;
font-weight:bold;
margin-bottom: 5px;
text-align:center;
}
.marco2
{
background-color:#ebe5cb;
padding: 15px;
border-radius:10px;
margin-top: 15px;
}
.marco3
{
background-color: #FFF;
padding: 5px;
border-width: 2px;
border-style: solid;
border-color: #000;
border-radius:10px;
}
.boton1
{
text-align:center;
font-weight:bold;
font-size: 15px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #EEE;
border-radius:5px;
border: 1px black outset;
cursor:pointer;
}
.boton2
{
font-weight:bold;
font-size: 15px;
cursor:pointer;
}

.leyenda
{
background-color: #ebe5cb;
width: 545px;
margin: 2px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: #74490b;
padding: 1px;
clear:both;
}

.marcoprod
{
background-color: #ebe5cb;
height: 80px;
width: 545px;
margin: 2px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: #74490b;
padding: 1px;
clear:both;
}

.foto
{
float: left;
height:80px;
width:120px;
}

.descripcion
{
width: 287px;
height:78px;
margin-left: 2px;
float: left;
font-size: 14px;
}

.masinform
{
cursor: pointer;
float: left;
text-align:center;
background-color: #f0e78c;
margin-left: 2px;
margin-top: 5px;
padding-left: 2px;
padding-right: 2px;
font-weight:bold;
}

.marcoprod1
{
background-color: #ebe5cb;
width: 540px;
margin: 2px;
margin-left: 5px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
padding: 1px;
clear:both;
}

.marcoprod2
{
background-color: #FFF;
border-color: #66b03d;
margin: 5px;
border-radius: 10px;
border-width: 3px;
border-style: solid;
}

.tituloprod2
{
background-color: #66b03d;
font-size: 16px;
font-weight:bold;
text-align:center;
}

.contenedor
{
margin: 10px 2px;
}

.precios
{
width: 60px;
height:78px;
margin-left: 2px;
float: left;
text-align:center;
}

.texto
{
font-weight:bold;
text-align:center;
}

.descuento
{
margin-left: 3px;
margin-right: 3px;
color: #FFF;
font-size: 12px;
line-height:13px;
font-weight:bold;
background-color: #ec7d14;
}

.iva
{
font-size: 12px;
line-height:13px;
}

.compra
{
width: 65px;
height:78px;
margin-left: 7px;
float: left;
text-align:center;
}

.precioscompra
{
width: 120px;
height:78px;
margin-left: 2px;
float: left;
text-align:center;
font-weight:bold;
}

.preciof
{
font-weight:bold;
text-align:center;
margin-top:2px;

}

.boton
{
cursor: pointer;
float: left;
text-align:center;
background-color: #EEE;
border-radius:10px;
border: 1px black outset;
margin-left: 2px;
padding-left: 3px;
padding-right: 3px;
font-weight:bold;
font-size: 14px;
}

/*
.marco1
{
background-color: #ebe5cb;
width: 540px;
margin: 2px;
margin-left: 5px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
padding: 1px;
clear:both;
}
.marco2
{
background-color: #FFF;
border-color: #66b03d;
margin: 5px;
border-radius: 10px;
border-width: 3px;
border-style: solid;
}
.titulo2
{
background-color: #66b03d;
font-size: 16px;
font-weight:bold;
text-align:center;
}
.contenedor
{
margin: 10px 2px;
}


.descripciones
{
height:54px;
}





.stock
{
width: 70px;
font-size: 10px;
text-align:center;
clear:both;
}
*/

/* Estilos  */
/* Fin Estilos  */