/* Curso "Páginas web con PHP"
   Bartolomé Sintes Marco
   http://www.mclibre.org

   CSS soluciones de los proyectos
   4 de noviembre de 2014
*/

/* Esta parte de la hoja de estilo es común a todos los proyectos */

html, body { 
  background-color: #FFFFFF; 
  color: black; 
  font-family: sans-serif;
  margin: 0; 
  padding: 0; 
  background-image:url("fondo.png");
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  background-repeat: no-repeat;
  background-position: top center;
}

h1 { 
  background-color: #3A678D; 
  color: white; 
  text-transform: uppercase; 
  margin: 0; 
  padding: 5px;
}

div#menu { 
  /*background-color: #b0d048; 
  color: white; 
  margin: 0; */
 background-color: #3a678d;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  margin-bottom: 15px;
  font-family: Ubuntu:

}


div#menu ul { 
  /*list-style-type: none; 
  margin: 0 5px; 
  padding: 5px; */
	font-family: Ubuntu:
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 18px;
	z-index: 300;
	width: 100%;
}


div#menu li { 
	font-family: Ubuntu;
	float: left;
	display: inline;
	position: relative;
	line-height: 36px;
	font-size: 15px;
	border-right: solid 1px #fff;
}

div#menu a { 
  display: block;
  color: #fff;
  /*text-shadow: #264c6c 1px 1px 0;*/
  text-decoration: none;
  padding: 0 15px 0;
  font-family: Ubuntu:
  }
div#menu  a:hover {  
  color: #fff;
  /*text-shadow: #033161 1px 1px 0;*/
  background-color: #002F61;
  
}
div#menu li  ul a { 
  width: 170px;
  float: left;
  display: inline;
  border-bottom: 1px solid #555;
  background-color: #A8CF45;
  color: #002F61;
  font-family: Ubuntu:

}
div#menu  ul a { 
  background-color: #3A678D;
  font-family: Ubuntu:


}
div#menu li:hover{ 
  background-color: #b0d048; 
  color: white; 
  font-weight: bold; 
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
  
}

div#contenido { 
	padding: 10px; 
	margin: 0 0 10px;
	font-size: 14px;
	font-family: 'Ubuntu';
	margin-bottom: 50px;
    width: 500px;
	display: inline;
	margin-right: 30px;
}


input {
  font-family: monospace;
}

.aviso {
  color: red;
}

img { 
  border: none; 
}

tr.neg { 
  background-color: #111646; 
  color: black; 
  color: #FFFFFF;
  border: none;
}

td, th { 
  padding-left: 5px; 
  padding-right: 5px; 
}

div#footer {
  border-top: solid 1px #C1D6E6;
  background-color: #3A678D;
  color: #FFFFFF;
  font: bolder;
  padding: 55px 0 10px;
    font-size: 12px;
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
div#footerColumn{
  text-align: left;
  font-weight: bold;
  margin-left: 15px;
  color: #FFF;
  font-size: 12px;

}
div#footerColumn p{
    text-align: left;
  font-weight: bold;
  margin-left: 15px;
  line-height: 1.6em;
  font-size: 12px;
}
p.ultmod { 
  text-align: left; 
  margin-top: 4px; 
  padding-top: 2px;
}

p.licencia { 
 text-align: left; 
}

/* Esta parte de la hoja de estilo es específica de este proyecto */

.banner{ 
  float: right;
  display: inline;
  background: none;
  margin-top: -10px;
  margin-right: 50px;
}

#desc_libro{
	background-color:#444444;
	width:500px;
}

/* Tabla de contenido */
div#contenido  table{
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
	
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
	
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}
div#contenido table{
    /*border-collapse: collapse;*/
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	border:none;
}div#contenido tr:last-child td:last-child {
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
}
div#contenido table tr:first-child td:first-child {
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}
div#contenido table tr:first-child td:last-child {
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
}div#contenido tr:last-child td:first-child{
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
}div#contenido tr:hover td{
	
}
div#contenido tr:nth-child(odd){ background-color:#b0d048;}
div#contenido tr:nth-child(even)    { background-color:#ffffff; }div#contenido td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
	font-size:14px;
	font-family:Ubuntu;
	font-weight:normal;
	color:#000000;
}div#contenido tr:last-child td{
	border-width:0px 1px 0px 0px;
}div#contenido tr td:last-child{
	border-width:0px 0px 1px 0px;
}div#contenido tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
div#contenido tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
div#contenido tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
div#contenido tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
div#contenido tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* Inicia CSS para el calendario */
/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	URL: http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

*/

/* input box in default state */ 
.tcalInput {
	background: url('images/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('images/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Ubuntu;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('images/prev_year.gif'); }
#tcalPrevMonth { background-image: url('images/prev_mon.gif'); }
#tcalNextMonth { background-image: url('images/next_mon.gif'); }
#tcalNextYear { background-image: url('images/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		

/* Termina CSS para el calendario */