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


		
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:960px;
		background:#fff;		
		margin-bottom:1em;
		margin-top:5px;
		
		
		}	
					
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider li{ 
		/* 
			definir el ancho y la altura del elemento de la lista (diapositivas)
área de control deslizante todo se ajustará de acuerdo a los parámetros que aquí
		*/ 
		width:960px;
		height:357px;
		overflow:hidden;
		
		 
		}

	
	#prevBtn, #nextBtn{ 
		display:block;
		width:22px;
		height:22px;
		position:absolute;
		left:450px;
		top:-45px;
		}	
	#nextBtn{ 
		left:500px;
				}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:22px;
		height:22px;
		background:url(../img/btn_prev.gif) no-repeat 0 0;
				
		}	
	#nextBtn a{ 
		background:url(../img/btn_next.gif) no-repeat 0 0;
		
		}												

/* // Easy Slider */


.promo a {
color:#333333;
display:block;
text-decoration:none;
}

a:link, a:hover, a:visited {
color:#226BD7;
}
/*////////////////////////////////////estilos extra de slider////////////////////////*/
.imgProm {
border:5px solid #DDEDD0;
display:block;
}
.cja_promo{
	width:300px;
	height:300px;
	float:left;
	margin-left:15px;
	/*border:2px solid orange;*/
}
.titProm{
	font-size:20px;
	line-height:24px;
	padding-bottom:10px;
	color:#53544d;
	font-weight:normal; 
	font-family:lucida sans-serif,Sans,Trebuchet MS,Arial,Helvetica,sans-serif;
	margin-top:5px;
}
.titPrecio{
	font-size:25px;
	line-height:28px;
	padding-bottom:10px;
	color:#53544d;
	font-weight:normal; 
	font-family:lucida sans-serif,Sans,Trebuchet MS,Arial,Helvetica,sans-serif;
	margin-top:10px;
}
/*****************************
14.) Pagina ver todas las promociones
/****************************/

.promo a{
display:block;
color:#333333;
text-decoration:none;
}

.promo a:hover{
background-color:#ddedd0;
display:block;
}

.verPromo{
margin-top:10px;
}