html,
body 
{
	margin:0;
    padding:0;
    height:100%; /* 100 % height */
    background-color:#ccff99;
}
html>body #wrap 
{
	height:100%; /* 100 % height */
}
#wrap 
{
	width:50em;
    margin:0 auto;
}
#header 
{
	width:50em;
	height:40em;
}
html>body #header 
{
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap
{
	height:100%; /* 100 % height */
}
html>body #content
{
	padding:8em 1em; /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
}
#footer
{
	width:40em;
	height:5em;
}
html>body #footer
{
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}









/*body 
{
	background-color:#ccff99;
}*/

#nav 
{
margin:0;
padding:0;
background:#808259;
float:left;
width:100%;
border:1px solid #42432d;
border-width:1px 0;
}
#nav li {
display:inline;
padding:0;
margin:0;
}
#nav a:link,
#nav a:visited {
color:#000;
background:#b2b580;
padding:20px 40px 4px 10px;
float:left;
width:100px;
border-right:1px solid #42432d;
text-align:center;
text-decoration:none;
font:bold 1em/1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#nav li:first-child a {
border-left:1px solid #42432d;
}
#nav a:hover {
color:#fff;
background:#727454;
}



/*
table.principal
{
	height:100%;
	width:100%;
}
*/
div.normal
{
	/*
	display:block;
	float:none;
    */
	/*
	clear:both;
    */
}

table.generica
{
	/*height:100%;*/
	width:100%;
}
.generica
{
	/*height:100%;*/
	width:100%;
}

.tituloPrincipal
{
	text-align:center;
	background-color:#ccff99;
}

.tituloPrincipal img#logoTeatroBernal
{
	width:100px;
	height:80px;
}

.tituloPrincipal .textoTituloPrincipal
{
	vertical-align:text-bottom;
	font-size:60px;
}

.tituloApartado
{
	font-size: x-large;
	height: 3px;
	width: 100%;
}

.etiqueta
{
	vertical-align:top;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	height: 21px;
	border-color : White;
}

.contenidoEtiqueta
{
	vertical-align:top;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	border-color : White;
}

.entradaEvento
{
	height:100%;
	width:100%;
    margin-top: 20px;
    background-color: #ccff70;
}

.entradaEvento table.tituloEvento
{
	height:100%;
	width:100%;
	background-color: #cccc66;	
}

.entradaEvento .tipoEvento
{
	text-align: left;
	font-weight: bold;
}

.entradaEvento .companiaEvento
{
	font-size: large;
	text-align: center;
}

.entradaEvento .nombreEvento
{
	font-size: x-large;
	text-align: center;
}

.entradaEvento .marcoImagenEvento
{
	text-align: center;
}

.marcoImagenEvento img
{
	max-width: 200px;
	max-height: 400px;
}

.entradaEvento .actoresEvento
{
	text-align: left;
}

.entradaEvento .patrocinioEvento
{
	text-align: center;
}

.entradaEvento .precioEvento
{
	height:100%;
	width:100%;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	border-color : White;
}

.etiquetaFotos
{
	width:140px;
	vertical-align:top;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	height: 21px;
	border-color : White;
}

.contenidoEtiquetaFotos
{
	vertical-align:top;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	border-color : White;
}

.marcoFoto
{
	text-align: center;
}

.marcoFoto img
{
	max-width: 600px;
	max-height: 500px;
}