#wrapperHorizontal {width:567px; margin:0 auto; text-align:left;}
#infoHorizontal {width:567px; background:#CCCCCC; float:left; border:0px solid #ddd;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#dropList { height:30px; width:568px; background:#89a url(../imagen/topBack0.gif) repeat-x left center; position:relative; font-family:arial,sans-serif; font-size:11px; z-index:500; border:1px solid #ccd; border-width:0px 0px 0 0px; }
#dropList ul#menu { margin:0; padding:0 0 0 100px; list-style:none; white-space:nowrap; }
#dropList ul#menu li.level1-li { float:left; height:29px; padding-top:1px; margin-right:0px; }
#dropList ul#menu li.level1-li a.level1-a { display:block; height:26px; float:left; border-left:1px solid #7e8586; border-right:0px solid #2d2d2d; padding:0 10px 0 10px; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:bold; color:#666666; }
#dropList ul#menu li.sub a.level1-a {color:#666666;}
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {position:relative;}
#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a { border-left:1px solid #2d2d2d; border-right:1px solid #000; color:#0033CC; background:url(../imagen/over0000.gif); } /*CAMBIA COLOR DE VINCULO EN LETRAS*/
#dropList ul#menu li.sub a.level1-a:hover { height:29px; color:#0033CC; background:url(../imagen/topHover.gif); } /*CAMBIA COOR DE VINCULO EN LETRAS*/
#dropList ul#menu li.sub:hover > a.level1-a { height:29px; color:#0033FF; background:url(../imagen/topHover.gif); }
#dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:29px; background:#fff url(../imagen/divider0.gif); border:1px solid #000; border-width:0 1px 1px 1px; padding:0; } /* IE6 only */
#dropList table { border-collapse:collapse; margin:-1px -1px; font-size:1em; width:0; height:0; }
#dropList ul#menu :hover div.listHolder {left:0;}
#dropList ul#menu a:hover div.listHolder {left:-1px;}
#dropList ul#menu div.col1 {width:141px;}
#dropList ul#menu div.col2 {width:280px;}
#dropList ul#menu div.col3 {width:420px;}
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-141px;}
#dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0; width:120px;}
#dropList ul#menu div.listHolder div.listCol h5 {padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url(../imagen/linedot0.gif) repeat-x left bottom;}
#dropList ul#menu div.listHolder div.listCol ul {padding:0; margin:0; list-style:none;}
#dropList ul#menu div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;}
#dropList ul#menu div.listHolder div.listCol ul li a {color:#069; text-decoration:none; padding-left:10px; font-weight:normal; background:url(../imagen/dot00000.gif) no-repeat left center;}
#dropList ul#menu div.listHolder div.listCol ul li a:hover {text-decoration:underline;}
#dropList ul#menu div.listHolder div.bottomLine {clear:left; background:#666; padding:5px 10px;}
#dropList ul#menu a:hover div.listHolder div.bottomLine {height:1px;}
#dropList ul#menu div.listHolder div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#fc0; background:url(../imagen/arrow000.gif) no-repeat left center; font-weight:bold;}
#dropList ul#menu div.listHolder div.bottomLine p a {color:#fff; text-decoration:underline;}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;}

/********************************************************************************************************************************************/
/********************************************************************************************************************************************/
/ Menu Vertical****************************************************************************************************************************/

#wrapperVertical {width:188px; margin:0 auto; text-align:left;}
#infoVertical {width:188px; background:#8d87b2; float:left; border:1px solid #ddd; /* Para ancho de espacio vertical*/
-o-border-radius: 50px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#backgroundHolder {width:188px; height:50px; padding:0px 0 0 0px; margin:0 auto;} /* Para ancho de espacio vertical*/
/* ----------------------------------------------------------------------------	*/
/* default styling */
.nav,
.nav ul{list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:11px; margin:0 auto;}  /*Para el tipo de letra */

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(vertical_files/trans000.htm); filter: alpha(opacity=90); opacity:0.9;} /* 

/* style the <b> element so that is does not affect the size of the link */
/* **** Pone color a los bloques que no tienen dependencias*/
.nav a b {background:#717a98; border:1px solid #000; border-color:#ddd #333 #333 #ddd; color:#fff; font-weight:normal; display:block; padding:5px 10px;}
.nav a:hover b {background-color:#b8bdce; color:#0033CC; cursor:pointer;}
.nav .fly .main b {background:#717a98 url(../imagen/arrow000.gif) no-repeat 173px 9px;}
.nav .down b {background:#717a98 url(../imagen/arrow000.gif) no-repeat 173px 9px;}

/* HEIGHT */
.nav ul {top:-24px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/*set the link width here*/
.nav .drop,
.nav a {width:188px;}
.nav ul li {max-width:188px;} /* fix for IE8 */

/* set the left flyout position here */
.nav ul {left:180px;}

/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-150px;}

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

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left; clear:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:focus b,
.nav a:active b {background:#717a98; color:#800;} /* for tabbing */

/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE5-7 fixes */
.nav .fly {width:100%;}
a:active {}
/***********************************************************************************************************************************************/
/***********************************************************************************************************************************************/
/* Menu imagen *******************************************************************************************************************************/

#wrapperImagen {width:188px; margin:0 auto; text-align:left;}
#infoImagen {width:188px; background:#fff; float:left; border:1px solid #ddd;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
h1.slogan {padding-left:10px; font:bold 30px/40px arial, serif; background:#aaa;}
h1.slogan span {font-weight:normal; color:#fff;}
#nav {width:188px; height:35px; position:relative; font:bold 11px/30px arial,verdana,sans-serif; }
#level1 {padding:0; margin:0; list-style:none; width:188px; height:135px;}
#level1 li.level1-li {width:188px; height:111px; margin:0 11px 0 0; float:left; display:inline;}
#level1 li.last {margin:0;}
#level1 li.level1-li a.level1-a {display:block; width:188px; height:111px; text-align:center; font:bold 11px/30px verdana,sans-serif; color:#fff; text-decoration:none;} /*Maneja Cabcera del cuadro*/

#level1 li.level1-li a#decreto {background:url(../imagen/decreto.jpg);}
#level1 li.level1-li a#registro {background:url(../imagen/registro.jpg);}
#level1 li.level1-li a#categoria {background:url(../imagen/categoria.jpg);}
#level1 li.level1-li a#comercializadores {background:url(../imagen/comercializadores.jpg);}

#level1 li.level1-li a.double {line-height:14px;} /* Para indexado de  de la letras de cabecera*/
#level2 {padding:0; margin:0; list-style:none; width:188px; height:24px; margin-top:-25px;} /*Separacion de la linea de los cuadros */
#level2 li.level2-li {width:188px; height:25px; margin:0 12px 0 0; float:left; display:inline;}
#level2 li.last {margin:0;}
#level2 li.level2-li a.level2-a {display:block; width:188px; text-align:center; height:25px; font:normal 11px/25px nerdana,sans-serif; color:#069; text-decoration:none;background:url(../imagen/partebaja.jpg) left bottom;} /* controla las letras de la imagen de abajo*/
#level2 li.level2-li a.level2-a:hover {text-decoration:underline;}

ul#level1 table {border-collapse:collapse; margin:-1px 0;}

ul#level1 div {position:absolute; left:-9999px; }
ul#level1 li.level1-li:hover {position:relative;}
ul#level1 li.level1-li a.level1-a:hover {border:0; position:relative; }
ul#level1 :hover div.holder {left:188px; top:10px; background:#fff left bottom; border:1px solid #000000; text-align:left;} /*para alineacion de imagen el lado izquierdo left*/
ul#level1 div.holder span {display:block; width:113px; height:1px; background:#000000; overflow:hidden; position:absolute; left:0; top:-1px; z-index:500; } /* Para linea en blanco de la izqueirda*/
ul#level1 div.holder p {clear:left; color:#666; line-height:15px; padding:5px 10px; margin:0; font-weight:normal;}
ul#level1 div.holder p a {color:#069; text-decoration:none;}
ul#level1 div.holder p a:hover {text-decoration:underline;}

ul.sublevel {padding:0 0 5px 10px; margin:0; list-style:none; }
ul.sublevel li {float:left; width:105px; margin-right:10px; display:inline; }
ul.sublevel li a {display:block; width:105px; height:15px; line-height:15px; color:#069; text-decoration:none; text-indent:10px; background:url(dot00000.gif) no-repeat left center;}
ul.sublevel li a:hover {text-decoration:underline; }


ul#level1 :hover div.col3 {width:367px;}
ul#level1 :hover div.col2 {width:240px;}

ul#level1 :hover div.left {left:-369px; right:auto;}
ul#level1 div.left span {display:block; width:113px; height:1px; background:#000000; overflow:hidden; position:absolute; left:auto; right:0; top:-1px; z-index:500;} /*Para linea derecha en blanco*/

ul#level1 a:hover div.left {right:-1px;} /* fix for IE6 only */
ul#level1 a:hover div.left span.flyLeft {right:-1px;} /* fix for IE6 only */

#contenedor p {
	font-weight: 100;
	background-color:#FFFFFF;
	margin: auto;
	padding:inherit;
	clear: none;
	float: none;
	height: auto;
	width: auto;
	border: thin 1 #999999;
}