@font-face {
	font-family: Casper;
	font-style: normal;
	font-weight: normal;
	letter-spacing:43px;
	src: url("../Fonts/Casper_R.ttf");
}
@font-face {
	font-family: Casper_Bold;
	font-style: normal;
	font-weight:bold;
	letter-spacing:43px;
	src: url("../Fonts/Casper_B.ttf");
}
@font-face {
	font-family: Casper_Italic;
	font-style: normal;  
	letter-spacing:43px;
	src: url("../Fonts/Casper_B_It.ttf");
}
@font-face {
	font-family: Aleo_BItalic;
	font-style: normal;  
	letter-spacing:43px;
	src: url("../Fonts/aleo-bolditalic-webfont.ttf"),  
	     url("../Fonts/aleo-bolditalic-webfont.eot");
	
}
@font-face {
	font-family: Aleo_LItalic;
	font-style: normal;  
	letter-spacing:43px;
	src: url("../Fonts/aleo-lightitalic-webfont.ttf"),
	     url("../Fonts/aleo-lightitalic-webfont.eot");
}
@font-face {
	font-family: Aleo_Regular;
	font-style: normal;  
	letter-spacing:43px;
	src: url("../Fonts/aleo-regular-webfont.ttf"),
	     url("../Fonts/aleo-regular-webfont.eot");
}

html, body, form {
height: 100%;
margin:0;
padding:0;	

}
 
body {
 margin: 0px;
 padding: 0px;
 background: #ecf0f1;
 font-family: "Casper", sans-serif;
 font-size: 13px;
}

 ::selection 
 {
  color:White;
  background: #4C4C4C; /* WebKit/Blink Browsers */
}
 ::-moz-selection {
  color:White;
  background: #4C4C4C; /* Gecko Browsers */
}

h1, h2, h3 {
 margin: 0;
 padding: 0;
}

/** CONTAINER */

.container
{
 width: 1100px; 
   
 margin: 0px auto;
 } 
.clearfix{
clear: both;
}
 
/** HEADER */
 
#header-wrapper
{ 
 overflow: visible;
 background: White;
 padding: 10px 0;
 width:100%;
} 
 
.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%; }
 
  
#header
{
 overflow:visible;
 height: 111px; 
 
}

/** LOGO */

#logo
{
 float: left;
 width: 400;
 display: block;
 line-height: 100px;
}

/** MENU */

.menu
{
 float: right;
 width: 300px;
}

.menu ul
{

 float: right;
 margin: 0px;
 padding: 30px 0px 0px 0px;
 list-style: none;
 line-height: normal;
 width: 680px;
}

.menu li
{
 float: left;
 margin-left: 10px;
}

.activeLi
 {
 background-color: #5e1e5b; 
 color:White;
 }
 
.menu a
{
 display: block;
 padding: 10px 20px;
 letter-spacing: 2px;
 text-decoration: none;
 text-transform: uppercase;
 font-family:"Casper_Bold";
 font-size: 12px;
 font-weight: 600;
 color: Gray;
}
 
 .menu  a:hover 
 { 
 background-color: #B499B3; 
 color:White;
  } 
 
.Datos 
{
  float:right; 
}

.Datos .label
{
  color:#27ae60;
  font-family:"Casper";
  font-size: 13px;
}
.Datos .UserData
{
  color:Black;
  font-family:"Casper";
  font-size: 13px;
}

.Datos a
{
   font-family:"Casper";
   color:#e74c3c;
  
}

.Datos a:hover
{
   font-family:"Casper";
   color:#e74c3c;
  
}
 
.Datos a:visited
{
  color:#e74c3c;
}
  
/** FOOTER **/

#footer 
{ 
width:100%;
height:150px;
 position:absolute;
bottom:0;
left:0; 
background:#5e1e5b;
color:White; 
}
 
 /** CONTENT **/
   
#FormContent
{   
    padding:10px;
    padding-bottom:150px;    
} 
#container {
   min-height:100%;
   position:relative;
}
#Idfooter
{
   position:absolute;
   bottom:0;
   width:100%;
   height:150px;   /* Height of the footer */
   background:#6cf;
}

.FooterLink, .FooterLink:hover, .FooterLink:visited
{
    color:White;
}
 

#footer-content
{      
    overflow: hidden;  
}

#footerText
{  padding-top:30px;
    font-family:"Aleo_LItalic";
    text-align:left;
    float: right;
    width: 70%;
    color:White;
    height: 100px;
}

#footerText a, a:hover, a:visited
{
    color:White;
}
 
 
  
#footerLogoNL
{  
    padding-top:15px;
    text-align:right;
    float: left;
    width:29%; 
} 
 
/** TITLES */

.Titulo
{ 
  text-align:center;
  font-family:"Casper_Bold";
  font-size:60px;
  color: #5e1e5b;
}

.Lead
{
  text-align:center;
  font-family:"Aleo_BItalic";
  font-size:20px;
  color: White; 
 }
  
 .TituloForm
{ 
  text-align:Left;
  font-family:"Casper_Bold";
  font-size:30px;
  color: #2c3e50;
}

.Subtitulo 
{
  text-align:Left;
  font-family:"Aleo_LItalic";
  font-size:20px;
  color: #2c3e50;
 /* padding-bottom:10px;*/
  border-bottom: solid, 0.5px, #2c3e50; 
}

.SolEncontradas 
{
  font-family:"Aleo_LItalic";
  font-size:15px;
  font-weight:bold;
  padding-bottom:20px;
 /* color: #2c3e50;*/
 color: #e67e22;
 }
 
.AlertLabel
{
  Font-Family:Calibri;
  font-size:15px;
  color: #2c3e50;
}

.accordion 
{    
        margin: 0;
        padding:10px;
        height:20px;
        border-top:#f0f0f0 1px solid;
        background: #cccccc; 
        font-family:"Aleo_LItalic";
        text-decoration:none; 
        color: #2c3e50;
       font-size:20px; 
       cursor:pointer;
    }
    
/** LOGIN FORM */

.LoginContainer
{
  text-align:center;
}

.FormLogin
{
    display:inline-block; 
    background-color:#6C7A89;
    color:White;
    text-decoration: none;
    text-align:left;
   vertical-align: middle;
   min-width:300px;
   width:300px;
   padding:20px; 
}

.FormField
{ 
  font-family:"Casper";
  font-size:15px;
}
 
/** CAPTURA **/
 
label
{
width: auto;
font-family:Calibri; 
margin-left:0.5em;
text-align: left;
float:none;
display:block;
font-size:13px;
font-weight:bold;
padding-top:15px; 
} 

label span
{
    color:Red;
    font-weight:bold;
    font-size:14px;
    }

.legend
{
    font-family:"Calibri"; 
    text-align: left;
    float:none;
    display:inline;
    font-size:13px;
    font-weight:bold;
}

.required
{
 color:Red; 
 font-family:Calibri;
 font-weight:bold;
 margin-right: 0.5em;
}

#divForm
{   
    vertical-align:middle; 
    padding-bottom:30px;
 }
  
 .link 
 {
  font-family:Calibri;
  color:#e74c3c;
  font-style:italic;
  font-size:13px;
  font-weight:bold;
 }
 
 .link:visited{ color:#e74c3c;}
 
 
.divFormContent a  
{ color:#e74c3c;
  font-style:italic;
  }
.divFormContent a:visited{ color:#e74c3c;}

.divFormContent
{
  padding-top:0;
  display:inline-block;  
  width:100%; 
  padding-right:50px;
    
  vertical-align:middle; 
  padding-bottom:30px;
}
  
.CapFormField
{    
    width:300px;
    font-family:Calibri;
    color:#2c3e50;
    text-transform:uppercase;
/*    padding-right:30px;*/
}

.CapFormNumeric
{
    width:30px;
    height:23px;
    font-family:Calibri;
    color:#2c3e50; 
    text-transform:uppercase;
}

.CapFormList
{
    width:300px;
    height:23px;
    font-family:Calibri;
    color:#2c3e50;
    text-transform:uppercase;  
}
 
.CapRadio label
{  
  display:inline-block; 
    }
 
.CapRadioBig label
{  
  display:inline-block; 
  font-size:16px;
  }

.Checkbox label
{  
    width: auto;
    font-family:Calibri; 
    display:inline-block;
    text-align: right;
    float:none; 
    font-size:13px;
    font-weight:bold;
    
}   
   
.ErrorValidator 
 {
    font-family:Calibri;
    font-weight:bold;
    font-size:13px;
    font-style:italic;
    color:Red;  
     }   
 
 .Confidencial
 {
     color:Red;
     font-family:Calibri;
     font-weight:bold;
     font-size:14px;
 }

#divBotones 
{
}

.divBotones
{
    display:inline-block;
    width:100px;
    padding-bottom:10px;
}      

.divBotonesBusqueda
{
    top:20px;
   width:100%;     
}

#divFiltros
{
    padding-bottom:20px;
    height: 98px;
}

.divFiltrosLN
{
    padding-bottom:20px;
    height: 44px;
}

.divFieldLeft 
{
  width:20%;
  float:left;
  height: 29px; 
}
    
.divFieldMid
{ width:25%;
  float:left;  
}

.divFieldRight 
{
    width:25%;
    float:left;      
}

#divGVSolicitudes
{
    padding-bottom:20px;
    overflow:hidden; 
    width:100%;
}

#divGVDictamenes
{
    padding-bottom:20px; 
    width:100%;
}
/******************* BUTTONS ********************/

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 4px;
  font-family: "Calibri";
  color: #ffffff;
  font-size: 15px;
  background: #5e1e5b;
  padding: 10px 18px 10px 18px;
  text-decoration: none;
  border-style:none;
  cursor:pointer;
  width:100%; 
   
}

.btn:hover {
  background: #A65BA3;
  background-image: -webkit-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -moz-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -ms-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -o-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: linear-gradient(to bottom, #A65BA3, #A65BA3);
  text-decoration: none;
}

.btn2 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: "Calibri";
  color: #ffffff;
  font-size: 15px;
  background: #5e1e5b;
  padding: 10px 18px 10px 18px;
  text-decoration: none;
  border-style:none;
  cursor:pointer;
   
}

.btn2:hover {
  background: #A65BA3;
  background-image: -webkit-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -moz-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -ms-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -o-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: linear-gradient(to bottom, #A65BA3, #A65BA3);
  text-decoration: none;
}

.btnSmall {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: "Calibri";
  color: #ffffff;
  font-size: 15px;
  background: #5e1e5b;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  border-style:none;
  cursor:pointer;
   
}

.btnSmall:hover {
  background: #A65BA3;
  background-image: -webkit-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -moz-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -ms-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -o-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: linear-gradient(to bottom, #A65BA3, #A65BA3);
  text-decoration: none;
}
 
 .btnDisabled {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: "Calibri";
  color: #ffffff;
  font-size: 15px;
  background: #95a5a6;
  padding: 10px 18px 10px 18px;
  text-decoration: none;
  border-style:none;
  
   
}
 
/** ALERTAS **/

 .alert-box 
    {
       
		background:#e74c3c;
		color:#FFFFFF; 
		padding:4px; 
		text-align:center; 
		width:100%; 
	
	}
	
	.info, .exito, .alerta, .error  
	{
	  font-family:Calibri;
       font-size:12px;
       border: 0px solid;
       margin: 10px 0px;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative; 
       width:245px;
        
    }
    
    .error {
       color: #c0392b;
       background-color: #FFBABA;
       background-image: url('../Imagenes/Iconos/flat_Error.png');
      }
      
    .exito {
       color: #116333;
       background-color:#B0F8CE ;
       background-image: url('../Imagenes/Iconos/flat_Accept.png');
      }  
      
    
/* ******************** GRIDVIEW ********************** */
 .GridView-Purple
{  margin: 0;
   border-style:none; 
   color:Black; 
   font-family : Calibri;
   font-size:14; 
-moz-box-shadow: 6px 6px 6px #424242;
-webkit-box-shadow: 6px 6px 6px #424242;
box-shadow: 6px 6px 6px #424242;
}

.GridView-Purple tr.PurpleHeader
{
   color: white;
   background-color: #5e1e5b; 
   height: 40px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;   
} 

.GridView-Purple tr.PurpleNormalRow
{
   color: #474E4E;
   background-color: #FFFFFF;
   height: 30px;
   vertical-align: middle;
   text-align: center; 
   border-bottom-color:#E4DBE9;
}



.GridView-Purple a, a:visited
{ 
    color: #5e1e5b;
    text-decoration:none;
}
.GridView-Green a:hover
{ 
    color: White;
    text-decoration:underline;
}  
  
  
.GridView-Purple tr.PurpleNormalRow:hover 
{
   background-color: #7f8c8d;  
   color:white;
}
.GridView-Purple tr.PurpleNormalRow:hover a
{ 
   color:white;
}

 .GridView-Purple .pager a, span
 {
   font-family: "Casper_Bold";
   font-size:11px; 
  }

.GridView-Purple .pager span
{
 
  color: #5e1e5b;
  font-size:12px;
  padding: 2px 4px 2px 4px;
 }

.GridView-Purple .pager a 
{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  
  color: #ffffff;
 
  background: #5e1e5b;
  padding: 2px 6px 2px 6px;
 
  text-decoration: none;
  border-style:none;
  
  cursor:pointer; 
  
}
.GridView-Purple .pager a:hover {
  background: #A65BA3;
  background-image: -webkit-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -moz-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -ms-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: -o-linear-gradient(top, #A65BA3, #A65BA3);
  background-image: linear-gradient(to bottom, #A65BA3, #A65BA3);
  text-decoration: none;
}

/********************* purple end *************************************** */
 .GridView-Green
{
  
   margin: 0;
   border-style:none;
  /* border: 1px solid #333;
   border-color: Gray;
  border-top-color: Gray;
   border-right-color: Gray;
   border-left-color: Gray;
   border-bottom-color: Gray;*/
   color:Black;
  /* font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS"; */
   font-family : Calibri;
   font-size:14;

-moz-box-shadow: 6px 6px 6px #424242;
-webkit-box-shadow: 6px 6px 6px #424242;
box-shadow: 6px 6px 6px #424242;
}

.GridView-Green tr.GreenHeader
{
   color: white;
   background-color: #27ae60; 
   height: 40px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;   
} 

.GridView-Green tr.GreenNormalRow
{
   color: #474E4E;
   background-color: #FFFFFF;
   height: 30px;
   vertical-align: middle;
   text-align: center; 
   border-bottom-color:#DAE7DC;
}

.GridView-Green a, a:visited
{ 
    color: #474E4E;
    text-decoration:none;
}
.GridView-Green a:hover
{ 
    color: White;
    text-decoration:underline;
}  
  
  
.GridView-Green tr.GreenNormalRow:hover 
{
   background-color: #7f8c8d;  
   color:white;
}
.GridView-Green tr.GreenNormalRow:hover a
{ 
   color:white;
}

 .GridView-Green .pager a, span
 {
   font-family: "Casper_Bold";
   font-size:11px; 
  }

.GridView-Green .pager span
{
 
  color: #27ae60;
  font-size:12px;
  padding: 2px 4px 2px 4px;
 }

.GridView-Green .pager a 
{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  
  color: #ffffff;
 
  background: #27ae60;
  padding: 2px 6px 2px 6px;
 
  text-decoration: none;
  border-style:none;
  
  cursor:pointer; 
  
}
.GridView-Green .pager a:hover {
  background: #4DCE83;
  background-image: -webkit-linear-gradient(top, #2ECC71, #2ECC71);
  background-image: -moz-linear-gradient(top, #2ECC71, #2ECC71);
  background-image: -ms-linear-gradient(top, #2ECC71, #2ECC71);
  background-image: -o-linear-gradient(top, #2ECC71, #2ECC71);
  background-image: linear-gradient(to bottom, #2ECC71, #2ECC71);
  text-decoration: none;
}

.GridView-Green icon 
{
 width:17px;
 height:17px;
}

/****************** MODAL *********************/
 
 .TituloModal
 {
     font-family:"Casper";
     font-size:20px;
     color:#2c3e50;
 }

 .ModalBack
  {
     background-color:White;
     font-family:"Calibri";
     width:450px; 
     
  /*  -webkit-border-radius: 10px;
     border-radius: 10px; */
      
    -moz-box-shadow: 6px 6px 6px #424242;
    -webkit-box-shadow: 6px 6px 6px #424242;
     box-shadow: 6px 6px 6px #424242;
  
  }
  
  .ModalBack .MContainer
  {
   padding-top:20px;
   padding-left:20px;
   padding-bottom:20px;
   padding-right:20px;
  }
  
  .Close
  {
       float:right; 
  } 
   
 .FondoAplicacion

   {
       background-color: Gray;
       filter: alpha(opacity=70);
       opacity: 0.6;

   }
   
/* **************** ALERTA ***************** */