body{

	background-color:rgb(0,0,0);
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	color: #000;
	padding-top:30px;
	
    }
    
h3{
     text-align:center;
	}

i{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
.cubierta{
	color:#FFF;
	font-size:25px;
	text-align:center;
	padding-top:80px;


	}
	
.cubierta2{
	color:#FFF;
	font-size:20px;
	text-align:center;
	padding-top:80px;
	}
	
	
#cerrar{ 
  width:100% ; 
  margin-left: auto ; 
  margin-right: auto ; 
  text-align: center; 
  font-size:12px ; 
  color: #FFF; 
  float: left;
} 
#cerrar span{ 
    font-family: Arial ;           
	font-size:18px;   
	text-align:center;
	color: yellow;

}

     
/* -----------------------------------------  ---------------------------------- */
.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.booklet .b-wrap-left  {
	/*background:#fff url(images/left_bg.jpg) no-repeat top left;*/  /*---------           --*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}


.booklet .b-wrap-right {
	/*background:#efefef url(images/right_bg.jpg) no-repeat top left;*/  /*-----       --*/

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}




.booklet .b-counter {  /* */
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	/*border-top:1px solid #ddd;*/
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}