/* 
    Created on : 8/10/2016, 05:37:29 PM
    Author     : Tecno Anca
*/

body {
    background-color: #404040;
}

.bodyProductos {
    
}

#alto2 {
    background-image: url("../../img/trama-menu.png");
}

#blanco {
    background: rgba(255, 255, 255, 0.7);
}

#fondo {
    background-image: url("../../img/fondo.png");
    background-size: 100% auto;
}

#fondo-contacto {
	background-image: url("../../img/fondo-contacto.png");
	background-position: center top;
    background-size: 100% auto;
	color: white;
	font-weight: bold;
	padding: 50px;
	
}
#top-herramientas {
	background-image: url("../../img/fondo-ferreteria.png");
	height: 235px;
}
.pie {
    background-color: #404040;
    color: white;
    padding: 25px;
    text-align: center;
    font-size: 16px;
}

.pie a {
    text-decoration: none;
    color: white; 
}

/* MENU */

header {
    width:100%;
}

header nav {
    width:100%;
}

.menu_bar {
    display:none;
}

header nav ul {
    overflow:hidden;
    list-style:none;
}

header nav ul li {
    float:left;
}

div header nav ul li a {
    color: black;
    padding:20px;
    display:block;
    text-decoration: none;
    font-size: 16px;
}

header nav ul li a:hover {
    font-weight: bold;
}
    

@media screen and (max-width:800px ) {
    header nav {
        width:70%;
        height:100%;
        left:-100%;
        margin:0;
        position: fixed;
        background:#F2F2F2;
        z-index: 999;
        opacity: 0.9;
    }

    header nav ul li {
        display:block;
        float:none;
        width: 100%;
    }
	
    .menu_bar {
        display:block;
        width:100%;
    }

    .menu_bar .bt-menu {
        display:block;
        padding:20px;
        color: black;
        text-decoration:none;
        font-weight: bold;
        font-size:25px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .menu_bar span {
        float:right;
        font-size:40px;
    }
}
@media screen and (min-width:800px ) {
    
    nav ul li {
        width: 12.4%; 
        text-align: center;
		
    }
}
    
/* OTROS */

.texto {
    text-align: justify;
}

ul.c {list-style-type: square; }
ul.d {list-style-type: decimal; }



ul li {color: #C69400;}
ul li span{
    color: black;
}