*{
    font-family: "Raleway" ,'Arial';	
    background-size:cover;
}
body{
    margin-top: 100px;
    background-color: #f1f1f1;
    /* 	background-image: url(../images/colado.jpg); */
    /* overflow: hidden; */
    margin: 0px;
    min-width: 1024px;
}
div#venta {
    float: left;
}
#background{
    position: absolute;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position-x: center; background-size:cover;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: BG;
    -webkit-animation:BG ;
    -webkit-animation-duration: 15s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction:normal;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: BG;
    animation: BG;
    animation-duration: 15s;
    animation-timing-function: ease-in-out;
    animation-direction:normal;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    z-index:-10;
}
h1,h2,h3,h4{
    color: #FFF;
}
div#logo {
    /* position: fixed; */
    background-image: url(../images/logoweb.png);
    width: 10%;
    height: 100px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    left: 50px;
    float: left;
    z-index: 10;
    -webkit-animation: entrada 2s; /* Chrome, Safari, Opera */
    animation: entrada 2s; /* Standard syntax */
}
#iconos a {
    opacity: 0.3;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation: fadein 1s; /* Chrome, Safari, Opera */
    animation: fadein 1s; /* Standard syntax */
}
#iconos a:hover {
    opacity: 0.5;
}
header {
    background-color: rgba(254, 254, 254, 0.9);
    position: fixed;
    width: 100%;

}
nav#navegador {
    height: 100px;
    width: 22%;
    /* background-color: rgba(255, 255, 255, 1.0); */
    /* position: fixed; */
    top: 0px;
    min-width: 800px;
    text-align:Center;
    -webkit-animation: TopIn 1s; /* Chrome, Safari, Opera */
    animation: TopIn 1s; /* Standard syntax */
    float: left;
}
#navegador ul
{
    list-style-type: none;
    position:relative;
}
#galeria{
    width: 100%;
    height: 170px;
    float: left;
    background-position-x: center; 
    background-position-y:center;
    background-size:cover;
    border-radius: 2px;
    margin-top: 13px;
    background-image: url(../images/01.jpg);
}

#navegador li
{
    display: inline;
    text-align: center;   
}
ul {
    color: white;
}
#navegador li a
{
    position: relative;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 75px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:2px;
    -webkit-animation: fadein 1s; /* Chrome, Safari, Opera */
    animation: fadein 1s; /* Standard syntax */
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#navegador li a:hover
{
    background-color: #6DBE0E;/*color al pasar el cursor*/
    color: #FFF;/*Color de las letras*/
}
section {
    position: relative;
    top: 260px;
    background-color: rgba(239, 239, 239, 0.91);
    padding: 10px;
    z-index: -5;
}
p{
    color:white;
}
.secciones {
    width: 95%;
    margin: auto;
    background-color: rgba(64, 64, 64, 0.9);
    padding: 30px;
    border-radius: 2px;
    text-align:justify;
    position: relative;
    z-index: -10;
    /* top: 100px; */
    /* float: left; */
}
div#banner {
    width: 100%;
    /* height: 64%; */
    position: absolute;
    z-index: -5;
    top: 0px; 
}
#nosotros li {
    color: wheat;
}
#inicio{display:none;}
#nosotros{display:none;}
#servicios{display:none;}
#contacto{display:none;}
.none{display:none;}

.secciones a {
    color: white;
    text-decoration: none;
    background-color: rgb(149, 201, 26);
    border-radius: 2px;
    padding: 10px;
    /* float: left; */
    /* width: 19%; */
}
#servicios ul {
    color: white;
}
div#formulario {
    width: 500px;
    margin: auto;
}
.etiqueta {
    width: 100%;
    float: left;
}
span.c_error {
    color: rgb(255, 39, 0);
    font-size: 14px;
}
input {
    height: 30px;
    border: none;
    background-color: rgb(241, 241, 241);
    padding: 10px;
    font-weight:100;
}
input#c_enviar {
    width: 100px;
    height: 50px;
    background-color: #A9CA83;
}
input#c_enviar:hover {
    width: 100px;
    height: 50px;
    background-color: #83B9CA;
    opacity:0.5;
}
div#c_information p {
    color: #C0F3CA;
    padding: 7px;
}

label {
    float: left;
    padding: 1px;
    width:100px;
}
form#c_form {
    /* width: 300px; */
    margin: auto;
    padding: 10px;
}
footer {
    display:none;
    width: 100%;
    height: 200px;
    position: fixed;
    bottom: 0px;
    color: rgba(255, 255, 255, 0.58);
}
footer a {
    color: rgba(255, 255, 255, 0.58);
}

.description {
    background-color: rgb(117, 144, 117);
    padding: 10px;
}
a.shadow {
    background: none;
    padding: 0px;
}

#rotator img { 
    position: absolute; 
    /* height: 100%; */
    width: 100%;
    height: auto;
    min-width: 1024px;

}

img {}

/* Animaciones */
/* Chrome, Safari, Opera */
@-webkit-keyframes entrada {
    0%   { left:-100px; top:0px; opacity:0.0;}
    100% {opacity:1.0;}
}

/* Standard syntax */
@keyframes entrada {
    0%   { left:-100px; top:0px; opacity:0.0;}
    100% {opacity:1.0;}
}

@-webkit-keyframes fadein {
    0%   { margin-left:10px; opacity:0.0;}
    100% {margin-left:0px;opacity:1.0;}
}

/* Standard syntax */
@keyframes fadein {
    0%   { margin-left:10px; opacity:0.0;}
    100% {margin-left:0px;opacity:1.0;}
}
@-webkit-keyframes TopIn {
    0%   { margin-top:-100px; opacity:0.0;}
    100% {margin-top:0px;opacity:1.0;}
}

/* Standard syntax */
@keyframes TopIn {
    0%   { margin-top:-100px; opacity:0.0;}
    100% {margin-top:0px;opacity:1.0;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes BG {
    0%  {	background-image: url(../images/colado.jpg);}
    40%  {	background-image: url(../images/03.jpg);}
    60%  {	background-image: url(../images/04.jpg);}
    100% {	opacity:0.0;}
}

/* Standard syntax */
@keyframes BG {
    15%  {	background-image: url(../images/colado.jpg); opacity:1.0;}
    30%  {	background-image: url(../images/03.jpg);opacity:1.0;}
    45% {	background-image: url(../images/03.jpg);opacity:1.0;}
    55%  {	background-image: url(../images/04.jpg);opacity:1.0;}
    100% {	background-image: url(../images/04.jpg);opacity:0.0;}
}

.publicacion {
width: 95%;
padding: 25px;
background-color: rgb(14, 14, 14);
color: gray;
}

.descripcionBreve {
    /* padding: 15px; */

    /* width: 50%; */
    /* float: left; */
}
div#superior {
    width: 100%;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.98);
}
.producto {
width: 45%;
height: 500px;
padding: 20px;
background-color: #0E0E0E;
margin: 1px;
float: left;
}
div#iconos {
    /* top: 100px; */
    position: relative;
}