@import url(http://fonts.googleapis.com/css?family=Lustria);
@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates);
@import url(http://fonts.googleapis.com/css?family=Muli);
body {

	margin: 0;
	padding: 0;
	border: 10;
	text-align: center;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-color: #142849;
    background-image: -webkit-gradient(radial,center center,0,center center,460,from(#165387),to(#142849));
    background-image: -webkit-radial-gradient(circle,#165387,#142849);
    background-image: -moz-radial-gradient(circle,#165387,#142849);
    background-image: -o-radial-gradient(circle,#165387,#142849);
    background-repeat: no-repeat;
    height: 100%;	
	
}

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

#wrapper
{
    width:90%;
    margin:0 auto;    
    background:#fff;
}
#wrapperpopup
{
    width:640px;
    margin:0 auto;    
    background:#fff;
    padding:20px;
}

   
.background-login
{   
    background-color: #142849;
    background-image: -webkit-gradient(radial,center center,0,center center,460,from(#165387),to(#142849));
    background-image: -webkit-radial-gradient(circle,#165387,#142849);
    background-image: -moz-radial-gradient(circle,#165387,#142849);
    background-image: -o-radial-gradient(circle,#165387,#142849);
    background-repeat: no-repeat;
    height: 100%;    
    margin: 0;
	padding: 0;
}



#container {
     position: absolute;
	margin: -150px 0 0 -160px;
	left: 50%;
	top: 50%;
     
     /*display: table;
     height: 100%;
     width: 100%;
     margin: 0;*/
   }
   
 #contenido
 {
 	position: absolute;
	top: 10px;
	left: 10px;
	 width:320px;
	 overflow: auto;
 	
 	/*display: table-cell;
    vertical-align: middle;
    position: relative;*/
 }

   
#view-login{
    width:300px;    
    padding: 10px;
    -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.9) inset;
    background:#fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;    
    margin: 0 auto;    
}

.title
{
    color:#000;
    margin:5px 0 10px;
    font-size: 16px;
	font-family: 'Muli',"Arial","Verdana", sans-serif;
    font-weight:bold;
    }
.Subtitle
{
    color:#000;
    margin:5px 0 10px;
    font-size: 12px;
	font-family: 'Muli',"Arial","Verdana", sans-serif;
    font-weight:bold;
}
    
 #campos_login #txtUsuario
 {
 	background:url(../../images/user.png);
 	background-position:0 50%;
 	background-repeat:no-repeat;
 	padding:5px 30px;
 }
 #campos_login #txtClave
 {
 	background:url(../../images/closed.png);
 	background-position:0 50%;
 	background-repeat:no-repeat;
 	padding:5px 30px;
 }
 
 .modalBackground 
         {
	        background-color:Gray;  
            filter:alpha(opacity=70); 
            opacity:0.7; 
            position: fixed;
            
			z-index: 99;
			top: 0px;
			left: 0px;
			background-color: #000;
			width: 100%;
			height: 100%;
			-moz-opacity: 0.70;

            
         }
         

.OutsidePanel {
    background: transparent;
    padding: 0;
    margin: 0;
  
}
 
.InsidePanel {
    background: white;
    text-align: center;
    padding: 0px;
    width: 180px;
    font-weight: bold;
    font-style:  normal;
    border-width: 0px;
    border-style: outset;
    background-color:White; 
}

#udpContenido
{
    padding:20px;
    }
 #udpMenu
 {
      margin:0 25px;
     }
 #mnuPrincipal
 {
     text-decoration:none;
     background:#none;
     color: #0851A0;
text-shadow: 1px 1px 1px #D6E3F8;
     }
 #mnuPrincipal:hover
 {
     text-decoration:none;
     background:#none;
     color: #fff;
       text-shadow:none;
     }
  .BackMenu
  {
   background:#ccc;  
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(193,193,193,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(100%,rgba(193,193,193,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(193,193,193,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(193,193,193,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(193,193,193,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(193,193,193,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */


  }
  
.normaldetalle
{
	font-family: Arial;
	font-size: 11px;
	color: #000080;
	text-decoration: none;
	padding: 5px 10px;
	/*text-transform:uppercase;*/
	text-align: center;
	border: none;
	margin: 15px 10px 15px 0;    
    text-align:center;
    background-color: #0B519F;
    color: white;
    cursor:pointer;
    
    display: inline-block;
    
}
fieldset
{
    border:1px solid #AFAFAF;
    margin:15px 0;
    padding:15px;
    }
 legend
 {
     font-size:14px;
 }
.normaldetalle:hover
{
	background-color: #666;
    color: #fff;
    cursor:pointer;
    
}

.normaldetallelogin
{
	font-family: Arial;
	font-size: 11px;
	color: #000080;
	text-decoration: none;
	padding: 0px 0px 0px;
	/*text-transform:uppercase;*/
	text-align: center;
	border: none;
	margin: 15px auto;
    display:block;
    text-align:center;
    background-color: #0B519F;
    color: white;
    cursor:pointer;
    
}
.btnNormal
{
	font-family: Arial;
	font-size: 11px;
	color: #000080;
	text-decoration: none;
	padding: 0px 0px 0px;
	/*text-transform:uppercase;*/
	text-align: center;
	border: none;
	margin: 15px auto;
    display:block;
    text-align:center;
    background-color: #0B519F;
    color: white;
    cursor:pointer;
    
}

.normaldetallelogin:hover
{
	background-color: #666;
    color: #fff;
    cursor:pointer;
    
}
.HeaderProGIA
{
	background-color: #fff;
	
}
.HeaderProGIA h1
{
	color: #0851A0;
	font-weight:normal;
	font-size:30px;
	line-height:30px;
	font-family: 'Muli',Arial,Helvetica, sans-serif;
	padding:15px;
	width:380px;
	background:#fff;
	
}
h1, h2, h3, h4, h5, h6 {color: #0066CB;}

h1 {
	font-size: 2.0em;
	font-weight: normal;
}


.lblStandarBold
{
	font-weight: bold;
	font-size: 12px;
	color: #0851A0; /*text-transform: uppercase;*/
	font-family: Microsoft Sans Serif;
	text-decoration: none;
}

.lblXLargeBold
{
	font-weight: bold ;
	font-size: 16px;
	color: #000;
	font-family: 'Muli', sans-serif;
	text-align:left;
	padding: 5px 0;
}
.lblLargeBold
{
	font-weight: bold;
	font-size: 12pt;
	color: #003300;
	font-family: Microsoft Sans Serif;
}

#mainwrapper {			
	margin: 0 auto;
	width: 80%;
	min-width: 780px;
	text-align: left;
}

#header {
	margin-left: 0px;
	margin-bottom: 0px;
	color: #000000;
	background-color: #ffffff;	
	border:solid 1px #ffffff;
	font-size: 2.0em;
	font-weight: normal;
	padding:10px;
	
}

#header-bottom
{
	width:100%;
	font-size: 14px;
	font-style: italic;
}

#content {
	width: 100%;
	border:solid 1px #005AC5;
	background-color:White;
	border-top:solid 1px Black;
}

#content-left {
	width:180px;
	padding-top:10px;
	}

#content-right 
{
	width:auto;
	border-left:1px solid #A7A7A7;
	padding:15px;
	vertical-align:top;
}

#breadcrumb 
{
	width: 100%;
	font-family: Verdana;
	font-size: 9pt;
}

#breadcrumb a 
{

	text-decoration: none;
}

#breadcrumb a:hover 
{
	text-decoration: underline;
}

#footer
{
	width:100%;
	font-size: 0.8em;
	font-style: italic;
	text-align: left;
}
	
.menu_nodeStyle
{
	color:Black;
	font-family:"Verdana";
	font-size:8pt;
	padding: 5px 5px 5px 5px;
	width:100%;
	border:solid 1px White;
}

.menu_hoverNodestyle
{
	background-color:#CCCCCC;
	border:solid 1px #888888;
	cursor:pointer;
}

.menu_selectedNodestyle
{
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	
}

.lblStandar
{
	font-weight: normal;
	font-size: 8pt;
	color: #000;
	font-family: Sans-serif;	
	padding: 0px;

}

.FormularioWeb
{
	background-color: #fff;
	border:#ccc 1px solid;
	margin-bottom: 15px;
}

.FormularioWeb table
{
	
	padding-top: 20px;
}

.lblStandarSharingNew
{
	font-weight: bold;
	font-size: 8pt;
	background: #0851A0;
	text-transform: uppercase;
	color:#fff;
	font-family: Verdana;
	padding:5px;
}

/*******/
/*******/
.TextBox
{
	font-size: 8pt;
	font-family: "Verdana" , "Verdana" , Verdana, "Verdana";
	
}
.txtStandar
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	line-height: 15px;
	font-family: Verdana;
	border-color: #ccc;
	border-style: Solid;
	border-width: 1px;
	padding: 1px 2px;
    margin: 2px;
    color:#666;
}

.txtStandarNum
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	line-height: 15px;
	font-family: Verdana;
	border-color: #ccc;
	border-style: Solid;
	border-width: 1px;
	padding: 1px 2px;
    margin: 2px;
    color:#666;
    text-align:right;
}

.txtStandar_Disabled
{
	font-weight: normal;
	font-size: 8pt;
	color: black;
	line-height: 12px;
	font-family: Verdana;
	border-color: #003300;
	border-style: Solid;
	border-width: 1px;
	background-color:LightGray;
}
.Panel
{
	font-size:8pt;
	font-family: "Verdana";
	
			
}
.TextBoxDisabled
{
	font-size: 8pt;
	font-family:  "Verdana" , "Verdana" , Verdana, "Verdana";
	background-color: #AFAFAF;
    border: 1px solid #AFAFAF;
    color: #fff;
    margin-left: 5px;
}

.DropDownList
{
	border: 1px solid #ccc;
	color: black;
	font-weight: normal;
	font-family: "Verdana" , "Verdana" , Verdana, "Verdana";
	font-size: 8pt;
	padding: 2px 0;
    margin: 2px;
	}

.Label
{
	font-size: 8pt;
	font-family: "Verdana";
	color: #0066CB;
}

.TituloFieldset
{
	font-size: 7pt;
	font-family: "Verdana";
	
	font-weight: bold;
}

.TituloInicio
{
	font-size: 16px;
	font-family: 'Muli',"Arial","Verdana", sans-serif;
	text-align: left;
	font-weight:  bold;
	padding: 5px 7px;
	color:#000;
}

.TituloReferencia
{
	font-size: 16px;
	font-family: 'Muli',"Arial","Verdana", sans-serif;
	text-align: left;
	font-weight:  bold;
	padding: 5px 7px;
	color:#0851A0;
}
.Button
{
	border: 1px solid Black;
    font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Verdana;
	background-color: #cccccc;
	text-align: center;
	height: 19px;
}

.HyperLink
{
	
	font-family: "Verdana" , "Verdana" , Verdana, "Verdana";
	font-size: 7px;
}


/*******/
.GridViewHeader
{
	background-color: #0851A0;
	border: #0851A0 1px solid;
	border-bottom: #0851A0 1px solid;
	border-top: #0851A0 1px solid;
	color: White;
	font-family: "Arial","Verdana", sans-serif;
	font-size: 8pt;
	padding-left:5px;
	
	height: 22px;
}
.GridViewRow
{
	background-color: #E5E5E5;
	color: #000;
	font-family: "Verdana" , "Verdana" , Verdana, "Verdana";
	font-size: 8pt;
	height: 20px;
}
.GridViewAlternativeRow
{
	background-color: White;
	color: Black;
	font-family: "Verdana" , "Verdana" , Verdana, "Verdana";
	font-size: 8pt;
	height: 20px;
}
.GridViewSelectedRow
{
	background: E5E5E5;
	color: White;
	font-family: "Verdana" , "Verdana" , Verdana, "Verdana";
	font-size: 7pt;	
	height: 20px;
}
.grid 
{ 
    color: #b0c4de; 
}