/* equivalencia 10px=1em. */
html {font-size: 125%;}
body {font-size: .5em; font-family:sans-serif;}

/* inicializacion de las propiedades del modelo de caja a cero */
* { margin:0; padding:0; }
fieldset, img, acronym, abbr {border:0;}

/* imagenes como caja de bloque principal */
img {display: block;}

/*  supresion de los marcadores de las listas */
ol, ul { list-style:none; }
/* redefinicion del modelo de caja para los elementos DIV y declaracion de la clase 'clear' para el resto de elementos para evitar problemas de entidad con las flotaciones */
.clear:after, div:after {content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clear, div {min-height: 0; height: 1%;}

/* definicion de la presentacion general de los enlaces */
a, a:visited {color:#0026FF;}
a:hover, a:focus, a:active {color:#7C0051;}

/*capitalize*/
.capitalize{text-transform: capitalize;}

/* elementos ocultos */
.indentado {display:block; left:-999em; line-height:0; position:absolute; text-indent:-999em; top:-999em;}
.oculto {display:none;}


body {background-color:#585858; font-family:verdana,dejavu sans,sans-serif;}
#contenedor {
	background-color:#fff;
	margin:1em auto;
	padding:1em;
	width:630px;
}

#contenedor h1  {font-size:1.6em; margin-bottom:.5em;}

#slides {
	border:1px solid #ddd;
	border-width:1px 0;
	clear:both;
	margin-bottom:0.8em;
	min-height:300px;
	padding:.4em 0;
}
	* html #slides {height:23.6em;}
#slides h3 {margin-bottom:.8em;}
#slides h3 a {font-size:1.2em;}
#slides p.imagen {
	font-size:1em;
	height:250px;
	margin-bottom:0.8em;
	width:600px;
}
#slides p.imagen img {height:250px; width:600px;}
#slides .slide {
	min-height:320px;
}
	* html #slides .slide {height:23.6em;}

#controlesSlide {float:right;}
#paginadorSlide, #pausarContinuar {float:left;}
#paginadorSlide li {float:left; margin-left:.5em;}
#controlesSlide a {background-color:#ddd; display:block; padding:.0833em .3333em; text-decoration:none;}
#controlesSlide .activo a {background-color:#000; color:#fff;}