/* CSS Document */

/* Textos */

.Normal_Gris{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#787878;
font-size:11px;
text-align:justify;
}

.Normal_azul{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#406784;
font-size:11px;
}

.Normal_Gris_Negrita{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149
font-size:11px;
font-weight:bold;
}


.Normal_Gris_Chiquita{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149;
font-size:10px;
}

.Normal_Color_Negrita{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#A60000;
font-size:11px;
font-weight:bold;
}

/* Vínculos, todos se mostraran como se sugiere, en este caso un color naranja */

a{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#7B9B62;
font-size:11px;
text-decoration:underline;
}

/* Puedo poner un vínculo con clase, por defecto me pone el naranja
pero puedo seleccionar el vinculo desde la vista diseño y darle otra clase como por ejemplo la siguiente */



.Vinculo_color_subrayado{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#7B9B62;
font-size:11px;
text-decoration:underline;
}

.Vinculo_color_subrayado2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#7B9B62;
font-size:11px;
text-decoration:underline;
}

.Vinculo_color{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#7B9B62;
font-size:11px;
text-decoration:none;
}

.Copyright{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#7B9B62;
font-size:9px;
text-decoration:none;
}

/*
.Normal_Gris_Mayusculas{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149
font-size:11px;
text-transform:uppercase;
}

.Normal_Gris_Minusculas{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
text-transform:lowercase;
}

.Normal_Color{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#99CC00;
font-size:11px;
}

.Normal_Color_Mayusculas{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#99CC00;
font-size:11px;
text-transform:uppercase;
}

.Normal_Color_Minusculas{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#99CC00;
font-size:11px;
text-transform:lowercase;
}

.Normal_Color_Negrita{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#99CC00;
font-size:11px;
font-weight:bold;
}

*/

/* Títulos */

.Titulo{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#406784;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
vertical-align:top;
}

.Titulo2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#99CC00;
font-size:16px;
font-weight:bold;
letter-spacing:8px;
text-transform:capitalize;
vertical-align:top;
}

.Titulo_Color{
color:#FB9626;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
letter-spacing:8px;
text-transform:uppercase;
vertical-align:top;
}

.Titulo2_Color{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#FB9626;
font-size:16px;
font-weight:bold;
letter-spacing:8px;
text-transform:capitalize;
vertical-align:top;
}

.Subtitulo{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#369878;
font-size:13px;
font-weight:bold;
letter-spacing:0px;
text-transform:none;
}

.Subtitulo_Color{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#A60000;
font-size:13px;
font-weight:bold;
letter-spacing:2px;
text-transform:capitalize;
}

.Subtitulo_Color_Subrayado{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#FB9626;
font-size:13px;
font-weight:bold;
letter-spacing:2px;
text-transform:capitalize;
text-decoration:underline;
}

/* Alineación del texto */

.Texto_Alineacion_Centro{
text-align:center;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
}

.Texto_Alineacion_Derecha{
text-align:right;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
}

.Texto_Alineacion_Izquierda{
text-align:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
}

.Texto_Alineacion_Justificado{
text-align:justify;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#787878;
font-size:11px;
}



/* Listas con imágen predeterminada */
/* El código para hacer una lista de este tipo es el siguiente, y debe copiarse y pegarse en la vista código en el lugar deseado, la imágen debe encontrarse en la carpeta de imagenes:

<ul>

	<li>
	Texto u objeto
	</li>
	
	<li>
	Texto u objeto
	</li>

</ul>

 */
 
.Lista{
list-style-image:url(images/li.gif);
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#787878;
text-align:justify;
}

/* Imágenes */

.Imagen{
border:#E4E4E4;
border:double;
float:left;
margin-right:auto;
margin-right:10px;
margin-bottom:auto;
margin-bottom:5px;
}


.Imagen_sin_Texto{
border:#E4E4E4;
border:double;
}

.Imagen_alineacionTexto_izq_margen{
border:#E4E4E4;
border:double;
float:right;
margin-left:auto;
margin-left:40px;
margin-bottom:auto;
margin-bottom:5px;
}

.Imagen_alineacionTexto_izq{
border:#E4E4E4;
border:double;
float:right;
margin-left:auto;
margin-left:10px;
margin-bottom:auto;
margin-bottom:5px;
}

.Imagen_alineacionTexto_derecha{
border:#E4E4E4;
border:none;
float:left;
margin-right:auto;
margin-right:10px;
margin-bottom:auto;
margin-bottom:5px;
}

.Imagen_Oficinas{
border:#E4E4E4;
border:double;
float:left;
margin-bottom:auto;
margin-bottom:5px;
}
/*Divs con scroll */

/* Para realizar esto, es importante meter el contenido a scrollear en una div con clase Contenedor_LodeAdentro y luego meter esa misma div en otra div con clase: Contenedor_Estilo, a continuacion se detallan algunas propiedades de los colores de nuestro scroll.

    * face: color del primer plano de la barra
    * shadow: color de la sombra del fondo
    * highlight: color de la luz del cuadro de flecha
    * 3dlight: color de la luz 3d
    * dark-shadow: color sombra del primer plano
    * track: color del fondo de la barra
    * arrow: color de la flecha
    * base: color base
*/

.Contenedor_LodeAdentro{
margin-right:30px;
margin-bottom:20px;
}

.Contenedor_Estilo{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
text-align:left;
overflow:scroll;
width:auto;
width:410px;
height:auto;
height:270px;
margin-bottom:20px;
scrollbar-face-color: #E4E4E4;
scrollbar-shadow-color: #e5e5e5;
scrollbar-highlight-color: #E4E4E4;
scrollbar-3dlight-color: #E4E4E4;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-track-color: #e5e5e5;
scrollbar-arrow-color: #e5e5e5;
margin-left:auto;
margin-right:auto;
overflow-x:hidden;
}

.Contenedor_Estilo2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
text-align:left;
overflow:scroll;
width:auto;
width:410px;
height:auto;
height:260px;
margin-bottom:20px;
scrollbar-face-color: #E4E4E4;
scrollbar-shadow-color: #e5e5e5;
scrollbar-highlight-color: #E4E4E4;
scrollbar-3dlight-color: #E4E4E4;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-track-color: #e5e5e5;
scrollbar-arrow-color: #e5e5e5;
margin-left:auto;
margin-right:auto;
overflow-x:hidden;
}

/* Tablas */

.Tabla_Principal{
width:766px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
border:none;
border-collapse:collapse;
border-spacing: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
vertical-align:top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149;
font-size:11px;
text-align:justify;
}

.Tabla_contenido{
width:100%;
background-color:#FFFFFF;
vertical-align:top;
}

.Celda_rayado{
background-image:url(images/rayado.gif);
background-repeat:repeat-y;
width:1px;
}


.body{
background-color:#E4E4E4;
margin-top:auto;
margin-top:0px;
}


.Celda_SubTablaPrincipal_BordeIzquierda{
width:2%;
background-image:url(imagenes/borde_izquierdo.gif);
background-repeat:repeat-y;
vertical-align:top;
}

.Celda_SubTablaPrincipal_BordeDerecha{
width:2%;
background-image:url(imagenes/borde_derecho.gif);
background-repeat:repeat-y;
vertical-align:top;
}


.Celda_Espaciadora{
width:1%;
vertical-align:top;
}

.Celda_Espaciadora_Fija{
width:3px;
}


.Celda_Central{
width:70%;
overflow:auto;
}


.Celda_Derecha{
width:15%;
vertical-align:top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149;
font-size:11px;
}

.Celda_Izquierda{
width:15%;
vertical-align:top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149;
font-size:11px;
}

.campoForm{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149;
font-size:10px;
background-color:#E4E4E4;
background-image:url(images/campo_fondo.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
height:14px;
border:hidden;
border-width:0px;
width:209px;
padding-left:10px;
padding-top:5px;
margin-right:0px;
margin-top:0px;
}

.comentariosForm{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#374149;
font-size:10px;
background-color:#E4E4E4;
background-image:url(images/campo_fondo2.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
border:hidden;
border-width:0px;
width:209px;
height:146px;
padding-left:10px;
margin-right:0px;
overflow:auto;
padding-top:5px;
margin-top:0px;
scrollbar-face-color: #E4E4E4;
scrollbar-shadow-color: #E4E4E4;
scrollbar-highlight-color: #E4E4E4;
scrollbar-3dlight-color: #E4E4E4;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-track-color: #e5e5e5;
scrollbar-arrow-color: #e5e5e5;
}

.texto_intermitente{
color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:blink;
}

.boton_rojo{
background-image:url(images/bot_red_rell.jpg);
background-repeat:repeat-y;
}

.letra_boton_rojo{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:14px;
text-decoration:none;
}