*{
    border:0;
    margin:0;
    padding:0;
}


body {
    color: #FFFFFF;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-image: url('http://www.quimicosjm.net/PHP/PHPStore/IMG/Fondos/BACK1.png');//
    background-image: url('http://74.63.193.171:2082/cpsess2927751702/viewer/home%2fquimijmn%2fpublic_html%2fPHP%2fPHPStore%2fIMG%2fFondos/BACK1.png');
    height: 1000px;
}


#Contenedor{
    
   margin-top: 15px;
   margin-bottom: 15px;
    height: 900px;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
}

#Header{
    position: relative;
    background: #fff;
    height: 100px;
    width: 720px;
     margin-left: auto;
    margin-right: auto;
  
}

#banner{
    float: outside;
    background: #666;
    height: 300px;
    width: 750px;
     margin-left: auto;
    margin-right: auto;
    background-color: #F1F1F1;
  
}

#Destacados{
    margin-top: 15px;
    background: #fff;
    width: 750px;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    
   
}

#Destacados p{
    color: rgb(27%, 38%, 69%); 
    text-align: center;
     font: 250% sans-serif; 
}

#noticias{
    background: #fff;
    height: 205px;
    width: 730px;
     margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
  text-align: center;
}

#tienda{
  background-color: white;  
  color: #434343;
    height: 250px;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
     padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
  text-align: center;
   font-family: "arial";
}

#tienda2 {
  background-color: white;  
  color: #434343;
    height: 720px;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
     padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
  text-align: center;
   font-family: "arial";
}

footer{
    background: #666;
    height: 110px;
    width: 750px;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}

footer p{
    font-family:  arial;
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
        
}


 #noticias #noticia1{
    //background-image: url("http://guiatelefonicadeguatemala.com/wp-content/uploads/2014/11/baterias-para-carros-pesados-16-placas-95-amp_MEC-F-4009745171_032013.jpg");
    height: 195px;
    width: 240px;
    
    display: inline-block;
    vertical-align: top;
}

 #noticias #noticia2{
    //background-image: url("http://clasificados.tecnoautos.com/wp-content/uploads/2010/12/481347.jpg");
    height: 195px;
    width: 240px;
    
    display: inline-block;
    vertical-align: top;
    
}

#noticias #noticia3{
   //  background-image: url("http://www.blogturismo.cl/wp-content/uploads/2014/02/44.jpg");
    height: 195px;
    width: 240px;
    
    display: inline-block;
    vertical-align: top;
}

.espacio{
    width: 730px;
    height: 10px;
    background-color: white;
    
    
}

#tienda #producto1{
   //background-image: url("http://www.seudiario.net/wp-content/uploads/2012/12/Bateria-para-carro-imagem-04.png");
    height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda #producto2{
  //  background-image: url("https://salaodocarro-a.akamaihd.net/_upload/content/2012/10/07/como-fazer-a-bateria-durar-mais-50717b9f4394c.jpg");
    height: 230px;
    width: 180px;
    
    display: inline-block;
    vertical-align: top;
}

#tienda #producto3{
  // background-image: url("http://llantascasagrande.com/sitio/wp-content/uploads/2013/05/67591008_1-Fotos-de-Baterias-venta-de-baterias-para-carro-en-Bogota1.jpg");
   height: 230px;
   width: 180px;
    
    display: inline-block;
    vertical-align: top;
}

#tienda #producto4{
   // background-image: url("http://www.seudiario.net/wp-content/uploads/2012/12/Bateria-para-carro-imagem-04.png");
    height: 230px;
    width: 180px;
    
    display: inline-block;
    vertical-align: top;
}

#tienda2 #producto1{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto2{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto3{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto4{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto5{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto6{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto7{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto8{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto9{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto10{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto11{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}

#tienda2 #producto12{
   height: 230px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
   
}
.espacioT{
        width: 730px;
    height: 10px;
    background-color: #54f;
}

header{
    
    padding-left: 15px;
    padding-right: 15px;
    
}

header h1{
    width: 200px;
    height: 95px;
    
   display: inline-block;
   vertical-align: middle;
   float: left;
  
}

#menu{
    
    z-index: 99;
    position: absolute;
    padding: 35px;
    margin-left: 180px;
    font-family: arial;
    font-size: 16px;
    text-align: center;
    
}

ul, ol {
    list-style: none;
}

.nav li a{
   opacity: 0.6;
    background-color: #266;   
   
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}

.nav li a:hover{
    background-color: #434343;
    float: top;
   
}   
.nav > li{
    float: left;
}

.nav li ul{
        display: none;
        position: absolute;
        max-width: 140px;
        min-width: 100px;
  float: top;
    }


    
    .nav li:hover > ul{
            display: block;
            float: top;
    }
    .nav li ul li{
        position: relative;
        float: top;
        
    }
    #Slider{
        position: relative;
        height: 300px;
        width: 750px;
       
        margin: 0 auto;
    }
    
    #Slider div{
        position: absolute;
        height: 100%;
        width: 100%;
    }
    
    #Slider img{
        position: absolute;
    }
    
    #Registro{
    background: #F98E13;
    height: 700px;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
    float: right;
    
  
}

#SingIn {
    font-family: arial;
    background: #666;
    opacity: 0.6;
    height: 400px;
    width: 2730px;
    margin-left: 50px;
    margin-right: 26px;;
    text-align: left;
    padding-left: 45px;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    display: inline-block;
  
}

#Titulo {
    font-family: arial;
    padding-bottom: 10px;
    text-align: left;
  font-size: 28px;
}

#Detalles {
    background-color: #fff;
    display: inline-block;
    position: relative;
    width: 750px;
    height: 350px;
    color: #266;
    font-family: arial;
    margin-left: 50px;
    
}

#Producto{
display: inline-block;  
padding-top: 10px;
width: 250px;
//background-color: #3da4ab;
padding-left: 50px;
}

#Compra{
display: inline-block;  
padding-top: 10px;
width: 150px;
height: 100px;
//background-color: #F98E13;
padding-left: 50px;
float: top;

}

#Descripcion{
//height: 800px;
width: 250px;
background-color: #fff;
text-align: center;
margin-left: 180px;
font-size: 20px;
    
} 

#Carro {
    background-color: #fff;
    display: inline-block;
    position: relative;
    width: 750px;
    height: 350px;
    color: #266;
    font-family: arial;
    margin-left: 50px;
    
}

#DetallesCarro {
    background-color: #fff;
    display: table;
    //position: relative;
    width: 650px;
    height: 220px;
    color: #266;
    font-family: arial;
    margin-left: 50px;
    
}

#ContenedorCar{
   margin-top: 15px;
   margin-bottom: 15px;
   height: 1200px;
   width: 750px;
   margin-left: auto;
   margin-right: auto;
   background-color: #FFFFFF;
   font-family: arial;
   color: #000000;
}

#ContenedorPed{
   margin-top: 15px;
   margin-bottom: 15px;
   //height: 1200px;
   width: 750px;
   margin-left: auto;
   margin-right: auto;
   background-color: #FFFFFF;
   font-family: arial;
   color: #000000;
  
}

#TablaPed{
    color: #000000;
}
#TablaCompra{
    color: #000000;
    opacity: 0.9;
    border-color: #666;
    
}

#AdminTabla{
    padding-top: 25px;
    color: #000000;
    font-family: arial;
    background-color: #d8eae9;
    opacity: 0.7;
   
}

input[type="number"], textarea {

    background-color : #F1F1F1; 
    border-color: #000000;
    

}

#buscar{ 
    background-color: yellow;
}
#resultado{ 
    background-color: yellow;
}