/* GENERAL */

*
{ margin:0px; padding:0px; border:none; }

html
{ overflow: -moz-scrollbars-vertical; }

html, body 
{height: 100%;}

/*Opera Fix*/
body:before 
{ content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }

body
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; background-color:#e0e0e0; color:#333333; line-height:1.6em; }

p
{ padding-bottom:8px }

h1
{ padding-bottom:16px; padding-top:10px; color:#3366cc; font-weight:bold; font-size:18px; line-height:20px }

h2
{ padding-bottom:4px; padding-top:16px; color:#235B87; font-size:14px; font-weight:bold; line-height:16px }

h3
{ padding-bottom:20px; padding-top:10px; color:#235B87; font-size:26px; font-weight:bold; line-height:26px }

h4
{ padding-bottom:16px; color:#3366cc; font-weight:bold; font-size:18px; line-height:20px }

h5
{ padding-bottom:20px; padding-top:10px; color:#235B87; font-size:26px; font-weight:normal; }

a
{ text-decoration:none; color:#3366cc }

a:hover
{ text-decoration:underline; }

img
{ border:0px }

img a
{ border:0px }

#wrap 
{ min-height: 100%; }

#contenido
{ width:746px; margin:0 auto; text-align:left; position:relative; overflow:auto; padding:0 0 192px; }

.negrita
{ font-weight:bold }

ul
{ list-style:none; }


/* HEADER */

#header
{ height:177px; width:100%; background:url(img/header-back.gif) repeat-x top left #FFFFFF; position:absolute; top:0; left:0; z-index:-10; }

.header
{ width:746px; margin:0px auto; padding-top:16px; text-align:left; line-height:1.3em; }

.header img
{ float:left; }

.header ul
{ margin:4px 0 0 20px; padding:0 20px 0 0; height:80px; }

ul.importa
{ font-size:11px; float:right; border-right:1px solid #666 }

ul.importa li
{ clear:both; }

ul.importa img
{ padding:0 3px 3px 0 }

ul.contacto-header
{ font-size:11px; float:right; }



/* MENU ARRIBA */

#menu
{ font-size:12px; letter-spacing:0px; height:120px; width:746px; background:url(img/banner.jpg) center bottom repeat-x; color:#333; text-align:center; padding-top:56px; }
	
#menu.index
{ height:246px; background:url(img/banner-home.jpg) center bottom no-repeat; color:#333; position:relative; }

#menu.index ul.tagline
{ margin-top:46px; color:#fff; font-size:22px; margin-left:16px; line-height:140%; text-align:left; }

#menu.index ul.tagline li
{ margin-bottom:34px; padding-left:20px; background:url(img/asterisk.png) left 6px no-repeat; }

.menu
{ list-style:none; display:inline; text-align:left; }

.menu li
{ display:inline; padding: 0 7px }

.menu-selected
{ color:#3366cc }

.menu a
{ text-decoration:none; color:#333 }

.menu a:hover
{ color:#3366cc }

#menu h1
{ margin-top:54px; margin-left:44px; color:#fff; font-size:30px; font-weight:normal; text-align:left; padding:0 0 0 22px; background:url(img/asterisk.png) top left no-repeat; float:left; }

.titulo
{ padding-top:58px; padding-left:46px; display:inline; float:left }

ul#submenu-productos
{ float:left; margin-left:20px; font-size:18px; color:#333; }

ul#submenu-productos li
{ float:left; padding-top:48px; margin-top:10px; padding-right:15px; margin-right:5px; padding-bottom:14px; border-right:1px solid #333; }

ul#submenu-productos li:last-child
{ border:none; padding-right:0; margin-right:0; }

ul#submenu-productos a
{ text-decoration:none; color:#333; padding-left:8px; }

ul#submenu-productos a:hover
{ color:#666; }

ul#submenu-productos li.aca a
{ color:#ccc; background:url(img/arrow.png) left 4px no-repeat; }

.subitem-productos
{ padding-right:10px; vertical-align:top }




/* PRINCIPAL */

#main
{ padding-top:30px; }

#menu-lateral
{ width:230px; height:350px; float:left }

#menu-lateral ul
{ padding-bottom:20px; display:block; width:100%; margin:0px }

#menu-lateral li
{ list-style:none; color:#3366cc; background:url(img/dot.gif) repeat-x left bottom; }

#menu-lateral a
{ text-decoration:none; color:#000000; display:block; padding-top:4px; padding-bottom:6px; padding-left:6px; height:100% }

#menu-lateral li a:hover
{ background:url(img/dot.gif) repeat-x left bottom #ccc;   }

#menu-lateral .aca
{ color:#fff; display:block; padding-top:4px; padding-bottom:6px; background:url(img/dot.gif) repeat-x left bottom #999;  padding-left:6px;   }

.menu-lateral-titulo
{ display:block; padding-top:4px; padding-bottom:6px; padding-left:6px; }

#producto
{ float:right; width:470px; padding-bottom:30px }

#producto img
{ margin-bottom:14px; }

.tabla
{ margin-top:14px; margin-bottom:14px; border:0px; display:table; }

.tabla tr
{ background-color:#ccc; }

.tabla td
{ padding-left:10px; height:22px }

table .tabla-titulo-big
{ background-color:#666; height:34px; vertical-align:center; color:#fff; font-weight:bold; font-size:13px }

table .tabla-titulo-small
{ background-color:#666; vertical-align:center; color:#fff; font-size:13px }

/* INDEX */


#main-index
{ margin-top:-20px; padding-left:17px; padding-bottom:30px; position:relative; }

#index-left
{ width:360px; float:left; position:relative; } 

#index-left img
{ display: inline; padding-bottom:0px }

.subitems
{ position:relative; width:360px; height:148px; }

.subitems h5
{ position:absolute; top:71px; left:166px; }

.subitems p
{ position:absolute; top:112px; left:166px; background:url(img/arrow.png) no-repeat left 4px; padding-left:8px }

#index-right
{ width:310px; float:left; padding-left:50px; padding-top:30px  }

/* SECCIONES INTERNAS */

#empresa-left
{ width:350px; float:left; display:inline; padding-bottom:30px; line-height:1.6em }

#empresa-right
{ width:316px; float:left; padding-left:60px; padding-bottom:30px }

#empresa-right img, #empresa-left img
{ padding:20px 0 }

.instalaciones-left
{ margin-right:26px; margin-bottom:30px }

.instalaciones-right
{ margin-right:0px; margin-bottom:30px }

.serv-tecnico img
{ float:left; margin-bottom:21px; }

.faq
{ color:#3366cc; margin-top:30px }


/* FOOTER */

#footer
{ height:132px; background:url(img/footer.jpg) repeat-x #6A7B89; text-align:left; color:#ccc; font-size:11px; margin-top: -132px; position:relative; clear:both; }

#footer a
{ text-decoration:none; color:#003366 }

#footer a:hover
{ text-decoration:underline; }

.footer
{ width:746px; height:80px; margin:0px auto;  }

.footer img
{ padding-top:36px; float:left }

.contacto-footer
{ float:left; padding-left:30px; margin-left:30px; border-left:1px solid #999; margin-top:26px }

.footer .venado
{ padding-top:57px; width:94px; float:right; color:#000; }

.footer .venado img, .footer .venado span
{ padding:0; display:inline; float:none;  vertical-align:middle; }

.footer .venado a
{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }

.footer .venado a:hover
{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
