﻿body  {
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";
 
  /*background-image: url("/Archivos/Images/fondos.png"), -webkit-linear-gradient(left,#EcEcEc,#EcEcEc); 
  background-image: url("/Archivos/Images/fondos.png"), -o-linear-gradient(right, #EcEcEc,#EcEcEc);  
  background-image: url("/Archivos/Images/fondos.png"), -moz-linear-gradient(right, #EcEcEc,#EcEcEc); 
  background-image: url("/Archivos/Images/fondos.png"), linear-gradient(to right, #EcEcEc,#EcEcEc);*/
  /*background: rgb(234,234,234) url("/Archivos/Images/fondo.png") no-repeat right bottom fixed;*/
  background-size:contain;
  /*background-attachment: fixed;*/

  margin: 0px;
  /*overflow:hidden;*/
}

header{
    height:80px;
    width:100vw;

    /*background: -webkit-linear-gradient(right,#ac2d27,#5b1a16);
    background: linear-gradient(to right,#5b1a16,#ac2d27);
    background: transparent url("/Archivos/Images/header.png") repeat scroll 85% 80%;*/

    background: linear-gradient(to top, #BBB, #d0d0d0, #d0d0d0, #d0d0d0, #d0d0d0);

    /*z-index:1;*/
    position:absolute;
}

.lblTitulo {
	color: #0072a4;
	font-size: 1.2em;
    margin-top:30px;
	float: left;
    margin-left:210px;
	animation-name: mostrarTitulo;
	animation-duration: 0.8s;
}

@keyframes mostrarTitulo {
    0% {
        margin-left: 10px;
        opacity:0;
    }

    100% {
        margin-left: 210px;
        opacity:1;
    }
}

@-moz-keyframes mostrarTitulo {
    0% {
        margin-left: 10px;
        opacity:0;
    }

    100% {
        margin-left: 210px;
        opacity:1;
    }
}

@-webkit-keyframes mostrarTitulo {
    0% {
        margin-left: 10px;
        opacity:0;
    }

    100% {
        margin-left: 160px;
        opacity:1;
    }
}

/*form {
    position: absolute;
    top: 80px;
    left: 200px;
    width: calc(100vw - 200px);
    height: calc(100vh - 80px);
}*/

/*#main_section{
    font-family: "Helvetica";*/

    /*min-height:400px;*/
    /*min-width:800px;

    padding:15px;
    box-sizing:inherit;

    width: calc(100vw - 230px);
    height: calc(100vh - 110px);*/

    /*margin: 100px auto 0;*/
/*}*/

/*.toolBar {
    position: fixed;
    text-align:center;
    top: 0;
    right: 0;
    z-index:3;
    padding:10px;
}
*/

.fa:hover {
    text-shadow: #00ABFF 0px 0px 5px;
    font-size: 1.1em;
    width: 41.15px;
    color:#f1f1f1;
}