/* Into-Designs */
                    /* Roger Manuel Quiros Araya 2009 */

  /* Primitivas */

  #lenguaje_seleccion{
    float: right;
    margin-top: 125px;
    margin-right: 15px;
  }
  #lenguaje_seleccion a:link{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 3.5mm;
  }
  #lenguaje_seleccion a:hover{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 3.5mm;
  }
  #lenguaje_seleccion a:visited{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 3.5mm;
  }
  #lenguaje_seleccion a:active{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 3.5mm;
  }

  body{
    margin: 0;
    padding: 0;
    font-family: Arial;
    background-color: #262626;
  }

  /* Estructuras iniciales */

  #estructura_header{
    background-color: #7bce24;
  }
  #estructura_menu{
    background-image: url(images/imagenes_estructura/menu.png);
  }
  #estructura_banner{
    background-image: url(images/imagenes_estructura/banner.jpg);
    background-repeat: repeat-x;
    background-color: #9D9EA2;
  }
  #estructura_contenido{
    background-image: url(images/imagenes_estructura/fondo.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
  background-position: 0 -30px;
  }
  #estructura_footer_01{
    background-image: url(images/imagenes_estructura/footer.jpg);
    background-repeat: repeat-x;
    background-color: #9E9FA3;
  }
  #estructura_footer_02{
    background-color: #262626;
  }
  /* Estructuras primarias */
  #header{
    background-image: url(images/imagenes_estructura/header.jpg);
    width: 800px;
    height: 147px;
    margin: auto;
  }
  #menu{
    width: 800px;
    height: 50px;
    margin: auto;
}
  #banner{
    width: 800px;
    margin: auto;
}
  #contenido{
    width: 800px;
    height: 450px;
    margin: auto;
}
  #footer_01{
    width: 800px;
    margin: auto;
  }
  #footer_02{
    width: 800px;
    height: 100px;
    margin: auto;
  }

  /* Estructuras secundarias */

        /*Botones del Menu*/

     #ui_menu{
       list-style: none;
       margin: 0;
       padding: 0;
     }
     #ui_menu li{
       background-image: url(images/imagenes_estructura/boton.jpg);
       float: left;
       width: 100px;
       height: 35px;
       margin-left: 12px;
     }
     #ui_menu a{
       font-size: 3.5mm;
       line-height: 1;
       margin-left: 5px;
       }
     #ui_menu li a:link{
       color: #FFFFFF;
       text-decoration: none;
       font-size: 3.5mm;
       line-height: 1;
     }
     #ui_menu li a:hover{
       color: #FFFFFF;
       text-decoration: none;
       font-size: 3.5mm;
       line-height: 1;
     }
     #ui_menu li a:visited{
       color: #FFFFFF;
       text-decoration: none;
       font-size: 3.5mm;
       line-height: 1;
     }
     #ui_menu li a:active{
       color: #FFFFFF;
       text-decoration: none;
       font-size: 3.5mm;
       line-height: 1;
     }


       /* Servicos descritos en el banner */

     #banner_servicios{
       margin: 0;
       padding: 0;
     }

    .banner_h1{
      font-weight: normal;
      text-transform: uppercase;
      text-align: center;
      font-size: 4.5mm;
      margin-top: 10px;
      margin-bottom: 5px;
    }
    .banner_p{
      font-size: 3.5mm;
      color: #FFFFFF;
      width: 150px;
      display: block;
      text-align: center;
      font-family: Arial;
    }
    .banner_h1 a{
      text-decoration: none;
      color: #92D44D;
    }
    .banner_h1 a:visited{
      color: #5DBADB;
      text-decoration: underline;
    }

    .deco_banner_separador_de{
       border-right: #B8B8B8 solid 1px;
     }

     #footer_texto_testimonio{
      }
     #footer_texto_testimonio p{
       color: #FFFFFF;
       font-size: 3mm;
       width: 425px;
     }
     #footer_submenu{
       float: left;
       width: 550px;
       height: 100%;
      }
     #footer_submenu p{
       color: #FFFFFF;
       font-size: 9pt;
       width: 500px;
       position: relative;
       left: 20px;
       border-top: thin solid #FFFFFF;
       float: left;
       top: 15px
     }
     #footer_submenu p a{
       color: #FFFFFF;
       font-size: 9pt;
       text-decoration: none;
      }
     #footer_logo{
       width: 30px;
       height: 29px;
       position: relative;
       top: 26px;
       float: left;
       background-image: url(images/imagenes_estructura/logofooter.gif);
       left: 10px
     }
     #footer_into{
       width: 125px;
       height: 44px;
       float: left;
       position: relative;
       top: 20px;
        margin-left: 15px
      }
     #footer_packalot{
       width: 105px;
       height: 44px;
       float: left;
       position: relative;
       top: 22px;
      }

      /* Estructura basica de Servicios*/

     #servi_imagenes{
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 5px
    }
     #servi_imagenes li{
       display: inline;
       margin-left: 10px;
     }
     #contenido_swf_contactenos{
       width: 100%;
     }
     #servi_swf{
       width: 292px;
       float: left;
     }
     #caja_contactenos{
       width: 197px;
       float: left;
       margin-left: 8px;
       margin-right: 8px;
     }
     #texto_caja_contactenos{
       background-image: url(images/imagenes_servi/caja_servicios.png);
       background-repeat: no-repeat;
       background-color: #CBCBCB;
       margin-bottom: -19px;
     }
     #texto_caja_contactenos h1{
       color: #868686;
       font-size: 4mm;
       margin-top: 0px;
       margin-bottom: 0px;
     }
     #texto_caja_contactenos p{
       color: #868686;
       font-size: 3.5mm;
       margin-top: 0px;
     }

     /* Seccion Acerca de */

     #acerca_de_nosotros{
	width: 800px;
	margin: auto;
	height: 1325px;
     }

     /* Seccion Identidad corporativa */
     #identidad_corporativa{
       width: 800px;
       margin: auto;
       height: 1400px
     }
     .arreglo_identidad_caja_texto{
       position: relative;
       top: 250px;
       left: 10px
     }
     .arreglo_impresos_caja_texto{
       position: relative;
       left: 10px;
       top: 15px
     }

     /* Seccion Comunicacion Organizacional */
     #comunicacion_organizacional{
       width: 800px;
       margin: auto;
       height: 1100px
     }

     /* Seccion Conceptos Publicitarios */
     #conceptos_publicitarios{
       width: 800px;
       margin: auto;
       height: 1150px
     }
     .arreglo_linea_horizontal_top{
       border-top: thin #C8C8C8 solid;
       margin-top: 10px;
     }

     /* Seccion Empaques y Material P.O.P */
     #empaques{
       width: 800px;
       margin: auto;
       height: 1210px;
     }

     /* Seccion Multimedia */
     #multimedia{
       width: 800px;
       margin: auto;
       height: 1500px;
     }
     #multimedia_02{
       width: 800px;
       margin: auto;
       height: 1500px;
     }

     /* Seccion Portafolio */
     #portafolio{
       width: 800px;
       margin: auto;
       height: 420px
     }

     /* Seccion Diseño Sostenible */
     #diseno_sostenible{
       width: 800px;
       margin: auto;
       height: 550px
     }

     /* Seccion de testimoniales */
     #testimoniales{
       width: 800px;
       margin: auto;
       height: 1600px
     }
     #testimoniales_02{
       width: 800px;
       margin: auto;
       height: 850px
     }
     #formateo_tri_vertical_centro table tr td table tr td p{
       font-size: 3.5mm;
       margin-left: 20px;
       width: 350px;
     }
     .detalle_testimonios{
       border-right: #A7A7A7 solid 1px;
     }
     .texto_justificado{
       text-align: justify;
     }

     /* Contactenos */
     #contactenos{
       width: 800px;
       margin: auto;
       height: 800px
     }
     #contactenos_division_01{
       float: left;
     }
     #contactenos_division_02{
       float: left;
       width: 400px;
     }
     input[type="text"]{
       width: 260px;
       border: thin solid #D0CFD0;
       margin-top: 6px;
       margin-bottom: 6px;
     }
     textarea{
       width: 350px;
       height: 100px;
       border: thin solid #D0CFD0;
       margin-top: 6px;
       margin-bottom: 6px;
     }
     input[type="submit"]{
       float: right;
       margin-right: 43px;
       font-size: small;
     }
     #contactenos_division_03{
       float: left;
       width: 200px;
     }


     /*Formateo bi vertical*/

     #formateo_bi_vertical_izquierda{
       width: 200px;
       float: left;
       text-align: right;
     }
     #formateo_bi_vertical_izquierda h1{
        color: #578C22;
        font-size: 4.5mm;
        width: 150px;
        float: right;
        margin-right: 15px;
     }
     .arreglo_formateo_bi_vertical_izquierda{
        color: #578C22;
        font-size: 4mm;
     }
     #formateo_bi_vertical_izquierda img{
      float: right;
      margin-right: 10px
     }
     #formateo_bi_vertical_derecha{
       width: 600px;
       float: left;
     }
     #formateo_bi_vertical_derecha h1{
      color: #578C22;
      font-size: 4.5mm;
     }
     #formateo_bi_vertical_derecha h3{
      color: #578C22;
      font-size: 4mm;
      margin-left: 35px
     }
     #formateo_bi_vertical_derecha p,
     #formateo_bi_vertical_derecha ul li,
     #formateo_bi_vertical_derecha ol li{
      font-size: 4mm;
     }

     /* Formateo Tri Vertical */

     #formateo_tri_vertical_izquierda{
        width: 150px;
        /*background-color: #CCCC66;*/
        float: left;
        text-align: right;
        clear: left
      }
     #formateo_tri_vertical_izquierda h1{
        color: #333333;
        font-size: 4.5mm;
        margin-right: 10px;
        text-transform: uppercase;
     }
     #formateo_tri_vertical_centro{
       width: 500px;
       /*background-color: #FFCC99;*/
       float: left;
     }
     #formateo_tri_vertical_centro ul{
     margin-left: 17px
     }
     #formateo_tri_vertical_centro ol{
       font-size: 4mm;
     }
     #ul_fixed{
     margin-left: -50px
     }
     #ul_fixed ul{
	margin-left: -60px;
     }
     #ul_fixed ul li{
       font-size: 4mm;
     }

     #formateo_tri_vertical_centro h1{
      color: #578C22;
      font-size: 4.5mm;
     }
     .arreglo_h1_tri_formateo_izquierda{
       position: relative;
       top: 6cm;
     }
     .arreglo_h1_tri_formateo_izquierda_02{
       position: relative;
       top: 230px;
       right: 12px
      }
     .arreglo_h1_tri_formateo_izquierda_03{
       position: relative;
       top: 1em;
      }
     #formateo_tri_vertical_centro h2{
      color: #333333;
      font-size: 4mm;
      margin-top: 10px;
     }
     #formateo_tri_vertical_centro h3{
      color: #578C22;
      font-size: 4mm;
      margin-left: 35px
     }
     #formateo_tri_vertical_centro p{
      font-size: 4mm;
     }
     #formateo_tri_vertical_centro p a{
      font-size: 4mm;
      color: #0099FF;
      text-decoration: underline;
     }
     #fix_url a{
      font-size: 4mm;
      color: #0099FF;
      text-decoration: underline;
     }

     #formateo_tri_vertical_derecha{
      width: 150px;
      /*background-color: #CCCC66;*/
      float: left;
     }



     	/* prefabricados para el F.A.Q */

            	#faq_contenido{
                	width: 850px;
                	margin: auto;
            	}
                #wrap_faq{
                	margin-left:65px;
                	margin-top:15px;
                	margin-bottom:30px;
                }
				.divfaqE{
					overflow:hidden;
					cursor:pointer;
					height:20px;
					width:90%;
					background-color:#E9EBEA;
					background-image:url(images/imagenes_estructura/expand.gif);
					background-position:right;
					background-repeat:no-repeat;
					font-family:"Myriad", Sans-Serif;
					font-size:12px;
					color:#000000;
					padding-top:5px;
					padding-left:5px;
				}

				.divfaqC{
					overflow:hidden;
					cursor:pointer;
					height:20px;
					width:90%;
					background-color:#E9EBEA;
					background-image:url(images/imagenes_estructura/collapse.gif);
					background-position:right;
					background-repeat:no-repeat;
					font-family:"Myriad", Sans-Serif;
					font-size:12px;
					color:#000000;
					padding-top:5px;
					padding-left:5px;
				}

				.divfaqA{
					font-family:"Myriad", Sans-Serif;
					font-size:12px;
					color:#000000;
					padding-top:5px;
					padding-left:5px;
					padding-right:5px;
					width:86%;
					border-bottom:1px solid #E9EBEA;
					border-left:1px solid #E9EBEA;
					border-right:1px solid #E9EBEA;
					text-align:justify;
				}

        /* Cajitas de Servicios */

        #servibox{
          background-image: url(images/imagenes_sub_servicios/fondo_servi_box.jpg);
          background-repeat: repeat-x;
          width: 145px;
          background-color: #EAEAEA
        }
        #servibox ul li{
          font-size: 3.5mm;
          margin-left: -20px;
          padding-right: 3px;
        }
        #servibox a{
          font-size: 3.5mm;
          line-height: 1;
          text-decoration: none;
          color: #000000;
        }
        #servibox_footer{
          background-color: #EAEAEA;
          height: 20px;
        }

        /* Cuadros de beneficios y contactenos */

       #beneficios{
          background-image: url(images/imagenes_estructura/bg_hours.jpg);
          width: 141px;
          height: 190px;
          float: right;
          margin-right: 15px;
        }
        #beneficios h1{
          color: #6B8E23;
          font-size: 5mm;
          text-align: center;
          display: block;
          height: 35px;
          width: 112px;
          line-height: 2;
          text-transform: uppercase;
          margin-top: 0px;
        }
        #beneficios h2{
          color: #000000;
          font-size: 3.5mm;
          text-align: center;
          display: block;
          height: 35px;
          width: 120px;
          margin-left: 10px;
          line-height: 3;
          text-transform: uppercase;
          margin-top: 0px;
        }
        #beneficios p{
          font-size: 3mm;
          text-align: left;
          margin-bottom: 0;
          margin-top: 10px;
          margin-left: 10px;
        }
        #beneficios h3{
          margin-top: 7px;
          margin-left: 0px;
          text-align: center;
          font-size: 3.5mm;
        }
        #beneficios b{
          font-size: 3mm;
          text-align: left;
        }
        #beneficios ul{
          list-style: none;
          text-align: center;
        }
        #beneficios ul li{
          margin-left: -40px;
          font-size: 3.3mm;
          font-weight: bold;
          line-height: 2;
        }