/* ----- define some default values ----- */

html { overflow-y:scroll }
body { background:#4a6674 url(layout/body-back.gif) repeat-x top }
body, h1, h2, h3, p, ul, li, dl, dt, dd, form, label, img, input, textarea { margin:0px; padding:0px }
body, input, select, textare, table { color:#fff; font-size:12px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:14px }
body, html { margin:0px; padding:0px; width:100%; text-align:center }
a  { color:#49c3f7 }
h1 { font-size:18px }
h2 { font-size:14px }
h3 { font-size:15px }
ul { margin-left:20px; padding-bottom:15px }
li { margin-bottom:2px }
a:hover { color:#a5eff2 }
p, h1, h2, h3 { padding-bottom:15px }
img, table { border:0px }
input, select, textarea, label { float:left; font-size:11px }
input.text, textarea, select { margin:0px 3px 3px 0px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px }
input.text, textarea { border:1px solid #aaa; padding:1px }
input.checkbox { float:left; width:13px; height:13px }
label { padding-top:1px; padding-right:3px; cursor:pointer }
.submit { position:absolute; top:-1000px; left:-1000px }
table td, table th { vertical-align:top }

/* ----- custom classes ----- */

.clear { height:1px; line-height:1px; overflow:hidden; clear:both }
.departamento { overflow:hidden }
.wdivider { background:url(extras/w-divider.gif) repeat-x top left }
.addrepuesto { float:right; background:url(extras/addbtn.gif) no-repeat top left; padding-left:18px; cursor:pointer; margin-top:5px }
.input-error { clear:both; line-height:10px; text-align:right; padding:0px 13px 5px; margin-right:10px; color:#d00; font-size:10px; background:url(extras/error-top.gif) no-repeat right 3px }

.rounded { display:block; margin:0px }
.rounded .br  { display:block; border:1px solid #ccc }
.rounded .b1 { margin:0px  1px; padding:0px; border-width:1px 0px; background:#fff }
.rounded .b2 { margin:0px -1px; padding:0px; border-width:0px 1px }
.rounded .body, .rounded .content, .rounded .caption { display:inline-block; margin:0px; padding:0px; border-width:0px; cursor:default; font-weight:normal }

.rounder { display:block; margin:0px }
.rounder .br1 { height:1px; background:#95a3a6; margin:0px 2px; overflow:hidden; }
.rounder .br2 { height:1px; background:#f3f3f3; margin:0px 1px; overflow:hidden; border:1px solid #95a3a6; border-width:0px 1px }
.rounder .inner { background:#f3f3f3; margin:0px; border:1px solid #bfc6cc; border-width:0px 1px }
.rounder .inner .inner { background:#fff; margin:0px 1px; border-width:0px }

/* ----- main containers ----- */

#root { width:844px; margin:0px auto; padding-bottom:20px }
#header { height:105px; text-align:left; position:relative; z-index:10 }
#header .logo { position:absolute; top:0px; left:0px; z-index:5 }
#header .bright { position:absolute; top:0px; right:0px; z-index:5 }

#topoptions { position:absolute; right:22px; top:10px; z-index:10 }
#topoptions td { padding:2px }
#topoptions .text { padding:0px 1px; border:1px solid #656d71; background:#333c42; font-size:10px; width:170px }
#topoptions .text:hover { border:1px solid #ccc; }
#topoptions .icon { display:block; width:14px; height:14px; text-decoration:none }
#topoptions .search { background:url(layout/icon-search.gif) no-repeat left -14px }
#topoptions .sitemap { background:url(layout/icon-sitemap.gif) no-repeat left -14px }
#topoptions .login { background:url(layout/icon-rrhh.gif) no-repeat left -14px }
#topoptions .mail { background:url(layout/icon-mail.gif) no-repeat left -14px }
#topoptions .langes { background:url(layout/icon-lang-es.gif) no-repeat left -14px }
#topoptions .langen { background:url(layout/icon-lang-en.gif) no-repeat left -14px }
#topoptions .langpt { background:url(layout/icon-lang-pt.gif) no-repeat left -14px }
#topoptions a:hover, #topoptions .selected { background-position:left top }

#topmenu { height:105px; background:url(layout/menu-top-back.gif) repeat-x left bottom }
#topmenu .indent { padding-top:71px; margin-left:237px }
#topmenu ul { display:block; margin:0px; padding:0px; height:20px; font-size:13px; font-weight:bold; position:relative; z-index:6 }
#topmenu ul li { float:left; list-style:none; border-right:1px solid #4ca6d8; padding:0px 2px }
#topmenu ul li a { display:block; text-decoration:none }
#topmenu ul li a b { display:block; line-height:11px }
#topmenu ul li a b b { color:#fff; text-decoration:none; margin:0px 7px; padding:4px 0px }
#topmenu ul li a b b b { margin:0px -3px; padding:0px }
#topmenu ul li a:hover { background:url(layout/home-menu-hover-left.gif) no-repeat left top }
#topmenu ul li a:hover b { background:url(layout/home-menu-hover-right.gif) no-repeat right top }
#topmenu ul li a:hover b b { background:#01476f }
#topmenu ul li a.selected { background:url(layout/home-menu-selected-left.gif) no-repeat left top }
#topmenu ul li a.selected b { background:url(layout/home-menu-selected-right.gif) no-repeat right top }
#topmenu ul li a.selected b b { background:#0e577a }

#sidemenu a { color:#fff; text-decoration:none; display:block; background:url(layout/side-menu-button.gif) no-repeat right top; text-align:right; height:31px }
#sidemenu b { display:block; padding:7px 25px 0px 5px }
#sidemenu a:hover { color:#a7e4ff; background-position:left -31px }
#sidemenu a.selected { background-position:left -62px }

#sec-root {margin-top:5px; margin-right:20px }
#colleft { float:left; width:265px; text-align:left; padding-left:17px; padding-top:0px; position:relative; z-index:1; padding-right:10px; }
#colleft img { display:block }
#colright { text-align:left; padding-top:5px; background:#62808f url(layout/frame-back.gif) repeat-x left top; }
#main_content { padding-bottom:1px; width:535px }
#main_content h1 { background:url(layout/frame-hdr.gif) repeat-x left top; font-size:18px; height:31px; padding-bottom:10px }
#main_content h1.first { background:url(layout/frame-hdr-first.gif) repeat-x left top }
#main_content h1 b { display:block; padding:5px 15px }
#main_content h1 i { font-style:normal }
#main_content h1 em { font-style:normal }

#main_content .imagen a { display:block; border:1px solid #2c96c3; background:#fff; padding:2px; color:#444; text-decoration:none; margin:0px 0px 7px 0px }
#main_content .imagen a img { margin-bottom:2px }
#main_content .imagen a b { display:block; padding:0px; line-height:12px }
#main_content .imagen a b.desc { font-weight:normal; font-size:9px; color:#666 }
#main_content .imagen a.left { margin:0px 10px 10px 0px }
#main_content .imagen a.right { margin:0px 0px 10px 10px }
#main_content .imagen a.center { margin:0px 0px 10px 0px }
#main_content .archivo a { display:block; text-decoration:none; margin:0px 0px 10px; text-align:left; padding-bottom:1px }
#main_content .archivo a img { float:left }
#main_content .archivo a span, #main_content .archivo a em { display:block; color:#bbb; font-size:9px; padding:0px; padding-right:60px; padding-bottom:3px; font-style:normal }
#main_content .archivo a b, #main_content .archivo a strong { display:block; padding:0px; line-height:12px }
#main_content .archivo a b.desc, #main_content .archivo a strong.desc { font-weight:normal; font-size:9px; color:#eee }
#main_content .archivo a.left { margin:0px 10px 10px 0px }
#main_content .archivo a.right { text-align:right; margin:0px 0px 10px 10px }
#main_content .archivo a.right img { float:right }
#main_content .archivo a.left b, #main_content .archivo a.left strong { padding-left:60px }
#main_content .archivo a.right b, #main_content .archivo a.right strong { padding-right:60px }
#main_content .archivo a.left span, #main_content .archivo a.left em { padding-left:60px }
#main_content .archivo a.right span, #main_content .archivo a.right em { padding-right:60px }
#main_content .video a { display:block; border:1px solid #2c96c3; background:#fff; padding:2px; color:#444; text-decoration:none; margin:0px 0px 10px 0px }
#main_content .video a img { margin-bottom:4px }
#main_content .video a b { display:block; padding:0px; line-height:12px }
#main_content .video a b.desc { font-weight:normal; font-size:9px; color:#666 }
#main_content .video a.left { margin:0px 10px 10px 0px }
#main_content .video a.right { margin:0px 0px 10px 10px }
#main_content .video a.center { margin:0px 0px 10px 0px }
#main_content .video span { display:block; margin-bottom:4px }
#main_content .recursos { float:right; padding-right:10px; padding-left:0px /*margin-bottom:15px /*position:absolute; right:10px; top:43px*/ }

.frame { padding:0px; display:inline-block; width:100% }
.frame td { vertical-align:top }
.frame .body { padding:0px 15px; font-size:13px; line-height:15px; text-align:justify }
.frame h2 { padding-bottom:10px; font-size:15px }
.frame h3 { text-align:center; font-style:italic; padding-bottom:20px }
.data { font-size:11px; color:#e5e5e5; border-bottom:1px solid #7e8c93; padding:3px 15px 6px; margin-top:-10px; margin-bottom:15px; background:#5f7c89 url(layout/frame-data-back.gif) repeat-x left bottom }
.data p { padding:0px }
.data hr { height:1px; border:0px; border-top:1px solid #7e8c93 }

.homeslider { }
.homefooter { }
.homefooter table { margin:0px 15px; border-left:1px solid #6e7d84; width:814px }
.homefooter th { width:33%; padding:0px 2px; white-space:nowrap; border-right:1px solid #6e7d84; vertical-align:bottom; background:#3a4a53 url(layout/home-footer-th-back.gif) repeat-x left bottom }
.homefooter th a { color:#fff; text-decoration:none }
.homefooter th a:hover { color:#49c3f7 }
.homefooter th div { width:264px; overflow:hidden; padding:10px 0px 15px; font-size:13px; border-bottom:1px solid #6e7d84; position:relative; z-index:5 }
.homefooter td { width:33%; border-right:1px solid #6e7d84; vertical-align:top; text-align:left; background:#3d4f59 url(layout/home-footer-td-back.gif) repeat-x left bottom }
.homefooter td div { position:relative; padding:10px; font-size:11px; line-height:14px }
.homefooter td p { position:relative; bottom:0px; right:0px; z-index:5; margin:0px; padding:0px }
.homefooter .pic { padding:0px; background:#3a4a53 }
.homefooter .pic div { width:264px; padding:0px 0px; margin:1px auto 0px; background:#3a4a53; overflow:visible }
.homefooter .pic div img { margin-left:-3px; margin-bottom:1px }

.homelogos { float:left; padding:4px 17px; text-align:left }
.homelogos a { float:left; margin-right:10px; height:22px; text-decoration:none }
.homelogos a.merlo { background:url(extras/logo-merlo2.gif) no-repeat top left; width:95px }
.homelogos a.genie { background:url(extras/logo-genie2.gif) no-repeat top left; width:59px }
.homelogos a.catlt { background:url(extras/logo-cats2.gif) no-repeat top left; width:71px }
.homelogos a.konec { background:url(extras/logo-konecranes2.gif) no-repeat top left; width:89px }
.homelogos a:hover { background-position: 0px -22px }
.homelogos2 { float:right; padding:4px 17px; text-align:right }
.homelogos2 a { float:right; margin-left:10px; height:22px; text-decoration:none }
.homelogos2 a.ariel { background:url(extras/logo-ariel.gif) no-repeat top left; width:56px }
.homelogos2 a.catoem { background:url(extras/logo-cats-oem2.gif) no-repeat top left; width:134px }
.homelogos2 a:hover { background-position: 0px -22px }
.ellecktra { float:right; font-size:9px; color:#31424b; font-weight:bold; text-decoration:none; margin:0px -5px 0px 0px !important }
.ellecktra:hover { color:#31424b }

.gallery { width:200px; float:right; margin:0px 0px 0px 10px; padding-bottom:10px; position:relative }
.gallery .body { background:#fff; border:1px solid #a5b5bb; color:#666; font-size:10px; padding:0px !important }
.gallery .inner { margin:2px }
.gallery .next { width:12px; height:12px; cursor:pointer; position:absolute; top:-5px; right:2px; background:url(extras/gallery-next.gif) no-repeat center center }
.gallery .prev { width:12px; height:12px; cursor:pointer; position:absolute; top:-5px; right:17px; background:url(extras/gallery-prev.gif) no-repeat center center }
.gallery img { display:block }

.bbutton { float:left; cursor:pointer; text-decoration:none }
.bbutton .br { border-color:#466776 }
.bbutton .caption { background:#466776 url(extras/button-background.gif) repeat-x bottom; color:#fff; padding:2px 7px; cursor:pointer }

.THint { font-size:11px; margin:0px 3px }
.THint .inner { background:#fffccd; border:1px solid #9e9c77; padding:2px 4px 0px; min-width:100px; max-width:650px }
.THint h1 { font-size:14px }

.TModalWin-back { position:absolute; z-index:2; background:#000 }

/* ----- formulario de contacto ----- */

.formContacto { background:#393e42 url(extras/bck_contacto.jpg) repeat-x bottom; border:1px solid #1e2529; padding:8px; padding-right:0px; width:385px; margin:0px auto }
.formContacto .form label { width:60px; text-align:left }
.formContacto .form input { width:310px }
.formContacto .form input:hover { color:#000; border-color:#26a6df }
.formContacto .form select { width:314px }
.formContacto .form textarea { width:310px; overflow-y:scroll; height:75px; margin-left:63px }
.formContacto .form textarea:hover { color:#000; border-color:#26a6df }
.formContacto .controls { text-align:right; background-color:#404549; padding:4px; margin-right:6px }
.formContacto .controls input { border:1px solid #26a6df; padding:1px 10px; cursor:pointer; float:none; font-weight:bold; background:#0369ab url(extras/bck_btn.jpg) repeat-x }
.formContacto .controls input:hover { border-color:#7dd3fa; color:#fff }

/* ---------------------------------- */

.producto h2 { color:#26a9f1; margin:0px 2px; padding:5px 0px; font-size:15px; text-align:center }
.producto .image { background:url(extras/prod-div-back.gif) repeat-x left bottom; height:114px }
.producto .image a { display:block; height:114px; border:0px }

.buscador h2 { color:#26a9f1; margin:0px 2px; padding:5px 0px 15px; font-size:15px; text-align:center; text-align:left; margin-left:65px; padding-left:25px; background:#fff url(extras/busc-h2-back.gif) repeat-x left bottom }
.buscador .inner { color:#507282; padding:5px 5px 2px; background:#fff url(extras/busc-div-back.gif) repeat-x left bottom }
.buscador .inner .inner { background:transparent }
.buscador .title { position:relative }
.buscador img { position:absolute; top:0px; left:0px }
.buscador .search { float:right; padding:15px 0px }
.buscador .search label { width:125px; text-align:right; padding-right:10px; font-weight:bold }
.buscador .search select { width:275px }

.resultados .inner { color:#507282; padding:2px 1px; background:#fff }
.resultados .inner .inner { background:transparent }
.resultados .resultado { position:relative; font-size:12px; display:block; border-bottom:1px solid #bbc7cb; overflow:hidden; padding:5px 2px; /*background:url(extras/busc-res-back.gif) repeat-x bottom*/ }
.resultados .resultado .coll { position:absolute; width:165px; height:75px; padding-right:5px; border-right:1px solid #bbc7cb }
.resultados .resultado .coll .marca { position:absolute; top:0px; left:0px; z-index:2; font-size:14px; font-weight:bold; text-align:center; width:65px; height:30px }
.resultados .resultado .coll .modelo { position:absolute; top:38px; left:0px; z-index:3; width:60px; text-align:center; font-size:11px }
.resultados .resultado .coll .producto { position:absolute; top:0px; right:3px; width:100px; height:75px; z-index:1 }
.resultados .resultado .colr { position:absolute; top:5px; right:0px; width:80px; z-index:1; padding-left:0px; border-left:1px solid #bbc7cb }
.resultados .resultado .colr .pdf { text-align:center; width:80px }
.resultados .resultado .colr .pdf { color:#bbd2dc }
.resultados .resultado .colr .pdf a { color:#507282; text-decoration:none }
.resultados .resultado .colr .pdf p { padding:1px 0px 3px; font-size:10px }
.resultados .resultado .colr .bbutton { font-size:10px; float:right; margin-right:3px }
.resultados .resultado .colr .bbutton .caption { padding:2px 3px }
.resultados .resultado .colm { padding-left:180px; top:5px; width:235px }
.resultados .resultado .colm h2 { margin:0px; padding:0px; font-size:12px; padding-bottom:5px; color:#335e73; background:none }
.resultados .resultado .colm p { padding:0px; font-size:11px }
.resultados .minheight { height:77px; float:left }

.consultar .inner { color:#507282; padding:3px; background:#fff url(extras/busc-div-back.gif) repeat-x left bottom; width:520px }
.consultar .inner .inner { background:transparent }
.consultar .waitclose { width:14px; height:14px; float:right; cursor:pointer; margin:-4px 4px 0px }
.consultar .header { width:510px; height:97px; text-align:left; background:url(extras/consulta-hdr-back.gif) repeat-x bottom }
.consultar .header h2 { text-align:left; color:#29abe2; margin:0px; padding:6px 0px 0px }
.consultar .header .modelo { margin:0px; padding:2px 0px }
.consultar .header .nombre { font-weight:bold; padding:2px 0px 0px }
.consultar .header .marca { margin-top:0px }
.consultar .header .producto { float:right; margin-top:-0px }
.consultar .formulario { text-align:left; padding:0px; margin:0px; padding-bottom:5px }
.consultar .formulario p { text-align:left }
.consultar .enviando, .consultar .enviado { padding:0px; margin:0px; display:none }
.consultar .enviando table, .consultar .enviado table { height:173px;  padding:0px; margin:0px; width:100% }
.consultar .enviando table td, .consultar .enviado table td { padding:0px; margin:0px; text-align:center; vertical-align:middle; color:#507282 !important }

/* ----- sitemap ----- */

table.sitemap { width:100%; margin-bottom:10px; margin-top:-15px }
table.sitemap a { text-decoration:none; color:#fff }
table.sitemap a:hover { color:#a5eff2 }
table.sitemap th { vertical-align:top; font-size:14px; padding:15px 0px; /*background:#4b565d*/; border-bottom:1px dotted #7f97a4; white-space:nowrap; width:1% }
table.sitemap td { vertical-align:top; padding:15px 0px 15px 50px; border-bottom:1px dotted #7f97a4 }
table.sitemap td div { padding-bottom:3px }
table.sitemap td a { background:url(extras/arrow-siemap.gif) no-repeat left 5px; padding-left:10px }