@charset "utf-8";
/* MENÚ LATERAL */
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {height:132px; width:135px; position:relative; margin-left:5px;}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}
 
#menu li {margin:0; padding:0; list-style:none; }
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0; width:135px;}
 
#menu a {display:block;
	font:normal 12px arial,sans-serif;
	font-weight:bold;
	line-height:22px;
	text-decoration:none;
	padding:5px 20px 5px 1px;
	color:#2d2b2b;
	background: #FFFFFF;}
	
#menu a.red2 {border-left:red solid 5px;
	border-top: #778 solid 1px;
	border-right:#778 solid 1px;
	border-bottom:#778 solid 1px;}
	
#menu a.orange2 {border-left:#ff8000 solid 5px;
	border-top: #778 solid 1px;
	border-right:#778 solid 1px;
	border-bottom:#778 solid 1px;}
	
#menu a.yellow2 {border-left:#FFFF00 solid 5px;
	border-top: #778 solid 1px;
	border-right:#778 solid 1px;
	border-bottom:#778 solid 1px;}

#menu a.green2 {border-left:#00FF00 solid 5px;
	border-top: #778 solid 1px;
	border-right:#778 solid 1px;
	border-bottom:#778 solid 1px;}
	
#menu a.blue2 {border-left:#0000FF solid 5px;
	border-top:#778 solid 1px;
	border-right:#778 solid 1px;
	border-bottom:#778 solid 1px;}

/*#menu a.indigo2 {border-left:#4b0082 solid 5px;
	border-top:#778 solid 1px;
	border-right:#778 solid 1px;
	border-bottom:#778 solid 1px;}*/

#menu a.violet2 {border-left:#800080 solid 5px;
	border-top:#778 solid 1px;
	border-right:#778 solid 1px;
	border-bottom:#778 solid 1px;}

.last {border-bottom:#778 solid 1px;}
 
#menu ul li:hover > ul {left:100%; margin-top:-33px; margin-left:-1px;}

.bordes {border-top: #333333 solid 1px;
		border-left:#333333 solid 1px;
		border-right:#333333 solid 1px;}
 
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

a:active {color:#0000FF}
 
#menu li a:hover {color:#2d2b2b;} 
#menu li:hover > a {background:#fff; color:#000;}
#menu li:hover > a.red2 {border-left:red solid 5px;
	border-top:red solid 1px;
	border-right:red solid 1px;
	border-bottom:red solid 1px;}
#menu li:hover > a.orange2 {border-left:#ff8000 solid 5px;
	border-top:#ff8000 solid 1px;
	border-right:#ff8000 solid 1px;
	border-bottom:#ff8000 solid 1px;}
#menu li:hover > a.yellow2 {border-left:#FFFF00 solid 5px;
	border-top:#FFFF00 solid 1px;
	border-right:#FFFF00 solid 1px;
	border-bottom:#FFFF00 solid 1px;}
#menu li:hover > a.green2 {border-left:#00FF00 solid 5px;
	border-top:#00FF00 solid 1px;
	border-right:#00FF00 solid 1px;
	border-bottom:#00FF00 solid 1px;}
#menu li:hover > a.blue2 {border-left:blue solid 5px;
	border-top:blue solid 1px;
	border-right:blue solid 1px;
	border-bottom:blue solid 1px;}
#menu li:hover > a.indigo2 {border-left:#4b0082 solid 5px;
	border-top:#4b0082 solid 1px;
	border-right:#4b0082 solid 1px;
	border-bottom:#4b0082 solid 1px;}
#menu li:hover > a.violet2 {border-left:#800080 solid 5px;
	border-top:#800080 solid 1px;
	border-right:#800080 solid 1px;
	border-bottom:#800080 solid 1px;}

#menu li a.fly {background:white url(../imagenes/arrow.gif) no-repeat right center;}
#menu li a.fly:hover {background: white url(../imagenes/arrow.gif) no-repeat right center;} 
#menu li:hover > a.fly {background: white1 url(../imagenes/arrow.gif) no-repeat right center;}
 
#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

#lazosalud {vertical-align:middle;}

#cuadros  {margin-bottom:8px; margin-top:8px;}

/* FIN */

/* MENÚ SUPERIOR */
.jquerycssmenu{
font: bold 11px Arial;
border-bottom: 1px solid black;
padding-left: 106px; /*offset of tabs relative to browser left edge (Para un botón más = 51px) */
width:838px; /* Para un botón más = 893px */
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
width:105px;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: white url(../imagenes/menu/tintblue.gif) top center repeat-x; /*background of tabs (default state)*/
padding: 5px 0 5px 0;
height:20px;
text-align: center;
margin-right: 3px; /*spacing between tabs*/
border: 1px solid #778;
border-bottom-width: 0;
color: #2d2b2b;
text-decoration: none;
}

#red {border-top: 1px solid red;
	border-right: 1px solid red;
	border-left: 1px solid red;}
#red2 {border-top: 1px solid red;
	border-right: 1px solid red;
	border-left: 1px solid red;}
#orange {border-top: 1px solid #ff8000;
	border-right: 1px solid #ff8000;
	border-left: 1px solid #ff8000;}
#orange2 {border-top: 1px solid #ff8000;
	border-right: 1px solid #ff8000;
	border-left: 1px solid #ff8000;}
#yellow {border-top: 1px solid #FFFF00;
	border-right: 1px solid #FFFF00;
	border-left: 1px solid #FFFF00;}
#green {border-top: 1px solid #00FF00;
	border-right: 1px solid #00FF00;
	border-left: 1px solid #00FF00;}
#blue {border-top: 1px solid blue;
	border-right: 1px solid blue;
	border-left: 1px solid blue;}
/*#indigo {border-top: 1px solid #4b0082;
	border-right: 1px solid #4b0082;
	border-left: 1px solid #4b0082;}*/
#violet {border-top: 1px solid #800080;
	border-right: 1px solid #800080;
	border-left: 1px solid #800080;}

.jquerycssmenu ul li a:hover{
background-image: url(../imagenes/menu/tintbluedark.gif); /*tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: normal 12px Arial;
width: 130px; /*width of sub menus*/
background: white;
color: black;
padding: 4px 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid black;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 18px;
right: 2px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}

/* ######### CSS classes applied to rainbow colors  ######### */
#red {background: white url(../imagenes/menu/tintred.gif) top center repeat-x;}
#orange {background: white url(../imagenes/menu/tintorange.gif) top center repeat-x;}
#red2 {background: white url(../imagenes/menu/tintred.gif) top center repeat-x;}
#orange2 {background: white url(../imagenes/menu/tintorange.gif) top center repeat-x;}
#yellow {background: white url(../imagenes/menu/tintyellow.gif) top center repeat-x;}
#green {background: white url(../imagenes/menu/tintgreen.gif) top center repeat-x;}
/*#indigo {background: white url(../imagenes/menu/tintindigo.gif) top center repeat-x;}*/
#violet {background: white url(../imagenes/menu/tintviolet.gif) top center repeat-x;}

.jquerycssmenu ul li a#red:hover{
background-image: url(../imagenes/menu/tintreddark.gif);}
.jquerycssmenu ul li a#orange:hover{
background-image: url(../imagenes/menu/tintorangedark.gif);}
.jquerycssmenu ul li a#red2:hover{
background-image: url(../imagenes/menu/tintreddark.gif);}
.jquerycssmenu ul li a#orange2:hover{
background-image: url(../imagenes/menu/tintorangedark.gif);}
.jquerycssmenu ul li a#yellow:hover{
background-image: url(../imagenes/menu/tintyellowdark.gif);}
.jquerycssmenu ul li a#green:hover{
background-image: url(../imagenes/menu/tintgreendark.gif);}
/*.jquerycssmenu ul li a#indigo:hover{
background-image: url(../imagenes/menu/tintindigodark.gif);}*/
.jquerycssmenu ul li a#violet:hover{
background-image: url(../imagenes/menu/tintvioletdark.gif);}
/* FIN */
