#cuerpocine2 {
	background-image: url(/imagen///panel.jpg); /*en vez de dar el nombre de un directorio en la ruta
														especificamos una variable, para que sea el sistema
														el que determine el directorio apropiado*/
	background-repeat: no-repeat;
    background-size: cover;
}
#cuerpocine {
	background-image: url(/imagen///banner.jpg);
	background-repeat: no-repeat;
    background-size: 100% 65%;
	height: 500px;
}
body {
background-color: white;
font-family: verdana;
}
video{
	width: 90%;
	margin: 20px;
}
a{
	color: #501212;
	text-decoration: none; 
}
#miBoton{
	background: url(/imagen/recursos/lupa.png) no-repeat;
	width: 36px;
	height: 19px;
	border: none;
	background-color: white;
	margin-left: -10px;
	background-size: cover;
}
#textobusca{
	border: none;
}
#avanzada{
	font-size:11px;
	color: #8C1B1F;
}
#formbusca{
	background-color: white;
}
#botonder {
    background-image: url(/imagen/recursos/flechad.png);
    background-size: cover;
	background-color: transparent;
    height: 32px;
    width: 42px;
	border: none;
}
#botonizq {
    background-image: url(/imagen/recursos/flechai.png);
    background-size: cover;
	background-color: transparent;
    height: 32px;
    width: 42px;
	border: none;
}
#botonderg {
    background-image: url(/imagen/recursos/flechadg.png);
    background-size: cover;
	background-color: transparent;
    height: 32px;
    width: 42px;
	border: none;
}
#botonizqg {
    background-image: url(/imagen/recursos/flechaig.png);
    background-size: cover;
	background-color: transparent;
    height: 32px;
    width: 42px;
	border: none;
}
.imgflecha{
    height: 32px;
    width: 42px;
}
.boton {
    background-image: url(/imagen/recursos/button.png);
    background-size: cover;
    color: white;
    height: 35px;
    width: 120px;
    border-radius: 18px;
	border: none;
}
.contenedor2 {
	width: 720px;
	margin-top: 80px;
}
.separacion {
	margin-top: 80px;
}
.contenedor {
	width: 720px;
}
#barra{
	background: linear-gradient(#8C1B1F, #FFFFFF);
	height: 75px;
	}
#dcha {
	float:right;
	width: 500px;
	height: 75px;
    }
#izq {
	float:left;

    }
#logo{
	width: 153px;
	height: 55px;
	padding-left: 20px;
	margin-top: 10px;
}


#logoacceso{
	width: 306px;
	height: 113px;
}
#formuacceso{
	margin-top: 50px;
	margin-bottom: 50px;
}
.menu {
	display: inline-block;
}
#user{
	float:right;
	color:white;
	font-family: verdana;
	height: 75px;
	width: 250px;
	text-align: center;
	background: linear-gradient(#501212, #FFFFFF);
}
#listauser{
	background: linear-gradient(#FFFFFF, #501212); 
	text-align: left;
	font-size: 14px;
	height: 80px;
	visibility:hidden;
	}

li{
	color: white;
	padding-top:9px;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
}
#busca{
	padding-top: 15px;
	float:left;
}
#nombre{
	color:white;
}
table{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana;
	font-size: small;
	color: #501212;
}
#tablaform{
	text-align: center;
	margin-left: 200px;
	font-family: verdana;
	font-size: small;
	color: #501212;
	margin-top: 50px;
}
.tit{
	height: 40px;
}
#pie{
	background: linear-gradient(#FFFFFF, #8C1B1F);
	height: 75px;
	width:100%; float:left; 
	position: relative;
	bottom:0;
	z-index:999999; 
	font-family: times new roman;
	}
	
#pielibro{
	background: #000;
	height: 75px;
	width:100%; float:left; 
	position: relative;
	bottom:0;
	z-index:999999; 
	font-family: times new roman;
	}
#contacto { 
	text-align: center;
	margin-right: 80%;
	float: right;
}
#licencia {
	float:right;
	width: 30%;
	bottom: 30px;
	position: inherit;

    }
#fotolicencia {
	float:right;
	margin-left: 10px;
	margin-right: 10px;
    }
#textolic {
	color: white;
	font-size: 10px;
	text-align: right;
    }
#tablalogin {
	height: 440px;
}
#divtablapie {
	width: 115px;
	margin: auto;
	margin-top: 30px;
}
.tdderecha{
	text-align: right;
}
.tdderecha2{
	text-align: right;
	width:130px
}
.tdizquierdal{
	text-align: left;
	font-size: smaller;
}
#tablacambio {
    text-align: center;
    margin-left: 450px;
    font-family: verdana;
    font-size: small;
    color: #501212;
    margin-top: 50px;
}
#tablacontroles {
    width: 95%;
}


h3 {
	text-align: center;
	margin-top: 80px;
	color: grey;
}
#tablaposter {
	width: 258px;
	position: absolute;
	left: 100px;
	top: 150px;
}
#fotoposter {
	border: 8px solid white;
}

#tablalibros th{
	padding: 10px;
}

#tablalibros td{
	padding: 5px;
}


#tablavision {
	position: absolute;
	left:370px;
	top: 400px;
	width: 640px;
	text-align: left;
}
#tablacine {
	width:95%;
	
}
.bola {
    background-color: #8C1B1F;
	border-radius: 100%;
	color: white;
	font-weight:bold;
}

#editar {
     background-image: url("../imagen/recursos/edit.png");
	 background-color: white;
	 background-size: cover;
	 padding: 3px;
}

#editar2 {
     background-image: url("../imagen/recursos/edit.png");
	 background-size: cover;
	 width: 25px;
}
#borrar {
     background-image: url("../imagen/recursos/borr.png");
	 background-color: white;
	 background-size: cover;
	 padding: 3px;
}

.blanco {
     
	 background-color: white;
	 
}

.botonlibro {
	 border: none;
	 background-color:transparent;
	 
}

#tablabingo {
    width: 30%;
	height: 100px;
	background-color: #8C1B1F;
}
.grisclaro {
	background-color: #555555;
	color: #FFFFFF;
}

.grisoscuro {
	background-color: #303030;
	color: #FFFFFF;
}
.rojo{
	color: red;
}
#mitadtabla {
    width: 50%;
	float:left;
	position:relative;
}
#mitadresult {
    width: 50%;
	float:right;
	position:relative;
}
#tablaresult {
    width: 80%;
	margin-top: 4%;

}
.si{
    color:white;
	background-color:red;
}
.no{
    color:white;
	background-color:blue;
}
.ab{
    color:white;
	background-color:grey;
}