@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.5 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
    margin-bottom:0;
	margin-top:0;
	/margin-left: 0px;
	padding-left:0px;
	/padding-left:0px;
	_padding-left:0px;
	list-style-type: none; 
	font-size: 10px;
	letter-spacing:0px;
	cursor: default;
	width: 1024px;
	float: left;
	/float: left;
	_float: left;
	height: 35px !important;
	
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	background:url(../images/menu/menu_borde.png) no-repeat;
	padding: 0;
	_padding: 0;
	list-style-type: none;
	font-size: 100%;
	text-align: left;
	cursor: pointer;
	float: left;
	/float: left;
	_float: left;
	/padding-left:0px;
}
/*ul.MenuBarHorizontal li:hover, *//*ul.MenuBarHorizontal* li.liOver {*/
	/*background:url(../images/menu/menu_borde_1.png) no-repeat;*/
/*}*/
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
/*background: background:url(../images/menu/menu_borde_1.png) no-repeat;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 10em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto;
	height:auto;
	
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
	width: 12em;
	background-image:none;
}
ul.MenuBarHorizontal ul li:hover {
	background-image:none;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
	/*position: absolute;*/
	_position: absolute;
	margin: 0 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0;
}
/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */

ul.MenuBarHorizontal a {
	display: block;
	cursor: pointer;
	color: #000000;
	font-size: 10px;
	font:bold;
	text-decoration: none;
    height:auto !important;
 
}
ul.MenuBarHorizontal a. {
	display: block;
	cursor: pointer;
	color: #285a96;
	text-decoration: none;
    height:auto !important;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal MenuBarActive ul.MenuBarSubmenuVisible {
float:left;
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	
	background: url(../images/menu/1x1_verdeclaro.png) no-repeat;
	width:auto;
	position:relative;
	 
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenu-unoHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	
	background: url(../images/menu/1x1_verdeclaro.png) no-repeat;
	width:auto;
	 
}

ul.MenuBarHorizontal a.MenuBarItem{
	background-position: left;
	padding-right:13px;
	margin-left:0px;
	padding-left:29px;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

ul.MenuBarHorizontal a.MenuBarItemSubmenu {
	background-position: left;
	padding-right:13px;
	margin-left:0px;
	padding-left:29px;
}	
ul.MenuBarHorizontal a.MenuBarItemSubmenu-uno {
	background-position: left;
	margin-left:0px;
	width:45px;
}	

ul.MenuBarHorizontal a.MenuBarItemSubmenu-dos {	
	background-position: left;
	margin-left:0px;
}	

ul.MenuBarHorizontal a.MenuBarItemSubmenu-tres {
	background-position: left;
	margin-left:0px;
}	

ul.MenuBarHorizontal a.MenuBarItemSubmenu-cuatro {
	background-position: left;
}	

ul.MenuBarHorizontal a.MenuBarItemSubmenu-cinco {
	background-position: left;
	margin-left:0px;
}	

ul.MenuBarHorizontal a.MenuBarItemSubmenu-seis {
	background-position: left;
	margin-left:0px;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu-siete {
	background-position: left;
	margin-left:0px;
}		

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

/*ul.MenuBarHorizontal a.MenuBarItemSubmenu-unoHover {
	background: url(../images/menu/menu_over_3_2.png);
	color:#2f7a18;	
}*/


ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
	color: #ffffff;
	background: url(../../images/menu/menu_over_3_2.png) no-repeat;
	width: auto;
}

ul.MenuBarHorizontal li ul li a {
	padding:5px;
	font-size:10px !important;
}
ul.MenuBarHorizontal li ul li {
	margin:0;
}
ul.MenuBarHorizontal li ul li a:hover {
	background: url(../images/menu/btn_sobre.png) no-repeat;
	width:auto;
	height:20px;
}

ul.MenuBarHorizontal li ul li a.MenuBarItemSubmenu {
	margin:0;
	padding:5px;
	padding-right:15px;
}
ul.MenuBarHorizontal li ul li a.MenuBarItemSubmenuHover {
	background-repeat: no-repeat;
	background-position: 95% 50%;
	margin-top:50px;
}
ul.MenuBarHorizontal li ul li a.MenuBarItemSubmenu-unoHover {
	background-repeat: no-repeat;
	background-position: 95% 50%;
}



/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {	
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu-unoHover {
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu-dosHover {
	background-repeat: no-repeat;
	background-position: 95% 50%;
}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
	overflow:hidden;
	width:1em;
	filter: alpha(opacity=10);
}

ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
	overflow:hidden;
	width:1em;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {
	display: inline;
	float: left;  /*background: #FFF;*/
	_float: left;
}
}

a.MenuBarItemSubmenu-uno #cuadro-men{
width: 105px;
height: 35px;
float: left;

}
a.MenuBarItemSubmenu-uno #img{
float:left;
background:url(../images/menu/accueil2.png) no-repeat;
width:35px;
height: 30px;
margin-left:4px;
margin-top:3px;
}
a.MenuBarItemSubmenu-uno #text{
float:left;
margin-top: 10px;
}
a.MenuBarItemSubmenu-dos #cuadro-men1{
width: 95px;
_width: 95px;
height: 35px;
}
a.MenuBarItemSubmenu-dos #cuadro-over1{
background: url(../images/menu/menu_over_1_2.gif) no-repeat;
width:105px;
_width:105px;
height: 35px;
color:#FFFFFF;
}
a.MenuBarItemSubmenu-dos #img1{
float:left;
/*background:url(../images/menu/micro.png) no-repeat;*/
width:35px;
height:30px;
margin-left:3px;
margin-top:4px;
}
a.MenuBarItemSubmenu-dos #text1{
font-size:12px;
float:left;
/*margin-right:-4px;
margin-left:8px;*/
margin-top:10px;
}
a.MenuBarItemSubmenu-tres #cuadro-men2{
/*background: url(../images/menu/menu_up_2.gif) no-repeat;*/
width: 170px;
height: 35px;
/*float: left;*/
}
a.MenuBarItemSubmenu-tres #cuadro-over2{
background: url(../images/menu/menu_over_2_2.gif) no-repeat;
width: 170px;
height: 35px;
color:#FFCCCC;
/*float: left;*/
}


a.MenuBarItemSubmenu-tres div.img2{
float:left;
/*background:url(../images/menu/urgencia.png) no-repeat;*/
width:35px;
height:30px;
margin-left:3px;
margin-top:4px;
}
a.MenuBarItemSubmenu-tres div.text2{
font-size:12px;
float:left;
/*margin-right:-4px;
margin-left:8px;*/
margin-top:9px;
}
a.MenuBarItemSubmenu-cuatro #cuadro-men3{
width: 190px;
height: 35px;
}

a.MenuBarItemSubmenu-cuatro #cuadro-over3{
background: url(../images/menu/menu_over_2_9.gif) no-repeat;
color: #dfffc6;
width: 190px;
height: 35px;
}
a.MenuBarItemSubmenu-cuatro div.img3{
float:left;
/*background:url(../images/menu/nu_icon3.png) no-repeat;*/
width:35px;
height:30px;
margin-left:3px;
margin-top:4px;
}
a.MenuBarItemSubmenu-cuatro div.text3{
font-size:12px;
float:left;
/*margin-right:-4px;
margin-left:8px;*/
margin-top:9px;
}
a.MenuBarItemSubmenu-cinco #cuadro-men4{
width: 130px;
height: 35px;
float: left;
_width: 130px;
_height: 35px;
_float: left;
}
a.MenuBarItemSubmenu-cinco #cuadro-over4{
background: url(../images/menu/menu_over_4_2.gif) no-repeat;
width: 180px;
height: 35px;
float: left;
_width: 180px;
_height: 35px;
_float: left;
color:#FFFFFF;
}
a.MenuBarItemSubmenu-cinco div.img4{
float:left;
/*background:url(../images/menu/nu_icon2.png) no-repeat;*/
width:35px;
height:30px;
margin-left:4px;
margin-top:3px;
}
a.MenuBarItemSubmenu-cinco div.text4{
font-size:12px;
float:left;
/*margin-right:-4px;
margin-left:8px;*/
margin-top:9px;
}

a.MenuBarItemSubmenu-seis div.img5{
float:left;
/*background:url(../images/menu/faq.png) no-repeat;*/
width:35px;
height:30px;
margin-left:3px;
margin-top:4px;
}
a.MenuBarItemSubmenu-seis div.text5{
font-size:12px;
float:left;
/*margin-right:-4px;
margin-left:8px;*/
margin-top:10px;
}
a.MenuBarItemSubmenu-seis #cuadro-men5{
width: 115px;
height: 35px;
float: left;

}
a.MenuBarItemSubmenu-seis #cuadro-over5{
background:url(../images/menu/menu_over_3_2.gif) no-repeat;
width: 115px;
_width: 105px;
height: 35px;
float: left;
color:#FFFFFF;
}
a.MenuBarItemSubmenu-siete div.img6{
float:left;
/*background:url(../images/menu/nu_icon1.png) no-repeat;*/
width:28px;
height:32px;
margin-left:4px;
margin-top:3px;
}
a.MenuBarItemSubmenu-siete div.text6{
font-size:12px;
float:left;
/*margin-right:-4px;*/
margin-left:4px;
margin-top:10px;
}
a.MenuBarItemSubmenu-siete #cuadro-men6{
width: 120px;
height: 35px;
float: left;
}
a.MenuBarItemSubmenu-siete #cuadro-over6{
background:url(../images/menu/menu_over_2_7.gif) no-repeat;
width: 120px;
height: 35px;
float: left;
color:#FFFFFF;
}
#img-1{
background:url(../images/menu/menu_up_4.gif);
}
#img-1 a.MenuBarItemSubmenu-uno{
width: 105px;
_width: 105px;
}

#img-1:hover a.MenuBarItemSubmenu-uno/*,/*.img-1-Over a.MenuBarItemSubmenu-uno*/{
background: url(../images/menu/menu_over_0_2.gif) no-repeat;
color:#FFFFFF;
_color:#FFFFFF;
/*filter: alpha(opacity=50); opacity: .6;
_filter: alpha(opacity=50); opacity: .6;*/
height: 35px !important;

}
#img-2{
background:url(../images/menu/menu_up_4.gif);
width:105px;
}
#img-2 a.MenuBarItemSubmenu-dos{
width: 105px;
_width: 105px;
/*height:35px !important;*/

}

#img-2:hover a.MenuBarItemSubmenu-dos/*,/*#img-2-Over a.MenuBarItemSubmenu-dos*/{
background: url(../images/menu/menu_over_1_2.gif) no-repeat;
color:#FFFFFF;
_color:#FFFFFF;
/*filter: alpha(opacity=50); opacity: .6;
_filter: alpha(opacity=50); opacity: .6;*/
height:35px !important;
_height:35px !important;
width:105px !important;
_width:105px !important;
}
#img-3{
background:url(../images/menu/menu_up_2.gif);
width:170px;
}
#img-3 a.MenuBarItemSubmenu-tres{

width: 170px;
_width: 170px;
}

#img-3:hover a.MenuBarItemSubmenu-tres/*,/*.img-3-Over a.MenuBarItemSubmenu-tres*/{
background: url(../images/menu/menu_over_2_2.gif) no-repeat;
color:#FFFFFF;
/*filter: alpha(opacity=50); opacity: .6;*/
height:35px !important;
}

#img-4{
background:url(../images/menu/menu_up_5.gif);
}
#img-4 a.MenuBarItemSubmenu-cuatro{
width: 190px;
_width: 190px;
}

#img-4:hover a.MenuBarItemSubmenu-cuatro/*,/*.img-4-Over a.MenuBarItemSubmenu-cuatro*/{
background: url(../images/menu/menu_over_2_9.gif) no-repeat;
color:#FFFFFF;
height:35px !important;
width:190px !important;
}
#img-5{
background:url(../images/menu/menu_up_6.gif);
}
#img-5 a.MenuBarItemSubmenu-cinco{
width: 130px;
_width: 130px;
}

#img-5:hover a.MenuBarItemSubmenu-cinco/*,/*.img-5-Over a.MenuBarItemSubmenu-cinco*/{
background: url(../images/menu/menu_over_4_2.gif) no-repeat;
color:#FFFFFF;
/*width:122px;
margin-right:-5px;*/
/*filter: alpha(opacity=50); opacity: .6;*/
height:35px !important;
width: 130px;
}
#img-6{
background:url(../images/menu/menu_up_8.gif);
}
#img-6 a.MenuBarItemSubmenu-seis{
width:115px;
_width:105px;
}

#img-6:hover a.MenuBarItemSubmenu-seis/*,/*.img-6-Over a.MenuBarItemSubmenu-seis*/{
background: url(../images/menu/menu_over_3_2.gif) no-repeat;
color:#FFFFFF;
/*filter: alpha(opacity=50); opacity: .6;*/
height:35px !important;
}

#img-7{
background:url(../images/menu/menu_up_7.gif);
}
#img-7 a.MenuBarItemSubmenu-siete{
width: 120px;
_width: 120px;
}

#img-7:hover a.MenuBarItemSubmenu-siete/*,.img-7-Over a.MenuBarItemSubmenu-siete*/{
background: url(../images/menu/menu_over_2_7.gif) no-repeat;
color:#FFFFFF;
/*filter: alpha(opacity=50); opacity: .6;*/
height:35px !important;
width: 120px !important;
_width: 120px !important;
}

#img-8{
background:url(../images/menu/imagen_8.png) no-repeat;
}
a.MenuBarItemSubmenu-seis div.text8{
font-size:12px;
float:left;
/*margin-right:-4px;
margin-left:8px;*/
margin-top:3px;
}
#img-8:hover a.MenuBarItemSubmenu-ocho/*,.img-7-Over a.MenuBarItemSubmenu-siete*/{
background: url(../images/menu/imagen_8-over.png) no-repeat;
color:#FFFFFF;
/*filter: alpha(opacity=50); opacity: .6;*/
height:35px !important;
width: 175px !important;
_width: 175px !important;
}
.text8{
	float:left;
font-size:12px;
margin-left:4px;
margin-top:3px;
	}
a.MenuBarItemSubmenu-ocho #cuadro-men8  {
	
/*float:left;*/
height:35px;
width:170px;
}
a.MenuBarItemSubmenu-ocho div.img8 {
float:left;
height:30px;
margin-left:3px;
margin-top:4px;
width:35px;
}
a.MenuBarItemSubmenu-ocho #cuadro-over8{
background:url("../images/menu/imagen_8-over.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
/*float:left;*/
height:35px;
width:175px;
	}
/*#sep {
float:left;
width:1024px;
height:40px;*/

#left1 {
float:left;
width:180px;
}