/* CSS por: Adriana del Carmen García Madrigal */
/* Veracruz, México. 2008.*/

*{ margin:0 auto; padding:0; border:0; font-family: Arial, Verdana, Helvetica, sans-serif; }
body{ background:#bcbbb9 url('img/g_02.jpg') repeat-x top left; margin-bottom:40px; text-align:center; font-size:12px; color:#8f8e8d; }
#container{ width:1006px; height:auto; }
#header{ width:1006px; margin-top:22px; display:table; } #hdr{ width:951px; height:275px; }
#content{ background:transparent url('img/back_content.gif') repeat-y top left; width:100%; height:auto; display:table; }
#content_top{ background:transparent url('img/g_13.jpg') no-repeat top left; width:1006px; height:auto; min-height:500px; }
#col_left{ width:219px; }
#col_center{ width:580px; height:auto; }
#col_right{ width:207px; padding-top:15px; }
#col_left, #col_center, #col_right{ z-index:999999; }
#footer{ background:transparent url('img/g_18.gif') no-repeat bottom left;  width:1006px; padding-top:147px; height:49px; }
#top_menu{ width:565px; height:auto; margin-top:15px; margin-bottom:34px; display:table; }
p{ margin-bottom:10px; }
br{ height:5px; }

/* Text/Font */
h1{ font-size:18px; } h2{ font-size:16px} h3{ font-size:14px;} h4{ font-size:12px; } h5{ font-size:10px; }
.orange_tit{ color:#e96d24; }
.grayer_txt{ color:#56595c; }
.fs11{ font-size:11px; } .fs11 a.lined, a.lined{ text-decoration:underline; }
.red10{ color:#ff0000; font-size:10px; font-weight:bold; }



.iconos{ width:508px; height:auto; }

a, a:visited{ color:#666666; text-decoration:none; } a:hover{ text-decoration:underline; }
a#quienes_somos{ display:block; width:156px; height:47px; background:transparent url('img/tmenu_16.gif') no-repeat top left; }
a#quienes_somos:hover{ background-position:-156px !important; }
a#servicios{ display:block; width:122px; height:47px; background:transparent url('img/tmenu_17.gif') no-repeat top left; }
a#servicios:hover{ background-position:-122px !important; }
a#espacios{ display:block; width:167px; height:47px; background:transparent url('img/tmenu_18.gif') no-repeat top left; }
a#espacios:hover{ background-position:-167px !important; }
a#contacto{ display:block; width:120px; height:47px; background:transparent url('img/tmenu_19.gif') no-repeat top left; }
a#contacto:hover{ background-position:-120px !important; }
a#ayuda{ display:block; width:189px; height:45px; text-decoration:none; background-image:url('img/cl_ayuda.jpg'); }
a#unirse{ display:block; width:189px; height:56px; text-decoration:none; background-image:url('img/cl_unirse.jpg'); }
a#recomendar{ display:block; width:189px; height:55px; text-decoration:none; background-image:url('img/cl_recomendar.jpg'); }
a#ayuda:hover, a#unirse:hover, a#recomendar:hover{ background-position:-189px !important;}
a#gran_formato{ display:block; width:183px; height:181px; background:transparent url('img/servicios_38.jpg') no-repeat top left; }
a#rotu_vehiculos{ display:block; width:183px; height:171px; background:transparent url('img/servicios_52.jpg') no-repeat top left; }
a#diseno{ display:block; width:183px; height:200px; background:transparent url('img/servicios_59.jpg') no-repeat top left; }
a#gran_formato:hover, a#rotu_vehiculos:hover, a#diseno:hover{ background-position:-183px; }
a#imp_laser{ display:block; width:181px; height:181px; background:transparent url('img/servicios_39.jpg') no-repeat top left; }
a#rotulacion_dig{ display:block; width:181px; height:171px; background:transparent url('img/servicios_53.jpg') no-repeat top left; }
a#tarjetas_pvc{ display:block; width:181px; height:200px; background:transparent url('img/servicios_60.jpg') no-repeat top left; }
a#imp_laser:hover, a#rotulacion_dig:hover, a#tarjetas_pvc:hover{ background-position:-181px; }
a#imp_offset{ display:block; width:144px; height:181px; background:transparent url('img/servicios_40.jpg') no-repeat top left;}
a#laminado_uv{ display:block; width:144px; height:171px; background:transparent url('img/servicios_54.jpg') no-repeat top left;}
a#imp_offset:hover, a#laminado_uv:hover{ background-position:-144px; }

.cl_list li{ list-style-type:none; margin-top:12px; }
.footer_list li{ list-style:none; display:inline; margin-right:8px;}
.footer_list li a, .footer_list li a:visited{ text-decoration:none; }
.footer_list li a:hover{ text-decoration:underline; }

/* Header */
.fldb{ float:left; display:block; }
#hd01{ background:transparent url('img/head__03.jpg') no-repeat top left; width:951px; height:auto; padding-top:7px; }
#hd02{ background:transparent url('img/head__05.jpg') no-repeat top left; width:21px; height:148px; }
#header_img{ width:908px; height:148px; }
#hd03{ background:transparent url('img/head__07.jpg') no-repeat top left; width:22px; height:148px; }
#hd04{ background:transparent url('img/head__08.jpg') no-repeat top left; width:473px; height:28px; }
#hd05{ background:transparent url('img/head__09.jpg') no-repeat top left; width:478px; height:28px; }
#hd06{ background:transparent url('img/head__10.jpg') no-repeat top left; width:473px; height:46px; }
#hd07{ background:transparent url('img/head__11.jpg') no-repeat top left; width:478px; height:46px; }
#hd08{ background:transparent url('img/head__12.jpg') no-repeat top left; width:473px; height:46px; }
#hd09{ background:transparent url('img/head__13.jpg') no-repeat top left; width:478px; height:46px; }

/* Envio */
#envio1{ background-color:transparent; background-image:url('img/envoff_08.gif'); background-repeat:repeat-y; background-position:top left; width:188px; height:auto; display:table; margin-top:15px; }
#envio2{ background-color:transparent; background-image:url('img/envoff_03.jpg'); background-repeat:no-repeat; background-position:top left; height:53px; display:block; }
#envio3{ background-color:transparent; background-image:url('img/envoff_07.jpg'); background-repeat:no-repeat; background-position:bottom left; padding:0 15px 20px 15px; min-height:167px; height:auto; }
#envio_usuario{ background-color:transparent; background-image:url('img/envoff_06.gif'); background-repeat:no-repeat; background-position:center left; width:100%; height:20px; }
#envio_password{ background-color:transparent; background-image:url('img/envoff_13.gif'); background-repeat:no-repeat; background-position:center left; width:100%; height:20px; }

/* Status */
#status1{ background-color:transparent; background-image:url('img/staoff_20.jpg'); background-repeat:repeat-y; background-position:top left; width:188px; height:auto; display:table; margin-top:5px; }
#status2{ background-color:transparent; background-image:url('img/staoff_16.jpg'); background-repeat:no-repeat; background-position:top left; width:100%; height:53px; display:block; }
#status3{ background:transparent url('img/staoff_21.jpg') no-repeat bottom left; width:100%; height:auto; min-height:140px;  }
#status_orden{ background:transparent url('img/staoff_18.gif') no-repeat center left; width:100%; height:20px; }
#status_cliente{ background:transparent url('img/staoff_25.gif') no-repeat center left; width:100%; height:20px; }

/* Contacto */
#contacto1{ background-color:transparent; background-image:url('img/conta_06.jpg'); background-repeat:repeat-y; background-position:top left; width:517px; height:auto; display:table; }
#contacto2{ background-color:transparent; background-image:url('img/conta_03.jpg'); background-repeat:no-repeat; background-position:top left; height:79px; display:block; }
#contacto3{ background-color:transparent; background-image:url('img/conta_05.jpg'); background-repeat:no-repeat; background-position:bottom left; padding:0 0 40px 0; height:auto; min-height:522px; }
/*Contacto Datos */
#contacto_d1{ width:300px; height:auto; margin-left:180px; margin-top:30px; text-align:left; border-left:1px solid #999; position:relative; }
#contacto_ico{ background:transparent url('img/conta_08.jpg') no-repeat top left; width:132px; height:64px; display:block; position:absolute; left:-140px; top:0; }

/* Servicios */
#s_gf{ background:transparent url('img/ser_gf_03.jpg') no-repeat top left; width:276px; height:113px; display:block; }
#s_gf1{ background:transparent url('img/ser_gf_04.gif') no-repeat top left; width:277px; height:42px; display:block; }
#s_gf2{ background:transparent url('img/ser_gf_06.gif') no-repeat top left; }
#s_gf2_off{ background:transparent url('img/ser_gff_06.gif') no-repeat top left; }
#s_gf2, #s_gf2_off{ width:277px; height:24px; display:block; }
#s_gf3{ background:transparent url('img/ser_gf_07.gif') no-repeat top left; }
#s_gf3_on{ background:transparent url('img/ser_gff_07.gif') no-repeat top left; }
#s_gf3, #s_gf3_on{ width:277px; height:23px; display:block; }
#s_gf4{ background:transparent url('img/ser_gf_08.jpg') no-repeat top left; width:277px; height:24px; display:block; }

/* Impresión Laser */
#s_il{ background:transparent url('img/ser_il_03.jpg') no-repeat top left; width:286px; height:113px; display:block; }
#s_il1{ background:transparent url('img/ser_il_04.gif') no-repeat top left; width:267px; height:68px; display:block; }
#s_il2{ background:transparent url('img/ser_il_06.gif') no-repeat top left; width:267px; height:24px; display:block; } 
#s_il3{ background:transparent url('img/ser_il_07.jpg') no-repeat top left; width:267px; height:21px; display:block; } 

/* Offset */
#s_io{ background:transparent url('img/ser_io_03.jpg') no-repeat top left; width:286px; height:113px; display:block; }
#s_io1{ background:transparent url('img/ser_io_04.gif') no-repeat top left; width:267px; height:67px; display:block; }
#s_io2{ background:transparent url('img/ser_io_06.gif') no-repeat top left; width:267px; height:21px; display:block; } 
#s_io3{ background:transparent url('img/ser_io_07.jpg') no-repeat top left; width:267px; height:25px; display:block; } 

/* Rotulación de Vehículos */
#s_rdv{ background:transparent url('img/ser_rdv_03.jpg') no-repeat top left; width:286px; height:113px; display:block; }
#s_rdv1{ background:transparent url('img/ser_rdv_06.gif') no-repeat top left; width:267px; height:21px; display:block; }
#s_rdv2{ background:transparent url('img/ser_rdv_07.jpg') no-repeat top left; width:267px; height:24px; display:block; }

/* Rotulación Digital */
#s_rd{ background:transparent url('img/ser_rd_03.jpg') no-repeat top left; width:286px; height:113px; display:block; }
#s_rd1{ background:transparent url('img/ser_rd_06.gif') no-repeat top left; width:267px; height:21px; display:block; }

/* Laminado y Recubrimiendo UV */
#s_lruv{ background:transparent url('img/ser_lec_03.jpg') no-repeat top left; width:276px; height:113px; display:block; }
#s_lruv1{ background:transparent url('img/ser_lec_06_06.gif') no-repeat top left; }
#s_lruv1_off{ background:transparent url('img/ser_ruv_06.gif') no-repeat top left; }
#s_lruv1, #s_lruv1_off{ width:277px; height:23px; display:block; }
#s_lruv2{ background:transparent url('img/ser_lec_07.gif') no-repeat top left; }
#s_lruv2_on{ background:transparent url('img/ser_ruv_07.gif') no-repeat top left; }
#s_lruv2, #s_lruv2_on{ width:277px; height:24px; display:block; }

/* Diseño Gráfico */
#s_dg{ background:transparent url('img/ser_dg_03.jpg') no-repeat top left; width:286px; height:113px; display:block; }
#s_dg1{ background:transparent url('img/ser_dg_04.gif') no-repeat top left; width:267px; height:66px; display:block; }
#s_dg2{ background:transparent url('img/ser_dg_06.gif') no-repeat top left; width:267px; height:22px; display:block; }

/* Impresión de Tarjetas PVC */
#s_itpvc{ background:transparent url('img/ser_itpvc_03.jpg') no-repeat top left; width:286px; height:113px; display:block; }
#s_itpvc1{ background:transparent url('img/ser_itpvc_06.gif') no-repeat top left; width:267px; height:27px; display:block; }
#s_itpvc2{ background:transparent url('img/ser_itpvc_07.jpg') no-repeat top left; width:267px; height:20px; display:block; }

/* Quienes Somos */
a#qs_situacion, a#qs_historia, a#qs_objetivos, a#qs_filosofia, a#qs_mision, a#qs_vision, a#qs_valores{ background-color:transparent; background-repeat:no-repeat; background-position:0; display:block; }
a#qs_situacion{ background-image:url('img/qs_off_03.jpg'); width:120px; height:129px; }
a#qs_situacion:hover{ background-position:-120px !important; }
a#qs_historia{ background-image:url('img/qs_off_04.jpg'); width:123px; height:129px; }
a#qs_historia:hover{ background-position:-123px !important; }
a#qs_objetivos{ background-image:url('img/qs_off_05.jpg'); width:123px; height:129px; }
a#qs_objetivos:hover{ background-position:-123px !important; }
a#qs_filosofia{ background-image:url('img/qs_off_06.jpg'); width:119px; height:129px; }
a#qs_filosofia:hover{ background-position:-119px !important; }
a#qs_mision{ background-image:url('img/qs_off_09.jpg'); width:122px; height:130px; }
a#qs_mision:hover{ background-position:-122px !important; }
a#qs_vision{ background-image:url('img/qs_off_10.jpg'); width:122px; height:130px; }
a#qs_vision:hover{ background-position:-122px !important; }
a#qs_valores{ background-image:url('img/qs_off_11.jpg'); width:124px; height:130px;  }
a#qs_valores:hover{ background-position:-124px !important; }

/* Espacios Publicitarios */
/* genericos begins */
#ep_ep1{ background-image:url('img/espacios_publicitarios_04.gif'); }
#ep_ep2{ background-image:url('img/ep_barranaranja.gif'); }
#ep_ep1, #ep_ep2, #ep_pea, #ep_pea1, #ep_eyd, #ep_eyd1, #ep_ae, #ep_ae1, #ep_v, #ep_v1{ background-color:transparent; background-position:top left; background-repeat:no-repeat; display:block; }
#ep_pea, #ep_eyd, #ep_ae,#ep_v{ width:282px; height:113px; }
#ep_ep1, #ep_pea1, #ep_ep2, #ep_eyd1, #ep_ae1, #ep_v1{ width:271px; }
#ep_pea1, #ep_eyd1, #ep_ae1, #ep_v1{ height:28px; }
#ep_ep1{  height:65px; }
#ep_ep2{ height:20px; }
/* genericos ends */
#ep_pea{ background-image:url('img/ep_publicidad_autobuses_03.jpg'); }
#ep_pea1{ background-image:url('img/ep_publicidad_autobuses_06.gif'); }
#ep_eyd{ background-image:url('img/ep_estructuras_displays_03.jpg'); }
#ep_eyd1{ background-image:url('img/ep_estructuras_displays_06.gif'); }
#ep_ae{ background-image:url('img/ep_anuncios_espectaculares_.jpg'); }
#ep_ae1{ background-image:url('img/ep_anuncios_espectaculares_.gif'); }
#ep_v{ background-image:url('img/ep_vallas_03.jpg'); }
#ep_v1{ background-image:url('img/ep_vallas_06.gif'); }

/* Camiones */
.cam{width:408px; margin-bottom:20px; height:auto; min-height:462px; display:table; }
.cam2{ background:transparent url('img/esp_cami_12.jpg') repeat-y top left; width:408px; height:auto; min-height:219px; display:table; }
.cam_a1{ background:transparent url('img/esp_cami_10.jpg') no-repeat top left; width:100%; height:65px; }
.cam_a2{ background:transparent url(img/esp_cami_13.jpg) no-repeat bottom left; width:100%; height:auto; min-height:160px; display:table; }
.cam_es1{ padding:0 20px 40px 20px; text-align:center; }
.cam_border{ border-top:5px solid #999999; border-left:5px solid #999999; border-right:5px solid #cccccc;  border-bottom:5px solid #cccccc; }
.cam_b1{ background:transparent url(img/esp_cami_16.jpg) repeat-y top left; width:214px; height:auto; min-height:220px; display:table; float:left; }
.cam_b2{ background:transparent url(img/esp_cami_14.jpg) no-repeat top left; width:100%; height:67px; }
.cam_b3{ background:transparent url(img/esp_cami_17.jpg) no-repeat bottom left; width:100%; height:auto; min-height:167px; display:table; }
.cam_es2{ padding:0 20px 40px 20px; text-align:center; }
.cam_border2{ border-top:5px solid #999999; border-left:5px solid #999999; border-right:5px solid #cccccc;  border-bottom:5px solid #cccccc; }
.cam3{ width:194px; float:left; }
/* Recomendar */

.regis1{ background:transparent url('img/registro_05.jpg') repeat-y top left; width:493px; height:auto; min-height:414px; display:table; padding:0; margin:0 auto; }
.regis2{ background:transparent url('img/registro_06.jpg') no-repeat bottom left; width:100%; height:auto; min-height:414px; display:table; }
.regis3{ background:transparent url('img/recomendar_03.jpg') no-repeat top left; width:100%; height:auto; min-height:414px; }
.regis4{ padding:70px 20px 30px 40px; height:auto; text-align:left !important; }


/* Contenedor de Espacios Publicitarios */
.cdep1{ background:url('img/ep_ae_12.jpg') repeat-y top left; width:487px; height:auto; min-height:200px; display:table; }
.cdep2{ background:url('img/ep_ae_13.jpg') no-repeat bottom left; width:100%; height:auto; min-height:200px; padding-bottom:30px; display:table; }
.cdep3{ background:url('img/ep_ae_10.jpg') no-repeat top left; width:100%; height:auto; min-height:200px; } 
.cdep3a{ width:227px; padding-right:15px; margin-right:15px; height:auto; float:left; }

/* Aux */
.h21mb12{ width:100%; height:auto; min-height:21px; margin-bottom:12px; }
.h34mb12{ height:34px; margin-bottom:12px; }
.t0r15b8l15{ padding:0 15px 8px 15px; }
.t20r20b0l20{ padding:20px 20px 0 20px; }
.m15 { margin:15px; }
.ml15{ margin-left:15px; }
.mr10{ margin:0 10px 0 0;}
.mb10{ margin-bottom:10px; }
.fl{ float:left; }
.fr{ float:right; }
.cb{ clear:both; }
.dn{ display:none; }
.dt{ display:table; }
.w40fl{ width:40%; float:left; }
.w60fl{ width:60%; float:left; }
.w95dt{ width:95%; height:auto; display:table; }
.w100dt{ width:100%; height:auto; display:table; }
.w147tar{ width:147px; text-align:right; }
.w160fl{ width:160px; height:auto; float:left;}
.w267fl{ width:267px; height:auto; min-height:113px; float:left; }
.w271fl{ width:271px; height:auto; min-height:113px; float:left; }
.w277fl{ width:277px; height:auto; min-height:113px; float:left; }
.w382tal{ width:382px; height:auto; text-align:left; }
.w390dt{ width:390px; height:auto; display:table; }
.w446{ width:446px; height:auto; min-height:115px; }
.w530dt{ width:530px; height:auto; min-height:113px; display:table; }
.w554dt{ width:554px; height:auto; min-height:113px; text-align:left; display:table; }
.bn{ background:none; }
.conte_txt{ margin-left:55px; margin-right:55px; text-align:left; }
.ml20{ margin-left:20px; }
.mb12fl{ margin-bottom:12px; float:left; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.tal{ text-align:left; }
.tar{ text-align:right; }
.tac{ text-align:center !important; }
.mt20{ clear:both; margin-top:20px; }
.mt10dn{ clear:both; margin-top:10px; display:none; }
.pl30{ padding-left:30px; }
.ress{ width:390px; height:auto; min-height:20px; display:table; clear:both; }
.pdf_ayuda{ background:transparent url('img/pdf_icono.gif') no-repeat top left; height:45px; line-height:45px; padding-left:50px; margin-left:40px; margin-right:20px; }
.vatp{ vertical-align:text-top }
.border4gray{ border:4px solid #929292; }

/* Hr */
hr.grayline{ border: 0; width: 95%; color: #b8b8b8; background-color: #b8b8b8; height: 2px; }

/* Links */
a.ora_nodeco{ color:#56595c; text-decoration:none; } a.ora_nodeco:hover{ color:#ea7733; }
a.ora_underdeco{ color:#ea7733; text-decoration:underline; }

/* Lists */
.flecha_nar_mb20{ list-style:circle outside url('img/conta_19.gif'); margin-bottom:20px; }
.circulo_nar_mb20{ list-style:circle outside url('img/conta_15.gif'); margin-bottom:20px; }
.circulo_nar_mb10{ list-style:circle outside url('img/conta_15.gif'); margin-bottom:10px; }
.cir_nar{ list-style:circle outside url('img/conta_15.gif');}
.no_symbol{ list-style:none outside; margin-bottom:20px; }

/* Input */
.input145px{ width:145px; height:20px; border-right:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; border-top:2px solid #aaaaaa; border-left:2px solid #aaaaaa; }
.input242px{ width:242px; height:20px; border-right:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; border-top:2px solid #aaaaaa; border-left:2px solid #aaaaaa; }
.text242px{ width:242px; height:50px; border-right:2px solid #d0d0d0; border-bottom:2px solid #d0d0d0; border-top:2px solid #aaaaaa; border-left:2px solid #aaaaaa; }

/* Bottom links */
#bot_links{ width:1006px; height:75px; position:relative; }
#bot_links1{ position:absolute; left:20px; top:-60px; }
#bot_links2{ position:absolute; right:20px; top:-30px; }

/* Formulario de contacto */
.input_nombre{ width:128px; height:20px; line-height:20px; padding-right:10px; text-align:right; float:left; }