@charset "utf-8";

html,body {
    background:#000000;
    color : #FFFFFF;
    font-family: arial, helvetica, serif;
	text-align: center;
	padding: 0;
	margin: 2em;
    color : #adadad;
}

h1 {
    border-bottom : 2px #96191d solid;
}

h2 {
    color : #96191d;
    margin-top : 1em;
}

h3 {
    text-align : center;
}

h4 {
    font-weight : bold;
    text-align : center;
    text-decoration : underline;
}

p {
	margin: 1em 2em;
    text-align : justify;
}

span {
    font-style : italic;
}

a:link , a:visited {
    color : #adadad;
}

a:hover {color : #bf1e23;}
a:active {color: #ff0000;}

#wrap {
}

#header {
    height : 240px;
    background-image : url('../images/banner.jpg');
    background-repeat : no-repeat;
    background-color : #000;
    background-position : center center;
    margin-left : 10%;
    margin-right : 10%;
    clear : both;
}

#indexheader {
    height : 500px;
    background-image : url('../images/principal.jpg');
    background-repeat : no-repeat;
    background-color : #000;
    background-position : center center;
    margin-left : 10%;
    margin-right : 10%;
    clear : both;
}

/* menu */

#menu a:link, #menu a:visited {
    text-decoration : none;
}

#menu {
    float :left;
    width : 100%;
    text-align : center;
}

#nav {
}

#nav, #nav ul { /* all lists */
    padding: 0;
    margin: 0 auto;
    list-style: none;
    line-height: 1;
    font-weight : bold;
    width : 50em;
}

#nav a {
    display : block;
    text-align : center;
}

#nav li { /* all list items */
    float : left;
    position : relative;
    width: 8em;
}

#nav li ul { /* second-level lists */
    display : block;
    position: absolute;
    width: 11em;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-width : 0.25em;
	margin : 0;
}

#nav li ul li{
}

#nav li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
    left: auto;
}

#nav li ul li:hover a, #nav li ul li.sfhover a{
    color : #bf1e23;
    border : 1px #adadad solid;
}

#main {
}

#sidebar {
}

#footer {
    clear : both;
    margin-top : 20px;
}

.main img {
    border : none;
    height : 200px;
    width : 300px;
}


/*page specific CSS*/
.bestSellers img, .acero img {
    float : left;
    padding-top : 10px;
}

.bestSellers div {
    width : 30%;
    margin-left : 5%;
}

.bestSellers ul , .acero ul {
    float : left;
    margin-left : 5%;
}

.bestSellers ul *, .acero ul *{
    clear : both;
}

.acero h3, .acero h2 {
    clear : both;
}

.bestSellers ul li {
    list-style-type : circle;
}

/*index*/
#BestSellers img {
    height : 75px;
    width : 75px;
    border: 1px #fff solid;
    padding : 5px 20px;
    margin : 1px;
}

/*preguntas*/

ul li {
    text-align : left;
}

dl {
    text-align :left;
}

dl dt {
    margin-top : 1.5em;
    font-weight : bold;
}

.accesorios p , .accesorios table{
    text-align : center;
    margin-left : auto;
    margin-right : auto;
}

.accesorios img {
    width : 200px;
    height : 150px;
}

.contactenos p {
    text-align : center;
}