body {margin:0; padding:0; background:#fff url(../img/fondo_cabecera.gif) repeat-x; color: #555555; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h4, img, form, label {padding:0px; margin:0px;}
ul {list-style-type:none;}

#contenido {width:970px; position:relative; margin:0 auto; padding:0; float:left;}

#logo {width:240px; height:125px; position:relative; margin:0 auto; padding:0; background:url(../img/cabecera_lateral.jpg) 0 0 no-repeat;}
#logo img {width:160px; height:73px; margin:10px 0 0 37px;}

#lateral {width:240px; float:left;}



#lateral h2 {width:90px; height:63px; background:#FFFFFF; color:#00528e; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}

#lateral form { width:222px; height:173px; position:relative; margin:0 auto; color:#fff; background-image: url(../img/cajalogin.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
#lateral form input {width:143px; height:17px; margin:3px 0 2px 35px; }
#lateral form label {width:143px; height:18px; margin:2px 0 0 35px; font:12px/15px Arial, Helvetica, sans-serif; font-weight:bold;}
#lateral form input.button { background-color: #666666; width:51px; height:17px; float:left; color:#fff; font-size:12px; font-weight:normal; line-height:18px; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding:0 10px 0 0; margin:3px 10px 2px 28px; border-style: none; }
#lateral form h2 {width:150px; height:47px; display:block; background:url(../img/cajallave.gif) 0 0 no-repeat #FFFFFF; color:#fff; font-size:18px; line-height:47px; padding:0 0 0 65px;}
#lateral form #register {width:100px; height:24px; float:left; margin:3px 0 0; }
#lateral form #register a { display:block; color:#fff; font-size:12px; background-image: url(../img/arrow4.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 50%; padding:0 5px 0 0; text-decoration:none; }
#lateral form #register a:hover {text-decoration:underline;}

#cabecera {width:664px; height:124px; background:#fff url(../img/imagen_cabecera.jpg) no-repeat; color:#fff; font:20px/13px Georgia, "Times New Roman", Times, serif; padding:37px 0 0 13px;}

#pagina { min-height: 650px; width:730px; float:left;}
#pagina h1 {margin-left: 9px; margin-bottom: 0; margin-right: 0; margin-top: 35px; padding-left: 65px; padding-bottom: 10px; padding-right: 0; padding-top: 10px; width:240px; height:36px; display:block; background:#FFFFFF url(../img/icon1.jpg) no-repeat 0 10px; color:#00528e; font-size:24px; line-height:36px;}
#pagina h2 {margin-left: 9px; margin-bottom: 0; margin-right: 0; margin-top: 4px; padding-left: 75px; padding-bottom: 10px; padding-right: 0; padding-top: 20px; width: 500px; height:50px; display:block; background:#ffffff url(../img/icon2.jpg) no-repeat 0px 20px; color:#00528e; font-size: 20px; line-height:22px; clear:both;}
#pagina h3 { padding-bottom: 0px; padding-left: 20px;   color:#00528e; font-size: 13px; clear:both;}
#pagina h2 span {color:#8e8e8e; background:#ffffff; font-size:16px; font-weight:bold; line-height:18px;}
#pagina p {text-align: justify; padding-left: 20px; padding-bottom: 6px; padding-right: 0; padding-top: 0px;}
#pagina table {padding-left: 20px; padding-bottom: 6px; padding-right: 0; padding-top: 0px;}
#pagina a {color: #00528f; }
#pagina ol li { padding-bottom: 6px; list-style-position: outside;}
#pagina ul li { margin-left: 40px; list-style-type: disc; padding-left: 0px; padding-bottom: 6px; list-style-position: outside;}
#pagina strong {color: #000000; }

#pie { margin-left: auto; margin-bottom: 0; margin-right: auto; background:#00528e url(../img/fondo_pie.gif) repeat-x; color:#fff; position:relative; margin:0 auto; height:227px; clear:both; font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#pie ul {width:546px; position:absolute; top:85px; left:10px;}
#pie li {float:left; }
#pie ul li a {padding:0 10px; color:#fff; background:#00528e; text-decoration:none;}
#pie ul li a:hover {text-decoration:underline;}


.glossymenu {padding-left: 40px; padding-bottom: 0; padding-right: 0; padding-top: 28px; width: auto; height:auto; display:block; background:url(../img/fondo_lateral.jpg) 0 0 no-repeat;}
.glossymenu a.menuitem{ background:  url(../img/flecha.gif) no-repeat 0 50%; font:bold 12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8e8e8e; display: block; padding:0 0 0 22px; text-decoration: none;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #8e8e8e;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
url(../img/flecha.gif) no-repeat 0 50%; color:#00528e; text-decoration:none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{

}

.glossymenu div.submenu ul li a{
display: block;
font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8e8e8e;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 22px;

}

.glossymenu div.submenu ul li a:hover{
url(../img/flecha.gif) no-repeat 0 50%; color:#00528e; text-decoration:none;
}