@charset "UTF-8";
/* CSS Document */

body{
padding: 0;
margin: 0;
}

a { text-decoration: none}
a:link {color: #8d8e8e;}
a:visited {color: #8d8e8e;}
a:hover {color: #fca200;}
a:active {color: #8d8e8e;}
a:focus{color: #8d8e8e;}

.container{
background-color: #ffffff;
width: 900px;
}

.cabecera{
width: 900px;
height: 113px;
background-color: #e8edf0;
}

.espacio{
height: 8px;
}

.espacio2{
height: 16px;
}

.espacio3{
width: 60px;
}

.espacio4{
height: 9px;
}

.espacio_lateral{
width: 22px;
}

.pie_pagina{
width: 900px;
height: 80px;
background-color: #386497;
font-family: "Arial", Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}

.banner{
width: 900px;
}

.bienvenida{
background-color: #ffffff;
}

.titulo{
font-family: "Arial", Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #386497;
}

.titulo2{
font-family: "Arial", Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #386497;
}

.subtitulo{
font-family: "Arial", Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #386497;
}

.texto{
font-family: "Arial", Helvetica, sans-serif;
font-size: 12px;
color: #8d8e8e;
text-align: justify;
}

.texto2{
font-family: "Arial", Helvetica, sans-serif;
font-size:11px;
color: #8d8e8e;
text-align: justify;
}

.texto3{
font-family: "Arial", Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
}

.texto4{
font-family: "Arial", Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
}

.fondo_texto3{
background: url(../images/online/barra-azul.jpg) no-repeat bottom right;
}

.etiqueta{
width: 221px;
}

.barra{
width: 1px;
}

.copy{
font-family: "Arial", Helvetica, sans-serif;
font-size: 13px;
color: #e8edf0;
}

.btn_next{
background-image: url(../images/online/btn_next.jpg);
width: 692px;
height:69;
}

.barraazul{
background-image: url(../images/online/barraazul.jpg);
width: 900px;
height: 6px;
}

.boton_cot{
background-color: #e40047;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}

/*  menu principal  */

.menu1 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu1 a:hover {
background-position: 0 -111px;
text-decoration: none;
}

.menu1 a#opcion {
background-image: url(../images/btn_quienes.jpg);
}

.menu1_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu1_act a:hover {
text-decoration: none;
}

.menu1_act a#opcion_act {
background-image:url(../images/btn_quienes_act.jpg);
}

.menu2 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu2 a:hover {
background-position: 0 -111px;
text-decoration: none;
}

.menu2 a#opcion2 {
background-image: url(../images/btn_product.jpg);
}

.menu2_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu2_act a:hover {
text-decoration: none;
}

.menu2_act a#opcion2_act {
background-image: url(../images/btn_product_act.jpg);
}


.menu3 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu3 a:hover {
background-position: 0 -111px;
text-decoration: none;
}

.menu3 a#opcion3 {
background-image: url(../images/btn_hacemos.jpg);
}

.menu3_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu3_act a:hover {
text-decoration: none;
}

.menu3_act a#opcion3_act {
background-image: url(../images/btn_hacemos_act.jpg);
}


.menu4 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu4 a:hover {
background-position: 0 -111px;
text-decoration: none;
}

.menu4 a#opcion4 {
background-image: url(../images/btn_online.jpg);
}

.menu4_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:91px;
height:97px;
}

.menu4_act a:hover {
text-decoration: none;
}

.menu4_act a#opcion4_act {
background-image: url(../images/btn_online_act.jpg);
}


.menu5 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:96px;
height:97px;
}

.menu5 a:hover {
background-position: 0 -111px;
text-decoration: none;
}

.menu5 a#opcion5 {
background-image: url(../images/btn_client.jpg);
}

.menu5_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:96px;
height:97px;
}

.menu5_act a:hover {
text-decoration: none;
}

.menu5_act a#opcion5_act {
background-image: url(../images/btn_client_act.jpg);
}

/* submenu de la opcion quienes somos  */

.menu_q1 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q1 a:hover {
background-position: 0 -87px;
text-decoration: none;
}

.menu_q1 a#opcion_q1 {
border:none;
background-image: url(../images/quienes/btn_empr1.jpg);
}

.menu_q1_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q1_act a:hover {
text-decoration: none;
}

.menu_q1_act a#opcion_q1_act {
border:none;
background-image: url(../images/quienes/btn_empr1_act.jpg);
}

.menu_q2 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q2 a:hover {
background-position: 0 -87px;
text-decoration: none;
}

.menu_q2 a#opcion_q2 {
border:none;
background-image: url(../images/quienes/btn_empr2.jpg);
}

.menu_q2_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q2_act a:hover {
text-decoration: none;
}

.menu_q2_act a#opcion_q2_act {
border:none;
background-image: url(../images/quienes/btn_empr2_act.jpg);
}

.menu_q3 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q3 a:hover {
background-position: 0 -87px;
text-decoration: none;
}

.menu_q3 a#opcion_q3 {
border:none;
background-image: url(../images/quienes/btn_empr3.jpg);
}

.menu_q3_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q3_act a:hover {
text-decoration: none;
}

.menu_q3_act a#opcion_q3_act {
border:none;
background-image: url(../images/quienes/btn_empr3_act.jpg);
}

.menu_q4 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q4 a:hover {
background-position: 0 -87px;
text-decoration: none;
}

.menu_q4 a#opcion_q4 {
border:none;
background-image: url(../images/quienes/btn_empr4.jpg);
}

.menu_q4_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_q4_act a:hover {
text-decoration: none;
}

.menu_q4_act a#opcion_q4_act {
border:none;
background-image: url(../images/quienes/btn_empr4_act.jpg);
}

/* submenu de la opcion cotizacion online */

.categoria_fondo{
background-image: url(../images/online/categoria_fondo.jpg);
width: 705px;
height: 463px;
}

.combo_fondo{
background-image: url(../images/online/combo_fondo.jpg);
width: 705px;
height: 463px;
}

.soporte_fondo{
background-image: url(../images/online/agarre_fondo.jpg);
width: 705px;
height: 463px;
}

.colores_fondo{
background-image: url(../images/online/colores_fondo.jpg);
width: 705px;
height: 463px;
}

.material_fondo{
background-image: url(../images/online/material_fondo.jpg);
width: 705px;
height: 463px;
}

.acabado_fondo{
background-image: url(../images/online/acabado_fondo.jpg);
width: 705px;
height: 463px;
}

.menu_ci a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:670px;
height:227px;
}

.menu_ci a:hover {
background-position: 0 -241px;
text-decoration: none;
}

.menu_ci a#opcion_ci {
border:none;
background-image: url(../images/online/btn_prodc1.jpg);
}

.menu_cc a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:670px;
height:227px;
}

.menu_cc a:hover {
background-position: 0 -241px;
text-decoration: none;
}

.menu_cc a#opcion_cc {
border:none;
background-image: url(../images/online/btn_prodc2.jpg);
}

.menu_c1 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c1 a:hover {
text-decoration: none;
}

.menu_c1 a#opcion_c1 {
border:none;
background-image: url(../images/online/prod_on.jpg);
}

.menu_c1_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c1_act a:hover {
text-decoration: none;
}

.menu_c1_act a#opcion_c1_act {
border:none;
background-image: url(../images/online/prod.jpg);
}

.menu_c2 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c2 a:hover {
text-decoration: none;
}

.menu_c2 a#opcion_c2 {
border:none;
background-image: url(../images/online/categoria_on.jpg);
}

.menu_c2_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c2_act a:hover {
text-decoration: none;
}

.menu_c2_act a#opcion_c2_act {
border:none;
background-image: url(../images/online/categoria.jpg);
}

.menu_c3 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c3 a:hover {
text-decoration: none;
}

.menu_c3 a#opcion_c3 {
border:none;
background-image: url(../images/online/combo_on.jpg);
}

.menu_c3_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c3_act a:hover {
text-decoration: none;
}

.menu_c3_act a#opcion_c3_act {
border:none;
background-image: url(../images/online/combo.jpg);
}

.menu_c4 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c4 a:hover {
text-decoration: none;
}

.menu_c4 a#opcion_c4 {
border:none;
background-image: url(../images/online/material_on.jpg);
}

.menu_c4_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c4_act a:hover {
text-decoration: none;
}

.menu_c4_act a#opcion_c4_act {
border:none;
background-image: url(../images/online/material.jpg);
}

.menu_c5 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c5 a:hover {
text-decoration: none;
}

.menu_c5 a#opcion_c5 {
border:none;
background-image: url(../images/online/soporte_on.jpg);
}

.menu_c5_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c5_act a:hover {
text-decoration: none;
}

.menu_c5_act a#opcion_c5_act {
border:none;
background-image: url(../images/online/soporte.jpg);
}

.menu_c6 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c6 a:hover {
text-decoration: none;
}

.menu_c6 a#opcion_c6 {
border:none;
background-image: url(../images/online/acabado_on.jpg);
}

.menu_c6_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c6_act a:hover {
text-decoration: none;
}

.menu_c6_act a#opcion_c6_act {
border:none;
background-image: url(../images/online/acabado.jpg);
}

.menu_c7 a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c7 a:hover {
text-decoration: none;
}

.menu_c7 a#opcion_c7 {
border:none;
background-image: url(../images/online/color_on.jpg);
}

.menu_c7_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_c7_act a:hover {
text-decoration: none;
}

.menu_c7_act a#opcion_c7_act {
border:none;
background-image: url(../images/online/color.jpg);
}

/* formulario de cotizacion */

.menu_form1_act a {
display:block;
text-decoration: none;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:98px;
height:73px;
}

.menu_form1_act a:hover {
text-decoration: none;
}

.menu_form1_act a#opcion_form1_act {
border:none;
background-image: url(../images/online/form.jpg);
}