#pedido {
    width: 960px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

#pedido_interna {
    width: 900px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: table;
    border: solid 0px #000;
}

#formPedido {
    width: 840px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: table;
    border: solid 0px #000;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    background-color: #ccc;
    background-image: url('../imagenes/individual/fondoPedido.png');
    background-repeat: no-repeat;
    font-family: 'Georgia',serif; 
}

#formPedido input {
    height: 20px;
    font-family: 'Georgia',serif; 
    font-size: 15px;
}

#formPedido select {
    height: 30px;
    font-family: 'Georgia',serif; 
    font-size: 15px;
}

#formPedido textarea {
    height: 80px;
    font-family: 'Georgia',serif; 
    font-size: 15px;
}

.tede {
    width: 120px;
    font-family: 'Georgia',serif; 
    font-style: italic;
    font-size: 15px;
}

a.pedidosRoll {
    display: block;
    width: 180px;
    height: 55px;
    text-decoration: none;
    background: url("../imagenes/individual/btn_pedido.png");
    border: dotted 0px;
    margin-left: auto;
    margin-right: auto;
    float:left;
}

a.pedidosRoll:hover {
    background-position: -180px 0;
    border: dotted 0px; float:left;
}

.pedidosDisplace {
    position: absolute;
    left: -5000px;float:left;
}


/* OVERLAY PARA IMAGENES PRODUCTOS EN CATEGORIAS */
.overlay {  
    width: 293px;
    height: 203px;

    text-align:center;
    opacity:0;
    -webkit-transition: opacity .25s ease;
}

.imagen {
    width: 293px;
    height: 203px;
    margin-left: auto;
    margin-right: auto;
}

.imagen:hover .overlay {
    opacity:1;
}

.plus {  
    font-family:Helvetica;
    font-weight:900;
    color:rgba(255,255,255,.85);
    font-size:96px;
}
/* OVERLAY PARA IMAGENES PRODUCTOS EN CATEGORIAS */

body {
    width: auto; 
    height: auto; 
    margin-left: auto; 
    margin-right: auto; 
    font-family: 'Georgia',serif; 
    font-style: italic;
    background-image: url('../imagenes/bg_site.jpg');
    background-position-y: top;
    margin-top: 0px;
}

#aviso_enviado {
    width: 960px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}

.resaltado {
    color:#d5f77c;
    font-weight: bold;
}

.inmediata {
    color:#7e0000;
    font-weight: bold;
    margin:0 40px;
}

#general {
    width:auto;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    border: dotted 0px #fff;
    margin-top: 0px;

    position: absolute;
    left: 50%;
    width: 1220px;
    margin-left: -610px;

}

#chat {
    width: 1220px;
    height: 30px;
    border: dotted 0px #fff;
    background-image: url('../imagenes/fondo_chatprincipal.png');
    background-position-y: top;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;


}

#header {
    width: 1220px;
    height: 833px;
    border: dotted 0px #fff;
    background-image: url('../imagenes/header01-.jpg');
    background-position-y: top;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;


}



#separador_vertical {
    width: 1220px;
    height: 76px;
    border: solid 0px #fff;
}

#botonera {
    width: 624px;
    height: 50px;
    border: dotted 0px #fff;
    float:right;
    background-image: url('../imagenes/botonera.png');
    background-position-y: top;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 14px;
    color: #fff; 
}

#botonera a {
    color:#fff;
    text-decoration: none;
}

#botonera a:hover{
    text-decoration: underline;
}

#header_catalogo {
    width: 960px;
    height: 130px;
    background-image: url('../imagenes/titulo_catalogo_categorias.png');
    background-position-y: top;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}

#separador_vertical_10px {
    width: 1220px;
    height: 10px;
}

#header_sobre {
    width: 960px;
    height: 130px;
    background-image: url('../imagenes/titulo_sobre_productos.png');
    background-position-y: top;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}

#header_3_imagenes {
    width: 960px;
    height: 180px;
    border: solid 0px #fff;
    background-image: url('../imagenes/3_imagenes_institucionales.png');
    background-position-y: top;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}

#header_galeria {
    width: 960px;
    height: 130px;
    background-image: url('../imagenes/titulo_galeria.png');
    background-position-y: top;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}

#header_todos_productos {
    width: 960px;
    height: 180px;
    border: solid 0px #fff;
    background-image: url('../imagenes/categorias/titulo_todos_productos.png');
    background-position-y: top;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}

#textos {
    width: 960px;
    height: 340px;
    border: solid 0px #fff;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    margin-left: -480px;
}

.col {
    width: 296px;
    height: auto;
    border: dotted 0px #fff;
    float:left;
    text-align: justify;
    color: #fff;
    margin-top: 0px;
}

.col p.titulo_texto {
    font-size: 23px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    border: dashed 0px #eee;
}

.col p.textoColumna {
    margin-top: 0px;
    border: dotted 0px #fff;
    line-height: 110%;
    font-size: 15px;
}

#separador_columnas {
    width: 30px;
    height: 200px;
    float:left;
    border: dotted 0px #ff9;
}

#header_consultas {
    width: 960px;
    height: 130px;
    background-image: url('../imagenes/titulo_consultas.png');
    background-position-y: top;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    margin-left: -480px;
}

#formulario_consultas {
    width: 960px;
    height: 480px;;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 22px;

    position: relative;
    left: 50%;
    margin-left: -480px;
}

#texto_formulario {
    width: 900px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding-top: 20px;
    border: solid 0px;
    font-size: 16px;
}

#renglon1 {
    width:960px;
    padding-left: 40px;

    position: relative;
    left: 50%;
    margin-left: -480px;

}

#renglon2 {
    width: 960px; 
    padding-left: 70px;

    position: relative;
    left: 50%;
    margin-left: -480px;
}

.campo {
    width: 340px;
    height: 50px;
    font-size: 18px;
    text-align: center;
}

.campoLargo {
    width: 758px;
    height: 140px;
    font-size: 18px;
    text-align: left;
    margin-top: 0px;
    vertical-align: text-top;
}

#nota {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    color: #fff;
    font-family: 'Georgia',serif; 
    font-size: 10px;
    border: solid 0px #d5f77c;
}

#referencia {
    width: 960px;
    height: 10px;
    padding-left: 170px;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 8px;
    position: relative;
    left: 50%;
    margin-left: -480px;
    border: solid 0px #eee;
}

#botones_form {
    width: 928px;
    height: 45px;
    text-align: right;
    border: solid 0px;
}

#pie {
    width: 826px;
    height: 278px;;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    left: 50%;
    margin-left: -413px;
}

.volver {
    width: 960px;
    height: 20px;
    text-align: center;
    color: #ff9;
    position: relative;
    left: 50%;
    margin-left: -480px;

}

a.modelosRoll {
    display: block;
    width: 316px;
    height: 49px;
    text-decoration: none;
    background: url("../imagenes/catalogo/sprite_vermodelos.jpg");
    border: dotted 0px;
    margin-left: auto;
    margin-right: auto;
}

a.modelosRoll:hover {
    background-position: -316px 0;
    border: dotted 0px;
}

.modelosDisplace {
    position: absolute;
    left: -5000px;
}


a.catalogoRoll {
    display: block;
    width: 961px;
    height: 60px;
    text-decoration: none;
    background: url("../imagenes/catalogo/sprite_catalogo_comp.png");
    border: dotted 0px;
    margin-left: auto;
    margin-right: auto;
}

a.catalogoRoll:hover {
    background-position: -961px 0;
    border: dotted 0px;
}

.catalogoDisplace {
    position: absolute;
    left: -5000px;
}


a.volverRoll {
    display: block;
    width: 960px;
    height: 40px;
    text-decoration: none;
    background: url("../imagenes/sprite_volver.png");
    border: dotted 0px;
    margin-left: auto;
    margin-right: auto;
}

a.volverRoll:hover {
    background-position: -960px 0;
    border: dotted 0px;
}

.volverDisplace {
    position: absolute;
    left: -5000px;
}

#b1 {
    background: url('../imagenes/categorias/sprite_botonera_categorias.png') no-repeat 0 0;
    width: 175px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    float: left;
}

#b1:hover {
    background-position: 0 -60px;
}

#b2 {
    background: url('../imagenes/categorias/sprite_botonera_categorias.png') no-repeat 0 0;
    background-position:  -176px 0px;
    width: 217px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    float: left;
}

#b2:hover {
    background-position: -176px -60px;
}

#b3 {
    background: url('../imagenes/categorias/sprite_botonera_categorias.png') no-repeat 0 0;
    background-position:  -393px 0px;
    width: 190px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    float: left;
}

#b3:hover {
    background-position: -393px -60px;
}

#b4 {
    background: url('../imagenes/categorias/sprite_botonera_categorias.png') no-repeat 0 0;
    background-position:  -583px 0px;
    width: 140px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    float: left;
}

#b4:hover {
    background-position: -583px -60px;
}

#b5 {
    background: url('../imagenes/categorias/sprite_botonera_categorias.png') no-repeat 0 0;
    background-position:  -723px 0px;
    width: 130px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    float: left;
}

#b5:hover {
    background-position: -723px -60px;
}

#b6 {
    background: url('../imagenes/categorias/sprite_botonera_categorias.png') no-repeat 0 0;
    background-position:  -853px 0px;
    width: 107px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    float: left;
}

#b6:hover {
    background-position: -853px -60px;
}

a.detallesRoll {
    display: block;
    width: 293px;
    height: 36px;
    text-decoration: none;
    background: url("../imagenes/articulos/sprite_btn_verdetalles.jpg");
    border: dotted 0px;
    margin-left: auto;
    margin-right: auto;
    float:left;
}

a.detallesRoll:hover {
    background-position: -293px 0;
    border: dotted 0px; float:left;
}

.detallesDisplace {
    position: absolute;
    left: -5000px;float:left;
}
