/* CSS Document */
img{behavior:url(/global/pngbehavior.htc);}
body{background-color:#330000;
margin:0;
padding:0;
color:#CD4B00;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
text-align:center;}

img {border:0}

p{margin:0.5em 0;}

a, a:link, a:visited, a:active{
color:#0066FF;
text-decoration:none;
outline:none;}

a:hover{border-bottom:1px solid #0066FF;outline:none;}

div#fondobody{
width:100%;
height:auto;
margin:0;
padding:33% 0 0 0;
font-size:1%;
background-color:#660000;
}

div#encabezado{
position:absolute;
top:32px;
left:0;
width:100%;
height:150px;
background-image:url(../laperla/img/fondoencabezado.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#330000;
text-align:center;
}

div#encabezado div{
display:block;
width:720px;
text-align:left;
margin:0 auto;
}

div#intro{
position:absolute;
top:50%;
left:0;
width:100%;
height:200px;
margin-top:-100px;
background-image:url(../laperla/img/degradeH200.jpg);
background-position:top;
background-repeat:repeat-x;
text-align:center;
}
div#intro a, div#encabezado a{border:none;}
div#intro img, div#encabezado img{margin:0 auto;}

div#menu {
position:absolute;
top:0;
left:0;
margin:0;
background-image:url(../laperla/img/fondomenu.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#330000;
border-top:7px solid #660000;
width:100%;
height:25px;
text-align:center;
}

div#menu ul{display:block;
margin:0 auto;
width:720px;
text-align:right;
}
div#menu ul li {
display:block;
width:90px;
height:25px;
float:right;
margin:0;
padding:0;
text-align:center;
list-style:none;
overflow:visible;}

div#menu ul li a, div#menu ul li a:link, div#menu ul li a:visited, div#menu ul li a:active{display:block;
width:100%;
margin:0;
padding:6px 0 7px 0;
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:capitalize;
letter-spacing:1px;
font-size:11px;
color:#aaa188;}

div#menu ul li a:hover {background-color:#660000;
background-image:url(../laperla/img/fondoboton.jpg);
background-position:top;
background-repeat:no-repeat;
color:#ddcfbb;
}
div#menu ul li a#over {
background-color:#660000;
background-image:url(../laperla/img/fondoboton2.jpg);
background-position:top;
background-repeat:no-repeat;
color:#ddcfbb;
}
div#contenido{
position:absolute;
top:200px;
left:0;
margin:0;
width:100%;
text-align:center;
}
div#cuerpo{
width:705px;
margin:0 auto;}
div#contenido h2{
color:#CD4B00;
font-size:18px;
margin:0;}
div#bloquetexto{
float:left;
width:433px;
height:300px;
color:#aaa188;}
div#imagen{
float:right;
width:269px;
height:300px;
text-align:center;
overflow:hidden;}
div#imagen img{
border:0;
margin:0;
}
img#marco{
position:relative;
top:-228px;
left:0;}
div#spacer{
clear:both;
width:100%;
height:40px;
margin:0;
background-image:url(../laperla/img/fondospacer.jpg);
background-position:center;
background-repeat:no-repeat;
}
div#pie{
width:100%;
clear:both;
height:30px;
border-top:1px solid #440000;
margin:4em 0 0 0;
background-image:url(../laperla/img/textura.jpg);
background-position:center;
background-repeat:repeat;
font-size:10px;
}
div#pie div{border-top:1px solid #220000;}
div#frame{
display:none;
position:absolute;
top:50px;
left:100%;
width:300px;
height:300px;
margin:0 0 0 -310px;
overflow:hidden;
z-index:100;}
div#frame #ajax{
display:block;
position:relative;
top:-300px;
left:0;
width:300px;
height:300px;
text-align:left;
padding:1em 0 0 2em;
}
div#frame form input, div#frame form textarea{background:none;
border-top:none;
border-right:none;
border-bottom:1px dashed #CD4B00;
border-left:none;
color:#0066FF;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
cursor:text;
}
div#frame form input#enviar{
border-top:none;
border-right:none;
border-bottom:none;
border-left:none;
font-style:normal;
text-decoration:underline;
cursor:pointer;
}
ul#lista{display:block;
margin:1em auto;
width:250px;}

ul#lista li{display:block;
width:250px;
height:35px;
margin:0;
text-align:center;
list-style:none;
background-image:url(../laperla/img/lineacorta.jpg);
background-position:bottom center;
background-repeat:no-repeat;}
#oc, #oc a, #oc a:link{display:none;}