@charset "iso-8859-1";
/*
  $Id: stylesheet.css,v 1.26 2003/06/30 20:03:50 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/


/* Constantes

$fondocontenedor = '';
$fondotabla = '';
$fondocabecera = '#272347';
$bordecabecera = '#cccc99';
$txtcabecera = '#ffffff';
$bordecuerpo = '#606165';

$fondocabclara = '#cccc99';

$fondocuadro = '';
$fondoboton = '#cccc99';
$txtboton = '#006699';

*/










/*******************************************************/
/*estilos para la plantilla de descripción de productos*/
/*******************************************************/
#contenedor0 {
	width:730px; /*ancho total de la pagina*/ 
	margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
#contenedor {
	float:left;
	width:550px; /*ancho total de la pagina*/
	background-color:$fondocontenedor;
	margin:0px 0 0 0; /*5px arriba*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

.opciones {
	margin:0px 5px 10px 2px;
	padding: 10px 10px;
	width:125mm;
	border:2px solid $fondocabecera;
	background-color:$fondotabla; /*algo de color*/ 
	font-size:95%;
} 	
.opciones .invisible{display:none;}

	
	
.menupest {	
	margin:0px 7px 0px 0px;
	width:125mm;
	list-style-type:none; /*con esto quitamos las viñetas*/
} 
.menupest ul {
}
.menupest li { 
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	margin:1mm 0mm 1mm 2mm; /*le quito el margen al elemento de la lista*/ 
	padding:5px 0px 5px 2px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	width:35mm; /*defino el ancho del rectangulo del vinculo*/
	font-size:75%; 
	color:$txtcabecera; /*mas*/
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
	float:left;
}
.menupest li.activa {
	background-color:$fondocabecera; /*algo de color*/ 
	border-bottom:1px solid $fondocabecera;
	cursor:default;
}
.menupest li.activano {
	background-color:$fondocabclara; /*algo de color*/ 
	border-left:1px solid $fondocabecera;border-top:1px solid $fondocabecera;border-right:1px solid $fondocabecera;
	cursor:pointer;
}


.tbl { 
	float:left;
	margin:0px 0mm 1mm 1mm;
	/*border:1px dotted #333333;*/
	width:250px;
} 
.cabtbl {
	padding:5px;
	font-size:110%;
	color:$txtcabecera;
	background-repeat: no-repeat;
	background-color:$fondocabecera;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px dotted $bordecabecera;
} 
.cpotblc {
	font-size:100%;
	background-color:$fondotabla;
	text-align:center;
	padding: 2px 2px 2px 12px;
	/*text-transform:uppercase;*/
	border-bottom:1px dotted $bordecuerpo;
}  
.cpotbl {
	font-size:95%;
	background-color:$fondotabla;
	padding: 2px 2px 2px 12px;
	/*text-transform:uppercase;*/
	border-bottom:1px dotted $bordecuerpo;
} 


.cuadrogris {
	width:95%; /*ancho total de la pagina*/ 
	border:none; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	background-color:$fondocuadro;
	padding:5px 0 10px; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	font-size:95%;
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}
.cuadrogris p.verd10pn {font-family:Verdana; font-size:10px;}
.cuadrogris p.verd11pn {font-family:Verdana; font-size:10px; margin-top:0px;}
.cuadrogris p.verd14 {font-family:Verdana; font-size:14px; margin-bottom:0px;}
.cuadrogris a {display:block; width:200px; background-color:$fondoboton; color:$txtboton; text-decoration:none;padding:2px 0 2px;border-bottom:2px ridge #999999;border-right:2px ridge #999999}
.cuadrogris a:hover {background-color:$txtboton; color:$fondoboton;text-decoration:none;}


img.galeria{
	border: 1px solid #000000;
	margin: 0 0 5px 0;
	width:49%;
}
img.fprod{
	float: right;
	border: 1px solid #000000;
	margin: 0 1px 5px 0;
	width:4cm;
}
/*******************************************************/
/* fin estilos para la plantilla de descripción        */
/*******************************************************/



/*******************************************************/
/*estilos para la plantilla de la minificha*/
/*******************************************************/
#miniFicha {
	position:relative;
	float: left;
	width:353px;
	height:190px;
	z-index:2;
	border-top: #d2d2d2 1px solid;
	border-bottom: #d2d2d2 1px solid;
	border-right: #d2d2d2 1px solid;
	border-left: #d2d2d2 1px solid;
}
#tituloMinificha {
	position:relative;
	width:99%;
	height:20px;
	z-index:1;
	top:0px;
	border: 2px solid #ffffff;
	overflow: hidden;
}
#fotoMinificha {
	position:absolute;
	width:140px;
	z-index:1;
	left: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
#tablaFotosMinificha{
	width:206px
;
	height:163px;
	vertical-align:middle;
}
#descripMinificha {
	position:absolute;
	width:180px;
	z-index:1;
	left: 165px;
	top: 22px;
}
#verMinificha {
	position:relative;
	margin-top:135px;
}
.txt_Ref_Minificha {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight:bold;
	vertical-align:middle;
	background-color:#898989;
	background-image:url(../images/barra.gif);
	text-align:center;
	padding-top:5px;
}
.txt_Ref_Minificha a{color: #ffffff;
	font-size: 11px;}
.txt_Ref_Minificha a:hover{
	text-decoration: underline;}
.txt_Caract_Minificha {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	font-size: 11px;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	border-bottom: 1px dotted #cccccc;
	min-height: 18px;
}
.txt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	font-size: 11px;
	vertical-align:middle;
	text-align:left;
	border-bottom: 1px dotted #cccccc;
	width: 65%;
}
.prop {
	width:100%; height:15px; overflow:hidden;
}
.vinculos {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #343e95;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
}
.vinculos a:link {
	color: #343e95;
	font-size: 11px;
	text-decoration: none;
}
.vinculos a:visited {
	color: #343e95;
	font-size: 11px;
	text-decoration: none;
}
.vinculos a:hover {
	color: #343e95;
	font-size: 11px;
	text-decoration:underline;
}
.vinculos a:active {
	color: #343e95;
	font-size: 11px;
	text-decoration:underline;
}
/*******************************************************/
/*fin estilos para la plantilla de la minificha*/
/*******************************************************/