/* Estilo genérico */
* {margin:0px; padding:0px;}
body {margin:2px auto; padding:0px;  font-family:Tahoma; font-size:63%; color:#333; behavior: url(csshover.htc)}
p {font-size:1em; line-height:150%;}

a {color:#006699; text-decoration:none; }
a:hover {text-decoration:underline;}
a:visited {color:#cc6633}
a img {border:0px;}

table { background:#FFF; border:0px solid #e4e4e4; margin:10px 0px;}
td, th {padding:5px;} 
th {background:#F2F2F1; border-left:0px solid #FFF;}
td {border-top:0px solid #CCC; border-left:0px solid #e4e4e4;}

h1 {width:auto; color: #00A007; font-family: tahoma; font-size: 2.0em; margin: 0; padding: 2px 5px;}
h2 { color: #00A007; font-family: tahoma; font-size: 1.8em; margin: 0; padding: 2px 5px; width: 99%; }

ul {list-style:none;}
li {margin-left:0px;}
dl, dt, dd {margin:0px;}

/*Estilo Layout*/
div#container {width:960px; text-align:left; margin:0 auto; }
div#Head {width:965px; height:85px; background-image: url(../fnd/fnd_head.jpg); background-repeat: no-repeat;}
div#BarraHor {width:965px; height:39px; padding:5px; margin:0px; background-image: url(../fnd/fnd_barrahor.jpg); background-repeat: no-repeat;}
div#RightSide {float:left; width:230px;  height: auto!important; height: 520px; min-height: 520px; padding:5px 0px 5px 10px;  margin:0px; background:#FFF;}
div#MainContent{float:left; width:710px; height: auto!important; height: 520px; min-height: 520px; padding:5px; margin:0px; background:#FFF;}
div#Separator {width:960px; padding:0px; display:none;}
div#Footer {clear:both; width:965px; height:27px; margin-top:0px; padding:5px; background:#FFF; background-image: url(../fnd/footer.jpg); background-repeat: no-repeat;}

/*Estilo del Head*/
h1#Slogan {color:#FFFFFF;
font-family:Trebuchet MS;
font-size:1.8em;
font-weight:normal;
width:260px;}
/*Estilo Barra Navegacion*/
div#nav {width:100%; margin: 5px 0px 0px 0px; clear:both;}
div#nav ul {margin: 0; padding: 0;}
div#nav li {position: relative; list-style: none; margin: 0; float: left; width: auto; line-height: 1em; padding:0px 20px 15px 20px;}
div#nav li:hover {}
div#nav li.submenu {}
div#nav li.submenu:hover {}
div#nav li a {margin-top:6px; display: block; padding: 0.25em 0 0.25em 0.25em; text-decoration: none; width: auto; font-size:16px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
div#nav>ul a {width: auto; font-size:16px;}
div#nav ul ul {position: absolute; width:auto; display: none; padding:0px; margin-top:-11px; z-index:100;}

div#nav ul ul li {
line-height:135%;
padding:0px 10px 0px 12px;
width:160px;
margin:0px inherit 0px inherit;

}
div#nav li.submenu li.submenu a {}
div#nav ul ul.level2 li {background:#D6E0BC; margin-top:0px; background-image: url(../fnd/bullet_menu.png); background-position:1px 13px; background-repeat:no-repeat; width:150px;}
div#nav ul ul.level2 li a {width:150px !important; padding:0px 0px 0px 0px;; font-weight:normal; color:#333; font-size:1.4em; line-height:150%;}
div#nav li.submenu li.submenu:hover {}
div#nav li.submenu li.submenu:hover {}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px; margin-top:15px; border:1px solid #70BE2F; background:#D6E0BC;}
div#nav ul.level3 {top: -1px; left: 7em; border-top: 1px solid #CCC;}

/*Estilo de los TAB's Verticales*/
.TabbedPanels {margin: 0px; padding: 0px; 	float: left;	clear: none;	width: 100%; }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px; }
.TabbedPanelsTab { position: relative; top: 0px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: normal 1.3em Trebuchet MS; color:#2C9922;background-color: #BFE0BC; list-style: none; border-left: 0px; border-bottom: solid 1px #FFF; border-top: 1px solid #FFF; border-right: 0px; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; }
.TabbedPanelsTabHover { background-color: #BFE0BC; }
.TabbedPanelsTabSelected { background-color: #EEE; border-bottom: 1px solid #EEE; }
.TabbedPanelsTab a { color: black; text-decoration: none; margin-left:-5px;}
.TabbedPanelsContentGroup { clear: both; border-left: solid 1px #CCC; border-top: solid 1px #ccc; background-color:#FFF; background-image: url(../fnd/fnd_borde_derecho_content_tabs.jpg); background-repeat: repeat-y; background-position: right;  height: auto!important; height: 780px; min-height: 780px;}
.TabbedPanelsContentGroupBackground {width:837px; height:45px; margin-left:103px; clear:both; background-image: url(../fnd/fnd_fondo_content_tabs.jpg); background-repeat: no-repeat;} 

li.resaltado {background:#DAEDD8 none repeat scroll 0 0;
color:#2D8822;
font-size:14px;
font-weight:bold;
padding-left:5px;
border-bottom:1px solid #FFF;}

.TabbedPanelsContent { padding: 4px; }
.TabbedPanelsContentVisible {margin-left:22px; }
.TabbedPanelsTabGroup { float: left; width: 10em; background-color: #fff; position: relative; border-top: solid 1px #fff; border-right: solid 1px #fff; border-left: solid 1px #fff; border-bottom: solid 1px #fff; }
.TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; }
.TabbedPanelsTabSelected { background-color: #FFF; border:1px solid #CCC; border-right: solid 1px #FFF; color:#2C9922; font-size:1.3em; font-weight:bold;}
.TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 88%; }

/*Estilo de los detalles de los Productos por marcas y familias*/
li.ImgCat {float:left !important; width:90px !important; height:85px !important; margin-left:-10px;}
img.imgCat {width:90px; height:85px; }

/*indexMainContent.php*/
div#MensajeIndex {width:725px; height:270px;}
div#BannerAliados {width:725px;}
h1.TituloAliados {width:auto;  height:20px; padding-left:65px; padding-top:28px; background-image:url(../fnd/ico_aliados.jpg); background-repeat:no-repeat; font-size:2.0em; color:#2c9922; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px;}
table.banners {width:725px; height:145px; margin-top:0px;}
table.banners td.comp1 {width:240; height:145px; background-image: url(../fnd/fnd_ban1.jpg); background-repeat:no-repeat;}
table.banners td.comp2 {width:240; height:145px; background-image: url(../fnd/fnd_ban2.jpg); background-repeat:no-repeat;}
table.banners td.comp3 { width:240; height:70px; background-image: url(../fnd/fnd_ban3.jpg); background-repeat:no-repeat;}
table.banners td.comp4 {width:240; height:70px;  background-image: url(../fnd/fnd_ban4.jpg); background-repeat:no-repeat;}

/*IndexRightContent.php*/
h2.TitCooperadoresInternacionales {width:190px;  height:50px; padding-left:55px; padding-bottom:0px; background-image:url(../fnd/ico_aliados_internacionales.jpg); background-repeat:no-repeat; font-size:1.8em; color:#2c9922; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; margin-bottom:5px;}
/*NaranjosSupplyMainContent.php*/
dl.Organizacion {}
dl.Organizacion dd {}
dl.Mision {}
dl.Mision dd {}

/*Cambios de Layout*/
body#DetalleMarca div#MainContent, body#DetalleProductos div#MainContent {width:950px;}
body#DetalleMarca div#RightSide, body#DetalleProductos div#RightSide {display:none;}

/*Otros Estilos*/
div.borderBottomColRightSoluciones {width:230px; height:6px; background-image:url(../fnd/fnd_fondo_colRight_Servicios.jpg); background-repeat:no-repeat; }
div#Valores p, div#Valores li  {
color:#333333;
font-family:Tahoma;
font-size:1.3em;
line-height:150%;
padding:0 5px;
text-align:justify;
width:700px}