* {border:0; margin:0; padding:0}
body {font-family: Georgia, "Times New Roman", Times, serif;font-size: 100%;line-height: normal;}
#pagina {width: 975px; border: #000 1px solid; background-color:#fff }
h1{font-size: 200%}
h1 a{color:#000; text-decoration:none}
h1 a:hover{color:#ff6600; text-decoration:line-through}
h2{margin-top: 14%; margin-left:1em; font-size:165%; margin-bottom:0.1em}
a {color:#000000; text-decoration: underline}
a:hover {color:#2c235b; text-decoration:none}
.separator {CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1px; WIDTH: auto; PADDING-TOP: 15px; max-height: 1px; border-top:#000000 1px dotted}
ul {color: #FFFFFF; margin-top:2em; margin-left:1em; line-height:2em; font-family:Andy, "Arial Narrow", "Bauhaus 93"; font-size: 120%}
li a{color:#FFFFFF; text-decoration:none}
li a:active{ text-decoration: none; color:#fff}
li a:link {color:#FFFFFF}
li a:hover {text-decoration: line-through; color:#fff}
.dere {float:right; width:26%; padding-left: 0.5em; border-left:#0000FF 1px solid; font-size:170%; color:#2c235b; font-weight: bolder; height:100%}
.dere_titu {border-bottom:#999999 1px dotted;margin-bottom:0.7em; margin-top:0.5em; padding-right:0.7em; text-align:right }
.dere_texto {font-size: 60%; font-weight:normal; text-align:justify; padding-right: 0.9em}
.dere_enlaces {font-size:60%; background-color:#CCCC00; margin-right:1em}
.dere_peli1 {background-image: url(Hija_JuanSimon_pq.jpg) ; height:318px; width:250px; margin-top: 0.5em; border-top:#0000FF 1px solid; border-left:#0000FF 1px solid; border-right:#0000FF 1px solid; border-bottom:#0000FF 1px solid; color:#FF9900}
.dere_peli3 {background-image: url(ivanterrible_medi.jpg) ; background-repeat:no-repeat; width:250px; height:434px; margin-top: 1em; margin-bottom: 1em}
.dere_enlaimg {background-image: url(../../especta/cine_prensa/1933_III_31_venus_pasan.jpg); background-repeat: repeat-x; height:78px; margin-right:0.7em}
.informatexto {width:70%; text-align:justify; margin-bottom: 2em; line-height:1.5em; float:left; margin-left:1em}
.informacapital {float:left; font-size:500%; line-height:1.5em; margin-right:0.2em}
.pie {font-size:110%; margin-bottom: 2em; text-align: center; margin-right:2em}
.cineclub {color:#000000; font-size:75%; width:140px; margin-right:0.7em; font-family:Georgia, Times New Roman, Times, serif; margin-top: 0.9em; height: 160px}
/*
----------------------------------------------------------------------------
CLEARING OF FLOATS
----------------------------------------------------------------------------
*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix{
display:inline-table
}
/* Hides from IE-mac \*/
* html .clearfix{
height:1%
}
.clearfix{
display:block
}
/* End hide from IE-mac */
/**************************************************************************
MUESTRARIO IMAGENES
**************************************************************************/
#website ul
{
list-style-type: none;
background:transparent
}

#website ul li
{
display: block;
float: left;
font-size:5.1em;
line-height:1.3em;
font-weight:normal;
}
#website ul li a:hover{
text-decoration:line-through
}

#website a:active{
text-decoration:line-through
}

#website br, .project br{
clear:both
}
#lightbox{
position:absolute;
top:10px;
left:1px;
width:90%;
z-index:970;
text-align:center;
line-height:0px
}

#lightbox a images{
border:0 !important; 
}
#outerImageContainer{
position:relative;
background-color:#FFF;
width:250px;
height:250px;
margin:0 auto; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid
}
#imageContainer{
padding:1px
}
#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0px;
border:0 !important
}
#hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10
}
#imageContainer>#hoverNav{
left:0
}

#imageDataContainer{
font-size:10px;
background-color:#FFF;
margin:0 auto;
line-height:1.2em; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid
}
#imageData{
padding:0 10px
}
#imageData #imageDetails{
width:70%;
float:left;
font-size:1.2em;
text-align:left;
line-height:1.2em
}
#imageData #caption{
line-height:1.2em
}
#imageData #numberDisplay{
display:block;
clear:left;
padding-bottom:1.0em;
margin-top:.5em;
padding-top:.5em;
border-top:1px solid #000;
font-weight:900;
color:#a1a1a1
}
#imageData #bottomNavClose{
width:66px;
float:right;
border:0 !important; 
}
#overlay{
position:absolute;
top:0;
left:5px;
z-index:90;
width:100%;
margin:0 !important;
height:500px;
background-color:#e1e1e1 
}
.entry img{
border:1px solid #000;
padding:3px;
margin:7px 0 7px 5px;
float:left;
clear:left;
margin-right:0.1em;FILTER: alpha(opacity=60); moz-opacity: 0.9
}
li .letra {color:#000000; font-size:75%; width:30px; margin-right:0.7em; font-family:Georgia, Times New Roman, Times, serif; margin-top: 0.9em}