/* los cambios que se hagan aqui se deben incluir en adm/editor/productos.css */

/*Primero declara como serán los enlaces de texto*/
.galeria a:link, .galeria a:visited {
	color: red;
	text-decoration: none;
	font-weight: bold;
	}
	
.galeria a:hover {
	color:#666666;
	text-decoration: underline;
	}

.galeria a:active {


	}
	


.galeria a:link  img , .galeria a:visited  img {
border:8px solid #f4f3bd;
	}

.galeria a:hover img  {
	border:8px solid #999933;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*hacer transparente las imagenes para que se vea el plus*/
	-moz-opacity: 0.6;
}


.galeria .botoncesta a:link  img , .galeria .botoncesta a:visited  img, .galeria .botondetalle a:link  img , .galeria .botondetalle a:visited  img, .galeria .cantidad a:link img, .galeria .cantidad a:visited img, .galeria .cajas a:link img, .galeria .cajas a:visited img, .galeria .botoncesta input, .botonesp {
border:0;
border-right:1px solid #999933;
border-bottom:1px solid #999933;

	}

.galeria .botoncesta a:hover img, .galeria .botondetalle a:hover img, .galeria .cantidad a:hover img, .galeria .cajas a:hover img, .galeria .botoncesta input:hover  {
border:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*hacer transparente las imagenes para que se vea el plus*/
-moz-opacity: 0.6;
}


/*flotando la galeria*/
div.spacer {
  clear: both;
  } 
  
div.galeria {
   width:98%;
   margin-top:28px;
   margin-left:10px;
  }
  
div.float {
  position:relative;
  float: left;
  width: 268px;
  height:200px; /*es la base para que se  solapen loselementos posicionados en absoluto*/
  margin-right:0px;
  background-image:url(imagenes/plus.gif);
  background-repeat:no-repeat;
  background-position:97px 131px;
    }

 #container .float p { 
	color:#666666;
	font-size:11px;
	line-height: 110%;	
	padding-left:3px;
	padding-right:3px; 
	margin-top:5px;
   	margin-bottom:3px;
   text-align:center;	
}

/* clases con posicion absoluta, estados del producto, nuevo, en oferta, en stock...*/ 

.nuevo, .agotado, .stock, .oferta {
position:absolute; /*he metido un absoluto dentro de un relativo*/
top:38px;
left:127px;
width:46px;
height:15px;
background-repeat:no-repeat;

}


.nuevo, .nuevodet {
background-image:url(imagenes/nuevo.gif)
}


.agotado, .agotadodet {
background-image:url(imagenes/agotado.gif)
}
.stock, .stockdet  {
background-image:url(imagenes/stock.gif)
}
.oferta, .ofertadet {
background-image:url(imagenes/oferta.gif)
}

.precio{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#999933;
	position:absolute;
	top:157px;
	left:0px;
	width: 240px;
	text-align:left;
	background-image:url(imagenes/precio.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:22px;
}

.cajas {
	position:absolute;
	top:62px;
	left:126px;
	width: 114px;
	height:21px;
	background-image:url(imagenes/b_cajas.gif);
	background-repeat:no-repeat;	
}

.cantidad {
	position:absolute;
	top:62px;
	left:126px;
	width: 114px;
	height:21px;
	background-image:url(imagenes/b_cantidad.gif);
	background-repeat:no-repeat;	
}

.cantidad select, .cantidaddet select, .cajas select, .cajasdet select {
font: normal 10px arial,helvetica,sans-serif;
color:#333333;
width:40px;
}

.botoncesta {
	position:absolute;
	top:92px;
	left:126px;
	width: 114px;
	height:21px;	
}

.botondetalle {
	position:absolute;
	top:123px;
	left:126px;
	width: 114px;
	height:21px;	
}

.idproducto {
/*font: normal 11px verdana,arial,helvetica,sans-serif;*/
font: bold 13px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color:#666666;
position:absolute;
top:149px;
left:0px;
width:241px;
height:18px;
border-bottom:1px solid #999999;

}

.idproductox {
/*font: normal 11px verdana,arial,helvetica,sans-serif;*/
font: bold 13px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color:#999933;
width:240px;
height:18px;
border-bottom:1px solid #999933;
margin-bottom:15px;

}

/****************** Detalle Producto ******************/

.detalleproductodet {
position:relative;
float:left;
width:265px;
height:330px;

}




.imgdetalle {
border:8px solid #f4f3bd;
	}
	




.nuevodet, .agotadodet, .stockdet, .ofertadet {
position:absolute; 
top:323px;
left:8px;
width:46px;
height:15px;
background-image:url(imagenes/nuevo.gif);
background-repeat:no-repeat;
}

.botoncestadet {
	position:absolute;
	top:292px;
	left:2px;
	width: 113px;
	height:21px;	
}

.botonverpdf {
	position:absolute;
	top:323px;
	left:2px;
	width: 113px;
	height:21px;	
}


.botoncontinuardet {
	position:absolute;
	top:292px;
	left:121px;
	width: 121px;
	height:21px;	
}

.preciodet{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#999933;
	position:absolute;
	top:255px;
	left:105px;
	width: 109px;
	text-align:left;
	background-image:url(imagenes/precio.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:22px;
	line-height:1em;
	padding-top:2px;
}

.cantidaddet {
	position:absolute;
	top:254px;
	left:2px;
	width: 97px;
	height:21px;
	background-image:url(imagenes/b_cantidad.gif);
	background-repeat:no-repeat;	
}

.cajasdet {
	position:absolute;
	top:254px;
	left:2px;
	width: 97px;
	height:21px;
	background-image:url(imagenes/b_cajas.gif);
	background-repeat:no-repeat;	
}




.botoncestadet a:link img, .botonverpdf a:link img, .botoncestadet a:visited img, .botonverpdf a:visited img, .botoncestadet input, .botoncontinuardet a:link img, .botoncontinuardet a:visited img {
border:0;
border-right:1px solid #999933;
border-bottom:1px solid #999933;
	}
	
	
.botoncestadet a:hover img, .botonverpdf a:hover img, .botoncestadet input:hover, .botoncontinuardet a:hover img {
border:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*hacer transparente las imagenes para que se vea el plus*/
-moz-opacity: 0.6;
}


/************************-TABS-******************************/


.detalleproductodetright {
	float:left;
	width:260px;
	overflow:auto;
	height:300px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:20px;
	border-left:1px solid #999933;

}

.detalleproductodetright p {
text-align:left;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
color:#666666;
font-style:normal;
letter-spacing:0.01em;
line-height:1.4em;

}

.idproductodet {
/*font: normal 11px verdana,arial,helvetica,sans-serif;*/
font: bold 18px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color:#999933;
width:560px;
height:25px;
border-bottom:1px solid #999933;
margin-bottom:18px;
padding-bottom:4px;
clear:both;
	
}


/*************lista detalle**************************/

.detalleproductodetright  ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
margin-top:10px;
}

.detalleproductodetright h1 {
font: normal 17px "Trebuchet MS", Arial, sans-serif;
color:#999933;
text-transform: uppercase;
width:220px;
height:23px;
border-bottom:1px solid #999933;
margin-bottom:5px;
}

.detalleproductodetright h2 {
font: normal 17px "Trebuchet MS", Arial, sans-serif;
color:#999900;
width:220px;
height:23px;
border-bottom:1px solid #999900;
margin-bottom:5px;
margin-top:15px;
}

.detalleproductodetright  ol
{
color:#333333;

}

.detalleproductodetright  li
{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
color:#333333;
font-style:normal;
padding-left: 15px;
background-image:url(imagenes/ora-bullet.gif);
background-repeat: no-repeat;
background-position:left;
margin: 0 0 7px 0;
line-height:12px;
	
}

.detalleproductodetright  ol li
{
background-image:none;

}

.detalleproductodetright   a{

color:#999900;

}


.detalleproductodetright   a:visited, .detalleproductodetright  a:active, .detalleproductodetright  a:focus{
color:#999900;
}


.detalleproductodetright a:hover{
color:#CC9900;
}






/*********************************tablas**************************/

/* Greyscale
Table Design by Scott Boyle, Two Plus Four
www.twoplusfour.co.uk
----------------------------------------------- */

#tablaprecios, #tablapedidos {
border:7px solid #CCCCCC;
width:525px;
height:auto;
padding:0px;
margin-left:5px;

}

#main table, #tablaprecios table, #tablapedidos table {border-collapse: collapse;
border: 2px solid #FFFFFF;
font: normal 80%/140% arial, helvetica, sans-serif;
color: #555;
background:#F7F7F7;}

#main td, #main th, #tablaprecios td, #tablaprecios th, #tablapedidos td {border: 1px solid #bbb;
padding-left: 6px;
padding-top:6px;
padding-bottom:5px;


}

#main #tablapedidos tbody th {
border: 1px solid #bbb;
padding-top:6px;
padding-bottom:5px;
text-align: left;
font: bold 13px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color: #666666;
background: transparent;
padding-left:15px;
}

#main caption, #tablaprecios caption, #tablapedidos caption {padding: 0 0 .3em 0;
text-align: left;
font: normal 16px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color: #666666;

background: transparent;}



/* =links
----------------------------------------------- */
/*
#main table a, #tablaprecios table a {padding: 1px;
text-decoration: none;
font-weight: normal;
background: transparent;}

#main table a:link, #tablaprecios table a:link {border-bottom: 1px solid #ddd;
color: #666666;}

#main table a:visited, #tablaprecios table a:visited {border-bottom: 1px solid #ccc;
text-decoration: line-through;
color: #808080;}

#main table a:hover, #tablaprecios table a:hover {border-bottom: 1px solid #bbb;
color: #666;}
*/


/* =head =foot
----------------------------------------------- */

#main thead th, #main tfoot th, #tablaprecios thead th, #tablaprecios tfoot th  {border: 1px solid #CCCCCC;
text-align: left;
font: bold 13px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color: #666666;
background: transparent;
padding-left:15px;

}

#main tfoot td, #tablaprecios tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

#main tbody th, #main tbody td, #tablaprecios tbody th, #tablaprecios tbody td {vertical-align: top;
text-align: left;
font-weight:normal;
padding-left:15px;
height:20px;


}



#main tbody th, #tablaprecios tbody th {white-space: nowrap;

padding-left:15px;
}

#main .odd, #tablaprecios.odd  {background:#EFEFEF;

}

#tablaprecios .tderecha, #main #tablapedidos .tderecha {

text-align:right;
font: bold 13px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
padding-right:7px;

}

#tablaprecios .tderecha1, #main #tablapedidos tbody .tderecha1  {

border-top:7px solid #CCCCCC;

}


#main tbody tr:hover, #tablaprecios tbody tr:hover  {background:#E2E2E2;}


#tablaprecios input {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
padding-left:5px;
border:1px solid #CCCCCC;
height:14px;

}



#estadobotones {
width:390px;
height:auto;
padding:0px;
margin-top:20px;
margin-left:150px;
height:24px;
margin-bottom:20px;

}

.estadoc { 

font: bold 16px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color:#666666;
margin-top:10px;
margin-left:7px;
margin-bottom:10px;
margin-right:15px;
clear:right;
}

.byimprimir {
width:112px;
height:24px;
margin-right:10px;
float:right;
}

.bypagar {
width:122px;
height:24px;
margin-left:10px;
float:left;

}

.bycontinuar {
width:132px;
height:24px;
float:left;
}

.byrefrescar {
width:112px;
height:24px;
margin-left:10px;
float:left;
}


.overton a:link  img , .overton a:visited  img, .overton input {
border:0;
border-right:1px solid #999933;
border-bottom:1px solid #999933;

	}

.overton a:hover img, .overton a:hover img, .overton input:hover  {
border:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*hacer transparente las imagenes para que se vea el plus*/
-moz-opacity: 0.6;
}


/* ****************Navegacion************************ */
 
.modulo1, .modulo2 {
	display: block;
	width: 510px;
	height: 25px;
	border: 0;
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 10px;
	background: transparent;
	text-align:right;
	clear:both;
	z-index:3000;
	padding-bottom:10px;
}
.modulo2 {
	border-bottom: 0;
	margin-top: 0px;
	padding-bottom:0;
	padding-top:15px;
	background-image:url(img_nav/hori.gif);
	background-repeat:repeat-x;
	background-position:top left;
	}
	
	
	.modulo1 {
	background-image:url(img_nav/hori.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:20px;
	}
	
.flechasnav {
	float: left;
	width: 50px;
	height: 25px;
	background: transparent;
}
.titulo {
	height: 25px;
	width: 85%;
	text-align: right;
	float: left;
	color: #86862d;
	padding-top: 3px;
	padding-right: 10px;
	letter-spacing: 1px;
	background: transparent;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.navleft {
	border: 0;
	float: left;
	width: 25px;
	background: transparent;
}
.navleft a img {
	border: 0;
}
.navleft a {
	display: block;
	width: 25px;
	background: url("img_nav/navleft.gif") -93px 0 no-repeat;
	text-decoration: none;
}
.navleft a:hover, .navleft a:active {
	background-position: -49px 0;
}
.navright {
	border: 0;
	float: left;
	width: 25px;
	background: transparent;
}
.navright a img {
	border: 0;
}
.navright a {
	display: block;
	width: 25px;
	background: url("img_nav/navright.gif") 0 0 no-repeat;
	text-decoration: none;
}
.navright a:hover, .navright a:active {
	background-position: -44px 0;
}
.navrightoff {
	border: 0;
	float: left;
	width: 25px;
	background: transparent;
}
.navrightoff a img {
	border: 0;
}
.navrightoff a {
	display: block;
	width: 25px;
	background: url("img_nav/navright.gif") -87px 0 no-repeat;
	text-decoration: none;
}
.navrightoff a:hover, .navrightoff a:active {
	background-position: -87px 0;
}
.navleftoff {
	border: 0;
	float: left;
	width: 25px;
	background: transparent;
}
.navleftoff a img {
	border: 0;
}
.navleftoff a {
	display: block;
	width: 25px;
	background: url("img_nav/navleft.gif") -6px 0 no-repeat;
	text-decoration: none;
}
.navleftoff a:hover, .navleftoff a:active {
	background-position: -6px 0;
}


.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;

}