/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background-color:white;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
.Titulo
{
    background-color:#A6D26A;
    color:white;
    padding: 2px;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border: 0px solid #000000;
    border: #A6D26A 1px solid; 
    padding: 2px;
}

.Pie
{
    background-color:black;
    color:white;
    padding: 2px;    
}


.Link
{
background: #8cd934;
  background-image: -webkit-linear-gradient(top, #8cd934, #66b82b);
  background-image: -moz-linear-gradient(top, #8cd934, #66b82b);
  background-image: -ms-linear-gradient(top, #8cd934, #66b82b);
  background-image: -o-linear-gradient(top, #8cd934, #66b82b);
  background-image: linear-gradient(to bottom, #8cd934, #66b82b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 100px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.Link:hover {
  background: #29571d;
  background-image: -webkit-linear-gradient(top, #29571d, #3cd934);
  background-image: -moz-linear-gradient(top, #29571d, #3cd934);
  background-image: -ms-linear-gradient(top, #29571d, #3cd934);
  background-image: -o-linear-gradient(top, #29571d, #3cd934);
  background-image: linear-gradient(to bottom, #29571d, #3cd934);
  text-decoration: none;
}



.buttonMarco {
 border: none;
 background: black;
 color: #f2f2f2;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

.buttonMarco:before {
 content:'';
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 42px;
 background: rgba(255,255,255,0.3);
 border-radius: 5px;
 transition: all 2s ease;
}


.button_default{
 border:1px solid #f9f68a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #FFFF00; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfac0), to(#f6f283));
 background-image: -webkit-linear-gradient(top, #fcfac0, #f6f283);
 background-image: -moz-linear-gradient(top, #fcfac0, #f6f283);
 background-image: -ms-linear-gradient(top, #fcfac0, #f6f283);
 background-image: -o-linear-gradient(top, #fcfac0, #f6f283);
 background-image: linear-gradient(to bottom, #fcfac0, #f6f283);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fcfac0, endColorstr=#f6f283);
}

.button_default:hover{
 border:1px solid #f7f25f;
 background-color: #faf68f; background-image: -webkit-gradient(linear, left top, left bottom, from(#faf68f), to(#f3ed53));
 background-image: -webkit-linear-gradient(top, #faf68f, #f3ed53);
 background-image: -moz-linear-gradient(top, #faf68f, #f3ed53);
 background-image: -ms-linear-gradient(top, #faf68f, #f3ed53);
 background-image: -o-linear-gradient(top, #faf68f, #f3ed53);
 background-image: linear-gradient(to bottom, #faf68f, #f3ed53);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faf68f, endColorstr=#f3ed53);
}


.Btn_Default{
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow); /* Standard syntax */
}


.TituloDefault
{
    background-color:#007ACC;
    color:white;
    padding: 2px;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border: 0px solid #000000;
    border: #007ACC 1px solid; 
    padding: 2px;
}


.Boxcontenido
{
    background-color:#BFCFFF;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    padding: 5px;
}


.Menu_Top
{
    background-color:#3C454F;
    color:black;
    text-align:right;
}

.Contenido
{
    background-color:white;
    color:black;
}

.Contenidomp
{
    color:black;
    margin: 20px; 
    background-color:#F1F1F1;
}


.Titulo_Etiqueta 
{
    color:gray;
    font-family:Consolas;
}

.TablaGrid 
{
    font-family:Consolas;
    font-size:12px;
}

h4 
{
    color:white;
    font-family:Consolas;
    font-size:22px;
}

.Mesnaje_Error
{
    color:red;
    font-family:Consolas;
    font-size:12px;
}
.Mesnaje_Info
{
    color:green;
    font-family:Consolas;
    font-size:12px;
}

.Mensaje_Informacion
{
    border-radius: 25px; // nivel de redondeo (puedes poner cuatro valores, uno para cada esquina)
    box-shadow: 5px 5px 5px #000; // tamaño y color de la sombra
    width: 200px;
    height: 200px;
    background: #5e8b00;
    color: #FFF;
}