html {
	margin: 0;
	padding: 0;
	background:#999;
	background:url(../imagenes/fondos/fondo10.jpg) repeat-x; 


}
/* centra el contenido */
body {
	width: 1024px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
		
	}
#superior {
	background:#999;
	width: 1345px;
	height:35px;
	float: right	;
	position: absolute;
	left: 1px;
	top: -25px;
	margin-bottom: 5px;
    list-style:none;
    
    	   
}
#superior ul{ 
		text-align:right;
	    padding-top:0px;/*separa el div supeior con la imaen del encabezado*/
 		padding-right:180px;/*alinea elapartado de redes sociales más a la isq*/
	  	list-style:none;

	}

#superior li{
	float:right;
	display:inline-block;
	color:#666;
	font-size:10px;
	list-style: none;
	padding-top:0px;
	list-style:none;
	text-align : justify;
	
}

#superior img{
	float: right;
	text-align: right;
	margin-left:10px;
  padding-top:1px;
		
}
	
	

	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

	/*estructura de la etiqueta superior,determina tamaño y posición en el cuerpo  de la pagina principal*/
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

	/*estructura de la etiqueta superior,determina tamaño y posición en el cuerpo  de la pagina principal*/


	/*separa el div supeior con la imaggen del encabezado se relaciona con: "separa el div supeior con la imaen del encabezado" que se encuentra mas arriba*/
	
header img { margin-top:10px;}

			
	
/* sección para mostrar el slider, lado isq */

aside{
	float: left;
	width: 1024px;
	min-height:auto;
	margin: 0 0 20px 0;
}

aside p {
	text-indent: 25px;
	margin: auto;
	text-align:justify; padding-top:10;
		
}

aside img {
	
	margin: auto;
	margin-top:15px;
			
		
}
aside li{
        text-align:justify;
        }

/* Muestra inf. relacionado con noticias mas recientes */

section{
	float: right;
	width:1006px; height:auto;	
	padding-left: 20px;
	margin-left: 200px;
	background: url(../imagenes/fondo2.png);
	border:#000;
	
}

section img {
	
display: block;
margin: auto;
			
}

section h1 {

font-family: Helvetica,"Helvetica neue", Arial, sans-serif;
font-size:18px !important;	
text-transform: uppercase;
color: #493831;
text-align: center;
padding-bottom: 10px;
}

section h2 {

font-family: Helvetica,"Helvetica neue", Arial, sans-serif;
font-size:16px;
text-align: center;
}
section h3 {

font-family: Helvetica,"Helvetica neue", Arial, sans-serif;
font-size:14px !important;	
text-transform: uppercase;
color: #493831;
text-align:center;
padding-bottom: 10px;
margin: 0;
}


section p {
text-align : justify;
 text-indent: 50px;
font-size:16px !important;	
}

/* Pie de pagina */



footer{
clear:both !important;/*rellena el espacio entre el aside,la sección y el floter,de lo contrariio no fucniona*/
width:1000px;
height:80px;
padding: 10px;
color:#200f08 ; background:url(../imagenes/img1.jpg);
}

/* contrtola el tamaño del rectangulo y la barra con msj */


#container { background:#FFF; width:702px; margin: 0 auto; -moz-box-shadow: 0 0 10px 5px #c3c3c3; -webkit-box-shadow:0 0 10px 5px #c3c3c3; box-shadow:0 0 10px 5px #c3c3c3; float:left; }
	
/* content */

#sidebar { float: right; width: 702px; }

/* sidebar */

.sidebar-widget { margin: 10px 0 20px; }

#sidebar .widgettitle { font:24px/30px 'Rokkitt', serif; color:#4f4e4e; margin: 0 0 15px; padding: 0; }

.ad-widget { padding: 20px 0 0; }





/*se usa para  estructurar el slider en el cuerpo de index  */

#container { background:#FFF; width:702px; margin: 0 auto; -moz-box-shadow: 0 0 10px 5px #c3c3c3; -webkit-box-shadow:0 0 10px 5px #c3c3c3; box-shadow:0 0 10px 5px #c3c3c3; }
#sidebar { float: right; width: 702px; }
.sidebar-widget { margin: 10px 0 20px; }
#sidebar .widgettitle { font:24px/30px 'Rokkitt', serif; color:#4f4e4e; margin: 0 0 15px; padding: 0; }
.ad-widget { padding: 20px 0 0; }


/* animación del slider*/


#sliderContainer { width: 702px; height: 240px; position: relative; border-top: 5px solid #999; border-bottom: 5px solid #999; margin: 0 auto; }

.slideContent {  background: url(../imagenes/contentBg.png) repeat scroll 0 0 transparent; position: absolute; bottom:0px; left:0px; padding: 10px; width: 702px; }

.slide h3 {  font: 26px/1em 'Rokkitt', serif; color: #FFF;  margin: 0 0 5px 0; }

.slide p { font-size: 14px; color: #FFF; margin: 0; }

.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }

.jFlowSlideContainer a:hover { text-decoration: none; }

.jFlowSlideContainer a:focus { position: relative; top: 1px; }


/* controller pagination */

#myController {position: absolute; top: 5px; right: 5px; }

.jFlowControl { background: url(../imagenes/bullet.png) no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}

.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px;   }