body{
	background: #D5DFC6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.limpio{ clear: both; float: none }
.bloque{ display: block; text-indent: -9999px; overflow: hidden }

.verde{ color: #21a43a }
.grande{ font-size: 14px; }

div.container{ background: #fff; min-height: 536px; margin-top: 18px; width: 980px }
div.otrosEnlaces{ display: block; margin: 0 auto; width: 980px; text-align: right }
    
/*  COLUMNA IZQUIERDA */
.izquierda{ width: 157px }
    
    .logotipo a{ background: #fff url(../images/logotipo.png) no-repeat; margin: 3px 0 0 1px; width: 152px; height: 148px }
    
    .horario{
	background: none;
	margin: 1px 0 0 15px;
	height: 222px;
	width: 142px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
        .horario h2{ background: #1fa739; color: #fff; padding-top: 2px; margin: 0; font-size: 1em; font-weight: bold; text-align: center; text-transform: uppercase }
        
        .contenidoHorario{ margin: 0; padding: 6px 0 0 6px; background: #f1f1f1 }
        .contenidoHorario ul{
	color: #7c7e77;
	list-style: none;
	padding: 0;
	margin: 0;
	font: 0.9em/1.35em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
            .contenidoHorario ul li strong{
	color: #1fa739;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
            .contenidoHorario ul li.strong{ font-weight: bold; font-size: 1.1em }
                
    .direccion{
	color: #1fa739;
	line-height: 1.2em;
	margin: 3em 0 1.4em 1.9em;
	width: 110px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*  COLUMNA IZQUIERDA  REDES SOCIALES */

.redes{
	float:left;
	padding-top: 5px;
}
ul.enlacesSociales{
	list-style: none;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px 0px 20px 17px;
}
ul.enlacesSociales li{
	float: left;
	height: 38px;
	margin-right: 11px;
	width: 35px;
}
ul.enlacesSociales li.last{ margin-right: 0 }
ul.enlacesSociales li a{
	background: transparent url(../images/iconos-redes-sociales.jpg) no-repeat;
	float: left;
	display: block;
	height: 38px;
	width: 38px;
	text-indent: -9999px;

}
ul.enlacesSociales li.facebook a{ background-position: -11px -12px; }
ul.enlacesSociales li.facebook a:hover{ background-position: -55px -12px }
ul.enlacesSociales li.tuenti a{ background-position: -11px -73px }
ul.enlacesSociales li.tuenti a:hover{ background-position: -55px -73px }

ul.enlacesSociales li.tuenti2 a { background-position: -12px -118px; }
ul.enlacesSociales li.tuenti2 a:hover { background-position: -57px -118px; }
    
/*  COLUMNA CENTRAL */
.centro{
	width: 788px;
	margin-left: 7px;
	overflow: hidden;
	padding-top: 10px;
}

    div.banner{
	clear: both;
	float: none;
	height: 122px;
	text-align: left;
}
        div.banner img{ float: right; margin: 8px 0 0 0 }
        
    ul#mainMenu{ margin: 0; padding: 0; float: none; clear: both; height: 44px }
        ul#mainMenu li{ display: inline }
            ul#mainMenu li a{ background: #fff url(../images/bkg_mainMenu.gif) no-repeat; display: block; float: left; height: 33px; text-indent: -9999px }
            
        ul#mainMenu li.elCentro a{ width: 88px }		
	    ul#mainMenu li.lasTiendas a{ width: 107px; background-position: -88px 0 }
        ul#mainMenu li.localizacion a{ width: 190px; background-position: -195px 0 }
        ul#mainMenu li.eventos a{ width: 81px; background-position: -386px 0 }
        ul#mainMenu li.cines a{ width: 118px; background-position: -467px 0 }
        ul#mainMenu li.hiper a{ width: 203px; background-position: -585px 0 }
        
        ul#mainMenu li.elCentro a:hover{ background-position: 0 -33px }
        ul#mainMenu li.lasTiendas a:hover{ background-position: -88px -33px }
        ul#mainMenu li.localizacion a:hover{ background-position: -195px -33px }
        ul#mainMenu li.eventos a:hover{ background-position: -386px -33px }
        ul#mainMenu li.cines a:hover{ background-position: -467px -33px }
        ul#mainMenu li.hiper a:hover{
	background-position: -585px -33px;
	
}

        ul#mainMenu li.elCentro.active a{ background-position: 0 -66px }
        ul#mainMenu li.lasTiendas.active a{ background-position: -88px -66px }
        ul#mainMenu li.localizacion.active a{ background-position: -195px -66px }
        ul#mainMenu li.eventos.active a{ background-position: -386px -66px }
        ul#mainMenu li.cines.active a{ background-position: -467px -66px }
        ul#mainMenu li.hiper.active a{ background-position: -585px -66px }
        
    div.flasCentral{ text-align: center; margin: 5px 0 5px 0}
		div.flasCentral, gris{
	background: #F1F1F1;
	margin-bottom: 20px;
}
    
/*  COMIENZO PIE DE PAGINA    */
div.otrosEnlaces ul{ margin: 3px 0 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
    div.otrosEnlaces ul li{ list-style: none; margin: 0; padding: 0 1px; display: inline }
        div.otrosEnlaces ul li, div.otrosEnlaces ul li a{
	text-decoration: none;
	color: #5f5f5f;
	font: 10px Verdana, Geneva, sans-serif;
}
.mapagrande {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}

.mapagrande:hover {
	color: #1FA739;
}
#mapas{
	text-align: center;
	margin-left: 57px;
}
.BOLD {
	font-weight: bold;
}

h1.cabecera{ background: #251e18; color: #21a43a; font: 34px "Trebuchet MS", Arial, Helvetica, sans-serif; height: 60px; margin: 0 80px 0 15px; text-align: left }
	h1.larga.cabecera{ margin: 0 14px 0 15px }
	
	h1.cabecera span.titulo{ display: block; float: left; padding: 9px 12px 0 11px; }
	
	h1.cabecera span.tituloeleclerc{
	display: block;
	float: left;
	padding: 9px 12px 0 11px;
	background: url(../images/hiper/e-leclerc.gif) no-repeat 17px 12px;
	text-indent: -9999px;
	width: 170px;
	cursor: hand;
}
	
	h1.cabecera span.ccm{ background: #c5c5c5 url(../images/bkg_cabecera.jpg) no-repeat; text-indent: -9999px; height: 60px; overflow: hidden; display: block; padding: 0 }
	
h3.titulo{ clear: both; float: none; border-bottom: 1px dotted #4d4d4d; margin: 30px 0 20px 0; font-size: 17px; font-weight: normal; text-align: left; padding: 0 0 8px 0 }

/*	Apartado el centro	*/
ul#accordion{ list-style: none }
	ul#accordion li{ text-align: left; float: none; clear: both }
		ul#accordion h4.titulo{ background: #f1f1f1; border-bottom: 1px dotted #1fa739; font-size: 12px; text-align: left; padding-left: 80px }
			ul#accordion h4.titulo a, ul#accordion h4.titulo a:hover{ border-bottom: none; color: #1fa739; text-decoration: none }
				ul#accordion h4.titulo a span, ul#accordion h4.titulo span a:hover{ border-bottom: none; color: #aaa }

	ul#accordion li div{ float: none; clear: both }
		ul#accordion li div p.span-8{ font-size: 11px; width: 300px }
			ul#accordion li div strong{ font-size: 10px; color: #000 }
			ul#accordion li div strong.verde{ color: #21a43a }
		
/*	Apartado cines golem	*/
h4.verde.cines{ border-top: 1px dotted #000; color: #1fa739; text-align: left; padding-top: 8px; margin: 0 25px 20px 130px }

ul.cines{ font-size: 11px; color: #7c7e77; margin-left: 130px; margin-bottom: 50px; padding: 0; text-align: left; list-style: none }
	ul.cines li{ margin-bottom: 9px }
		ul.cines li a{ text-decoration: none; color: #7c7e77;  }
		
/*	Aparatado del hipermercado	*/
div.contentHiper{ text-align: left; font-size: 11px; color: #7c7e77; margin: 0 82px 50px 130px; padding: 0; }
	div.contentHiper h3{ float: none; clear: both; color: #21a43a; border-bottom: 1px dotted #000; font-size: 11px; padding-bottom: 3px }
		
	div.contentHiper a, div.contentHiper a:hover{ color: #000; font-weight: bold; background: #21a43a; padding: 2px 10px; margin: 0 10px 25px 0; display: block; float: left; text-decoration: none }
	
/*	Apartado de localizacion	*/
div.subMenuLoca{
	text-align: left;
	margin: 30px 0 0 134px;
	background: #f1f1f1;
}
	div.subMenuLoca h4{ text-align: left }
	
	div.subMenuLoca p.span-10{ border-left: 1px solid #000; padding-left: 15px }

	div.subMenuLoca p.span-2{ color: #b50000; padding-top: 9px }

	div.subMenuLoca p a{ text-decoration: none; color: #000 }
		div.subMenuLoca p a.active{ color: #b50000 }
	
div.subMenuLoca.pie{
	border-top: 1px dotted #000;
	padding-top: 12px;
	color: #000;
}