@charset "utf-8";
/* CSS Document */

#contenedor_pral { display: block; margin: 0 auto; width: 64em;}

#cabecera { display: block; float: left; margin: 0; padding: 0; width: 64em; height: 8.1em; background: url(../imagenes/logo_novapet.gif) 0.5em top no-repeat;}

#texto_eslogan { position: absolute; bottom: 0px; left: 0px; width: 43.2em; text-align: right; padding: 0 1.6em 1.5em 0;}

#menu_superior { display: block; float: left; margin: 0; width: 63.5em; height: 1.5em; padding: 0 0 0 0.5em;}

#menu_flujo { display: block; float: left; margin: 0; width: 39.5em; font-size: 7.5pt; color: #000000;}
#menu_secciones_top { display: block; float: right; margin: 0; width: 250px; font-size: 7.5pt; text-align: right;}

#titulo_seccion { display: block; float: left; margin: 0; width: 63em; padding: 1.5em 0.5em; background: #000000;}

#contenedor_contenido { display: block; float: left; margin: 0; width: 64em; background: #FFFFFF; padding: 0 0 2em 0;}

#pie { display: block; float: left; margin: 0 0 1em 0; width: 63.5em; background: #FFFFFF; border-bottom: 0.75em solid #000; padding: 0 0.5em 0.5em 0; text-align: right;}
#registro_pie { display: block; margin: 0 0 2em 0; width: 64em; text-align: center;}
#validator_pie { display: block; margin: 0; width: 100%; font-size: 7pt; text-align: right;}

#zonas_index { display: block; float: left; width: 63.5em; padding: 0 0 0 0.5em;}
#zona_nuestras { display: block; float: left; margin: 0; padding: 1.5em 0.5em 0 0.5em; width: 19.83em; height: 12em; background: #f3f3f3;}
#zona_conoce { display: block; float: left; margin: 0 0.5em; padding: 1.5em 0.5em 0 0.5em; width: 19.33em; height: 12em; background: #f3f3f3;}
#zona_dejanos { display: block; float: left; margin: 0; padding: 1.5em 0.5em 0 0.5em; width: 19.83em; height: 12em; background: #f3f3f3;}

#zona_estrategia { display: block; float: left; width: 30em; height: 18.3em; padding: 6em 0 0 34em; background: url(../imagenes/foto_estrategia.jpg); border-bottom: 1em solid #ff9919;}
#zona_mision { display: block; float: left; width: 31.5em; height: 21.3em; padding: 3em 0 0 32.5em; background: url(../imagenes/foto_mision.jpg); border-bottom: 1em solid #ff9919;}

#zona_productos { display: block; float: left; width: 63em; height: 13.5em; padding: 2em 0 0 1em; background: url(../imagenes/foto_productos.jpg) left bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_cr { display: block; float: left; width: 29.5em; height: 17.5em; padding: 6em 0 0 34.5em; background: url(../imagenes/foto_cr.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_lbssoft { display: block; float: left; width: 29.5em; height: 17.5em; padding: 6em 0 0 34.5em; background: url(../imagenes/foto_lbssoft.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_vivo { display: block; float: left; width: 29.5em; height: 17.5em; padding: 6em 0 0 34.5em; background: url(../imagenes/foto_vivo.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_mwsoft { display: block; float: left; width: 29.5em; height: 17.5em; padding: 6em 0 0 34.5em; background: url(../imagenes/foto_mwsoft.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_claro { display: block; float: left; width: 29.5em; height: 17.5em; padding: 6em 0 0 34.5em; background: url(../imagenes/foto_claro.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_glasstar { display: block; float: left; width: 29.5em; height: 18.5em; padding: 5em 0 0 34.5em; background: url(../imagenes/foto_glasstar.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_xtralife { display: block; float: left; width: 29.5em; height: 17.5em; padding: 6em 0 0 34.5em; background: url(../imagenes/foto_xtralife.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_dairy { display: block; float: left; width: 62em; height: 18.5em; padding: 5em 0 0 2em; background: url(../imagenes/foto_dairy.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_xtreme { display: block; float: left; width: 29.5em; height: 17.5em; padding: 6em 0 0 34.5em; background: url(../imagenes/foto_xtreme.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}

#zona_servicios { display: block; float: left; width: 63em; height: 13.5em; padding: 2em 0 0 1em; background: url(../imagenes/foto_servicios.jpg) left bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_ctepet { display: block; float: left; width: 29.5em; height: 21em; padding: 3em 0 0 34.5em; background: url(../imagenes/foto_ctepet.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}
#zona_nps { display: block; float: left; width: 29.5em; height: 21em; padding: 3em 0 0 34.5em; background: url(../imagenes/foto_nps.jpg) bottom no-repeat; border-bottom: 1em solid #ff9919;}

#zona_contacto { display: block; float: left; width: 64em; height: 11em; padding: 0; background: url(../imagenes/foto_contacto.jpg) left bottom no-repeat; border-bottom: 1em solid #ff9919;}

#zona_mapaweb_empresa { display: block; float: left; margin: 0; padding: 1em 1em; width: 19.33em; height: 51em; background: #f3f3f3;}
#zona_mapaweb_productos { display: block; float: left; margin: 0 0.5em; padding: 1em 1em; width: 18.33em; height: 51em; background: #f3f3f3;}
#zona_mapaweb_servicios { display: block; float: left; margin: 0; padding: 1em 1em; width: 19.33em; height: 51em; background: #f3f3f3;}

.columna { display: block; float: left; width: 19em; padding: 1em 1.5em 0 0;}
.columna_margen { display: block; float: left; width: 19em; padding: 1em 1.5em 0 2em;}

.columna25 { display: block; float: left; width: 12em; padding: 2em;}
.columna25_b { display: block; float: left; width: 12em; padding: 0 2em 2em 2em;}

.columna33 { display: block; float: left; width: 19em; padding: 1em 2em 0 0;}

.columna50 { display: block; float: left; width: 28em; padding: 2em;}
.columna50_b { display: block; float: left; width: 28em; padding: 0 2em 2em 2em;}
.columna50_c { display: block; float: left; width: 31em; padding: 2em 0 2em 1em;}
.columna50_d { display: block; float: left; width: 28em; padding: 2em 2em 0 2em;}
.columna50_e { display: block; float: left; width: 27em; padding: 2em 2em 0 3em;}
.columna50_f { display: block; float: left; width: 29em; padding: 1em 0;}

.columna75 { display: block; float: left; width: 44em; padding: 2em;}
.columna75_b { display: block; float: left; width: 44em; padding: 0 2em 2em 2em;}

.columna100 { display: block; float: left; width: 60em; padding: 2em;}
.columna100_b { display: block; float: left; width: 60em; padding: 0 2em 2em 2em;}
.columna100_c { display: block; float: left; width: 63em; padding: 2em 0 2em 1em;}
.columna100_d { display: block; float: left; width: 60em; padding: 2em 2em 0 2em;}
.columna100_e { display: block; float: left; width: 59em; padding: 2em 0.5em 2em 0.5em; margin: 0 2em; background: #f3f3f3;}
.columna100_f { display: block; float: left; width: 58em; padding: 0 1em; margin: 0 2em; background: #f5f5f5;}

.columna_cr { display: block; float: left; width: 6em; margin: 0 1em 0 0;}
.columna_lbs_soft { display: block; float: left; width: 9.6em; margin: 0 1em 0 0;}
.columna_mw_soft { display: block; float: left; width: 9.6em; margin: 0 1em 0 0;}
.columna_glasstar { display: block; float: left; width: 8.3em;  margin: 0 1em 0 0;}
.columna_xtralife { display: block; float: left; width: 8em; margin: 0 1em 0 0;}
.columna_dairy { display: block; float: left; width: 6em; margin: 0 1em 0 0;}
.columna_xtreme { display: block; float: left; width: 8.5em; }

.foto_cr { display: block; height: 31px; margin-top: 4px;}
.foto_lbs_soft{ display: block; height: 31px; margin-top: 4px;}
.foto_vivo { display: block; height: 31px; margin-top: 4px;}
.foto_mw_soft{ display: block; height: 31px; margin-top: 4px;}
.foto_claro { display: block; height: 31px; margin-top: 4px;}
.foto_glasstar { display: block; height: 31px; margin-top: 4px;}
.foto_xtralife { display: block; height: 31px; margin-top: 4px;}
.foto_dairy { display: block; height: 31px; margin-top: 4px;}
.foto_xtreme { display: block; height: 35px;}

.separador_gris { display: block; float: left; width: 60em; margin: 0 2em; border-bottom: 0.2em solid #a1a1a1;}
.separador_naranja { display: block; float: left; width: 60em; margin: 0 2em; border-bottom: 0.2em solid #ff9919;}
.separador_naranja_gris { display: block; float: left; width: 60em; margin: 0 2em; border-bottom: 0.2em solid #ff9919; background: #f3f3f3;}

.block_left { display: block; float: left; width: 100%;}

/* PARA EL MENU SUPERIOR */

.menu { height:20px; position:relative; z-index:100; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:12px; text-decoration:none; height:20px; line-height:14px; font-weight:bold;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:18px; left:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px; t\op:20px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a { color:#fff; height:auto; line-height:1em; padding: 5px 0 5px 7px; background:#ff9919; font-weight: normal;}

.menu ul ul li a:hover { color:#fff; height:auto; line-height:1em; padding: 5px 0 5px 7px; background:#a1a1a1; font-weight: normal;}

.menu ul ul a:visited { color:#fff; height:auto; line-height:1em; padding: 5px 0 5px 7px; font-weight: normal;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { font-weight: normal;}

/* style the top level hover */
.menu a:hover {background: left;}
.menu ul ul a:hover {background: left;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul{visibility:visible; background:#a1a1a1; color: #FFFFFF}
.menu ul a:hover ul {visibility:visible; background:#a1a1a1; color: #FFFFFF}

.menu_item {color:#fff; font-weight: normal; height: 20px;}
.menu_item:hover {color:#fff; background: #a1a1a1; font-weight: normal;}
.menu_item a:visited {color:#fff; background: #a1a1a1; font-weight: normal;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}