@charset "utf-8";
/* CSS Document */
body {
	margin:0;	
	background-image:url(images/background.jpg);
	background-color:#fee353;
	background-repeat:repeat-x;
	background-position:fixed;
	background-attachment:fixed;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:.8em;
	color:#a73b00;
	line-height:2em;
	text-align:left;
	}
	
.titulos{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	color:#a73b00;
	line-height:2em;
	font-weight:bold;
}
	
#branding {
	float:left;
	width:248px;
	height:153px;
	}
	
#contenedor {
	width:873px;
	margin:0 auto;
	padding:0 0;
	position:relative;
	background-color:#FFF;
	background-position:center;
	text-align:left;
	}


/* Div contenedor del Header*/
#top {
	width:625px;
	height:153px;
	background-color:#FFF;
	float:right;
	}



#menu {
	width:873px;
	height:52px;
	padding:0 0;/*le quito el relleno al div*/
	text-align:left;
	background-color:#fff;
	clear:both;
	
	}
	
	
#magazine{
	width:202px;
	height:300px;
	text-align:left;
	position:absolute;
	background-image:url(images/satelite_magazine.jpg);
	background-position:top;
	background-repeat:no-repeat;
	top:200px;
	left:644px;
	clear:both;
	}
	
#magazine_image{
	text-align:center;
	clear:both;
	}
	
	
#magazine2 {
	width:620px;
	height:530px;
	text-align:left;
	clear:both;
	padding: 2px 10px 5px 10px;
	}	
	
#calendario{
	width:245px;
	height:620px;
	text-align:right;
	position:absolute;
	top:220px;
	left:618px;
	clear:both;
	}
	
	
#galeria {
	width:840px;
	height:740px;
	text-align:center;
	clear:both;
	padding: 2px 15px 5px 15px;
	}	
	
	

#directorio{
	width:600px;
	height:422px;
	text-align:left;
	clear:both;
	padding: 2px 15px 5px 15px;
	}


ol {  
	list-style:none;/*con esto quitamos las viñetas*/
	}
	
	
ol li {
	list-style-image:url(images/lista.gif);
	list-style-position:inside;
	}	
	

#articulo {
	width:606px;
	clear:both;
	background-color:#FFF;
	margin:0 0 0 18px;
	}


	
#articulotop {
	background-image:url(images/bg_articulo.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
	
#articulobottom {
	padding: 2px 20px 5px 20px;
	}
	


#bottom {
	width:873px;
	height:35px;
	clear:both;
	margin:0 auto;
	background:url(images/bottom.gif) bottom no-repeat;
	background-position:center;
	}
	
	
#footer {
	width:100%;
	height:140px;
	clear:both;
	margin:0 auto;
	background-color:#ffb800;
	color:#FFF;
	text-align:center;
	line-height:1em;
	}
	
	
/*links normales*/
a:link {
	color: #a73b00;
	text-decoration:underline;
	font-weight:bold;
	}	

/*links visitados*/
a:visited {
	color: #ca4801
	}

/*links en hover*/
a:hover {
	color: #933502;
}

/*links activos*/
a:active {
	color: #933502;
}

#logos_contenedor {
	width:827px;
	height:111px;
	clear:both;
	margin:0 auto;
	background-color:#FFF;
	}



#logos li a {
	display:block;/*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	width:165px;/*Doy el ancho que tendra el div contenedor de mi menu*/
	height:110px;/*Doy el alto que tendra el div contenedor de mi menu*/
	padding:0 0;/*le quito el relleno al div*/
	text-align:left;
	font-size:11px;
	color:#000;
	background-color:#fff;
	
	}

#logos li a:hover {
	color:#000;/*color del texto dentro del div*/
	background-color:#fff; /*color del fondo dentro del div*/
	}

ul {  
	list-style:none;/*con esto quitamos las viñetas*/
	margin:0;/*le quito el margen al elemento de la lista*/
	padding:0;/*y el relleno*/
}
ul li {
	padding:0;/*le quito el relleno al elemento de la lista*/
	float:left;/*y los floto a la izquierda, asi elimino los saltos de linea*/
	}

ul li a {
	display:block;/*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	width:165px;/*doy el ancho que tendra cada boton*/
	height:110px; /*doy el alto que tendra cada boton*/
	}
	
ul li a:hover {
	background-position:right;/*recorro mi imagen a la derecha para dar el efecto de hover como si fuera una mascara*/
}
ul li a span {
	display:none; /*oculto el texto*/
}
#liverpool{
	background-image:url(images/liverpool.jpg);/*Agrego un identificador único a cada vínculo, para poder colocar la imagen correspondiente. Adicionalmente le he puesto etiquetas <span> a el texto en el html para ocultarlo con CSS*/
}

#palacio{
	background-image:url(images/palacio.jpg);/*Agrego un identificador único a cada vínculo, para poder colocar la imagen correspondiente. Adicionalmente le he puesto etiquetas <span> a el texto en el html para ocultarlo con CSS*/
}

#sears{
	background-image:url(images/sears.jpg);/*Agrego un identificador único a cada vínculo, para poder colocar la imagen correspondiente. Adicionalmente le he puesto etiquetas <span> a el texto en el html para ocultarlo con CSS*/
}

#santander{
	background-image:url(images/santander.jpg);/*Agrego un identificador único a cada vínculo, para poder colocar la imagen correspondiente. Adicionalmente le he puesto etiquetas <span> a el texto en el html para ocultarlo con CSS*/
}

#telcel{
	background-image:url(images/telcel.jpg);/*Agrego un identificador único a cada vínculo, para poder colocar la imagen correspondiente. Adicionalmente le he puesto etiquetas <span> a el texto en el html para ocultarlo con CSS*/
}


.renglon{
	background-color:#eaeaea;
}	

.renglon:hover{
	background-color:#cfcfcf;

}

.aniv{
	font-size:.8em;
	}
	
	
#promociones {
	width:650px;
	height:330px;
	text-align:left;
	clear:both;
	padding: 15px 15px 5px 24px;
	}
	
	
#ubicacion {
	width:650px;
	height:430px;
	text-align:left;
	clear:both;
	padding: 15px 15px 5px 24px;
	}
	
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:590px;
	height:295px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:133px;
	position:absolute;
	left: 0px;
	top:300px;
	}	
#nextBtn{ 
	left:614px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:133px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}	
	
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	
	
img{border:none;}