*{margin:0; padding:0;}

body
{
    background-color: #c3c6c8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    text-align: center;
}

hr {margin:0px; padding:0px;}


A:link {color: #000000; TEXT-DECORATION: none; display:block;font-size: 11px;    font-weight: bold;}
A:visited {COLOR: #000000; TEXT-DECORATION: none;display:block;font-size: 11px;    font-weight: bold;}
A:active {COLOR: #000000; TEXT-DECORATION: none;display:block;font-size: 11px;    font-weight: bold;}
A:hover
{
    font-weight: bold;
    color:#cc0033;
    display:block;
    font-size: 11px;
    background-color: #f1f5f8;
    
}

A.subir:link {color: #000000;display:inline;}
A.subir:visited {color: #000000;display:inline;}
A.subir:active {color: #000000;display:inline;}
A.subir:hover {color: #821f00;font-weight: normal;background-color: transparent;display:inline;    font-weight: bold;}

A.tpie:link {color: #aaaaaa;display:inline;font-weight: normal}
A.tpie:visited {color: #aaaaaa;display:inline;font-weight: normal}
A.tpie:active {color: #aaaaaa;display:inline;font-weight: normal}
A.tpie:hover {color: #aaaaaa;background-color: transparent;font-weight: normal;display:inline;}


A.documento:link {color: #0271af;font-weight: normal;display:inline;}
A.documento:visited {color: #0271af;font-weight: normal;display:inline;}
A.documento:active {color: #0271af;font-weight: normal;display:inline;}
A.documento:hover {color: #821f00;font-weight: normal;background-color: transparent;display:inline;}

A.boton:link {TEXT-DECORATION: none; display:inline;}
A.boton:visited {TEXT-DECORATION: none;display:inline;}
A.boton:active {TEXT-DECORATION: none;display:inline;}
A.boton:hover {TEXT-DECORATION: none;background-color: transparent; display:inline;}

pr {text-align:center; }


P.nolink
{
    color: #000000;
    font-size: 11px;
}
P.idioma
{
	line-height:30px;
	TEXT-DECORATION: underline;
}
div#Contenedorppal
{ 
  
    width: 1004px;
    position: relative;
    left: 0px;
    top: 0px;
    background-color: green;
    text-align: left;
    margin:auto;
    
        
 }

div#Superior
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
    background:url(archivos/cabecera8.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-right: #aaaaaa 1px solid;
    border-top: #aaaaaa 1px solid;
    border-left: #aaaaaa 1px solid;

}
div#barracabecera
{
    position: absolute;
    margin-top: 100px;
    left: 0;
    width: 100%;
    height: 64px;
    overflow: hidden;
    background-color: #ffffff;
    padding-top: 2px;padding-bottom: 2px;
    text-align: center;
    border-right: #aaaaaa 1px solid;
    border-left: #aaaaaa 1px solid;
    border-bottom: white 1px solid;
}

div#bizq
{
    position: absolute;
    top: 0;
    left: 0px;
    width: 180px;
    height: 64px;
    background-color: #ffffff;
    text-align: left;
    text-indent:20px;
}
div#bcen
{
    position: absolute;
    top: 0;
    left: 240px;
    width: 490px;
    height: 64px;
    background-color: #ffffff;
    text-align: center;
}
div#bder
{
    position: absolute;
    top: 0;
    left: 786px;
    width: 216px;
    height: 64px;
    background-color: #ffffff;
    text-align: left;
}


div#Inferior
{
    position: absolute;
    margin-top: 164px;
    left: 0;
    width: 100%;
    border-left: #aaaaaa 1px solid;
    border-right: #aaaaaa 1px solid;
    background-color: white;
}




 div#Pie
{
    position: relative;
    background:url(archivos/pie3.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    top:0;
    width: 100%;
    height: 40px;
    line-height: 40px;
}   

.Menuizq

{
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    background-color: transparent;
    
    
} 

#Cuerpo
{
    
    position: relative;
    top: 0;
    left: 0;
    background-color: white;

    min-height: 830px;
    height: auto !important;
    height: 830px;

    width: 580px;
    margin-left: 195px;
    font-size: 13px;
    color: #0066cc;
    
    text-align: justify;
}


div#Menuder
{
    position: absolute;
    width: 216px;
    top: 0;
    background-color: transparent;
    left: 786px;
    
}

.Cabmenu
{
    color: yellow;
    font-family: Arial, Verdana;
    background-color: #2d3652;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 38px !important; 
    height: 40px;
    line-height: 38px;
    width: 100%;
    font-variant: small-caps;
    border-bottom: #aaaaaa 1px solid;
    border-top: #aaaaaa 1px solid;

    border-right: #aaaaaa 1px solid;

}
.Formatomenu
{
    background-color: #f1f5f8;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
    border-right: #aaaaaa 1px solid;
    border-top: #aaaaaa 1px solid;

    border-bottom: #aaaaaa 1px solid;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    
} 

.Cabmenuder
{
 
    color: yellow;
    font-family: Arial, Verdana;
    background-color: #2d3652;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 38px !important; 
    height: 40px;
    line-height: 38px;
    width: 100%;
    font-variant: small-caps;
    border-top: #000000 1px solid;
    border-right: #aaaaaa 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
}
.Formatomenuder
{
    background-color: #f1f5f8;
    font-family: Verdana;
    font-size: 11px;
    width: 100%;
    
    margin-top: 0px;
    margin-bottom: 10px;
    border-right: #aaaaaa 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #aaaaaa 1px solid;
}

.texto
{
    
    padding-top: 10px;

}


.Titulillo
{
    background:url(archivos/rotulo2.jpg);
    font-weight: bold;
    color: #ffe0bd;
    background-color:black;
    width: 100%;
    padding-top:10px;
    margin-left: 0px;
    padding-bottom:10px;
}

.Datos
{
    
    color: #ffe0bd;
    background-color:black;
    width: 565px;
    padding-left: 15px;
    
}



.textocentrado 
{
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;


 }
 .textojustificado 
{
    text-align:justify;
    padding-top: 10px;
    color: black;
    font-size:11px;

 }

.derecha 
{
    text-align:right;
    padding-top: 3px;
    padding-bottom: 10px;
    
}
.derecha2
{
    
    text-align:right;
    margin-right: 15px;
    
}
.banner
{text-align: center; padding-top: 5px;padding-bottom: 5px;}

.ancho
{
width:174px; color:#cccccc;
} 
.anchoder
{width:210px;color:#cccccc;
} 
.rombo {border: 0;}
.borde {border: solid 1px;}
.recuadro
{
    margin-top:10px;
    border: solid 1px;
    width: 580px;
    font-size: 12px;
    background-color: #f1f5f8;
    border-color: #cccccc;
    
    
}
.recuadrow
{
    margin-top:10px;
    border: solid 1px;
    width: 580px;
    font-size: 12px;
    background-color: #f6f3d1;
    border-color: #cccccc;
    
    
}
.celdanombre {width: 60%;vertical-align: top; color: #2d3652; font-weight: bold;}
.celdatipo {  vertical-align: top;padding-left: 5px; font-weight: normal; width: 40%; color:blue;}
.celdadescripcion {vertical-align: top; width: 100%; padding-left: 20px; padding-right: 20px;text-align: justify; border: solid 1px #aaaaaa;  font-weight: normal; color:#000000;}
.celdaautor {vertical-align: top; width: 60%; padding-left: 20px; text-align: justify;  font-weight: normal; color:#9a0000;}
.celdaweb { vertical-align: top; width: 40%; padding-left: 5px; font-weight: normal; color:green;}


.texto2 {padding-left: 10px; padding-right: 10px; padding-top: 5px;color: #2d3652; font-weight: normal;text-align:justify;}
.texto3 {padding-left: 10px; padding-right: 10px;padding-top:5px; color: black; font-weight: bold;text-align:justify;}
.lista {padding-left: 40px; color: #2d3652; font-weight: bold;}
.celdanombre2 {width: 40%;vertical-align: top; color: #2d3652; font-weight: bold;}
.celdatipo2 {  vertical-align: top;padding-left: 5px; font-weight: normal; width: 60%; color:blue;text-align: justify;padding-right: 5px;}

.celdanombre3 {width: 40%;vertical-align: top; color: #2d3652; font-weight: bold;text-align: center}

.obrascentrado 
{
    text-align:center;
    padding-top: 10px;
    color: black;
    font-weight: bold;
    font-size: 20px;

}

.tablapie
{
    width: 100%;
    font-size: 10px;
    background-color: transparent;
    
}
.numero {color: red;font-size:14px;}

.recuadrodefinicion
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 10px;
    border: solid 1px;
    width: 550px;
    font-size: 11px;
    background-color: black;
    border-color: black;
}
.recuadrodefinicionhtml
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 10px;
    border: solid 1px;
    width: 550px;
    font-size: 11px;
    background-color: #2d3652;
    border-color: black;
}

.recuadrodefinicionjs
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 10px;
    border: solid 1px;
    width: 550px;
    font-size: 11px;
    background-color: #004080;
    border-color: black;
}


.recuadroimportante
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 10px;
    border: solid 1px;
    width: 550px;
    font-size: 11px;
    background-color: #800000;
    border-color: black;
}
.col1 {width: 10px;}
.col2 { color: yellow; font-weight: bold;padding-left: 2px;width: auto;}
.celdadef {color: yellow; font-weight: bold;}
.celdad {padding-left: 22px; padding-right: 10px; text-align: justify; font-weight: normal; color: white;}

.amarillo {color:yellow;}
.rojo {color:red;}
.blanco {color:white;}
.amarillolink {color:yellow; font-size: 11px;}

A.concurso:link {color: #ffffff;display:inline;}
A.concurso:visited {color: #ffffff;display:inline;}
A.concurso:active {color: #ffffff;display:inline;}
A.concurso:hover {color: yellow;font-weight: bold;background-color: transparent;display:inline;}
.celdadefconcurso {color: gray; font-weight: bold;}