@charset "utf-8";
/* CSS Document */


.filete { 
border: solid 1px #DCDCDC;
}

.bg {
	background-image:url(img/bg_total.gif);
	background-repeat: repeat-x;
}

.bg_titulos { 
   
   background-image:url(img/bg_titulos.gif);
   background-repeat:repeat-x;
   height:32px;
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color:#ffffff;
   font-weight:bold;
}


.bg_prod {
	background-image:url(img/bg_prod.gif);
	background-repeat:repeat-x;
	border: solid 1px #EAEAEA;   
}



.sombra_abajo {

   background-image: url(img/shadow.png) !important;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/shadow.png', sizingMethod='scale');
   background: repeat-x;/*o lo que se te venga en gana */   

}

.sombra_izquierda {

   background-image: url(img/shadow_izq.png) !important;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/shadow.png', sizingMethod='scale');
   background: repeat-y;/*o lo que se te venga en gana */   

}

.sombra_derecha {

   background-image: url(img/shadow_der.png) !important;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/shadow.png', sizingMethod='scale');
   background: repeat-y;/*o lo que se te venga en gana */   

}

.acceso { 
border: solid 1px #D8D8D8;
background-image:url(img/bg_acceso.gif);
background-repeat:repeat-x;
}

.titulos {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color:#494949;
	font-weight:bold;
}






.tit_desc {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#870317;
	font-weight:bold;
}

.cuerpo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#494949;
	font-weight:normal;
}

.notas {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#8e030a;
}

.cuerpo_precios{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #870317;
	font-size:11px;
	font-weight:bold;
}
	
	
.pie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#494949;
}


.cuerpo_chico {
	font-family: Verdana, Arial , Helvetica, sans-serif;
	font-weight:normal;
	font-size: 9px;
	color:#494949;
}

.descripcion {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#494949;
	border: solid 1px #EAEAEA;
}

.chiquito{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	color:#494949;
	font-weight: normal;
}

.form {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align:middle;
	color: #ffffff;
	width: 150px;
	height: 20px;
	padding: 0px;
	border: 1px solid #8C8C8C;
	background-color: #A63E43;
	
}
.form2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align:middle;
	color: #ffffff;
	width: 150px;
	border: 1px solid #8C8C8C;
	background-color: #A63E43;
	
}



.form_receta {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align:middle;
	color: #000000;
	width: 80px;
	border: 1px solid #8C8C8C;
			
}




.boton-enviar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	height: 25px;
	width: 70px;
	text-align:center;
	vertical-align: middle;
	background-color: #8E030A;
	border: 1px solid #A63E431;
	
}



a.precios_desc:active{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #870317;
	font-size:9px;
	font-weight:none;
	text-decoration:none;
}

a.precios_desc:link{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #870317;
	font-size:9px;
	font-weight:none;
	text-decoration:none;
}

a.precios_desc:visited{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #870317;
	font-size:9px;
	font-weight:none;
	text-decoration:none;
}

a.precios_desc:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #870317;
	font-size:9px;
	font-weight:none;
	text-decoration:underline;
}


a.links:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8E262C;
	text-decoration: none;
}

a.links:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8E262C;
	text-decoration: none;
}


a.links:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8E262C;
	text-decoration: none;
}

a.links:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8E262C;
	text-decoration: underline;	
}

a.links2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FC000D;
	font-weight: bold;
	text-decoration: none;
}

a.links2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FC000D;
	font-weight: bold;
	text-decoration: none;
}


a.links2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FC000D;
	font-weight: bold;
	text-decoration: none;
}

a.links2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

a.links3:active {

   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size: 10px;
   color:#ffffff;
   font-weight:bold;
	text-decoration: underline;	
}

a.links3:link {
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size: 10px;
   color:#ffffff;
   font-weight:bold;
	text-decoration: underline;	
}


a.links3:visited {
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size: 10px;
   color:#ffffff;
   font-weight:bold;
	text-decoration: underline;	
}

a.links3:hover {
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size: 10px;
   color:#ffffff;
   font-weight:bold;
   text-decoration: none;
	
}


/*---------------------------------------------------------------------------------------*/
/*ELEMENTOS*/
/*---------------------------------------------------------------------------------------*/

#titulo_prod{
position: relative;
float:left;
margin-right:15px;
bottom:-10px;
left: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#494949;
}

.img_prod{

position: relative; 
top: 5px; 
left: 5px;
width:190px; 
height:137px;
border: 1px solid #cbcbcb;

}



#marca {
    position:relative;
	top:-15px;
	margin-left:0px;
	left:7px;
	z-index:1;
	width:43px;
	height:26px;	
}

#precio {
    position:relative;
	top:-26px;
	margin-left:0px;
	left:110px;
	z-index:2;
	width:70px;
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #870317;
	font-size:9px;
	font-weight:bold;	
	border: 1px solid #cbcbcb;
	background-color:#CCCCCC;
	text-align:center;	
	padding:2px;
}


/*---------------------------------------------------------------------------------------*/
/*DIVS Y MENESTERES*/
/*---------------------------------------------------------------------------------------*/


table#main {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	text-align: center;
	vertical-align:middle;
	horizontal-align:left;		
}

table#informacion {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 5px;
	font-family:Verdana, Arial, "Arial Narrow" , Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	color:#494949;
	border: 0px none;
		
}


#top {

	position:absolute; 
	z-index:5; 
	top: 0;
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-left: -415px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
	width:830px;
	height:181px;
	margin-bottom:0;
	

	
}


#top_flash {
	position:absolute; 
	z-index:0; 
	top: 0;
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-left: -415px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
	width:830px;
	height:181px;	
	
}


#cont_productos {

	position:relative;
	z-index:1;
	top:0px;	
	right: 0px;
	left:0px;
	height:220px;
	clear:left;
	
	
}


#info{
	position:relative;
	z-index:1;
	bottom:102px;
	right: -6px;
	height:80px;
	width:190px;
	background-image:url(img/bg_prod.gif);	
	border: solid 1px #838383;
	display: block;
	visibility: hidden;		
}


#info2{
	position:relative;
	z-index:1;
	bottom:102px;
	right: -6px;
	height:80px;
	width:190px;
	background-image:url(img/bg_prod.gif);	
	border: solid 1px #838383;
	display: block;
	visibility: hidden;
	
		
}

#info3{
	position:relative;
	z-index:1;
	bottom:102px;
	right: -6px;
	height:80px;
	width:190px;
	background-image:url(img/bg_prod.gif);	
	border: solid 1px #838383;
	display: block;
	visibility: hidden;	
		
}

#prods{
	position:relative;
	z-index:1;
	float:left;
	margin:1px;
	top:0px;
	bottom:0px;
	right: 0px;
	left:0px;
	height:195px;
	width:201px;	
	font-family:Verdana, Arial, "Arial Narrow" , Helvetica, sans-serif;
	font-size: 10px;
	color:#494949;
	border: solid 1px #DCDCDC;	
	background-image:url(img/bg_prod.gif);
	
	
	
}