@charset "utf-8";
/*  Hoja de estilos  */
/*  Giovanny Tarifeño Peña www.plusweb.cl 01-2010     */

body{
	margin:0;; 
	padding:0;
	color: #009900;
	background-color:#ECF0F9;
	background-image:url(images/fonto-cabecera.jpg);
	background-position: center top;
	background-repeat: repeat-x;	
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}


#msg-noscript
{
	width:100%; padding-top:45px;
	height:75px; 
	background-color:#FF0000; 
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	position:fixed;
    filter:alpha(opacity=90);  /* for IE */
	opacity:0.9; /* CSS3 standard */
}

#no-script
{
	width:100%;
	height:100%;
	background-color:#000000;
    filter:alpha(opacity=70);  /* for IE */
	opacity:0.7; /* CSS3 standard */	
}


#no-script .texto
{
	margin: 0 auto; margin-top:50px;
	width:50%;	
	color: #FFFFFF;
	font-size:18px;
	text-align:justify;
}

a 
{
	text-decoration:none;
	color: #009900;		
	outline:0; outline-style:none;
}

a:hover 
{
	text-decoration:none;
	color: #FF6600;
}

img
{
	border:0;
	margin:0;
	padding:0;
}

#cabecera
{
	margin:0 auto;
	padding:0;
	width:1000px;
	height:auto;
}

#cabecera .logo
{
	clear:both;
	float: left;
	width:280px;+width:270px; height:148px; margin:0; padding:0;
}


#cabecera .logo-titulo
{
	float: right;
	width:276px;
	height:85px;
	margin-top:15px;
}


#cabecera .menu-top 
{
	width:730px;
	height:25px;
	margin-left:270px;
}

#cabecera .menu-top  .menutop
{
	background:url(images/fondo-menu.png) no-repeat bottom;
	height:25px; width:105px;
	color:#009900;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	margin-left:2px;
	float:left;
}

#cabecera .menu-top  .menutop-mini
{
	background:url(images/fondo-menu-mini.png) no-repeat bottom;
	height:35px; width:30px;
	color:#009900;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	margin-left:2px;
	float:left;
}
#cabecera #info-menu
{
	font-size:12px; 
	float:left;
	position:fixed;
	color:#FFFFFF; 
	font-weight:bold;
	margin-top:5px;
	
}
#cabecera .menu-top a
{
	text-decoration:none;
	color:#009900;
	outline:0; outline-style:none;
}

#cabecera .menu-top a:hover 
{
	text-decoration:none;
	color: #FF9900;
}

#contenido
{
	clear:both;
	margin:0 auto;	margin-top:120px;+margin-top:-2px;
	padding:0;
	width:1000px;
	height:auto; min-height:870px;
	background:url(images/fondo-contenidos.jpg) repeat-y;
	overflow: hidden;
}

#contenido .menu
{	
	float: left;
	padding:0;
	width:204px;
	height:600px;
	background-color:#FEDC00;
	position:relative;
}

#contenido .menu .login
{
	padding:10px; padding-top:60px;
	margin:0;
	width:184px;
	height:225px;
	background:url(images/fondo-login.png) no-repeat;
	color:#009900;	
}

#contenido .menu .login a 
{
	text-decoration:none;
	color:#009900;
	outline:0; outline-style:none;
}

#contenido .menu .login a:hover 
{
	text-decoration:none;
	color:#CC8000;
}

#contenido .menu .login li
{
	font-weight:bold;
	list-style:none;
	min-height:30px;
}

#contenido .menu .login label
{
	padding:2px 0 0 0;
	float:left;
	width:60px;	
}
	
#contenido .menu .categorias
{
	clear:both;
	margin:0; padding:0;
	margin-top:90px;
	padding-left:0px;	
}

#contenido .menu .categorias .opcion
{
	margin:0; padding:0;
	width:175px;
	height:25px;
	background:url(images/menu-punto.gif) repeat-x bottom;
	font-weight:bold;
}

#contenido .menu .categorias .subopcion
{
	margin:0; padding:0;
	margin-left:10px;
	height:20px;
}

#contenido .mainframe
{
	float:right;
	width:796px;
	height:auto;

}

#contenido .mainframe .publicidad
{
	margin:0 auto; margin-top:10px;
	width:770px;
	height:440px;
	border-right: #FEDC00 1px solid;
	border-bottom:#FEDC00 1px solid;
	background:url(images/mainframe-linea-vertical.jpg) no-repeat right;

}

#contenido .mainframe .pagina
{
	margin:0 auto; margin-top:10px;
	width:730px;
	height:auto;
	overflow:hidden;
	text-align:justify;
	line-height:25px;
	color: #333333;
}

#contenido .mainframe .pagina .info-deposito
{
	margin:0 auto; padding:15px;
	border: #999999 2px dashed;
	color: #0066FF;
	width:70%;
}

#contenido .mainframe .pagina .fracaso
{
	margin: 0 auto; margin-top:80px; margin-bottom:600px;
	background:url(images/fondo-fracaso.jpg) no-repeat;
	width:537px;
	height:250px;
}

#contenido .mainframe .pagina .fracaso .texto
{
	color: #FF0000;
	width:73%;
	padding-top:90px;
	margin-left:125px;
}

#contenido .mainframe .pagina .exito
{
	margin: 0 auto; margin-top:80px; margin-bottom:600px;
	background:url(images/fondo-exito.jpg) no-repeat;
	width:537px;
	height:250px;
}

#contenido .mainframe .pagina .exito .texto
{
	color: #000000;
	width:73%;
	padding-top:80px;
	margin-left:115px;
}

#contenido .mainframe .registro
{
	margin:0 auto; margin-top:10px;
	width:770px;
	height:auto;
	background:url(images/mainframe-linea-vertical-larga.jpg) repeat-y top right;
	overflow:hidden;

}

#contenido .mainframe .registro .izq
{
	float: left;
	padding:2px;
	width:501px;
	height:auto;

}	

#contenido .mainframe .registro .der
{
	float: right;
	padding:2px;
	width:240px;
	min-height:216px;
	height:auto;
	background:url(images/fondo-login-registro.jpg) no-repeat;

}	


#contenido .mainframe .producto
{
	margin:0 auto; margin-top:10px;
	width:770px;
	height:auto;
	overflow:hidden;
	border: #E8E8E8 1px solid;
	padding-bottom:10px;
}

#contenido .mainframe .producto .tab
{
	clear:both;
	margin:0 auto; margin-top:10px; margin-bottom:10px;
	padding-top:10px;
	width:97.5%; 
	height:auto;
}

#contenido .mainframe .producto .izq
{
	float:left;
	margin-top:15px;
	margin-left:15px;
	width:370px;
	height:auto;
}

#contenido .mainframe .producto .izq .foto
{
	border: #E8E8E8 1px solid;
	height:250px;
}

#contenido .mainframe .producto .info
{
	margin-top:2px;margin-bottom:5px;padding-top:6px;
	height:22px;
	background:url(images/fondo-foto-info.jpg) center no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

#contenido .mainframe .producto .fotito
{	
	float: left;
	width:80px;
	height:80px;
	border: #E8E8E8 1px solid;
	margin-top:5px;
	margin-left:8px;
}

#contenido .mainframe .producto .der
{
	float:right;
	margin-top:15px;
	margin-right:15px;	
	width:360px;
	height:auto;	
}

#contenido .mainframe .producto .der .titulo
{
	padding:0; margin:0;
	color: #FF6600;
	font-size:18px;
	text-align:right;
}

#contenido .mainframe .producto .der .descrip
{
	font-size:12px;
	text-align:right;
	width:70%;
	margin-left:30%;
	margin-top:10px;
}

#contenido .mainframe .producto .der .stock
{
	text-align:right;
	margin-top:10px;
	font-weight:bold;
	color: #FF6600;
}

#contenido .mainframe .producto .der .precios
{
	text-align:right;
	margin-top:10px;
	color:#FF0000;
	font-size:14px;
	margin-top:-15px;
}

#contenido .mainframe .producto .der .precio
{
	background-image:none;
	color: #FF6600;
	font-size:22px;
	font-weight:bold;
	text-align:right;
	margin-top:10px;
}

#contenido .mainframe .producto .der .carrito
{
	text-align:right;
	margin-top:10px;
}

#contenido .mainframe .seph1
{
	margin:0 auto; margin-top:20px;
	width:749px;
	height:18px;
	background:url(images/productos-destacados-linea.jpg) no-repeat;
}

#contenido .mainframe .publicidad .fader
{
	float: left;
	padding:2px;
	width:501px;
	height:331px;
	border:#FFF7BB 1px solid;
}	

#contenido .mainframe .publicidad .fader ul
{
	margin:0; padding:0;	
	list-style:none;
}	


#contenido .mainframe .publicidad .banner-principal
{
	float: left;
	margin-top:7px;
	width:490px;
	height:50px;
	background:url(images/fondo-noticias.jpg) no-repeat;
	padding-top:30px;
	padding-left:15px;
}	

#contenido .mainframe .publicidad .banner-secundario
{
	float:right;
	margin-right:15px;
	width:220px;
	height:130px;
	border:#FFEB59 1px solid;
}	

#contenido .mainframe .publicidad .sep
{
	float:right;
	margin-right:15px;
	width:220px;
	height:18px;
	background:url(images/mainframe-linea-horizontal.jpg) no-repeat;
}		

#contenido .mainframe h1
{
	margin-left:10px;
	font-size:15px;
	color:#FF6600;
	background:url(images/fondo-h1.jpg) no-repeat;
	height:26px;
	padding-left:35px; padding-top:2px;
}

#contenido .mainframe h2
{
	margin-left:10px;
	font-size:15px;
	color:#FF6600;
	background:url(images/fondo-h1.jpg) no-repeat;
	height:26px;
	padding-left:35px; padding-top:2px;
}	

#contenido .mainframe .productos-destacados
{
	margin:0 auto;
	width:97%;
	height:160px;
/*	background:url(images/productos-destacados-linea.jpg) bottom center no-repeat;*/
}	

#contenido .mainframe .productos-nuevos
{
	margin:0 auto;
	width:796px;
	height:auto;
	
}	
#contenido .mainframe .productos-nuevos .panel {
	width:150px;
	float: left; /* Necesario */
	overflow: hidden;
	margin-left:40px;
	margin-bottom:20px;
}

#contenido .mainframe .productos-nuevos .panel .panel-text 
{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	height:35px;
}

#contenido .mainframe .productos-nuevos .panel .panel-text-pie
{
	font-size:16px;
	font-weight:bold;
	color:#FF6600; 	
}

#contenido .mainframe .carro-top
{
	margin: 0 auto; margin-top:15px;
	width:736px;
	height:57px;
	background:url(images/fondo-carrodecompras-top.jpg) no-repeat;
}

#contenido .mainframe .carro-center
{
	margin: 0 auto;
	width:734px;
	height:auto;
	overflow:hidden;
	border-left:#EAEAEA 1px solid;
	border-right:#EAEAEA 1px solid;
}

.celda
{
	background:url(images/fondo-celda-carro.jpg) repeat-x;
	height:20px;
	float:left;
	margin-left:4px;
	padding:5px;
	color:#666666; font-weight:bold; font-size:11px; 
}

.celdaP
{
	height:18px;
	float:left;
	margin-left:4px;
	padding:5px;
	color:#666666; font-weight:bold; font-size:11px; 
}

.sep
{
	float:left;
	width:96%;
	margin-left:14px;
	height:3px;
	background:url(images/fondo-celda-carro-sep.jpg) repeat-x;
}

#contenido .mainframe .carro-pie
{
	margin: 0 auto;
	width:736px;
	height:129px;
	background:url(images/fondo-carrodecompras-pie.jpg) no-repeat;
}

#contenido .mainframe .carro-pie .acciones
{
	margin: 0 auto; padding-top:30px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}


#footer
{
	width:100%;
	height:63px;
	background:url(images/fondo-footer.jpg) repeat-x;
	background-color:#FEDC00;
}

#footer .pie
{
	margin:0 auto;
	width:1000px;;
	height:63px;
	background:url(images/fondo-footer-pie.jpg) no-repeat;
}

#footer .pie .plusweb
{
	float:left;
	width:179px;
	height:63px;
	padding-left:2px;
}	

#footer .pie .info
{
	float:left;
	width:780px;
	height:30px;
	padding-top:35px;
	margin-left:30px;
	text-align:center;
	color:#FF6600;
	font-weight:bold;
}	

#footer .pie .info a
{
	text-decoration:none;
	color:#FF6600;
	outline:0; outline-style:none;
}

#footer .pie .info a:hover 
{
	text-decoration:none;
	color: #FF9900;
}
/*--------------------------------------------------------------*/
/*-------------ESTILOS CARRUSEL EN JQUERY         --------------*/
/*--------------------------------------------------------------*/
#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height:160px;
	margin-left:35px;
}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
}

#carousel .panel {
	width:160px;
	float: left; /* Necesario */
	overflow: hidden;
	margin-right:20px;
}

#carousel .panel .panel-text 
{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	height:35px;
}

#carousel .panel .panel-text-pie
{
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
}

/* Botones del carousel */			
.button-prev {
	height:160px;
	width:35px;
	float:left;
}

.button-prev a {
	display:block;
	padding:5px;
	margin-top:50px;
}

.button-next {
	height:160px;
	width:35px;
	float:right;
}

.button-next a {
	display:block;
	padding:5px;
	margin-top:50px;
}

/*--------------------------------------------------------------*/
/*-------------ESTILOS DE FORMULARIOS Y VALIDACION--------------*/
/*--------------------------------------------------------------*/
fieldset {
	float:left;
	padding:0%;
	width:100%;
	margin-left:10px;
	border: 0px solid #C7C7C7;

}

fieldset legend {
	color: #184DD6;
	font-size:12px;
	font-weight:bold;
}

fieldset ul 
{
	margin:0;
	padding:10px;
}

fieldset li {
	overflow:hidden;
	list-style:none;
	margin-bottom:5px;
}



fieldset label {
	display:block;
	padding:0;
	float:left;
	font-weight:bold;
	color:#333333;
	margin-top:4px;
	width:150px;
}

fieldset input {

  height:20px;
  font-size:14px;  
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;  

}

.tam1 {
 width: 10%;
}

.tam2 {
 width: 20%;
}

.tam3 {
 width: 30%;
}

.tam4 {
 width: 40%;
}

.tam5 {
 width: 50%;
}

.tam6 {
 width: 60%;
}

.tam7 {
 width: 70%;
}

.tam8 {
 width: 80%;
}

.tam9 {
 width: 90%;
 float:left;
}

.tam10 {
 width: 99%;
}



.submit {
	 background-color: none;
	 background:url(images/st-boton.png) no-repeat;
	 color: #fff;
	 font-weight: bold;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 11px; 
	 margin: 0;
	 width:80px;
	 height:30px;
	 border:0;
	 text-transform: uppercase;
	 text-align:center;
	 padding-top:-5px;
}

.submit.validation-failed {
	 background-color: none;
	 background:url(images/st-boton.png) no-repeat;
	 color: #FF0000;
	 font-weight: bold;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 12px; 
	 margin: 0;
	 width:80px;
	 height:30px;
	 border:0 #FFFFFF;
	 text-transform: uppercase;
}

/*------------------------------------------------------------------
/* ESTILOS DE VENTANA MODAL
/*------------------------------------------------------------------
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
 
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog 
  {
  text-align:center;
  color:#FFFFFF;
  font-weight:bold;
  margin:0;
  }
/*------------------------------------------------------------------  
/* Inicia estilo de paginacion*/
div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		margin-top:25px;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #AAAADD;		
		text-decoration: none; /* no underline */
		color: #666666;
	}
	div.pagination a:hover, div.digg a:active {
		border: 1px solid #666666;
		color: #0033FF;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid  #6883CA;
		
		font-weight: bold;
		background-color: #97C0D9;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
/* Fin Estilo Paginacion */	

.addinto_sharebox .social_buttons a {
		width: 32px;
		height: 32px;
}
.addinto_sharebox .social_buttons a img {
		opacity: 1.0;
		border:0 none;
}
.addinto_sharebox .social_buttons a:hover img {
		opacity: 0.70;
}