/* 
    Document   : hoja_estilos
    Created on : 24-jul-2009, 12:58:34
    Author     : pablo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body {
    background: #ffffff;
    background-attachment:fixed;
    font: 11px "Trebuchet MS";
    color: #1e0b1b;
}

.cuerpo {
    background: #ffffff;
    width: 918px;
}

/*Menú de cabecera*/

.cabecera {
    width: 100%;
    text-decoration: none;
    list-style: none;
}

.cuerpo_menu_cabecera {
    width: 85%;
    height: 35px;
    float: right;
    background-image: url(imagenes/fondo-menu-cabecera.jpg);
    background-repeat: repeat-y;
}

.menu_cabecera {
    font: 11px "Verdana";
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 580px;
}

.menu_cabecera ul {
    padding: 0;
}

.menu_cabecera ul, .menu_cabecera li{
    list-style: none;
    display: inline;
}

.menu_cabecera li {
    margin-right: -6px;
}

.menu_cabecera a:link {
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    padding-right: 10px;
    padding-left: 10px;    
}

#separacion {
    border-left: 1px solid #ffffff;
}

.menu_cabecera a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    padding-right: 10px;
    padding-left: 10px;
}

.panoramica {
    width: 85%;
    height:150px;
    background: #598A9E;
    float: right;
    text-align:left;
}

.titulo{
    float: right;
    text-align: right;
    font:15px;
    color: #ffffff;
    margin-top: 15px;
    margin-right: 20px;
}

.TM {
    color: #ffffff;
    font: 19px "arial";
    float: left;
    width: 15%;
    height: 165px;
    padding-top: 20px;
    background-image: url(imagenes/fondo-content5.jpg);
    background-repeat: repeat-y;
}

/*Cuerpo del texto*/

.cuerpo_texto {
    clear: both;
    text-align: justify;
    height:auto;
    text-decoration: none;
}

/*Menú laderal Izquierdo*/

.menu_izquierdo {
    float: left;
    width: 15%;
}

.menu_izquierdo ul {
    font: 14px "Trebuchet MS";
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
}

.menu_izquierdo li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e7ddbc;
}

.menu_izquierdo ul, .menu_izquierdo li{
    text-decoration: none;
    list-style: none;
    text-align: center;
}

.menu_izquierdo a:link {
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

.menu_izquierdo a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

.menu_izquierdo li:hover {
    color: #A7AA00;
}

#boton {
    padding-top: 25px;
    padding-bottom: 25px;
}

/*Menú laderal Derecho*/

.menu-derecho {
    font: 12px "Verdana";
    float: right;
    width: 15%;
}

.menu-derecho ul {
    font: 12px "Verdana";
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
}

.menu-derecho li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e7ddbc;
}

.menu-derecho ul, .menu-derecho li{
    text-decoration: none;
    list-style: none;
    text-align: center;
}

.menu-derecho a:link {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.menu-derecho a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.menu-derecho li:hover {
    color: #A7AA00;
}

/*Enlanes izquierdo, derecho y texto central */

.texto {
    width: 100%;
    float: left;
    background-image: url(imagenes/fondo.jpg);
    background-repeat: repeat-y;
}

.texto ul li {
    text-decoration: none;
    list-style: none;
}

.texto a:link {
    text-decoration: none;
}

.texto a:visited {
    text-decoration: none;
}

/*Texto central de la página*/

.texto-central {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 60%;
    text-align: justify;
}

.tabla {
    text-align:left;
    margin-bottom: 20px;
    background:#f1f1f1;
}

.tabla tr {
    
}

.tabla td{
    border: 1px solid #ffffff;
    padding: 3px;
}

#cartel {
    padding-top: 5px;
    padding-bottom: 5px;
    color: red;
}

#cartel a{
    color: gray;
}

#cartel a:hover{
    color: #016684;
}

/*Copyright de la página web*/

.copy {
    text-align: center;
    background: #243640;
    color: #ffffff;
    float: right;
    width: 100%;
    height: auto;
    /*height: 40px;*/
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
    list-style: none;
}

.copy a:link {
    text-decoration: none;
    list-style: none;
    color: #ffffff;
}

.copy a:hope {
    color:#ffffff;
}

.copy a:visited{
    text-decoration: none;
    color:#ffffff;
}
