/* GENERAL */

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

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

p
{ margin-bottom:8px }

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

h2
{ margin-bottom:4px; margin-top:16px; color:#485C6C; font-size:14px; font-weight:bold; line-height:16px }

h3
{ margin-bottom:20px; margin-top:10px; color:#485C6C; font-size:26px; font-weight:bold; line-height:26px }

h4
{ margin-bottom:16px; color:#cc0000; font-weight:bold; font-size:18px; line-height:20px }

a:link, a:active, a:visited
{ text-decoration:none; color:#cc0000 }

a:hover
{ text-decoration:underline; color:#cc0000 }

img
{ border:0px }

img a
{ border:0px }

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

.negrita
{ font-weight:bold }



/* HEADER */

#header
{ height:177px; background:url(img/header-back.gif) repeat-x top left #FFFFFF; text-align:left; }

.logo-header
{ width:746px; margin:0px auto; padding-top:16px; text-align:left; }

.info-header
{ width:372px; height:50px; margin-top:-56px; margin-left:380px }

.importa
{ width:160px; font-size:11px; margin-top:8px; float:left; height:100%; }

.importa img
{ padding-right:3px }

.vert-header
{ width:5px; float:left; margin-right:10px; margin-left:10px }

.contacto-header
{ width:180px; font-size:11px; float:left; height:100% }



/* MENU ARRIBA */

#menu
{ font-size:12px; letter-spacing:0px; margin-top:-50px; position:absolute; height:120px; width:746px; text-align:left; background:url(img/banner.gif) top center no-repeat; color:#333; letter-spacing:0px }

#menu-productos /* cambia la imagen de fondo del banner rojo */
{ font-size:12px; letter-spacing:0px;	margin-top:-50px; position:absolute; height:120px; width:746px; text-align:left;	background:url(img/banner-prod.gif) top center no-repeat; color:#333; letter-spacing:0px; vertical-align:top;}
	
#menu-index
{ font-size:12px; letter-spacing:0px;	margin-top:-50px; position:absolute; height:245px; width:746px; text-align:left;	background:url(img/banner-home.jpg) top center no-repeat; color:#333; letter-spacing:0px; vertical-align:top; z-index:1; position:relative}

.menu
{ list-style:none; }

.menu li
{ display:inline; padding-right:16px; padding-left:16px }

.menu-selected
{ color:#cc0000 }

.menu a:link, .menu a:visited, .menu a:active
{ text-decoration:none; color:#333 }

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

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

#submenu-productos
{ display:inline; padding-top:65px; padding-left:5px; float:left; vertical-align:top  }

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




/* PRINCIPAL */

#main
{ padding-top:100px }

#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:#cc0000; background:url(img/dot.gif) repeat-x left bottom; }

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

#menu-lateral li a:hover
{ text-decoration:none; color:#000000; display:block; padding-top:4px; padding-bottom:6px; padding-left:6px; 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 }

.titulo-img
{ width:100%; height:100%; padding-bottom:10px }

#producto li
{ list-style-type:none; background-image:url(img/arrow.gif); background-position: left center; background-repeat: no-repeat; 	padding-left: 15px; color:#000000; line-height:20px }

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

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

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

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

#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; z-index:2; position:relative; }

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

#index-left p
{ position:relative; top:-36px; left:166px; background:url(img/arrow-grey.gif) no-repeat left center; padding-left:8px }

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

#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
{ padding-bottom:20px }

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

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

#serv-tecnico
{ height:240px }

#serv-tecnico p
{ margin-bottom:30px }

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


/* FOOTER */

.clear
{ clear:both }

#footer
{ height:132px; background:url(img/back-footer.gif) repeat-x #6A7B89; text-align:left; color:#ccc; font-size:11px; }

#footer a:link, #footer a:active, #footer a:visited
{ text-decoration:none; color:#990000 }

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

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

.logo-footer
{ padding-top:30px; width:120px; float:left }

.barra-footer
{ padding-top:20px; float:left }

.contacto-footer
{ float:left; padding-left:30px; padding-top:26px }

.venado
{ padding-top:57px; width:99px; float:right }