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

body
 {}
body {
}
html, div, span,head,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, font, img,
small, strong, ol, ul, li
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}


.slider { width:445px; margin-left:auto; margin-right:auto;}   /* AQUI LE DAMOS LA UBICACIÓN Y TAMAÑO A TODO EL COSO ENTERO */


#sliderwrap {   
background-color:#FFF; /* AQUI LE DAMOS EL COLOR DE FONDO A LA ZONA DONDE ESTA EL SLIDER */
float: left ; 
width:445px; /* paramodificar el Ancho del slider (tambien tengo q cambiar en .contenedor y en #pagina que esta mas abajo ) */
overflow: hidden ;
position: relative ; 
height:600px; /* Altura del Comué... ( tambien tengo q cambiar en #pagina el mismo parametro ) */
}

#slidertext ul{ }

#slidertext { /* ( NO TOCAR ) */
margin-top: 0px; 
float: left ;
overflow: hidden ;
position: relative ; 
 }


#slidertext li { /* ( NO TOCAR ) */
overflow: hidden ;
position: relative ;
}


#pagina { width:445px; height:600px; padding:0px 20px 20px 20px;} /* ( PROPIEDADES DE CADA UNO DE LOS ITEMS... tamaño, color de fondo, etc.. ) */
#slidertext h1{ font-size:16px; color:#333; border-bottom:1px dashed #CCC; padding-bottom:7px; margin-bottom:7px; margin-left:15px; margin-right:40px; margin-top:20px;} /* ( Titulo ) */
#slidertext h2{  font-size:14px; color:#900; line-height:18px; font-weight:bold; padding-bottom:5px; margin-left:15px; margin-right:10px;} /* ( SubTitulo ) */
#slidertext h3{ font-size:13px; color:#666; line-height:22px; font-weight:bold; padding-bottom:5px; margin-bottom:7px; margin-left:15px; margin-right:20px; padding-top:10px;} /* ( Nombre ) */
#slidertext p{font-size:14px; color:#666; line-height:22px; font-weight:normal; padding-bottom:3px; margin-bottom:7px; margin-left:15px; margin-right:40px;} /* ( Parrafo ) */
#slidertext p strong { color:#900; font-size:20px;}
.separador { border-bottom:1px #E4E4E4 solid; padding-top:10px; margin-bottom:10px;} /* ( Linea Para separar varios datos en un mismo item ) */
.botones { margin-left:20px; margin-right:20px;}
#pagina a { color:#666; text-decoration:none;}
#pagina a:hover { color:#900;}
a.prev {float:left;margin-top:20px;margin-left:0px;} /* ( Estilos del Boton para "volver" (preferentemente no tocar, solo cambiar la img.) */
a.next {float:right;margin-top:20px;margin-right:0px;}/* ( Estilos del Boton "sigiente" (preferentemente no tocar, solo cambiar la img.) */