body {
background: white url('../imagenes/fondo.jpg') no-repeat top left;
font: normal 1em "Trebuchet MS",Verdana,Arial,Sans-Serif;
color: #333;
}

img {
border: 0px;
}
img.float-right {
float: right;
margin: 0px 0px 10px 15px;
}

#cabecera {
height: 175px;
}

#logo {
width: 170px;
height: 170px;
}
#logo h1 a {
display: block;
width: 170px;
height: 170px;
text-decoration: none;
}
#logo h1 a span {
visibility: hidden;
}

#menu {
height: 50px;
margin-top: 10px;
margin-left: 170px;
}

#medio {
margin-top: 0px;
}

#lateral-izquierdo {
position: relative;
float: left;
width: 180px;
height: 400px;
}
#logo1 {
width: 90px;
height: 90px;
margin: 0px 0px 0px 15px;
overflow: hidden;
}
#logo2 {
width: 90px;
height: 90px;
margin: 28px 0px 0px 15px;
overflow: hidden;
}
#logo3 {
width: 90px;
height: 90px;
margin: 32px 0px 0px 15px;
overflow: hidden;
}

#contenido {
margin: 0px 200px 0px 220px;
}

#lateral-derecho {
float: right;
width: 150px;
}

#webmail {
margin: 10px 0px 0px 0px;
}

#pie {
margin: 5px 0px 9px 0px;
border-top: 1px solid #063;
}

#pie-diseno {
margin: 30px 0px 9px 0px;
border-top: 1px solid #eaeaea;
padding-bottom: 30px;
}

.expansor {
clear: both;
height: 1px;
}

/************
** Botones **
************/

#botones {
margin: 30px 0px 30px 0px;
}
#botones a.boton {
display: block;
float: left;
width: 110px;
height: 75px;
margin: 0px 30px 30px 0px;
overflow: hidden;
background-image: url('../imagenes/fondo_boton_intranet.png');
padding: 40px 5px 5px 5px;
text-align: center;
font: bold 1em Verdana,Arial,Sans-Serif;
text-decoration: none;
color: white;
}
#botones a.boton:hover {
background-image: url('../imagenes/fondo_boton_intranet2.png');
}

#msjerror {
margin: 20px 30px 20px 30px;
padding: 20px;
text-align: center;
font: normal 1em Verdana,Arial,Sans-Serif;
border: 2px solid #800000;
color: #800000;
background-color: #FBD7D0;
}


/***********
** TEXTOS **
***********/

#contenido h2 {
border-top: 1px solid #069;
padding-top: 5px;
font: bold 1.5em Arial,Sans-Serif;
color: #069;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
#contenido h2 span {
font-size: 0.7em;
font-weight: normal;
margin-left: 20px;
}
#contenido h2 span span {
font-weight: normal;
font-size: 0.6em;
}

#contenido h3 {
font: normal 0.8em Arial,Sans-Serif;
color: black;
letter-spacing: 0.1em;
margin-top: 0px;
border-bottom: 1px solid #069;
padding-bottom: 5px;
}
#contenido h3.sinlinea {
border-bottom: 0px;
margin-top: 20px;
}


#contenido p {
margin: 20px 0px 0px 0px;
font: normal 0.9em/1.3em "Trebuchet MS",Verdana,Arial,Sans-Serif;
text-align: justify;
}

#contenido p a {
text-decoration: underline;
color: black;
}
#contenido p a:hover {
color: #063;
}

#contenido ul  {
padding: 10px 20px 0px 30px;
font: normal 0.9em/1.2em Verdana,Sans-Serif;
}
#contenido ul li {
margin-top: 5px;
}

#pie p {
font: normal 0.8em Verdana,Sans-Serif;
color: #333;
text-align: center;
margin-top: 10px;
}

#pie-diseno p {
font: normal 0.6em/1.2em Verdana,Sans-Serif;
color: #666;
text-align: center;
}
#pie p a,#pie-diseno p a {
color: #666;
text-decoration: none;
}
#pie p a:hover,#pie-diseno p a:hover {
color: black;
}

/************
** Derecha **
************/

#lateral-derecho h3 {
margin: 15px 0px 0px 0px;
}

#lateral-derecho p {
margin: 8px 0px 0px 0px;
font: normal 0.7em Arial,Sans-Serif;
color: #333;
line-height: 1.2em;
}

#lateral-derecho p a {
color: black;
text-decoration: none;
}
#lateral-derecho p a:hover {
color: #063;
text-decoration: underline;
}

/*************
** Intranet **
*************/

form#formlogin,
form#formadd,
form#cambiapass,
form#cambianombre {
margin: 20px 80px 0px 80px;
}
form#formlogin fieldset,
form#formadd fieldset,
form#cambiapass fieldset,
form#cambianombre fieldset {
border: 1px solid #999;
padding: 30px 10px 20px 10px;
text-align: center;
}
form#formadd fieldset.permisos,
form#formadd fieldset.informevisita {
text-align: left;
}
form#formadd fieldset.permisos label{
font-size: 0.7em;
font-weight: bold;
}
form#formadd fieldset.permisos span{
font: normal 0.7em Arial,Sans-Serif;
}
form#formadd fieldset.informevisita span{
font: normal 0.7em Arial,Sans-Serif;
color: #009933;
}
form#formlogin fieldset legend,
form#formadd fieldset legend,
form#cambiapass legend,
form#cambianombre legend {
color: #999;
}

#mensajes {
margin: 20px 30px 20px 30px;
padding: 20px;
text-align: center;
font: normal 1em Verdana,Arial,Sans-Serif;
}
#mensajes.error {
border: 2px solid #800000;
color: #800000;
background-color: #FBD7D0;
}
#mensajes.ok {
border: 2px solid #336600;
color: #336600;
background-color: #D3FACF;
}

#contenido h4 {
font: bold 0.8em Arial,Sans-Serif;
color: #333;
border-bottom: 1px solid #333;
letter-spacing: 0.1em;
margin-top: 20px;
}
#contenido p {
font: normal 0.7em Arial,Sans-Serif;
color: #555;
}
#contenido p.autor {
font: normal 0.6em Arial,Sans-Serif;
color: #555;
text-align: right;
}

#opciones {
border: 1px solid #999;
height: 55px;
position: relative;
margin-top: 15px;
padding: 3px 0px 0px 10px;
}
#ordenarpor {
position: absolute;
top: 10px;
left: 10px;
margin: 0px;
font: normal 0.8em Arial,Sans-Serif;
}
#formbuscar {
width: 300px;
position: absolute;
top: 5px;
right: 10px;
margin: 0px;
}

#opciones-orden-obs{
margin: 20px 0px 0px 0px;
border: 1px solid #ccc;
padding: 0px 10px 10px 10px;
}

#opcionesbusqueda {
margin: 20px 0px 0px 0px;
border: 1px solid #ccc;
position: relative;
overflow: hidden;
}
#opcionesbusqueda1 {
float: left;
margin: 10px 0px 10px 10px;
}
#opcionesbusqueda2 {
float: right;
margin: 10px 10px 10px 0px;
}
#opcionesbusqueda3,
#opcionesbusqueda4 {
margin: 10px 0px 10px 10px;
}

table#listadodocs,
table#edicion {
border: 1px solid #999;
font: normal 0.7em Arial,Sans-Serif;
color: #555;
margin: auto;
margin-top: 30px;
}
table#listadodocs a,
#ordenarpor a,
table#edicion a {
color: #555;
text-decoration: none;
}
table#listadodocs a:hover, 
#ordenarpor a:hover,
table#edicion a:hover {
color: #063;
text-decoration: underline;
}
table#listadodocs thead tr th,
table#edicion  thead tr th {
color: white;
background-color: #555;
text-align: left;
font-weight: bold;
padding: 5px;
}
table#listadodocs tbody tr td,
table#edicion tbody tr td {
border-bottom: 1px dotted #999;
padding: 5px;
}
table#listadodocs tbody tr td.c {
width: 120px;
}
table#listadodocs tbody tr td.n {
color: #ccc;
text-align: right;
font-size: 0.9em;
}
table#listadodocs tbody tr td span {
background-color: #CEF2EB;
}
table#listadodocs tfoot tr td,
table#edicion tfoot tr td {
padding: 5px;
}

table#ordendecompra {
width: 95%;
border: 2px solid #096;
margin-top: 30px;
font: normal 0.8em Arial, Helvetica, sans-serif;
}
table#ordendecompra p {
color: #096;
padding: 0px;
margin: 0px;
}
table#ordendecompra p.grande {
text-align:right;
font: bold 1.3em Arial, Helvetica, sans-serif;
margin: 10px 10px 10px 0px;
}
table#ordendecompra tr td {
padding: 1px 5px 1px 5px;
vertical-align:top;
}

table#ordenfecha {
margin: auto;
text-align: center;
}

table#ordendetalle {
width: 95%;
border: 1px solid #bbb;
margin: auto;
font: normal 0.8em Arial, Helvetica, sans-serif;
}
table#ordendetalle tr th {
color: white;
background-color: #555;
text-align:left;
padding-left: 7px;
}
table#ordendetalle tr td {
text-align:left;
border: 1px dotted #ddd;
}

div#verinformevisita {
border: 2px solid #096;
margin: 20px 40px 0px 40px;
padding: 10px 20px 20px 20px;
}
div#verinformevisita p {
font: normal 0.9em Arial, Helvetica, sans-serif;
}
div#verinformevisita p strong {
font: bold 1.1em Arial, Helvetica, sans-serif;
}
div#verinformevisita h5.h5iv {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #096;
text-align: center;
text-decoration: underline;
}

ol {
list-style-type: decimal;
margin: 30px 0px 0px 40px;
padding-left: 20px;
}
ul {
list-style-type: disc;
margin: 30px 0px 0px 40px;
padding-left: 20px;
}
ol li,
ul li {
margin-bottom: 10px;
}
ol li a,
ul li a {
color: black;
text-decoration: none;
}
ol li a:hover,
ul li a:hover {
color: #063;
text-decoration: underline;
}
ol li a em,
ul li a em {
font-size: 0.7em;
}

ol li em,
ul li em {
color:#CC0000;
}


.der {
text-align: right;
}
.rojo {
color: red;
}