{behavior: url(csshover.htc);}

	

textarea.formlibro{
	width: 50%;
    height: 200px; 
	background-color: rgba(137,183,0,.50);
	Font-family: lucida fax, arial;
	color: black;
	font-size: 1.2em;
	font-weight: bold;
 }
 
input.formlibro {
   width: 50%;
   background-color: rgba(137,183,0,.50);
   color: black;
   font-size: 1.2em;
 }
div.libro{
	width: 50%;
	align: center;
	color: white;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #89B700;
	border-radius: 25px 25px 25px 25px ;
	-moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    -khtml-border-radius: 25px 25px 25px 25px;
}

#textlibroelige
	{
	width: 30%;
	text-align: center;
	align: center;
	background-color: #89B700;
	color: white;
	text-decoration: none;
	font-size: 1.5em;
	margin-left:auto;
   	margin-right:auto;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
	padding: 10px;
	
	}
div.libronombre{
	text-align: center;
	align: center;
	background-color: #89B700;
	opacity: 0.65;
	color: white;
	font-size: 1.2em;
	margin-left:auto;
   	margin-right:auto;
	border: 8px solid #89B700;
	border-radius: 25px 25px 0px 0px ;
	-moz-border-radius: 25px 25px 0px 0px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -khtml-border-radius: 25px 25px 0px 0px;
}

#escondido{
	visibility: hidden;
	display: none;
	}
	
	
	
 /*********************************************************
          para movil pantalla maximun de 340px
************************************************************/
@media only screen and (max-device-width: 340px) and (min-device-width: 5px){

textarea.formlibro{
	width: 80%;
    height: 200px; 
	background-color: rgba(137,183,0,.50);
	color: black;
	font-size: 1em;
	font-weight: bold;
   
 }

 #textlibroelige
	{
	width: 80%;
	text-align: center;
	align: center;
	background-color: #89B700;
	color: white;
	text-decoration: none;
	font-size: .7em;
	margin-left:auto;
   	margin-right:auto;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
	padding: 10px;
	
	}
	
input.formlibro {
   width: 50%;
   background-color: rgba(137,183,0,.50);
   color: black;
   font-size: .8em;
 }
	
	div.libro{
	width: 90%;
	align: center;
	color: white;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #89B700;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
}

div.libronombre{
	text-align: center;
	align: center;
	background-color: #89B700;
	opacity: 0.65;
	color: white;
	font-size: .8em;
	margin-left:auto;
   	margin-right:auto;
	border: 2px solid #89B700;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
}

  }
  
 /*********************************************************
          para movil pantalla maximun de 680px
************************************************************/
@media only screen and (max-device-width: 680px) and (min-device-width: 341px){

textarea.formlibro{
	width: 80%;
    height: 200px; 
	background-color: rgba(137,183,0,.50);
	color: black;
	font-size: 1em;
	font-weight: bold;
   
 }

 #textlibroelige
	{
	width: 80%;
	text-align: center;
	align: center;
	background-color: #89B700;
	color: white;
	text-decoration: none;
	font-size: .7em;
	margin-left:auto;
   	margin-right:auto;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
	padding: 10px;
	
	}
	
input.formlibro {
   width: 50%;
   background-color: rgba(137,183,0,.50);
   color: black;
   font-size: .8em;
 }
	
	div.libro{
	width: 90%;
	align: center;
	color: white;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #89B700;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
}

div.libronombre{
	text-align: center;
	align: center;
	background-color: #89B700;
	opacity: 0.65;
	color: white;
	font-size: .8em;
	margin-left:auto;
   	margin-right:auto;
	border: 2px solid #89B700;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
}

  }
  
  
 /*********************************************************
          para movil pantalla maximun de 1200px
************************************************************/
@media only screen and (max-device-width: 1200px) and (min-device-width: 681px){

textarea.formlibro{
	width: 80%;
    height: 200px; 
	background-color: rgba(137,183,0,.50);
	color: black;
	font-size: 1em;
	font-weight: bold;
   
 }

 #textlibroelige
	{
	width: 80%;
	text-align: center;
	align: center;
	background-color: #89B700;
	color: white;
	text-decoration: none;
	font-size: .7em;
	margin-left:auto;
   	margin-right:auto;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
	padding: 10px;
	
	}
	
input.formlibro {
   width: 50%;
   background-color: rgba(137,183,0,.50);
   color: black;
   font-size: .8em;
 }
	
	div.libro{
	width: 90%;
	align: center;
	color:white;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #89B700;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
}

div.libronombre{
	text-align: center;
	align: center;
	background-color: #89B700;
	opacity: 0.65;
	color: white;
	font-size: .8em;
	margin-left:auto;
   	margin-right:auto;
	border: 2px solid #89B700;
	border-radius: 15px 15px 15px 15px ;
	-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
}

  }