body{ /*se aplicara a todo lo que contenga el body*/
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
margin: 0px;
padding: 0px;
color:#000000;
}
/*
div{
border: 1px solid #ff0000;
}
*/
form{ /*se aplicará a todos los formularios*/
padding:0px;
margin:0px;
}

a{ /*se aplica a las etiquetas de tipo a*/
color:#000000;
font-weight:bold;
color:#333399;
}

/*:hover es el evento que se produce cuando el raton pasa por encima de algo.
cuando ese evento se produce le aplica este estilo: */
a:hover{ 
color:#ff6633;
}

h1{ /*se aplica a la cabecera de texto de tipo h1*/
color:#333399;
font-size:large;
padding-bottom:0px;
margin-bottom:0px;
}

/*lo que lleva la # indica que el estilo se aplicara la capa a la que hace referencia
  en este caso a lo que contiene la capa cabecera (declarada como <div id="cabecera"> y que
  contiene <a href="http://www.asevial.com"><img src="../img/asevial-seguridad-vial.jpg" alt="asevial: asesores en seguridad vial" width="639" height="89" border="0" /></a>    */
#cabecera{
/*los parametros de margin y padding se especifican en direccion de las agujas del reloj*/
margin: 0px auto 0px auto; /* margen exterior */
padding: 0px 100px 0px 0px; /* margen interior */
width:auto;
height: 89px;
background-image:url(../../img/asevial-seguridad-vial-2.jpg);
text-align:center;
}
#imagen_cabecera{
background-image:url(../../img/asevial-seguridad-vial2.jpg);
width:639px;
height:89px;
}

#titulo_vertical{
width:60px;
height:270px;
margin-top:37px;
float:left;
/*border:1px solid #0000ff;*/
}

#contenido{
/*border: 1px solid #ff0000; /*capa de borde de un pixel, solido y de color rojo */
margin: 30px auto 0px auto;
width:360px;
color:#999999;
}
#contenido img{
float:left;
margin:0px 15px 0px 0px;
}

input{
color:#330099;
height:14px;
width:140px;
margin:0px 0px 5px 0px;
}

#pie_pagina{
padding:20px;
margin: 0px auto 0px auto;
width:660px;
}

/* input es un textbox,texarea es un memo y select es un combo */
textarea, select{
width:190px;
}

.cuerpo {
margin:30px 0px 0px 110px;
width:auto;
}

.boton_enviar {
margin:3px 0px 0px 0px;
height:20px;
width:80px;
font-size:12px;
}

.boton_cambiaclave {
margin:3px 0px 0px 0px;
height:20px;
width:120px;
font-size:12px;
}

/*
FORMATO DE VENTANA
*/
.ventana{
margin-left:15px;
width:320px;
color:#999999;
float:left;
}
.ventana .titulo{ /*estilos para la clase titulo de la clase ventana*/
width:326px;
height:49px;
}
.ventana .pie{ /*estilos para la clase pie de la clase pie*/
width:326px;
height:16px;
}
.ventana .subtitulo{
width:326px;
height:33px;
}
.contenido_ventana{
padding:0px 25px 0px 25px;
width:276px;
}

.ventana .titulo_sindibujo{
width:163px;
height:50px;
margin-left:20px;
}

.informe {
width:275px;
margin-top:25px;
}

.dibu_informe {
width:47px;
height:40px;
background-image:url(../img/ficha.jpg);
margin-right:10px;
float:left;
}

.texto_negrita {
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#0000CC;
font-weight:bold;
}

.texto_normal {
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#000000;
}

#ventana1 .titulo{ /*estilo para la clase titulo, pero en concreto solo para el id ventana1*/
background-image:url(../img/1_Seleccion_del_expediente.jpg);
}

#ventana1 .pie{ /*estilo para la clase pie, pero en concreto solo para el id ventana1;*/
background-image:url(../img/final1.jpg);
}

#ventana2 .titulo{ 
background-image:url(../img/2_Detalle_del_expediente.jpg);
}

#ventana2 .pie{
background-image:url(../img/final2.jpg);
}

#ventana3 .titulo_sindibujo{
background-image:url(../img/3_Notificaciones.jpg);
}

#contenido_ventana1{
background-image:url(../img/relleno1.jpg);
}

#contenido_ventana2,#contenido_ventana21{
background-image:url(../img/relleno2.jpg);
}

#ventana2 #subtitulo1{
background-image:url(../img/vida_del_expediente.jpg);
}

#texto_informe1{
font-weight:normal;
}

#listado_expedientes{
margin-left:15px;
}

#contenido_ventana2 #datos_expedientes_ventana2{
padding:0px 0px 0px 15px;
width:261px;
}

#campos {
width:150px;
}
/* ejemplo de aplicar un estilo a un texto: <span class="texto1">hola</span> (tambien sirve 
   usar <div> </div> pero casi siempre es recomendable usar span para los textos y div para el  
   resto)*/