﻿/* 1 Elementos */

body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}

h3
{
	font-size:small;
}

body
{
	background: #B4B4B4 url(App_Themes\GrisRojo\ImagenesPagina\body_bg.gif) repeat left top;
	font-family: Tahoma, Arial, sans-serif;
	font-size:75%;
}



/* 2 Cabecera */

.header
{
	background-image   : url(App_Themes/GrisRojo/ImagenesPagina/FondoFrac.jpg); 
	position: relative;
	width: 900px;
	height: 81px;
	margin: 0 auto 5px auto;
	border-right: #333399 1px ridge;
	border-top: #333399 1px ridge;
	border-left: #333399 1px ridge;
	border-bottom: #333399 1px ridge;
}

.subHeader
{
	    height: 16px;


}

.HeaderReporte
{
	background-image: url(App_Themes/GrisRojo/ImagenesPagina/FondoVerde.jpg);
	background-repeat: repeat-x;
	position: relative;
	width: 900px;
	height: 61px;
	margin-left: auto;
	margin-right: auto;
	border-right: #003300 1px solid;
	border-top: #003300 1px solid;
	border-left: #003300 1px solid;
	border-bottom: #003300 1px solid;
}

.menubotones
{
	position: relative;
	width: auto;
	height: 30px;
	text-align: center
}

.menuUsuarios
{
	position: absolute;
	text-transform: uppercase;
	font-size: 11px;
	color: Red;
	left: 0px;
	top: 67px;
	border-bottom: #330000 1px outset;
	right: 639px;
}

.upercase
{
	font-size: 11px;
	color: Red;
	left: 0px;
	top: 68px;
	border-bottom: #330000 1px outset;
	right: 786px;
}

.nav
{
	position: absolute;
	right: 20px;
	top: 40px;
	text-transform: uppercase;
	font-size: 10px;
	color: #ffffff;
}
.acordeonE
{
    border: 0px solid #2F4F4F;
    color: #ffffff;
    background-color: Navy;
	font-family: 'Franklin Gothic Medium';
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
        	
}

.acordeonES
{
	text-align:  center ; 
    border: 0px solid #2F4F4F;
    color: #ffffff;
    background-color: Navy;
	font-family: 'Franklin Gothic Medium';
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
        	
}

/* 3 Pie de pagina */

.footerbg
{
	width: auto;
	height: 50px;
	text-align: center;
}

.footer 
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	width: 950px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}

.menub
{
	margin: 8px auto 2px auto;
	text-transform: uppercase;
	font-size: 10px;
	color: yellow;
}

/* 4 Titulos */

.TituloGS 
{
	font-size: 17pt; 
	color: white;
	font-family: 'Franklin Gothic Medium';
	text-decoration: underline; 
 }
 
 .SubTituloGS 
 {
	font-size: 9pt;
	color: white;
	font-family: 'Franklin Gothic Medium';
 }
 
 .JuridicoTitulo
{
	font-weight: bold;
	color: #333399;
	font-family: 'Century Gothic';
}
  
.ImagenJuridico
{
	position: relative;
	border-right: #333399 3px outset;
	border-top: #333399 3px outset;
	border-left: #333399 3px outset;
	border-bottom: #333399 3px outset;
}

/* 5 Pagina */

.page
{
	border-right: #333399 1px ridge;
	border-top: #333399 1px ridge;
	border-left: #333399 1px ridge;
	border-bottom: #333399 1px ridge;
	
		
}


h4
{
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.7em;
}
.H4Horizontal
{
	color: #333399;
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}
.MenuPrincipal
{
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: 20px;
}

.MenuHorizontal
{
	color: #400000;
	font-family: Verdana;
	text-align: left;
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	line-height: 20pt;
	letter-spacing: normal;
	width: 200px;
	height: auto;
	margin-left: 5px;
	background-color: transparent;
	table-layout: auto;
	border-collapse: separate;
}

/* Todas las Paginas */

#home 
{
	position: relative;
	width: 796px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#contentHorizontal
{
	float: left;
	width: 230px;
	height: 100%;
}

#Comentarios {
	float: left;
	width: 200px;
	height: 100%;
}

#content
{
	margin-left: 240px;
	margin-right: 5px;
	width: 462px;
}

#contentIzquierdo
{
	margin-left: 50%;
}

#contentDerecho
{
	float: left;
	width: 45%;
	height: 100%;
}

#coollinks {
	margin-left: 220px;
}

.PanelMenuBusqueda
{ 
	background-color: transparent; 
	width: 950px;
	height: 30px;
}

.PanelBusqueda
{ 

	background-color: transparent; 
	width: auto;
	height: auto;
}

.PanelDatosLitigios
{
	border-right: #333399 1px solid;
	border-top: #333399 1px solid;
	border-left: #333399 1px solid;
	border-bottom: #333399 1px solid;
	background-color: transparent;
	width: 940px;
	height: 400px;
}

.PanelDatos
{
	border-right: #333399 1px solid;
	border-top: #333399 1px solid;
	border-left: #333399 1px solid;
	border-bottom: #333399 1px solid;
	background-color: transparent;
}

.PanelImagen
{
	border-right: #333399 1px solid;
	border-top: #333399 1px solid;
	border-left: #333399 1px solid;
	border-bottom: #333399 1px solid;
	background-color: transparent;
	color: #ffffff;
	width: 200px;
	height: 170px;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

p
{
	line-height: 1.4em;
	font-size: 8.4pt;
	font-family: Verdana;
}

.emptydata td
 {
	padding: 50px;
	color: #aeaeae;
}

/* 6 Botones */

.BotonImagen
{
	border-right: whitesmoke thin outset;
	border-top: whitesmoke thin outset;
	border-left: whitesmoke thin outset;
	border-bottom: whitesmoke thin outset;
	font-family: Nina;
	font-size: 9pt;
	color: menu;
	height: 30px;
	width: 90px;
	vertical-align: bottom;
	text-align: center;
	background-color: #669933;
	font-weight: bold;
}

.BotonExpansion
{
	width: 80px;
	border-right: #333399 1px outset;
	border-top: #333399 1px outset;
	border-left: #333399 1px outset;
	border-bottom: #333399 1px outset;
	font-family: 'Arial Narrow';
	background-color: inactiveborder;
}

.BotonBusqueda
{
	width: 80px;
	border-right: highlighttext 1px outset;
	border-top: highlighttext 1px outset;
	border-left: highlighttext 1px outset;
	border-bottom: highlighttext 1px outset;
	font-family: 'Arial Narrow';
	background-color: #3366FF;
	height: 20px;
	width: 80px;
	font-weight: bold;
	color: #ffffff;
}

.BotonBusquedaR
{
	width: 80px;
	border-right: highlighttext 1px outset;
	border-top: highlighttext 1px outset;
	border-left: highlighttext 1px outset;
	border-bottom: highlighttext 1px outset;
	font-family: 'Arial Narrow';
	background-color: #ffffff;
	height: 30px;
	width: 80px;
	font-weight: bold;
	color: inactivecaption ;
}

.BotonEdicion
{
	background-color: #333399;
	color: white;
	font-family: 'Franklin Gothic Medium';
	font-size: 8pt;
}

.BotonFac
{
	width: 40%;
	
	font-size: 9pt;
}

.BotonFac2
{
	width: 40%;
	background-color: #BBFFBB;
	
	font-size: 9pt;
}

.BT
{
	height: 24px;
	width: 90px;
	background-color: #cc6633;
	color: #ffffff;
	font-family: 'Franklin Gothic Medium';
	font-size: 11pt;
}

.BotonEdicion2
{
	background-color: #3366FF;
	color: #ffffff;
	font-family: 'Franklin Gothic Medium';
	font-size: 8pt;
}

.BotonEdicion3
{
	width: 75px;
	height: 20px;
	background-color: #ffffff;
	color: #3366FF;
	font-family: 'Franklin Gothic Medium';
	font-size: 8pt;
		
}
.BotonEdicion21
{
	background-color: #3366FF;
	color: #ffffff;
	font-family: 'Franklin Gothic Medium';
	font-size: 8pt;
}

.BotonDestinatario
{
	height: 32px;
	width: 120px;
	background-color: #ff8000;
	color: white;
	font-family: 'Calibri';
	font-size: 11pt;
	border-right: white 1px outset;
	border-top: white 1px outset;
	border-left: white 1px outset;
	border-bottom: white 1px outset;
	font-weight: bold;
}

.BotonPrincipal
{
	border-right: whitesmoke thin outset;
	border-top: whitesmoke thin outset;
	border-left: whitesmoke thin outset;
	border-bottom: whitesmoke thin outset;
	font-family: Nina;
	font-size: 11pt;
	color: #3366cc;
	height: 30px;
	width: 90px;
	vertical-align: bottom;
	text-align: center;
	
}
/* 7 Labels */

.LabelTitulo /*Azul*/
{
	
	font-size: 20pt;
	color: navy ;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	text-decoration :underline ;

	
}

.LabelTituloR
{
	
	font-size: 10pt;
	color: #330000 ;
	font-family: 'Franklin Gothic Medium';
	font-weight: normal ;
	
	
}


.LabelTitulo2
{
	
	font-size: 18pt;
	color: navy ;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	text-decoration :underline ;
}

.LabelTitulo2R
{
	
	font-size: 18pt;
	color: white ;
	background-color: navy;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	text-decoration :underline ;
}

.LabelSubtitulo
{

	font-size: 16pt;
	color: navy ;
	background-color: white;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	text-decoration :underline ;
}

pt
{
	color: navy ;
	background-color: white  ;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	text-decoration :underline ;
}

.LabelSubtitulo2BCO
{

	font-size: 14pt;
	color: white ;
	background-color: navy;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	text-decoration :underline ;
}

.LabelsSubtitulo
{

	font-size: 12pt;
	color: navy ;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	text-decoration :underline ;
}

.LabelsSubtitulo2
{

	font-size: 10pt;
	color: Navy ;
	font-family: 'Arial Narrow';
	font-weight: bold;
	font-style :oblique;
	
}



.LabelDatos /*Tabla datos*/
{ 
	background-color: white;
	 font-size: 8pt; 
	 font-weight: bold;
	 color: navy; 
	 font-family: 'Arial Narrow'; 
	 
}

.LabelDatos10 /*Tabla datos*/
{ 
	background-color: white;
	 font-size: 10pt; 
	 font-weight: bold;
	 color: navy; 
	 font-family: 'Arial Narrow'; 
	 width: 94%;
	 
}

.LabelDatosM /*Tabla datos*/ {
	background-color: white;
	font-size: 8pt;
	font-weight: bold;
	color: navy;
	font-family: 'Arial Narrow';
	text-align: center;
	width: 94%;
}

.LabelDatosL /*Tabla datos*/ {
	font-size: 8pt;
	font-weight: bold;
	color: navy;
	font-family: 'Arial Narrow';
	text-align: left;
	width: 94%;
}

.LabelDatosR /*Tabla datos*/ {
	font-size: 8pt;
	font-weight: bold;
	color: navy;
	font-family: 'Arial Narrow';
	text-align: right;
	width: 94%;
}

.tablaContenido
{
    background-color: #D3DEEF;
    padding: 3px;
    padding-top: 5px;
	font-size: 12px;
	color:blue;
	height: 12px;
}

.tablaTitulos9
{
	/*font-size: 9pt;
	text-align: center ;
	color: #330000 ;
	font-family: 'Franklin Gothic Medium';
	font-weight: normal ;*/

	font-size: 9pt;
	text-align: center ;
	color: #330000;
	font-family: 'Franklin Gothic Medium';
	font-weight: normal ;
	background-color: #D3DEEF ;

}

.tablaCamposTR
{
	text-align: center;
}

.tablaCampos9
{
	font-size: 9pt;
	text-align:  center; 
	background-color:  #CCCCFF;
	color: #333399;
	 
}

.tablaCampos8
{
	font-size: 8pt;
	text-align:  center; 
	background-color:  #CCCCFF;
	color: #333399;
	 
}

.LabelHiperlink
{
	font-size: 12pt;
	color: red;
	font-family: 'Arial Narrow';
}

.LabelMsjE
{
	font-size: 10pt;
	font-family: Nina;
	color: red;
	font-weight: bold;
}

.LabelMsjC
{
	font-size: 10pt;
	font-family: Nina;
	color: blue;
	font-weight: bold;
	letter-spacing: 2px;
}

.LabelBlanco
{
	font-size: 10pt;
	font-family: Nina;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 2px;
}

.LabelMsjB
{
	font-size: 10pt;
	font-family: Nina;
	color: #ffff33;
	font-weight: bold;
	letter-spacing: 2px;
}
.CamposX
{
	text-align: left;
	background-color: #FFFFC0;
	color: #333399;
	font-size: 9pt;
}

.CamposX8
{
	text-align: left;
	background-color: #FFFFC0;
	color: #333399;
	font-size: 8pt;
}

.CamposX7
{
	text-align: left;
	background-color: #FFFFC0;
	color: #333399;
	font-size: 7pt;
}


.CamposUP
{
	text-align: left;
	background-color: #FFFFC0;
	color: #333399;
	font-size: 9pt;
	text-transform: uppercase;
}

.CamposN
{
	 text-align:  right ; 
	 background-color:  #FFFFC0;
	 color: #333399;
	 font-size: 9pt;
}

.CamposN8
{
	 text-align:  right ; 
	 background-color:  #FFFFC0;
	 color: #333399;
	 font-size: 8pt;
}

.CamposN7
{
	 text-align:  right ; 
	 background-color:  #FFFFC0;
	 color: #333399;
	 font-size: 7pt;
}


.CamposNr
{
	 text-align:  right ; 
	 background-color:  #CCCCFF;
	 color: #333399;
	 font-size: 9pt;
}

.CamposNr8
{
	 text-align:  right ; 
	 background-color:  #CCCCFF;
	 color: #333399;
	 font-size: 8pt;
}

.CamposNr7
{
	 text-align:  right ; 
	 background-color:  #CCCCFF;
	 color: #333399;
	 font-size: 7pt;
}


.CamposM
{
	 text-align:  center; 
	 background-color:  #FFFFC0;
	 color: #333399;
	 font-size: 9pt;

}

.CamposM8
{
	 text-align:  center; 
	 background-color:  #FFFFC0;
	 color: #333399;
	 font-size: 8pt;

}

.CamposM7
{
	 text-align:  center; 
	 background-color:  #FFFFC0;
	 color: #333399;
	 font-size: 7pt;

}


.CamposMr
{
	 text-align:  center; 
	 background-color:  #CCCCFF;
	 color: #333399;
	 font-size: 9pt;

}

.CamposMr10 {
	text-align: center;
	background-color: #CCCCFF;
	color: #333399;
	font-size: 10pt;
}

.CamposMr11 {
	text-align: center;
	background-color: #CCCCFF;
	color: #333399;
	font-size: 11pt;
}

.CamposMr7
{
	 text-align:  center; 
	 background-color:  #CCCCFF;
	 color: #333399;
	 font-size: 7pt;

}

.CamposMr8
{
	 text-align:  center; 
	 background-color:  #CCCCFF;
	 color: #333399;
	 font-size: 8pt;

}


.CamposXr
{
	text-align: left;
	background-color: #CCCCFF;
	color: #333399;
	font-size: 9pt;
	
}

.CamposXr7
{
	text-align: left;
	background-color: #CCCCFF;
	color: #333399;
	font-size: 7pt;
	
}

.CamposXr8
{
	text-align: left;
	background-color: #CCCCFF;
	color: #333399;
	font-size: 8pt;
	
}

	
.CamposFac
{
	text-align: left;
	background-color: #D9FFD9;
	color: black ;
	font-size: 9pt;
	border:dotted ;
	border-width: 1px;
	width: 90%;
}

.CamposFacGV
{
	text-align: left;
	background-color: #D9FFD9;
	color: black ;
	font-size: 8pt;
	border:dotted ;
	border-width: 1px;
	width: 95%;
}

.CamposFacGVn
{
	text-align: right;
	background-color: #D9FFD9;
	color: black ;
	font-size: 8pt;
	border:dotted ;
	border-width: 1px;
	width: 95%;
}

.CamposFacGVm
{
	text-align: center;
	background-color: #D9FFD9;
	color: black ;
	font-size: 8pt;
	border:dotted ;
	border-width: 1px;
	width: 95%;
}


.CamposFacCap
{
	text-align: left;
	background-color: #BBFFBB;
	color: black ;
	font-size: 9pt;
	border:dotted ;
	border-width: 1px;
	width: 90%;
}

.CamposFacCapN
{
	text-align:  right;
	background-color: #BBFFBB;
	color: black ;
	font-size: 9pt;
	border:dotted ;
	border-width: 1px;
	width: 90%;
}

.LabelFac
{
	
	font-size: 9pt;
	color: #330000 ;
	font-family: 'Franklin Gothic Medium';
	font-weight: normal ;
	
	
}


.CamposXrU
{
	text-align: left;
	background-color: #CCCCFF;
	color: #333399;
	font-size: 9pt;
	text-transform: uppercase;
}

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.center
{
    z-index: 100;
    margin: 300px auto;
    padding: 10px;
    width: 80px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    
}
.center img
{
    height: 80px;
    width: 80px;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

.heading
{
	color: white;
	font-family: Nina;
	font-size: 11pt;
	padding-bottom: 11px;
	padding-top: 11px;
}

.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
	border-right: black 2px solid;
	border-top: black 2px solid;
	border-left: black 2px solid;
	border-bottom: black 2px solid;
}


.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.modalprogress
{
    position: fixed;
    top: 0;
    height: 100%;
    width: 900px;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

