/*:::::::::::::::::::::::::: Estilo CSS Creado por Marcos Vera para BALMETAL S.A. ::::::::::::::::::::::::::*/
body { color: #fff; font-size: 12px; font-family: Verdana, Geneva, "Trebuchet MS", Arial, Helvetica; line-height: 150%; background-color: #888; background-image: url(../img/fondo_body.jpg); background-repeat: repeat-x; background-position: 50% top; }
p { color: #000; }
h1 { color: #224687; font-size: 16px; }
a { color: #338d18; font-weight: bold; text-decoration: none; }
a:hover { color: #006f00; font-weight: bold; text-decoration: none; }
/*:::::::::::::::::::::::::: Estilos para cajas de diseño ::::::::::::::::::::::::::*/
#pagina { width: 940px; height: 640px; margin-right: auto; margin-left: auto; }
#bloqint { background-color: #757575; background-image: url(../img/fondo.jpg); background-repeat: repeat-x; margin-right: auto; margin-left: auto; width: 920px; height: 620px; margin-top: 10px; }
#bloqint2 { background-color: #fff; background-repeat: repeat-x; margin-top: 10px; margin-right: auto; margin-left: auto; width: 920px; height: 620px; }
#contenido { width: 920px; height: 417px; float: left; }
#botoneraint { background-color: #ececea; width: 154px; height: auto; float: left; }
#textoint { width: 723px; height: auto; float: left; margin-top: 5px; margin-left: 20px; }
#textoint p { color: #000; font-size: 12px; }
#textoint h1 { color: #224687; font-size: 14px; }
#pieint { background-color: #888; background-image: url(../img/pie_interior.jpg); background-repeat: repeat-x; width: 920px; height: 60px; float: left; }
#banner { background-image: url(../img/banner_home.png); width: 920px; height: 173px; float: left; }
#bannerint { background-image: none; width: 920px; height: 173px; float: left; }
#logobanner { width: 179px; height: 162px; float: left; margin-top: 10px; margin-left: 20px; }
#badge { width: 94px; height: 100px; float: right; margin-top: 30px; margin-right: 20px; }
#homemitad { background-image: url(../img/fondo_home.png); width: 920px; height: 280px; float: left; }
#bordesuperior { background-image: url(../img/bordesuperior.jpg); width: 723px; height: 20px; float: left; }
#mitad { background-image: url(../img/mitad.jpg); width: 723px; float: left; }
#bordeinferior { background-image: url(../img/bordeinferior.jpg); width: 723px; height: 25px; float: left; }
#contenidoareas { width: 690px; float: left; margin-left: 16px; }
#caja_clientes { margin-top: 10px; margin-left: 10px; width: 420px; height: 350px; float: left; }
#textoclientes { margin-left: 30px; width: 250px; height: 340px; float: left; }
#piehome { background-color: #fff; width: 920px; height: 167px; float: left; }
#logos { width: 920px; height: 120px; float: left; margin-top: 20px; }
#menuhome { width: 350px; height: auto; float: left; margin-top: 10px; margin-left: 10px; }
#productos { width: 530px; height: 260px; float: right; }
#piehome p { color: #a6a6a6; font-size: 9px; font-weight: bold; }
#piehome a { color: #818181; }
#piehome a:hover { color: #7abf2e; }
/*:::::::: Estilos para página de empresa ::::::::*/
#textocaja { width: 350px; float: left; margin-left: 45px; }
#textocaja p { font-size: 12px; line-height: 150%; text-align: justify; }
#textocaja h1 { color: #224687; font-size: 13px; line-height: 100%; }
#fotos_empresa { width: 315px; height: auto; float: left; margin-left: 15px; }
#foto { width: 315px; height: 236px; float: left; margin-top: 10px; }
/*:::::::: Estilos para páginas de productos ::::::::*/
#paginaproductos { margin-right: auto; margin-left: auto; width: 940px; height: auto; }
#bloqint3 { margin-top: 10px; margin-right: auto; margin-left: auto; width: 920px; height: auto; }
#contenidoprod { background-image: url(../img/fondo_productos.jpg); width: 920px; height: auto; float: left; }
#titulo { width: 682px; height: 45px; float: left; margin-top: 10px; margin-left: 41px; }
#titulocontacto { margin-top: 10px; margin-bottom: 10px; margin-left: 41px; width: 682px; height: 45px; float: left; }
#otros { width: 662px; float: left; margin-bottom: 10px; margin-left: 51px; }
#otros p { color: #000; font-size: 12px; text-align: justify; }
#descripcion { margin-bottom: 0; margin-left: 51px; width: 662px; float: left; }
#descripcion p { color: #000; font-size: 12px; text-align: justify; }
#fotosproductos { width: 335px; height: 252px; float: left; margin-bottom: 20px; margin-left: 41px; }
#fotosproductos2 { margin-left: 12px; width: 335px; height: 252px; float: left; margin-bottom: 20px; }
#bordesuperior2 { background-image: url(../img/bordesuperior2.jpg); width: 766px; height: 20px; float: left; }
#mitad2 { background-image: url(../img/mitad2.jpg); width: 766px; float: left; }
#bordeinferior2 { background-image: url(../img/bordeinferior2.jpg); width: 920px; height: 30px; float: left; }
/*:::::::: Estilos para pagina de clientes ::::::::*/
#cajaclientes1 { width: 682px; height: 59px; float: left; margin-bottom: 0; margin-left: 41px; }
#cajaclientes2 { background-image: url(../img/fondo_caja_clientes.jpg); width: 682px; height: auto; float: left; margin-left: 41px; }
#cajaclientes3 { background-image: url(../img/caja_clientes2.jpg); width: 682px; height: 43px; float: left; margin-left: 41px; }
#colclientes1 { width: 300px; height: auto; float: left; margin-left: 41px; }
#colclientes2 { margin-left: 10px; width: 300px; height: auto; float: left; }
#cajaclientes2 p { color: #474747; font-size: 10px; font-weight: bold; line-height: 180%; }
/*:::::::: Estilos para página de contacto ::::::::*/
#textocaja2 { margin-left: 45px; width: 240px; height: auto; float: left; }
#foto_interior { margin-top: 0; margin-left: 10px; width: 420px; height: 350px; float: left; }