body {
    background-color:#808080;
    margin:0px;
}

header
{
    box-sizing: border-box;
    /* background-color: #e6dcdc; */
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 80%, #808080 100%);
    /* background: -webkit-linear-gradient(top, #ffffff 80%,#808080 100%); */
    /* background: linear-gradient(to bottom, #ffffff 80%,#808080 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808080',GradientType=0 );
    top: 0px;
    position: fixed;
    z-index: 2;
    /* flex: inherit; */
    width: 100%;
}

    header table {
        width:100%;
    }

.contenedor
{
    width:100%;
    overflow:hidden;
    margin:0 auto;
    height:100%;
}

.center
{
    width:100%;
    position:absolute;
    background-color: #47a3e5;
    background: #47a3e5; /* Old browsers */
    background: -moz-linear-gradient(top, #47a3e5 0%, #88bfe8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #47a3e5 0%,#88bfe8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #47a3e5 0%,#88bfe8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a3e5', endColorstr='#88bfe8',GradientType=0 ); /* IE6-9 */
}

._main
{
    /*width:80%;*/
    width:100%;
    float:left;
    /*padding:20px;
    box-sizing:border-box;*/
    background-color:white;
    /*border-top-right-radius:10px;
    border-bottom-right-radius:10px;*/
    display:inline;
    text-align:right;
}

.img
{
    /*width:100%;*/
    height:auto;
    border-radius:50px;
    padding: 20px;
    box-sizing: border-box;
}

.img2
{
    width:100%;
    height:100%;
    border-radius:50px;
    padding: 20px;
    box-sizing: border-box;
}

.image
{
    width:0%;
    height:0px;
    /*border-radius:50px;
    padding: 20px;
    box-sizing: border-box;*/
    transition-duration: 0.8s;
    /*transition-delay: 0.5s;*/
}


.imageGrow
{
        width:100%;
        height:300px;
        text-align:center;
        /*object-fit: contain;*/
}

._aside
{
    width:20%;
    /*float:left;*/
    padding:20px;
    box-sizing:border-box;
    background-color:transparent;
}

.objectcontainersection
{
    /*width:30%;
    float:left;
    padding:10px;
    box-sizing:border-box;
    background-color:white;
    border-radius:10px;
    margin-bottom:10px;
    margin-right:10px;
    border-color:#47a3e5;
    border-style:solid;*/
}

#iconoQuienes
{
    background-image: url("../images/quienessomos1.png");
    background-repeat:no-repeat;
}

#productos
{
    background-image: url("../images/productos1.png");
    background-repeat:no-repeat;
}

#servicios
{
    background-image: url("../images/servicios1.jpg");
    background-repeat:no-repeat;
}

#contactanos
{
    background-image: url("../images/contacto1.png");
    background-repeat:no-repeat;
}

.tituloseccion
{
    font:normal 40pt Arial;
    text-align:center;
    color:#FFFFFF;
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 20px rgba(0,0,0,.15);
}

.titulocaracteristica
{
    font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    margin-top: .5em; color: #666;
    margin-left: 0.4em;
    text-align:left;
    vertical-align:middle;
    position:relative;
    top:30%;
}

.texto{
    font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;
    margin-top: .5em; color: #666;
    margin-left: 0.4em;
    text-align:left;
}

.texto2{
    font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    margin-top: .5em; color: #666;
    margin-left: 0.4em;
    text-align:left;
}

.textoimportante{
    font:normal 20pt Arial;
    text-align:center;
    color:#7F00FF;
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 20px rgba(0,0,0,.15);
}

.objectcontaineraside
{
    padding:10px;
    box-sizing:border-box;
    background-color:white;
    opacity:0.9;
    border-radius:10px;
    margin-bottom:10px;
}

.botonera {
    text-align:right;
}

.button {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    /* display: inline-block; */
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    cursor: pointer;
    background-position-x: center;
    background-position-y: center;
    display:inline-block;
}

.buttonblue1 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.buttonblue1:hover {
    background-color: #008CBA;
    color: white;
    /*background-image: url("../images/quienessomos1.png");
    background-repeat:no-repeat;
    background-size: 41%,41%;
    background-position-x: center;
    background-position-y: center;*/
}

.buttongray1 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.buttongray1:hover {
    background-color: #e7e7e7;
}

.buttongreen1 {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.buttongreen1:hover {
    background-color: #4CAF50;
    color: white;
    /*background-image: url("../images/servicios1.jpg");
    background-repeat:no-repeat;
    background-size: 27%,27%;
    background-position-x: center;
    background-position-y: center;*/
}

.buttonblack1 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.buttonblack1:hover {
    background-color: #555555;
    color: white;
    /*background-image: url("../images/productos1.png");
    background-repeat:no-repeat;
    background-size: 32%,32%;
    background-position-x: center;
    background-position-y: center;*/
}

.buttonred1 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.buttonred1:hover {
    background-color: #f44336;
    color: white;
}

.buttonviolet1 {
    background-color: white; 
    color: black; 
    border: 2px solid #7F00FF;
}

.buttonviolet1:hover {
    background-color: #7F00FF;
    color: white;
    /*background-image: url("../images/contacto1.png");
    background-repeat:no-repeat;
    background-size: 27%,27%;
    background-position-x: center;
    background-position-y: center;*/
}

.containersection
{
    width:100%;
    display:inline-flex;
    background: #606c88; /* Old browsers */
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
    text-align:justify;
}

    .containersection .firstDivincontainar
    {
        padding:10px;
        box-sizing:border-box;
        background-color:white;
        border-radius:10px;
        margin:10px;
        border-color:#47a3e5;
        border-style:solid;
    }

.firstDivincontainar {
    width:99%;
}

.containersection1
{
    width:100%;
    display:inline-flex;
    background: #2c539e; /* Old browsers */
    background: -moz-linear-gradient(top, #2c539e 0%, #2c539e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2c539e 0%,#2c539e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2c539e 0%,#2c539e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
}


._footer
{
    padding:20px;
    box-sizing:border-box;
    background-color:#1a1919;
    width:100%;
    float:left;
    /*background: #808080; 
    background: -moz-linear-gradient(top, #808080 0%, #ffffff 35%); 
    background: -webkit-linear-gradient(top, #808080 0%,#ffffff 35%); 
    background: linear-gradient(to bottom, #808080 0%,#ffffff 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff',GradientType=0 );*/
}

.itemservicios
{
    height:auto;
    /*width:100%;*/
    text-align:center;
}

.caracteristicasProdu
{
    display:inline-flex;
}

ul.a
{
    text-align:left;
}

.effect8
{
    display:inline-flex;
    margin:1%;
    padding:1%;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

@media screen and (max-width: 960px)
{
    ._main
    {
        width:100%;
        float:left;
    }

    ._aside
    {
        width:100%;
        float:left;
        padding:0px;
        box-sizing:border-box;
    }

    .objectcontaineraside
    {
        box-sizing:border-box;
        background-color:white;
        opacity:0.9;
        border-radius:10px;
        margin:10px;
    }

    .containersection
    {
        display:inline-block;
    }

        .containersection .firstDivincontainar
        {
            background-color:white;
            border-radius:10px;
            margin:10px;
            border-color:#47a3e5;
            border-style:solid;
        }

    .image {
        display:none;
    }

    .img
    {
        width:100%;
        height:auto;
        border-radius:50px;
        padding: 20px;
        box-sizing: border-box;
    }

    .button {
        padding: 0px 0px;
        margin: 0px 0px;
        display:block;
    }

    .firstDivincontainar {
    width: 96%;
    }

    .effect8
    {
        display:inline-block;
        width:98%;
    }

    #headerfalse
    {
        height:225px;
    }

    .tituloseccion
    {
        font: normal 25pt Arial;
        margin-top: 70%;
    }
}