/*Principal*/

html{ 

    background-image: url('../img/body-bg.png');
    background-repeat: repeat;

}


body{

    text-align: center;

}

td{
    max-width: 200px;
    text-align: center;
}

#articulos img{
    max-width: 200px;
}


#principal{

    width:1024px;

    margin:auto;

    position: relative;
        
    border: solid 3px grey;

}

#superprincipal{
    padding-top: 40px;
    padding-bottom: 40px;
    width:1104px;

    background-color: transparent;

    margin:auto;

    position: relative;
        
    border: solid 5px grey;
}


/*Cabecera*/

#imagen{

height:100px;

padding:8px;

margin:2px 2px 4px 2px;

border: solid 3px darkred;

}

#logo{

    height: 100px;

    width: 400px;

    float: left;

}

#marcas{

    height: 100px;

    width: 400px;

    float: right;

}





#imagen h1{

color:#FFFFFF;

}



#menuh {

        font: 85% "Trebuchet MS", Arial, Helvetica, sans-serif;

        margin-top: 20px;

		background: #0099FF;

        margin:2px auto 8px 5px;

        margin-left: 25px

}



#menuh ul, li {

        list-style-type: none;

}



#menuh ul {

    width: 900px;

        margin: 0;

        padding: 0;

}



#menuh li {

        float: left;

}



#menuh a {

        text-decoration: none;

        color: #3366CC;

        background: #F0F7FC;

        display: block;

        padding: 3px 20px;

        text-align: center;

        border: 1px solid #ACCFE8;

        border-width: 1px 1px 1px 0;

}





#menuh a#primero {

        border-left: 1px solid #ACCFE8;

        background:#0099CC; 

        color:#993300;

}



#menuh a:hover {

        background: #0099CC;

		color:#993300;

}



/*Cuerpo*/

/*Izquierda*/

#menuv {

        border: 1px solid #ACCFE8;

        border-width: 1px 1px 0 1px;

        width: 150px;

        font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;

        margin-left:4px;

        float:left;

        

}

#menuv ul, li {

        list-style-type: none;

}



#menuv ul {

        margin: 0;

        padding: 0;

}



#menuv li {

        border-bottom: 1px solid #ACCFE8;

}



#menuv a {

        text-decoration: none;

        color: #3366CC;

        background: #F0F7FC;

        display: block;

        padding: 1px 0px;

        width: 138px;

}



#menuv a:hover {

        background: #DBEBF6;

}



/*Cuerpo*/

/*Derecha*/

#cuerpo{

    width: auto;

}



#arriba{

    float: none;

    width: 100%;

    position: relative;

}



#inf_calc{

    border-color: darkred;

    border: solid;

    border-width: 3px;

    text-align: center;

    width: 350px;

}



#descripcion{

    width: 500px;

}



#espacio{

    clear:both; 

    width:90%;

    height:5px;

}



#abajo{

    clear: both;

    width: auto;

    float: bottom;

    position: relative;

    display: inline-block;

}



#derecha{

    float: right;

    width: 30%;

}

#izquierda{

    float: left;

    width: 30%;

}





#tabla_precios{

    border: solid;

    border-color: darkred;

    width: 30%;

    margin-right: 15px;

    float: right;

    clear: right;

    text-align: center;

}



#abajo img{

    margin-left: 40px;

}



#abajo p{

    margin-right: 15px;

}



#articulos{

    color:#FF99FF;

    background-color:#FF99FF;

}



#colores{

    margin-left: 20px;

    width: 45%; 

    text-align: center;

}

/*Pie*/

#pie{
    background-color: darkred;

    color: #000000;

    clear:both;

    text-align:center;

    width: 100%;

    float: next;

}



/*Generales*/

a{

    text-decoration:none;

}



.nombre{

    font-size: small;

    font-weight: bold;

    color: black;

    text-align: center;

}



.Estilo2 {

    font-size: 18px

}



.resultado{

    text-align: center;

}



.resultado_titulo{

    color: #006699;

    text-align: center;

}



#resultados{

     border: solid;

    border-color: #3366CC;

    width: 30%;

    margin-right: 15px;

    float: right;

    clear: right;

    text-align: center;

}

#calculadora{

     border: solid;

    border-color: darkred;

    width: 30%;

    margin-right: 15px;

    float: right;

    clear: right;

    text-align: center;

}



#lateral{

    width: 30%;

    margin-right: 15px;

}

#josue A:link, #josue A:visited { text-decoration: none; color: blue; }
#josue A:hover, #josue A:active  { text-decoration: none;  color: blue;}

#josue{
    background-color: lightgrey;
    font-size: small;    
    color: blue;
    border: solid 1px black;
}