* { margin: 0; padding: 0 }
html, body {height: 100%;}
* {margin: 0;}
html, body {height: 100%;}

body {
			font-family: Verdana, Arial;
			/*background: #ebebeb url("images/body-bg.png") repeat-y center;*/
			color: #000;
			margin: auto;
		    text-align: center;
			overflow:hidden;
			background:url(../images/fondo-web.jpg) repeat-x;
			font-size:1em
			
		}

.contenedora{
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 15px auto  -115px; /* the bottom margin is the negative value of the footer's height */
	width:800px;
	}

.push {height: 91px; margin-bottom:-150px;}
	
.footer  {
	height: 170px;
	background:url(../images/fondo-pie.jpg) repeat-x;/* .push must be the same height as .footer */
	text-align:center;
	font: normal .8em Trebuchet MS;
	width:100%; 
}

#cabecera {
	text-align: center;
	float:left;
	width:100%;
	margin-top:-15px;
	height:150px;
	margin-bottom:-20px
}
		
		
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		.margintop {margin-top:15px}
		p {text-align:justify; margin:0 5px 3px 0; color:#606060}
		p, ul { font-size:0.7em; line-height:1.3em } 
		p a, li a, a#ludo { color: #39c; text-decoration: none }
		a#ludo { color:#C33; text-decoration: none; font-weight:bold }
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #999; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #000; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus {outline:none}
		
		img {border: 0}
		
		h3 {border-bottom: 1px solid silver;margin:0;padding-bottom: 3px;text-align: left;font: bold 1.1em Trebuchet MS;}
		
		.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 15px 0 30px;}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin:0;
			position: relative;
			width: 100%; padding-top:20px; float:left
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%;height: 280px;overflow: scroll;padding-right: 20px}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: absolute;
			border-bottom: 1px solid #ccc; /* this is the border. should have the same value for the links */
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			margin: auto;
			width: 800px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 280px;
			clear: both;
			background: #fff; /* fondo del contenido */
			z-index:1; float:left; overflow:hidden
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none; margin:0;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 800px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 8px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin:0;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none; border-bottom:1px solid #ccc; width:792px; height:25px; margin:0; padding:0 0 0 10px; margin-left:0; *margin-left:-14px
		}
		
		.stripNav ul li {
			float: left; 
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ 
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 25px;
			background: #fff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding:0 10px; 
		}
		
		.stripNav li.tab1 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px; float:left } /* color pestana 1 etc */
		.stripNav li.tab2 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab3 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab4 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab5 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab6 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab7 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab8 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab9 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		.stripNav li.tab10 a { background:url(../images/fondo-pestana.jpg) repeat-x; border:1px solid #ccc; color:#000;height:25px;float:left }
		
		.stripNav li a:hover {
			background: url(../images/fondo-pestana-off.jpg) repeat-x;
		}
		
		.stripNav li a.current {
			background: #fff;
			color: #000;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; border-bottom:1px solid #fff; height:25px
		} /* estilos para la pestaña activa */

.azul {color:#4f7ea3}		
.naranja {color:#ff9900}
.stripViewer .wrapper .scroll { overflow-x: hidden; overflow-y:auto}
.wrapper p img { margin:2px 2px 0 0;}
.wrapper p.centrado {text-align:center}
.wrapper p.izqd {text-align:left}
.floatleft {float:left}
.actividades_li {color:#4f7ea3;list-style-type:none; margin-bottom:3px}
.margen-img {margin-top:15px;margin-bottom: 15px;}
.margen-caja-fotos {margin-left:55px}
.margen-texto {margin-top:7px}

/* Ludoteca *************************** */

#cont-ludoteca {width:auto; padding:5px 10px 25px 10px; margin:0 auto; text-align:left; }
span#ludoteca { font-weight:bold; font-size:1.1em; color:#4f7ea3}
span#ludoteca2 { font-weight:bold; font-size:1.1em; color:#ff9900}
#cont-ludoteca h1 {color:#4f7ea3; font-size:1em; font-weight:bold; margin-bottom:15px}
#cont-ludoteca ul { list-style-type:none}
	#cont-ludoteca ul li {margin:10px 0; font-size:1em; line-height:1.6em}
		#cont-ludoteca ul li ul { list-style-type:square}
		#cont-ludoteca ul li ul {margin:10px}
		#cont-ludoteca ul li ul li {font-size:1.4em; margin:0 0 5px 15px}
	#cont-ludoteca ul li span.titular {font-weight:bold; color:#ff9900; font-size:1.2em; text-transform:uppercase}