/* CSS Document */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.divlink a {
display: block;
width: 141px; /*ancho del color rojo*/
height:16px;
background-color:#D8001D;
text-align:left;
padding-top:4px;
padding-left:10px;
}

.divlink a:hover {
background-color:#D8001D;

}

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

#nav a {
	font-weight: bold;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
}

#nav a {
	text-decoration: none;
}

/*#nav li li a {
	display: block;
	font-weight: normal;
	color: white;
	padding: 0.2em 10px;
}

#nav li li a:hover {
	width: 104px;
	margin-left:-3px;
	/margin-left:-5px;
	background-color:#790313;
}*/

.elemento2 {
	display: block;
	font-weight: normal;
	color: white;
	text-align:left;
	margin-left:5px;
	line-height:20px;
}
.elemento2:hover {
	width: 146px;
	padding-left:5px;
	margin-left:0px;
	background-color:#7A0313;
}
.elemento3 {
	display: block;
	font-weight: normal;
	color: white;
	text-align:left;
	margin-left:5px;
	line-height:20px;
}
.elemento3:hover {
	width: 146px;
	padding-left:5px;
	margin-left:0px;
	background-color:#058BB8;
}
.elemento4 {
	display: block;
	font-weight: normal;
	color: white;
	text-align:left;
	margin-left:5px;
	line-height:20px;
}
.elemento4:hover {
	width: 146px;
	padding-left:5px;
	margin-left:0px;
	background-color:#63A10B;
}
.elemento5 {
	display: block;
	font-weight: normal;
	color: white;
	text-align:left;
	margin-left:5px;
	line-height:20px;
}
.elemento5:hover {
	width: 146px;
	padding-left:5px;
	margin-left:0px;
	background-color:#ED6704;
}
.elemento6 {
	display: block;
	font-weight: normal;
	color: white;
	text-align:left;
	margin-left:5px;
	line-height:20px;
}
.elemento6:hover {
	width: 146px;
	padding-left:5px;
	margin-left:0px;
	background-color:#C31165;
}
.elemento7{
	display: block;
	font-weight: normal;
	color: white;
	text-align:left;
	margin-left:5px;
	line-height:20px;
}
.elemento7:hover {
	width: 146px;
	padding-left:5px;
	margin-left:0px;
	background-color:#8C8668;
}


li {
	float: left;
	position: relative;
	width: 151px; /*ancho de cada recuadro */
	margin-left:4px;
	text-align: left;
	cursor: default;
	background-color: white;
	/*border:1px solid green;*/
}



/*li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #fff;
	border-right: solid 1px #666666;
             border-left: solid 1px #666666;
             border-bottom: solid 1px #666666;
}*/

.desplegado { /*recuadro secundario desplegado*/
width: 151px;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #D8001D;

}


.desplegado2 { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #A30016;
}
.desplegado3 { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #0399CB;
}
.desplegado4 { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #73BC04;
}
.desplegado5 { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #FF6C00;
}
.desplegado6 { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #E31878;
}
.desplegado7 { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #ADA680;
}

.desplegado2_sup { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	margin-top:23px;
	background-color: #A30016;
}

.desplegado3_sup { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	margin-top:23px;
	background-color: #0399CB;
}

.desplegado4_sup { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	margin-top:23px;
	background-color: #73BC0A;
}

.desplegado5_sup { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	margin-top:23px;
	background-color: #FF6C00;
}

.desplegado6_sup { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	margin-top:23px;
	background-color: #E31878;
}

.desplegado7_sup { /*recuadro secundario desplegado*/
width: 151px;

	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	margin-top:23px;
	background-color: #ADA680;
}



li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	margin-left:0px;
}

li:hover ul, li.over ul {
	display: block;
}



.menu_sup1 {
height:44px;
width:151px;
float:left;
background-image:url(../img/menu/menu1.gif)
}

.menu_sup1:hover {
height:44px;
background-image:url(../img/menu/menu1_color.gif)
}
.menu_sup2 {
height:44px;
float:left;
width:151px;
margin-left:3px;
background-image:url(../img/menu/menu2.gif)
}

.menu_sup2:hover {
height:44px;
background-image:url(../img/menu/menu2_color.gif)
}
.menu_sup3 {
float:left;
height:44px;
width:151px;
margin-left:3px;
background-image:url(../img/menu/menu3.gif)
}

.menu_sup3:hover {
height:44px;
background-image:url(../img/menu/menu3_color.gif)
}
.menu_sup4 {
float:left;
height:44px;
width:151px;
margin-left:3px;
background-image:url(../img/menu/menu4.gif)
}

.menu_sup4:hover {
height:44px;
background-image:url(../img/menu/menu4_color.gif)
}
.menu_sup5 {
float:left;
height:44px;
width:151px;
margin-left:3px;
background-image:url(../img/menu/menu5.gif)
}

.menu_sup5:hover {
height:44px;
background-image:url(../img/menu/menu5_color.gif)
}
.menu_sup6 {
float:left;
height:44px;
width:151px;
margin-left:3px;
background-image:url(../img/menu/menu6.gif)
}

.menu_sup6:hover {
height:44px;
background-image:url(../img/menu/menu6_color.gif)
}
.menu_sup7 {
float:left;
height:44px;
width:151px;
margin-left:3px;
background-image:url(../img/menu/menu7.gif)
}

.menu_sup7:hover {
height:44px;
width:151px;
background-image:url(../img/menu/menu7_color.gif)
}

.divlink_sup1 a {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu1.gif)	
}
.divlink_sup1 a:hover {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:#D8001D;
	background-image:url(../img/menu/menu1_color.gif)	
}

.divlink_sup2 a {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu2.gif)	
}
.divlink_sup2 a:hover {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu2_color.gif)	
}
.divlink_sup3 a {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu3.gif)	
}
.divlink_sup3 a:hover {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu3_color.gif)	
}
.divlink_sup4 a {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu4.gif)	
}
.divlink_sup4 a:hover {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu4_color.gif)	
}
.divlink_sup5 a {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu5.gif)	
}
.divlink_sup5 a:hover {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu5_color.gif)	
}
.divlink_sup6 a {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu6.gif)	
}
.divlink_sup6 a:hover {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu6_color.gif)	
}
.divlink_sup7 a {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu7.gif)	
}
.divlink_sup7 a:hover {
display: block;
width: 151px; /*ancho del color rojo*/
height:44px;
background-color:white;
	background-image:url(../img/menu/menu7_color.gif)	
}