/* Enter Your Custom CSS Here */
/* Enter Your Custom CSS Here */

/*View the CSS
Button Maker
Top Gradient Color
Bottom Gradient Color
Top Border Color
Hover Background Color
Text Color
Hover Text Color
Active Background Color
*/

/**BOTON ROJO+++++++++++++++++++++++++++++***********************/

.boton{
  display: inline-block; margin:15px 0; outline: none; cursor: pointer; text-align: center; text-decoration: none; line-height: 100%; padding: .6em 2em .65em; -webkit-border-radius: .6em;  -moz-border-radius: .6em; border-radius: .6em; font-size: 10px ; font-weight:normal; color: #fff;  text-shadow: -1px -1px 1px #062950; border: solid 1px #09396f;  background: #ff0000; background: -moz-linear-gradient(top,  #ff8800 1%, #ff0088 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff0000), color-stop(100%,#09396f)); background: -webkit-linear-gradient(top,  #ff0000 1%,#ff0000 100%); background: -o-linear-gradient(top,  #ff3333 1%,#ff0088 100%); background: -ms-linear-gradient(top,  #ff0000 1%,#ff3333 100%); background: linear-gradient(top,  #fb7600 1%,#09396f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fb7600", endColorstr="#09396f",GradientType=0 ); }

.boton:hover {
   text-decoration:none; background: -moz-linear-gradient(top,  #09396f 1%, #09396f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#09396f), color-stop(100%,#09396f)); background: -webkit-linear-gradient(top,  #09396f 1%,#09396f 100%); background: -o-linear-gradient(top,  #09396f 1%,#09396f 100%); background: -ms-linear-gradient(top,  #09396f 1%,#09396f 100%); background: linear-gradient(top,  #09396f 1%,#09396f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#09396f", endColorstr="#09396f",GradientType=0 ); 



  border-top: 4px solid #00ffff;
   border-top-color: #00ffff;
   background: #ff0000;
   color: #ccc;
   }
.boton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
/*******************fin boton*/


/**********************************************************
*************************LISTA DE UNA SERIE  LIBROS**************/
/***
 ID div "CONTENEDOR" para la lista de libros de una serie
*/
 #tlista {
	width: 80%;
  margin: auto auto;
	background-color: #edfcff; /*#e69386;media de los dos colores*/
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-botto: 10px;
  border solid 1px #000000;
  /*-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
	border-color: #bbbbbb;
  border-width: 4px;*/
	}


/*********TABLA QUE CONTIENE LA LISTA "SERIE" *********/
.tlista{ width: 100%; align: center; border:0px solid #8c2b1d;   background-color:#edfcff; border-collapse:separate; overflow:hidden; }

/**celda interior PARA CADA LIBRO DE LAserie**/
.tlista-element { width: 100%; border-bottom:4px solid #8c2b1d;   background-color:#edfcff; border-collapse:separate; overflow:hidden;padding: 15px 10px 0 10px; }


/*******************************************
*******FIN CSS PARA LISTA DE UNA SERIE *****************/



/******* mi tabla libro ******/

#tlibro { width: 800px; margin: 10px auto 20px auto;
  padding-left: 10px;
  padding-right: 10px;
   padding-top: 5px;
  border: 8px double #8c2b1d;   -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color:#ffffff; border-collapse:separate; overflow:hidden; }


/**
tabla botón para volver a la lista
**/
#boton{
	width: 33%;
	margin-left:auto; 
	margin-right:auto;
	background-color: #db7f23; 
	border-color: #7a7a7a; 
	border-width: 4px;  
	border:4px solid;  
	cellpadding: 5px; 
	 }

/**
div para insertarbotón para volver a la lista
**/
#maslibros{
   width: 100%;
	margin-left:auto; 
	margin-right:auto;
  text-align: center;
	 }

/**
celda de la tabla botón enlace a lista a libros
**/
#tdmaslibros{
 
	text-align: center; 
	background-color: #a38d5c;
	text-color: #ffff99;}



/* fin mi tabla***/

/****************************************
!!!!NO funciona
tabla inerior en la lista de libros (de momento sacada de la que hay por defecto en el tema
***********************************************/
.tlibrolista { width:800px; border:1px solid #d8d8d8;   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#333333; border-collapse:collape; overflow:hidden; }

/****fondolibro****/
#fondolibro{
 width 100%;
 /* background-color: #bbbbbb;
  border: 2px solid #000000;*/
}


#tbanner-content { width: 80%; v-align: top; padding: 0px; margin: 10px auto 20px auto;
  /*border:4px ridge #d8d8d8;   -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color:#cccccc;*/
  border-collapse:separate; overflow:hidden; }

#tdbanner{background-color: #edfcff; padding: 0;}