﻿BODY
{
background-color: #B17D7A;
background-image: url(/historia_oepm/img/degradado1.png);
font-family: trebuchet ms;
font-size: 11px;
color: #666666;
margin: 0px;
padding: 0px;
height: 100%;
}

img
{
vertical-align: top;
border: 0;
}

#contenedor
{
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: auto;
width: 950px;
height: 540px;
border: 1px solid #53061C;
background-color: #FAEA99;
position: relative;
}

#botonera
{
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: auto;
width: 950px;
text-align: right;
padding-right: 5px;
position: relative;
}

#logo
{
width: 249px;
height: 120px;
float: left;
background-color: #606060;
border-right: 1px solid #53061C;
border-bottom: 1px solid #53061C;
background: url(/historia_oepm/img/logo_es.png);
}

#imagen
{
width: 700px;
height: 120px;
float: left;
background: url(/historia_oepm/img/fondo1.png);
border-bottom: 1px solid #53061C;
}

#contenido
{
float: none;
clear: both;
}

#marco_izq
{
float: left;
width: 550px;
margin-left: 10px;
margin-top: 20px;
}

#marco_izq_t
{
float: left;
width: 540px;
margin-left: 10px;
margin-top: 20px;
}

#marco_der
{
float: right;
width: 325px;
margin-right: 30px;
margin-top: 25px;
}

#marco_der_t
{
float: right;
width: 350px;
margin-right: 15px;
margin-top: 20px;
}

#marco_der_A
{
width: 285px;
height: 117px;
background: url(/historia_oepm/img/marco1.png);
color: #606060;
font-size: 12px;
padding: 20px;
padding-top: 10px;
letter-spacing: 0;
line-height: 15px;
}

#marco_der_B
{
margin-top: 10px;
position: relative;
}

#paspartu
{
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
background: url(/historia_oepm/img/fondo_flash.png);
width: 325px;
height: 200px;
}

.lista_enlaces
{
list-style: none;
margin: 5px;
padding-left: 10px;
}

.lista_enlaces li
{
list-style: none;
background: url(/historia_oepm/img/boton1.png) no-repeat -0px 0px;
height: 40px;
padding-top: 20px;
padding-left: 30px;
color: white;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}

.boton1
{
color: #dddddd;
font-size: 14px;
letter-spacing: 0.1em;
text-decoration: none;
}

#marco_texto
{
width: 510px;
height: 300px;
margin-top: 5px;
margin-left: 20px;
padding-left: 15px;
padding-right: 15px;
position: relative;
background: url(/historia_oepm/img/marco2.png);
}

#texto
{
left: 10px;
top: 15px;
width: 500px;
height: 260px;
padding-top: 0px;
padding-right: 10px; 
padding-left: 5px;
overflow: auto;
font-size: 14px;
text-align: justify;
position: absolute;
}

#texto_link
{
text-decoration: none;
color: orange;
font-weight: 600;
}

#biblio_link
{
text-decoration: none;
color: blue;
font-weight: 300;
}

#creditos_link
{
text-decoration: none;
color: blue;
font-weight: 300;
}
