.body
{
}

.divcss
{
  -webkit-appearance: none;
  -moz-appearance: none;
  background:green;
  text-align:center;
  vertical-align:middle;  
  margin:20px 500px ;
  border-radius: 15px 15px 15px 15px;
  border: 1px solid black;
  padding: 10px 40px;
  display:block;
  box-shadow: 4px 4px 5px #999;
}

/*ESTILO ENCABEZADO DE PAGINA*/

.cssRadioButton {
  width:100%;
}

.top
{   
  vertical-align:middle;
  text-align:center;
  background-color:#0096DD;
  width:100%;
  height:100%;
}

.topImg
{ 
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:98%;
    height:84px;
}

.topAvatar
{
  border-style: none;
  border-color: inherit;    
}

/***************************/

/*ESTILO DE PIE DE PAGINA*/

.pie
{
  font-family:Arial;
  font-size:12px;
  font-style: italic;
}

.parrofopie
{
  margin:5px 445px 5px 445px;
  vertical-align:middle;
  text-align:center;  
  width:auto;
}

.subrayar
{
  text-decoration:underline;
}

/***************************/

/*ESTILO DE TABLA*/

.estilotabla
{
  width:100%;
  height:100%;
}

.filatablaIzq
{
  text-align:center;
  vertical-align:middle;
  width: 25%;
}

.filatabladerecha
{
  text-align: center;    
  vertical-align:middle;
  width: 10%;
}

.filacentral
{
  text-align:center;
  vertical-align:middle;
  width:65%;  
}

.filamenu
{
 text-align:center;
 vertical-align:middle;
 width:100%;
}

.botonMenu
{
  width:40px;
  height:40px;  
}

/***************************/

/* Pantalla Inicio Sesion */

.TituloFormulario
{ 
  font-family: Arial;
  font-variant: normal;
  font-size: 40px;  
  text-align:center;
}

.AlineacionEtiquetasL
{
  text-align:left;
  vertical-align:middle;  
}

.AlineacionEtiquetasR
{
  text-align:right;
  vertical-align:middle;
}

.BotonesCentrados
{
  text-align:center;
  vertical-align:middle;
}

.Banner
{
    height: 270px;
    width: 920px;
    vertical-align: middle;
    text-align: center;
}

.CentrarImagen
{
  vertical-align:middle;
  text-align:center;
}

.bordes
{
  border:1px black solid;  
  padding:10px, 40px;  
  background:#fff;  
  border-radius:25px;  
  margin-left:30%;
  margin-right:30%;
}

.RegForm
{
   border: 1px black solid;
   padding: 10px, 40px;
   background:#fff;
   border-radius:25px;
   margin-left:250px;
   margin-right:250px; 
}

.PanelContenido
{
    text-align:center;
    vertical-align:middle;
}

.centrado
{
  vertical-align:middle;
  text-align:center;
}

.tabla
{
  height:100%;
  width:100%;
  text-align:left;
}

/***************************/

.Mantenmientos
{
   margin-left:100px;
   margin-right:100px;
   border-radius:25px;
   padding: 15px; 
   border: 1px black solid;
}

.DivManDatosUsuarios
{
   margin-left:10%;
   margin-right:10%;
   border-radius:25px;
   padding: 15px; 
   border: 1px solid transparent;
}

.divCuerpoDatosUsuarios 
{
   margin-left:5%;
   margin-right:5%;
   border-radius:25px;
   padding: 15px; 
   border: 1px solid black ;
}

.CuerpoMantenimiento
{
   margin-left:100px;
   margin-right:100px;
   border-radius:25px;
   padding: 15px; 
   border: 1px black solid;
}

.CuerpoConsutaRegistros
{
   margin-left:75px;
   margin-right:75px;
   border-radius:25px;
   padding:15px;
   border: 1px solid black;
}

.DatosBusquedaRegistros
{   
   margin-left:50px;
   margin-right:50px; 
   border-radius:25px;
   padding:15px;
   border: 1px solid transparent;

}

/*MANTENIMIENTOS DE RELACIONES*/

.FormatoDivBorde
{
  border: 1px solid black;
  padding: 15px;
  border-radius: 25px;
}

.FormatoDivSinBorde
{
  border: 1px solid Transparent;
  padding: 15px;
  border-radius: 25px;
}

.FormatoDiv
{
  border: 1px solid black;
  padding: 15px;
  border-radius: 25px;
  margin-left: 10%;
  margin-right: 10%;
}

.FormatoContenidoDiv
{
  border: 1px solid black;
  padding: 15px;
  border-radius: 25px;
  margin-left:5%;
  margin-right:5%;
}

.FormatoTextoCentro
{
  margin-left: 20%;
  margin-right: 20%;
}

.BorderNegros
{
  margin-left: 20%;
  margin-right: 20%;
  border: 1px solid black;
  padding: 15px;
  border-radius: 25px;
}

.FormatoImg
{
  text-align:center;
  border-style:solid;
  border-radius:0% 0% 10% 10%; 
  color:white;
  text-align:center;
}

.FormatoLateralDerMenu
{
  float:left;
  height:100%;
  width:35%;    
  border-style:none;
}

.FormatoLateralIzqMenu 
{
  float:left;
  height:100%;
  width:35%;    
  border-style:none;
}
.FormatoCuerpo
{
  float:left;
  height:100%;
  width:55%;
}

#contenedor
{
  width: 100%;
  margin: 0;
}

#For_Der, #For_Izq, #For_Centro 
{
    height: 100%;    
}

#For_Centro {
    background-color: white;    
    width: 400px;   
    text-align:center;
    padding-left:50px;
    padding-right:50px;
}

#For_Izq {
    float: left;
    width: 300px;    
}

#For_Der {
    float: right; 
    width: 150px;   
}

/*======================*/
/*MENU PRINCIPAL*/
nav ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}

nav li { 
display: inline; 
padding: 20px; 
}

/*=============================*/

/*ENCABEZADO*/

encabezado
{
   background-color:#0096DD;
   color:#0096DD;
}

/*=============================*/


/*==== ADMINISTRADOR PORTAL ===*/

.DivGridView2 {
    padding:10px;
    margin-left:15%;
    margin-right:15%;
    border:1px solid black;
    border-radius:25%;    
    /*text-align:center;*/
}

.DivGridView {
    vertical-align:middle;
    text-align:center;
    margin-left:30%;
    margin-right:30%;
    border:1px solid black;
    border-radius:25%;
}

.RowGridView {
     width:150px;  
     vertical-align:middle;
     text-align:center;
}

.DivContenidoPresentacion {
    border:1px solid black;
    border-radius:25px;
    margin-left:25%;
    margin-right:25%; 
    padding:15px;
}

.DivAlineadoCentro {
    vertical-align:middle;
    text-align:center;
}

.DivTituloFormulario {
    text-align:center;
    vertical-align:middle;
    font-size:24%;
}

.DivErrorMsj {
    margin-left:20%;
    margin-right:20%; 
    vertical-align:middle;
    text-align:center;
    margin-top: 0px;
}

.GridView {
    vertical-align:middle;
    text-align:center;
    width:100%;
    font-size: small;
}

.EstiloGridView {
    width:90%;
    margin: 5px 0 10px 0;  
    border: solid 1px #525252;  
    border-collapse: collapse;
}

.EstiloGridView td {  
        padding: 2px;  
        border: solid 1px #c1c1c1;  
        color: #717171;  
    }  

.EstiloGridView th {  
        padding: 4px 2px;  
        color: #fff;  
        background: #0096DD url(barra.png) repeat-x top;  
        border-left: solid 1px #0096DD;  
        font-size: 0.9em;  
        text-align:center;
    }  
  
    .EstiloGridView .alt {  
        background: #fcfcfc url(barra.png) repeat-x top;          
    }  
  
    .EstiloGridView .pgr {  
        background: #0096DD url(barra.png) repeat-x top;          
    }  
  
        .EstiloGridView .pgr table {  
            margin: 5px 0;  
        }  
  
        .EstiloGridView .pgr td {  
            border-width: 0;  
            padding: 0 6px;  
            border-left: solid 1px #666;  
            font-weight: bold;  
            color: #fff;  
            line-height: 12px;  
        }  
  
        .EstiloGridView .pgr a {  
            color: #666;  
            text-decoration: none;  
        }  
  
            .EstiloGridView .pgr a:hover {  
                color: #000;  
                text-decoration: none;  
            }  

/*.EstiloGridViewHeader {
    background: url(~\Images\barra.png);
    color: white;
    background-color:#0096DD;
}

.EstiloGridViewFooter {
    text-align:center;
}*/

/*==============================*/

/*==== PRESENTACION BSC === */

.DivTituloBSC {
   text-align:center;
   vertical-align:middle;
   font-size:65px;   
}

.DivBotonIngresar {
    text-align: center;
    vertical-align:middle;
    font-family:"Californian FB";
    font-style: italic;
    border:2px solid transparent;
    border-radius: 25px 0px 25px 0px;   
}

.DivBordeBSC {
    border:1px solid black;
    border-radius:25px;
    padding:5px;
    margin-left:20%;
    margin-right:20%
}

/*=========================*/

.mayusculas {
  text-transform:uppercase;
}

/*MODAL POPUP*/
.modalBackground {
       background-color:Gray;
       filter:alpha(opacity=70);
       opacity:0.7;
}

.modalPopup {
       background-color:#ffffdd;
       border-width:3px;
       border-style:solid;
       border-color:Gray;
       padding:3px;
       width:600px;
}
   
.modalPopup p {
    padding: 5px;
}

.accordionHeader {
    /*border: 1px solid #2F4F4F;*/
    border: 1px solid;
    color: white;
    background-color: #0097DA;
    font-family: Verdana,Century Gothic, Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align:center;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
   
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
       
    }

.accordionHeaderSelected {
    /*border: 1px solid #2F4F4F;*/
    border: 1px solid;
    color: white;
    background-color: #0097DA;
    font-family: Verdana,Century Gothic, Arial;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    padding: 5px;     
    cursor: pointer;   
}

#master_content .accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}
#master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;

}

.accordionContent {
    background-color: white;
    /*border: 1px dashed #2F4F4F;*/
    border: 1px dashed;
    font-family: Verdana,Century Gothic, Arial;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-size: small; 
}

.contenidoAccordionText 
{  
    margin-right: 40px;
    margin-left: 40px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: justify;
}

/*Cableado*/

.BordesDivCompraCableado {
    margin-left:10%;
    margin-right:10%;
    border:1px solid black;
    border-radius: 15px;
}

.BorderDivMantenimientos {
    margin-left:20%;
    margin-right:20%;
    padding:5px;
    border:1px solid black;
    border-radius: 15px;    
}

.BorderDivMantenimientos2 {
    margin-left:10%;
    margin-right:10%;
    padding:5%;
    border:1px solid black;
    border-radius: 15px;    
}

.EspacioEntreObjetos {
    padding:10px;
}

.EspacioTablas {
   width:100%;
   height:100%;
   text-align:left;
}

.CentrarObjetos {
  text-align:center;
  vertical-align:middle;
}

.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }

.modalPopup
    {
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        text-align:center;
        vertical-align:middle;
        margin-left:25%;
        margin-right:25%;
        border:1px solid black;
        border-radius: 15px;   
    }

.Estilonumerogirdview {
    color:white;
    font-weight:bold; 
    font-size:12pt;
}

/*PAGINA DE ARTICULOS*/

.DivGridviewArticulos {
   width:80%;   
   margin-left:10%;
   margin-right:10%;
   text-align:center;
}

.GridViewEstilo {
  border: 1px solid transparent;
  border-radius: 10px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}