/*****************************************************************************************************
								www.promaker.com.ar  |  info@promaker.com.ar
*****************************************************************************************************/

/****************************************** RESET */

*, .format {margin:0; padding:0; outline:0; border:0; background:none; background-repeat:no-repeat; font-size:100%}

body {font-family:"Trebuchet MS", Arial; font-size:11px; color:#555; background:url(../img/css/fondo.jpg) repeat-y center;}
div, h1, h2, h3, h4, h5, h6 {width:100%;}

.contenedor {width:960px; margin:auto; position:relative; z-index:5}

a {text-decoration:none; cursor:pointer; color:inherit;}
a:hover {color:#000;}

label {vertical-align:top;}
input, select, textarea {font-size:10px; padding:1px 3px; font-family:"Trebuchet MS", Arial; border:#CCC 1px solid; background:#FFF;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; padding:0; margin:0;}
h1 {font-size:24px;} h2 {font-size:23px;} h3 {font-size:17px;}
h4 {font-size:15px;} h5 {font-size:14px;} h6 {font-size:12px;}

p {text-align:justify; font-size:12px; padding:0; margin:0;}

table {border-collapse:collapse}

li {list-style-type:none}

object {width:100%; height:100%;}

.center {text-align:center !important;}

.mensaje {text-align:center;}
#newsletter p.mensaje_news {text-align:center; margin:70px 0 0 0; color:#FFFFFF; float:left; width:235px;}
#contacto p.mensaje_contacto {text-align:center; background:#EFEFEF; margin:10px 25px 0 0; float:left; padding:71px 15px; width:340px; font-weight:bold; border-bottom:5px solid #5C5F64; height:28px;}

#newsletter_form .errMsg {float:right; position:relative; text-align:right; color:#FFFFFF; font-size:10px; padding:0; margin:-42px 2px 0 0;}
#contacto_form .errMsg {float:right; position:relative; text-align:right; color:#413D3D; font-size:10px; width:200px; margin:-14px 2px -35px 0;}

#registro_clientes_form .errMsg {float:right; position:relative; text-align:right; color:#E33426; font-size:10px; margin-top:-37px; right:17px; margin-bottom:0;}

#ingreso_clientes_form .errMsg, #olvido_pass_form .errMsg, #recuperar_pass_form .errMsg {float:right; position:relative; text-align:right; color:#E33426; font-size:10px; margin-top:-40px; right:38px; margin-bottom:0;}

hr {display:none;}

/*****************************************************************************************************
											MAQUETADO
*****************************************************************************************************/

/****************************************** HEADER */

#c_body {width:876px; margin:auto; padding:30px 40px;}

#header {background-color:#FFFFFF; float:left; width:100%; position:relative; z-index:100}

#barra_areaprivada {height:15px; background:url(../img/css/fondo_areaprivada.jpg) repeat-x; float:left; width:100%;}
#areaprivada {background:url(../img/css/fondo_candado.jpg) no-repeat #E43425; width:436px; float:right; padding:9px 30px 10px 140px; color:#FFFFFF; font-size:10px; position:relative; display:none; z-index:1;}

#areaprivada h4 {text-transform:uppercase; font-weight:bold; float:left; width:auto; margin:0 0 15px 0;}
#areaprivada h6 {text-transform:uppercase; font-weight:normal; width:190px; float:right; margin:0 5px 2px 0; text-align:right;}
#areaprivada span {font-size:10px; text-transform:none; font-weight:normal;}
#areaprivada form#ingreso_clientes {width:215px; float:right; padding:0 120px 0 0 !important;}
#areaprivada form#ingreso_clientes label {width:55px; float:left; text-align:right; margin:0 0 4px 0;}
#areaprivada form#ingreso_clientes input {width:145px; margin:0 0 4px 4px; font-size:10px; color:#3F3F3F; border-bottom:#7F7F7F solid 1px; border-left:#7F7F7F solid 1px; border-top:#D8E0E0 solid 1px; border-right:#D8E0E0 solid 1px;float:right;}

#areaprivada form#olvidopass_cliente {width:195px; float:right}
#areaprivada form#olvidopass_cliente label {width:35px; float:left; text-align:right; margin:0 0 6px 0;}
#areaprivada form#olvidopass_cliente input {width:145px; margin:0 0 4px 4px; font-size:10px; color:#3F3F3F; border-top:#D8E0E0 solid 1px; border-right:#D8E0E0 solid 1px; border-bottom:#7F7F7F solid 1px; border-left:#7F7F7F solid 1px; float:right;}

#areaprivada form#ingreso_clientes input.boton, #areaprivada form#olvidopass_cliente input.boton {border:#F7B9B4 1px solid; background:#E43425; color:#FFFFFF; font-size:10px; height:19px; padding:0 5px; font-family:"Trebuchet MS", Arial; width:auto; float:right; cursor:pointer; width:60px; margin:0;}

#boton_ingreso {background-color:#E43425; width:606px; float:right; text-align:right; position:relative;}
#boton_ingreso a {color:#F2C7C1; text-transform:uppercase; font-size:10px;}
#boton_ingreso a:hover {color:#FFFFFF;}

#cerrar_areaprivada {background:url(../img/css/fondo_cerrarclientes.jpg) no-repeat right bottom; float:right; width:auto; padding:0 17px 0 25px; margin:0; position:relative; display:none;}
#boton_ingreso_clientes {background:url(../img/css/fondo_ingresoclientes.jpg) no-repeat right bottom; float:right; width:auto; padding:0 30px 0 30px; margin:0; position:relative;}

#logo {width:350px; float:left; padding:10px 0;}
#logo h1 {width:auto; height:107px; float:left;}
#logo h1 a {width:295px; height:101px; background:url(../img/css/logo_lotsa.jpg) no-repeat; text-indent:-9999px; margin:0 0 6px 20px; float:left;}

#navegador {background:url(../img/css/fondo_nav.jpg) repeat-x bottom; float:left; text-align:center; width:100%;}
#navegador ul {width:930px; margin:auto; position:relative}
#navegador ul li {float:left; text-transform:uppercase; color:#FFFFFF; padding:13px 0 3px 0; display:inline;}
#navegador ul li a {padding:11px 13px 3px 13px; height:30px;}
#navegador ul li a:hover, #navegador ul li a.activo2, #navegador ul li a.activo {color:#929393; background:url(../img/css/fondo_hovernav.jpg) no-repeat top left #EAEAEA;}

#navegador ul li ul#submenu {left:435px; position:absolute; top:32px; width:170px; display:none;}
#navegador ul li ul#submenu li {background-color:#E33426; width:150px; color:#FFFFFF; border-top:1px solid #FFFFFF; padding:3px 0 3px 13px; display:inline; text-transform:none; text-align:left;}
#navegador ul li ul#submenu li a {padding:0; margin:0;}
#navegador ul li ul#submenu li a:hover {background:none; color:#FFFFFF; text-decoration:underline;}

.graciasgeorge {z-index:1;}

.boton {float:right !important; position:relative; padding:40px 0 0 0; text-align:center; text-transform:uppercase; width:auto; margin:40px 0 0 0;}
.boton a {background:url(../img/css/botones.jpg) no-repeat #FFFFFF; color:#999999;}
.boton a.home_boton {background-position:0 0; padding:40px 5px 0 3px; margin:0 15px 0 0;}
.boton a:hover.home_boton, .boton a.activo_home {background-position:-49px 0}
.boton a.contacto_boton {background-position:-98px 0; padding:40px 0 0 0; margin:0 40px 0 0;}
.boton a:hover.contacto_boton, .boton a.activo_contacto {background-position:-152px 0;}

#extranet {position:absolute; float:right; z-index:20; width:100%;}

#logueado {height:17px; background-color:#E33426; color:#FFFFFF; width:100%;}
#logueado p {float:left; color:#FFFFFF; padding:0 40px;}
#logueado a {float:right; color:#F2C7C1; padding:0 40px;}
#logueado a:hover {color:#FFFFFF;}

/****************************************** IZQUIERDA */

#izquierda {}

/****************************************** DERECHA */

#derecha {}

/****************************************** FOOTER */

#footer {text-align:center; float:left; width:auto; color:#414141;}
#footer .footer-pie {background-color:#D9DADC; font-size:15px; width:870px; padding:15px 40px; float:left; clear:both; font-size:10px; border-left:5px solid #FFFFFF;}
#footer ul#links {width:480px; float:left; margin:15px 0;}
#footer ul#links li {width:120px; float:left; text-align:left; margin:2px 0;}
#footer ul#links li a {margin:0 0 5px 0; color:#797D7E;}
#footer ul#links li a:hover, #footer ul#links li a.activo, #footer ul#links li a.activo_contacto {color:#000000;}
#footer #otroslinks {float:right; width:130px; text-align:right; margin:12px 15px 12px 0;}
#footer #otroslinks a.otroslinks-border {border:1px solid #B8B9BB; padding:0 4px; margin:5px 0 0 0; width:auto; float:right; text-align:right;}
#footer address {float:right; text-align:right; font-style:normal; margin:5px 0 0 0; line-height:12px; background:url(../img/css/separador_footer.jpg) left top repeat-y; padding:10px 0 10px 15px; width:auto;}
#footer .promaker {margin:10px auto 10px auto; width:960px; float:left;}
#footer .promaker a {background:url(../img/css/promaker.jpg) no-repeat; width:131px; height:23px; display:inline-block; text-indent:-9999px;}


/*											SECCIONES
*****************************************************************************************************/

/****************************************** HOME */

#home {padding:30px 40px; width:880px; float:left;}
#home img {float:right; width:auto; margin:0 0 15px 0;}
#home #bienvenidos {width:153px; height:231px; background:url(../img/css/fondo_bienvenidos.jpg) no-repeat; margin-bottom:14px; float:left; padding:13px 0 0 130px;}
#home #bienvenidos h2 {color:#E33426; font-weight:bold; padding:0; margin:0; float:left; width:100%;}
#home #bienvenidos p {text-align:left; color:#FFFFFF; line-height:15px; float:left; margin:15px 15px 0 0; width:auto;}

#newsletter {width:243px; height:210px; background:url(../img/css/fondo_newsl.jpg) no-repeat; float:left; padding:13px 18px 0 22px; margin-bottom:14px; overflow:hidden; font-size:13px;}
#newsletter h2 {color:#E33426; font-weight:bold; padding:0; margin:0; float:left; width:100%;}
#newsletter .news {text-align:left; color:#FFFFFF; line-height:15px; float:left;width:100%; padding:0; text-align:left; margin:25px 15px 15px 0;}
#newsletter .news p {text-align:left; color:#FFFFFF; line-height:15px; font-size:13px;}

#newsletter_form {margin:0;}
#newsletter_form label {color:#FFFFFF; float:left; font-size:11px; width:100%;}
#newsletter_form input {width:232px; float:left; margin:0 0 5px 0; padding:2px 2px; border-top:#D8E0E0 solid 1px; border-right:#D8E0E0 solid 1px; border-bottom:#7F7F7F solid 1px; border-left:#7F7F7F solid 1px;}
#newsletter_form input.enviar {background:url(../img/css/enviar_fr.jpg) no-repeat; width:49px; height:23px; border:none; cursor:pointer; float:right; margin:0;}

#novedades {width:248px; height:210px; background:url(../img/css/fondo_novedades.jpg) no-repeat; margin:0 15px 0 0; float:left; padding:13px 13px 0 22px;}
#novedades h2 {color:#E33426; font-weight:bold; padding:0; margin:0 0 20px 0; float:left; width:auto;}
#novedades a {float:left; width:auto; font-weight:bold; color:#E33426; font-size:10px; float:right; margin:10px 0 0 0;}
#novedades a:hover {text-decoration:underline;}
#novedades .novedad {padding:5px 0 8px 0; height:65px; float:left; width:100%;}
#novedades .novedad .titulo_novedad {font-weight:bold; font-size:11px; text-transform:uppercase; padding:0 0 5px 0; float:left; width:100%;}
#novedades .novedad p {font-size:11px; line-height:13px; text-align:left; float:left; height:39px; overflow:hidden; width:248px;}
#novedades .novedad .leermas {position:relative; margin-bottom:-15px; margin-top:0; padding:0;}

.punteador {background:url(../img/css/separador.jpg) repeat-x; height:1px; float:left; width:100%;}

#consultora {width:580px; float:right; border-bottom:#7A7E81 solid 5px;}
#consultora h2 {color:#FFFFFF; font-weight:bold; padding:15px 0 15px 67px; margin:0; float:left; width:auto; background-color:#E33426; width:513px;}
#consultora a.fondo_gris {float:left; background:url(../img/css/fondo_consultora.gif) #D9DADC no-repeat; width:100%;}
#consultora a.fondo_blanco {float:left; background:url(../img/css/fondo_consultora.gif) #FFFFFF no-repeat; width:100%;}


#consultora .nuestra_empresa a:hover.fondo_gris {background-position:-1px -423px; background-color:#2F2F2F;}
#consultora .servicios a {background-position:0 -61px;}
#consultora .servicios a:hover {background-position:-1px -484px; background-color:#2F2F2F;}
#consultora .nuestras_oficinas a {background-position:0 -130px;}
#consultora .nuestras_oficinas a:hover {background-position:-1px -553px; background-color:#2F2F2F;}
#consultora .clientes a {background-position:0 -200px;}
#consultora .clientes a:hover {background-position:1px -623px; background-color:#2F2F2F;}
#consultora .descargas a {background-position:0 -270px;}
#consultora .descargas a:hover {background-position:0 -693px; background-color:#2F2F2F;}
#consultora .documentos_interes a {background-position:0 -343px;}
#consultora .documentos_interes a:hover {background-position:0 -766px; background-color:#2F2F2F;}

#consultora a {height:66px;}
#consultora a span {width:480px; float:left;}
#consultora a span.consultora_title {color:#E33426; font-weight:bold; font-size:14px; padding:10px 30px 0 70px;}
#consultora a span.consultora_desc {line-height:14px; font-size:12px; text-align:left; padding:0 30px 0 70px;}
#consultora a:hover span.consultora_title {}
#consultora a:hover span.consultora_desc {color:#FFFFFF;}


/****************************************** CONTACTO */

#contacto {padding:30px 40px; width:880px; float:left; background:url(../img/css/fondo_servicios.jpg) center bottom no-repeat;}
#contacto img {float:right; width:auto; margin:0 0 15px 0;}

#contacto #bienvenidos {width:153px; height:231px; background:url(../img/css/fondo_bienvenidos_contacto.jpg) no-repeat; margin-bottom:14px; float:left; padding:13px 0 0 130px;}
#contacto #bienvenidos h2 {color:#E33426; font-weight:bold; padding:0; margin:0; float:left; width:100%;}
#contacto #bienvenidos p {text-align:left; color:#FFFFFF; line-height:15px; float:left; margin:15px 15px 0 0; width:auto;}

#contacto_f {width:580px; float:right;}
#contacto_f h2 {color:#E33426; font-weight:bold; padding:0; margin:9px 0 0 0; float:left; width:100%;}
#contacto_f h3 {padding:0; margin:0; float:left;}
#contacto_f h2.rojo {color:#E33426; font-size:20px; padding:0; margin:0;}
#contacto_f h3.rojo {color:#E33426; font-size:18px; padding:10px 0 0 0; border-bottom:#E33426 solid 1px;}
#contacto_f h3 span.min {font-size:14px;}
#contacto_f p {margin:9px 0 40px 0; font-size:14px; line-height:14px;}

#contacto_info {float:left; width:175px;}

#contacto_form {padding:43px 15px 20px 20px; background-color:#D9DADC; border-bottom:5px solid #3B3B3B; float:left; margin:10px 15px 0 0; width:352px;}
#contacto_form label {width:60px; float:left; color:#413D3D; font-size:13px; padding:5px 0 0 0;}
#contacto_form input {width:280px; float:left; margin:0 0 12px 0; font-size:13px; padding-top:4px; padding-bottom:4px;}
#contacto_form textarea {width:280px; float:left; font-size:13px; padding-top:4px; padding-bottom:4px; height:180px; margin-bottom:12px;}

#contacto_form input.enviar {background:url(../img/css/enviar_fg.jpg) no-repeat; width:51px; height:22px; border:none; cursor:pointer; float:left; margin:0 0 0 60px;}


/****************************************** EMPRESA */

#empresa {padding:30px 40px; width:880px; float:left; background:url(../img/css/fondo_empresa.jpg) bottom left no-repeat;}
#empresa img {float:right; width:auto; margin:0 0 15px 0;}

#empresa_f {border-bottom:1px #E33426 dashed; float:right; width:580px;}
#empresa_f h2 {color:#FFFFFF; font-weight:bold; padding:15px 0 15px 67px; margin:10px 0 0 0; float:right; width:auto; background-color:#E33426; width:513px;}
#empresa_f h5 {color:#E33426; font-weight:bold; padding:15px 20px 0 67px; width:auto;}
#empresa_f p {line-height:14px; font-size:12px; padding:0 20px 15px 67px; text-align:left;}
#empresa_f .empresa_blanco {width:580px; float:right; background:url(../img/css/fondo_empresa.gif) no-repeat bottom left;}
#empresa_f .empresa_gris {width:580px; float:right; background:url(../img/css/fondo_empresa.gif) no-repeat bottom left #D9DADC;}

#empresa_f .liderazgo {background-position:0 0;}
#empresa_f .compromiso {background-position:0 -70px;}
#empresa_f .profesionalismo {background-position:0 -140px;}


/****************************************** SERVICIOS */

#servicios {padding:30px 40px; width:880px; float:left; background:url(../img/css/fondo_servicios.jpg) bottom left no-repeat;}
#servicios img {float:left; width:auto; margin:0 0 20px 0;}
#servicios img.adj {float:left; width:auto; margin:22px 20px 0 55px;}

.columna_izquierda {float:left; width:231px}
.columna_derecha {float:right; width:640px;}

#servicios p {float:left; width:231px; font-size:14px; color:#413D3D; margin:20px 0 20px 0;}
#servicios p span.rojo {color:#E33426;}

#servicios .consultoria {width:377px; float:left;}
#servicios .consultoria h3 {background:url(../img/css/servicios_consultoria.jpg) no-repeat top left; color:#FFFFFF; padding:28px 0 3px 55px; font-size:14px; font-weight:bold;}
#servicios .consultoria ul {padding:10px 0 10px 18px; background-color:#D9DADC; width:414px;}


#servicios .operatoria {width:377px; float:left; margin:15px 0;}
#servicios .operatoria h3 {background:url(../img/css/servicios_operatoria.jpg) no-repeat top left; color:#FFFFFF; padding:28px 0 3px 55px; font-size:14px; font-weight:bold;}
#servicios .operatoria ul {padding:10px 0 10px 18px; background-color:#D9DADC; width:414px;}

#servicios .logistica {width:377px; float:left;}
#servicios .logistica h3 {background:url(../img/css/servicios_logistica.jpg) no-repeat top left; color:#FFFFFF; padding:28px 0 3px 55px; font-size:14px; font-weight:bold;}
#servicios .logistica ul {padding:10px 0 10px 18px; background-color:#D9DADC; width:414px;}

/****************************************** PROYECTOS */

#proyectos {padding:30px 0 30px 40px; width:880px; float:left; background:url(../img/css/fondo_proyectos.jpg) bottom left no-repeat;}
#proyectos img {float:right; width:auto; margin:0 0 22px 0;}
#proyectos h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 34px; margin:10px 0 20px 0; float:right; background-color:#E33426; width:842px;}

#proyectos p {float:left; font-size:14px; color:#413D3D; padding:0 0 15px 36px; width:830px;}
#proyectos p span.rojo {color:#E33426; font-weight:bold;}

#proyectos .center { width:806px; margin:0 auto;}

#proyectos .proyecto {float:left; width:263px; margin:10px 5px 10px 0; position:relative;}
#proyectos .proyecto img.foto {float:left; background:url(../img/css/fondo_imagen_proyectos.jpg) no-repeat top left; width:auto; padding:2px 10px 10px 2px; margin:0;}
#proyectos .proyecto p {float:left; width:250px; height:20px;
margin:0;
overflow:hidden; padding:0;}

.ampliar {right:12px; top:160px; position:absolute; float:left; width:59px;}

/****************************************** AREA PRIVADA */

#area_privada {width:876px; float:left; background:url(../img/css/fondo_proyectos.jpg) bottom left no-repeat; padding:30px 40px;}

#area_privada h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 60px; margin:0; float:left; background-color:#E33426; width:370px;}

#area_privada .izquierda {width:445px; float:left;}
#area_privada .derecha {width:430px;/* float:left;*/ margin:30px 0 0 223px;}

#registro {float:left; width:430px; background:#EFEFEF; border-bottom:4px #59626B solid; margin:10px 0 0 0; height:380px;}
#ingreso {float:left; width:430px; background:#EFEFEF; border-bottom:4px #59626B solid;}
#olvido_pass {float:left; width:430px; background:#EFEFEF; border-bottom:4px #59626B solid; margin:10px 0 0 0;}


#recuperar_pass {float:left; width:880px; background:#EFEFEF; margin:20px 0 0 0; border-bottom:4px #59626B solid;}
#recuperar_pass h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 60px; margin:0; float:left; background-color:#E33426; width:820px;}
#recuperar_pass_form {float:left; width:400px; background:#EFEFEF; margin:0; padding:14px 20px 5px 60px}

#area_privada #recuperar_pass_form input.boton {float:right; width:70px; border:0; font-size:14px; color:#FFFFFF; background-color:#59626B; padding:4px 0 3px 0; font-size:12px; height:25px; cursor:pointer; margin:5px 43px 0 0;}

#area_privada #recuperar_pass_form label {float:left; width:130px; padding:15px 0 0 0; font-size:14px;}
#area_privada #recuperar_pass_form input {float:left; width:220px; border:#999999 solid 1px; font-size:14px; color:#666666; margin:15px 5px 5px 0;}

#area_privada #registro p {background:#EFEFEF; float:left; margin:26px 0 15px 0; font-size:14px; text-align:left; padding:0 0 0 20px;}
#area_privada #ingreso p {background:#EFEFEF; float:left; margin:0; padding:14px 20px 5px 20px; font-size:12px; text-align:left;}
#area_privada #olvido_pass p {background:#EFEFEF; float:left; margin:0; padding:14px 20px 5px 20px; font-size:12px; text-align:left;}

#area_privada #registro_clientes_form {float:left; margin:0; padding:0 50px 0 60px; font-size:14px; margin:15px 0 0 0;}
#area_privada #registro_clientes_form label {float:left; width:100px; padding:15px 0 0 0;}
#area_privada #registro_clientes_form label.newsl {float:left; width:185px; padding:16px 0 0 100px; font-size:11px;}
#area_privada #registro_clientes_form input {float:left; width:194px; border:#999999 solid 1px; font-size:14px; color:#666666; margin:15px 0 0 0;}
#area_privada #registro_clientes_form input.news {float:left; width:auto; margin:15px 5px 5px 0; border:none; background:none;}
#area_privada #registro_clientes_form input.boton {float:right; width:70px; border:0; font-size:14px; color:#FFFFFF; background-color:#59626B; padding:4px 0 3px 0; font-size:12px; margin:10px 20px 10px 0; height:25px; cursor:pointer;}

#area_privada #ingreso_clientes_form, #area_privada #olvido_pass_form {float:left; margin:0; width:340px; padding:0 30px 10px 60px; font-size:14px;}
#area_privada #ingreso_clientes_form label, #area_privada #olvido_pass_form label {float:left; width:100px; padding:15px 0 0 0;}
#area_privada #ingreso_clientes_form input, #area_privada #olvido_pass_form input {float:left; width:194px; border:#999999 solid 1px; font-size:14px; color:#666666; margin:15px 5px 5px 0;}
#area_privada #ingreso_clientes_form input.boton, #area_privada #olvido_pass_form input.boton {float:right; width:70px; border:0; font-size:14px; color:#FFFFFF; background-color:#59626B; padding:4px 0 3px 0; font-size:12px; height:25px; cursor:pointer; margin:5px 38px 0 0;}

/****************************************** NOVEDADES */

#novedades_c, #novedades_d {padding:30px 0 30px 40px; width:880px; float:left;}
#novedades_c img, #novedades_d img {float:left; width:auto; margin:0 0 22px 0;}
#novedades_c .izquierda h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 105px; margin:10px 0 0 0; float:left; background-color:#E33426; width:458px;}
#novedades_d .izquierda h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 34px; margin:10px 0 0 0; float:left; background-color:#E33426; width:529px;}

#novedades_c .izquierda, #novedades_d .izquierda {width:563px; float:left;}
#novedades_c .derecha, #novedades_d .derecha {width:286px; float:right; padding:10px 0 0 0;}

#novedades_c .derecha #newsletter, #novedades_d .derecha #newsletter {margin:0 0 30px 0;}

#novedades_c .noticia, #novedades_2 .noticia {width:563px; float:left; height:78px; padding:0; line-height:14px;}
#novedades_c .noticia h3 a:hover, #novedades_d .noticia h3 a:hover {text-decoration:underline; color:#E33426;}
#novedades_c .noticia h3, #novedades_d .noticia h3 {font-size:14px; color:#E33426; font-weight:bold; margin:10px 0 0 0; float:left; width:440px; line-height:10px;}

#novedades_c .fecha_noticia {width:440px; float:left; text-align:left; color:#999999; font-size:10px; padding:4px 0 0 0; line-height:10px;}
#novedades_d .fecha_noticia {width:525px; float:left; text-align:left; color:#999999; font-size:14px; margin:15px 0 10px 34px; line-height:10px;}
#novedades_c .noticia p.copete {height:30px; overflow:hidden; margin:5px 0 15px 0; float:left; width:440px; text-align:left;}
#novedades_c .noticia p.texto_noticia {padding:0 0 0 17px;}
.noticia_completa .copete_d {padding:5px 34px 15px 34px; float:left; width:500px; text-align:left; font-style:italic;}
#novedades_d .noticia p.texto_noticia {padding:0 0 0 17px;}

.noticia_completa {float:left; width:auto;}
#novedades_d .noticia_texto p img {float:left; margin:0 20px 15px 0;}
.noticia_texto {float:left; width:auto; padding:0 34px 20px 34px;}
.noticia_texto p {font-size:13px; line-height:20px; margin:10px 0 0 0; float:left;}

#bottom_novedades {color:#FFFFFF; background-color:#E33426; height:20px; padding:6px 18px 0 18px; width:527px; float:left;}
#bottom_proyectos {color:#FFFFFF; background-color:#E33426; height:20px; padding:6px 38px 0 38px; width:790px; float:left; margin:10px 0 0 0;}
#bottom_novedades a:hover {text-decoration:underline; color:#FFFFFF;}
#paginador {color:#FFFFFF; float:left;}
#paginador a {color:#FFFFFF;}
#paginador a:hover {text-decoration:underline;}
#paginador .anterior {float:left; width:auto;}
#paginador .siguiente {float:right; width:auto;}

#novedades_c .noticia .foto_th {height:45px; width:67px; overflow:hidden; float:left; margin:16px 21px 0 17px;}

.gris {background-color:#D9DADC;}

/****************************************** DESCARGAS */

#proyectos p.mensaje_noautorizacion {padding:50px 0; margin:0 0 20px 0; text-align:center; background-color:#EFEFEF; border-bottom:4px solid #59626B; float:right; width:876px; color:#59626B; font-weight:bold; font-size:16px;}

#proyectos .archivo-descarga {float:right; padding:0 0 23px 90px;
width:784px !important; border-bottom:#E33426 dashed 1px; background:url(../img/css/fondo_download.gif) left top no-repeat; margin:0 0 23px 3px;}
#proyectos .archivo-descarga h4 a {font-weight:bold; font-size:14px; color:#413D3D; color:#E33426;}
#proyectos .archivo-descarga p {font-size:12px; margin:5px 0 0 0; padding:0; line-height:14px; width:784px !important;}
#proyectos .archivo-descarga a {font-weight:bold; color:#E33426; font-size:12px;}
#proyectos .archivo-descarga a:hover { text-decoration:underline;}

#bottom_descargas {color:#FFFFFF; background-color:#E33426; height:20px; padding:6px 18px 0 18px; float:left; width:838px; float:right;}
#bottom_descargas a:hover {text-decoration:underline; color:#FFFFFF;}


/****************************************** PESO VOLUMETRICO */

#peso_vol {padding:30px 0 30px 40px; width:880px; float:left;}
#peso_vol img {float:right; width:auto; margin:0 0 22px 0;}
#peso_vol h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 65px; margin:10px 0 20px 0; float:right; background-color:#E33426; width:812px;}
#peso_vol h3 {font-size:14px; color:#E33426; font-weight:bold; float:left; margin:20px 0 0 0;}
#peso_vol p {float:left; font-size:12px; line-height:16px; margin:10px 0;} 

#texto_peso_vol {width:410px; float:left; padding:0 0 0 65px;}
#texto_peso_vol p {width:410px; float:left; margin:27px 0 0 0;}

#calculadora_peso_vol {width:303px; height:367px; background:url(../img/css/fondo_peso_vol.jpg) no-repeat top left; float:right; font-size:11px; color:#D9D9D9; padding:20px 25px 30px 25px;}
#calculadora_peso_vol p {text-align:left; font-size:11px;}
#calculadora_peso_vol h5 {font-size:11px; color:#FFFFFF; font-weight:bold;}
#calculadora_peso_vol form {padding:145px 0 0 0; float:left;}
#calculadora_peso_vol form label {float:left; width:auto; margin:5px 0 0 0;}
#calculadora_peso_vol form input.radio {float:left; width:auto; margin:5px 5px 0 0; background:none; border:0;}
#calculadora_peso_vol form input.text {float:left; width:auto; margin:5px 5px 0 0; width:74px; height:12px; color:#666666; text-align:right;}

.imprimir {background:#E1E1E1; border-top:#FCFCFC 2px solid; border-left:#FCFCFC 2px solid; border-right:#8A8A8A 2px solid; border-bottom:#8A8A8A 2px solid; color:#000000; float:right; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:106px; height:23px; margin:19px 0 0 0; text-align:center;}
.calcular {background:#E1E1E1; border-top:#FCFCFC 2px solid; border-left:#FCFCFC 2px solid; border-right:#8A8A8A 2px solid; border-bottom:#8A8A8A 2px solid; color:#000000; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:60px; height:20px; margin:3px 0 0 0; text-align:center; padding:0 0 3px 0;}


/****************************************** TIPOS DE CONTENEDORES */

#tipo_contenedores {padding:30px 0 30px 40px; width:880px; float:left;}
#tipo_contenedores img {float:right; width:auto; margin:0 0 22px 0;}
#tipo_contenedores h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 40px; margin:10px 0 20px 0; float:right; background-color:#E33426; width:837px;}

#tipo_contenedores .contenedor {width:400px; float:left; margin:0 0 25px 0;}
#tipo_contenedores .contenedor h3 {width:400px; float:left; font-size:11px; font-weight:bold;}
#tipo_contenedores .contenedor img {width:auto; float:left; border:1px solid #969696;}
#tipo_contenedores .contenedor .descripcion_contenedor {float:left; width:217px;}
#tipo_contenedores .contenedor table {width:216px; float:left; font-size:10px; padding:0; margin:0;}
#tipo_contenedores .contenedor table th {font-weight:bold; background-color:#969696; color:#FFFFFF; border:0; text-align:left; width:206px; float:left; padding:0 0 0 10px;} 
#tipo_contenedores .contenedor table tr {width:216px; float:left;}
#tipo_contenedores .contenedor table tr td {width:98px; float:left; padding:0 0 0 10px;}

#tipo_contenedores .contenedor table tr.grist td {background-color:#F1F1F1;}

#tipo_contenedores .izquierda {width:400px; float:left; padding:0 10px 0 40px;}
#tipo_contenedores .derecha {width:400px; float:left;}

/****************************************** CONVERTIDOR DE DIVISAS */

#texto_conv_div {width:750px; float:left; padding:0 0 0 65px;}
#texto_conv_div p {width:750px; float:left;}

#calculador_divisas {width:630px; float:left; background-color:#D9DADC; margin:20px 0 0 0; padding:20px 60px;}
#calculador_divisas p {width:630px; float:left;}

#calculador_divisas form label {float:left; width:auto;}
#calculador_divisas form input {float:left; width:auto; border:1px solid #8A8A8A;}

#calculador_divisas form .comp {width:630px; float:left; padding:10px 0;}
#calculador_divisas form .comp p {width:630px; float:left;}
#calculador_divisas form .comp label {width:60px; float:left;}
#calculador_divisas form .comp input {width:150px; float:left; color:#555555;}

#calculador_divisas form .med {width:250px; float:left; margin:0 40px 20px 0;}
#calculador_divisas form .med p {width:250px; float:left;}
#calculador_divisas form .med label {width:160px; float:left; margin:2px 5px 2px 5px; padding:0;}
#calculador_divisas form .med select {width:208px; float:left; padding:0; margin:5px 0 0 30px; border:1px solid #8A8A8A;}
#calculador_divisas form .med input {margin:0 0 0 30px; background:none; border:0; padding:0;}
#calculador_divisas form .med img {width:auto; float:left; margin:0; padding:0;}

#calculador_divisas form .comp input.borrar {background:#E1E1E1; border-top:#FCFCFC 2px solid; border-left:#FCFCFC 2px solid; border-right:#8A8A8A 2px solid; border-bottom:#8A8A8A 2px solid; color:#000000; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:54px; height:23px; text-align:center; margin:0 10px 0 30px;}
#calculador_divisas form .comp input.convertir {background:#E1E1E1; border-top:#FCFCFC 2px solid; border-left:#FCFCFC 2px solid; border-right:#8A8A8A 2px solid; border-bottom:#8A8A8A 2px solid; color:#000000; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:80px; height:23px; text-align:center;}
#calculador_divisas form .comp input.imprimir {background:#E1E1E1; border-top:#FCFCFC 2px solid; border-left:#FCFCFC 2px solid; border-right:#8A8A8A 2px solid; border-bottom:#8A8A8A 2px solid; color:#000000; float:right; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:120px; height:23px; text-align:center; margin:0; padding:0;}

/****************************************** CONVERTIDOR DE MEDIDAS */

table#conversion_medidas {width:420px; float:left; margin:20px 0 0 0; text-align:left;}
table#conversion_medidas tr {width:420px; float:left; text-align:left;}
table#conversion_medidas tr th {float:left; padding:0 0 0 10px; text-align:left; font-weight:bold;}
table#conversion_medidas tr td.left {float:left; padding:2px 0 2px 10px; width:270px;}
table#conversion_medidas tr td.right {float:left; padding:2px 0 2px 10px; width:130px;}
table#conversion_medidas tr.grist td {background-color:#F1F1F1;}

#peso_vol .izquierda_conv {float:left; width:473px; padding:0 0 0 60px;}
#peso_vol .derecha_conv {background-color:#676968; float:left; width:317px; padding:25px 15px; margin:36px 0 0 0;}
#peso_vol .derecha_conv p {color:#FFFFFF; width:317px; text-align:center; font-weight:bold; font-size:13px; padding:0; margin:0; float:left;}
#peso_vol .derecha_conv form {margin:20px 0 0 0; float:left;}
#peso_vol .derecha_conv form label {width:55px; float:left; color:#CBCBCB; text-align:right; margin:0 5px 0 0;}
#peso_vol .derecha_conv form .marg {margin:5px 0 0 0; float:left;}
#peso_vol .derecha_conv form input {width:45px; float:left; margin:0 5px 0 0; height:17px;}
#peso_vol .derecha_conv form select {width:135px; float:left; margin:0 5px 0 0;}

/****************************************** LOGISTICA */

#logistica {padding:30px 40px; width:880px; float:left;}
#logistica img {float:left; width:auto; margin:0;}

#logistica_c img {float:left; width:auto; margin:0; padding:30px 0 30px 0;}
#logistica_c h2 {color:#FFFFFF; font-weight:bold; padding:10px 0 10px 120px; margin:30px 0 0 19px; float:left; background-color:#E33426; width:442px;}

#logistica_c .bloque {margin:0 0 0 19px; float:left; width:562px;}
#logistica_c .bloque img {float:left; width:auto; padding:7px 32px 7px 17px; margin:0;}
#logistica_c .bloque h5 {color:#E33426; font-weight:bold; margin:12px 0 0 0; width:443px; float:left;}
#logistica_c .bloque p {font-size:13px; line-height:14px; margin:0 0 12px 0; text-align:left; width:330px; float:left;}

/****************************************** NUESTRAS OFICINAS */

#oficinas {padding:30px 40px; width:880px; float:left;}
#oficinas img {float:left; width:auto; margin:0 0 30px 0;}

#oficinas #oficina_info {float:left; width:300px;}
#oficinas #oficina_info p {font-size:13px; line-height:16px; margin:0 0 12px 0; width:238px; float:left; text-align:justify;}
#oficinas #oficina_info p span.red {color:#E33426}
#oficinas #oficina_info img {float:left; width:auto;}

#oficinas .bloque_gris {width:515px; float:left; background:url(../img/lotsa_gris.gif) no-repeat top left #D9DADC; padding:10px 0 10px 65px;}
#oficinas .bloque_gris h5 {color:#E33426; font-weight:bold; width:513px; float:left; margin:0; padding:0;}
#oficinas .bloque_gris address {font-style:normal; font-size:12px; line-height:15px; margin:0; padding:0; float:left;}

#oficinas .bloque_blanco {width:515px; float:left; background:url(../img/lotsa_blanco.gif) no-repeat top left #FFFFFF; padding:14px 0 14px 65px;}
#oficinas .bloque_blanco h5 {color:#E33426; font-weight:bold; width:513px; float:left; margin:0; padding:0;}
#oficinas .bloque_blanco address {font-style:normal; font-size:12px; line-height:15px; margin:0; padding:0; float:left;}

/****************************************** MAPA DEL SITIO */

.mapa_sitio {width:350px; float:left; margin:0 30px 0 25px;}
.mapa_sitio h3 {width:350px; float:left; color:#E33426; font-weight:bold; border-bottom:#E33426 dashed 1px; font-size:20px; padding:0 0 0 15px; margin:10px 0 10px 0;}
.mapa_sitio ul li {font-size:14px; margin:2px 0 0 15px;}
.mapa_sitio ul li a:hover {color:#E33426; text-decoration:underline;}
 
/****************************************** CLIENTES */
  
#logistica .cliente {width:250px; float:left; margin:40px 100px 10px 0;}
#logistica .cliente img {background:url(../img/fondo_cliente.jpg) no-repeat top left; padding:0 12px 12px 0;}
#logistica .cliente p {width:240px; float:left; margin:0 0 0 3px; padding:0; text-align:left; font-size:14px; font-weight:bold;}
#clientes {width:700px; margin:0 0 0 140px;}

/****************************************** TABLA DE OPERACIONES */

#area_privada_tabla {width:876px; float:left; background:url(../img/css/fondo_proyectos.jpg) bottom left no-repeat; padding:30px 40px;}

#area_privada_tabla h2 {color:#E33426; font-weight:bold; text-align:center;}

#tabla-operaciones {text-align:center; float:left; margin:20px 0 0 0;}
#tabla-operaciones table {border-bottom:2px solid #59626B; margin:0 auto;}
#tabla-operaciones .encabezado-tabla td {background-color:#E43425; color:#FFFFFF; padding:3px 30px;}
#tabla-operaciones td {background-color:#F5F5F5; padding:2px 0; margin:1px; border:1px solid #FFFFFF;}

 
/*****************************************************************************************************
											COLORBOX
*****************************************************************************************************/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay div {width:auto !important} /***** Sin conflictos para div{width:100%}*/
#cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.gif) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.gif) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.gif) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.gif) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.gif) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.gif) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.gif) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.gif) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.gif) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.gif) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.gif) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
		
		


/*****************************************************************************************************
					   "La simplicidad es la mayor sofisticación" - Leonardo Da Vinci
*****************************************************************************************************/



