<style>
/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


input.btn{
   color:#FFFFFF;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#FFFFFF;
   border:0px solid;
   border-top-color:#FFFFFF;
   border-left-color:#FFFFFF;
   border-right-color:#FFFFFF;
   border-bottom-color:#FFFFFF;}


form {margin: 0;padding: 0;
}


.blanco
{
FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: top; COLOR: #ffffff;  TEXT-ALIGN: left; TEXT-DECORATION: none

}
.blanco A:link {text-decoration: none; color: white;}
.blanco A:visited {text-decoration: none; color: white;}
.blanco A:active {text-decoration: none; color: white;}
.blanco A:hover {text-decoration: none; color: white;}



.men_tex_izq
{
FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: top; COLOR: #ffffff;  TEXT-ALIGN: left; TEXT-DECORATION: none

}
.men_tex_izq A:link {text-decoration: none; color: white;}
.men_tex_izq A:visited {text-decoration: none; color: white;}
.men_tex_izq A:active {text-decoration: none; color: white;}
.men_tex_izq A:hover {text-decoration: none; color: white;}


.men_tex_sup
{
FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: top; COLOR: #ffffff;  TEXT-ALIGN: left; TEXT-DECORATION: none
}
.men_tex_sup A:link {text-decoration: none; color: black;}
.men_tex_sup A:visited {text-decoration: none; color: black;}
.men_tex_sup A:active {text-decoration: none; color: black;}
.men_tex_sup A:hover {text-decoration: none; color: black;}

.men_tex_izq_on
{
FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: top; COLOR: #02559B;  TEXT-ALIGN: left; TEXT-DECORATION: none
}
.men_tex_izq_on A:link {text-decoration: none; color: white;}
.men_tex_izq_on A:visited {text-decoration: none; color: white;}
.men_tex_izq_on A:active {text-decoration: none; color: white;}
.men_tex_izq_on A:hover {text-decoration: none; color: white;}

.men_tab_sup
{
PADDING-RIGHT: 0px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; COLOR: #ffffff; PADDING-TOP: 0px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}


.men_tab_izq
{
PADDING-RIGHT: 4px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #ffffff; PADDING-TOP: 6px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.men_tab_izq_on
{
PADDING-RIGHT: 4px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; COLOR: #ffffff; PADDING-TOP: 6px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #015A9E; TEXT-ALIGN: left; TEXT-DECORATION: none
}

BODY {
scrollbar-3d-light-color: #FFFFFF;
scrollbar-arrow-color: #FFFFCC;
scrollbar-base-color: #006699;
scrollbar-dark-shadow-color: #FFFFCC;
scrollbar-face-color: #006699;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFCC;
}



A:link {text-decoration: none; color: #3665AC;}
A:visited {text-decoration: none; color: #3665AC;}
A:active {text-decoration: none; color: #3665AC;}
A:hover {text-decoration: underline; color: #3665AC;}


H1 {MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; FONT: bold medium Arial, Helvetica, sans-serif; COLOR: black; TEXT-ALIGN: left; TEXT-DECORATION: none}
BODY,TABLE,TR,TD,P,
{
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}


SELECT { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #333333; background-color: #FFFFFF; border: 1px solid #333333}
INPUT { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #666666; background-color: #FFFFFF; border: 1px solid #999999}
TEXTAREA { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #333333; background-color: #FFFFFF; border: 1px solid #333333}} 
.form_radio
{
 font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #FFFFFF; border: 0px solid #FFFFFF}
} 


.texto 
{
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
TABLE
}

.texto A:link {text-decoration: none; color: #3665AC;}
.texto A:visited {text-decoration: none; color: #3665AC;}
.texto A:active {text-decoration: none; color: #3665AC;}
.texto A:hover {text-decoration: underline; color: #3665AC;}


.tabla_linea_celeste
{
FONT-SIZE: 1px; LINE-HEIGHT: 1px; BACKGROUND-COLOR: #6699cc
}

.tabla_linea_blanca
{
	WIDTH: 100%; BACKGROUND-COLOR: #ffffff
}


.contenido1
{ ---------------------------------------- Menu JavaScript Izquierdo -----------------------------------}


.m0l0i {
	FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: top; COLOR: #000000;  TEXT-ALIGN: left; TEXT-DECORATION: none
	text-decoration : none;
	padding: 5px;
}
.m0l0o {
	FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: top; COLOR: #000000;  TEXT-ALIGN: left; TEXT-DECORATION: none
	decoration : none;
	border : 1px solid white;
}
.m0l1i {
	FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif; VERTICAL-ALIGN: top; COLOR: #000000;  TEXT-ALIGN: left; TEXT-DECORATION: none
	font-size: 10px;
	text-decoration : none;
	padding: 5px;
}
.m0l1o {
	text-decoration : none;
	border : 1px solid WHITE;
}
.m0l2i {
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-decoration : none;
	padding: 5px;
}
.m0l2o {
	text-decoration : none;
	border : 1px solid white;
}
@charset "utf-8";/* CSS Document */html,body {height:100%;}body {behavior:url(cssHoverFix.htc);}#contentBox {width:500px; height:20px;}#contentBox ul {margin:0px; padding:0px; position:relative; width:100%;}#contentBox ul li {display:inline; float:left; background-color:#999;margin-right:10px;}.titleCell {width:75px;height:20px; position:relative; z-index:1000; margin:0px; padding:0px;  cursor:pointer;}.titleCell strong {font-size:14px;position:absolute; z-index:1000;width:73px;  height:18px; text-align:center; border:#000 solid; border-width:1px;}#contentBox ul ul {position:absolute; left:0px;display:none; z-index:100;}#contentBox ul ul li {border:#000 solid; border-width:1px; width:500px; background-color:#FFF; padding:10px;}#contentBox ul li:hover ul {display:block; top:-1px; !important; top:19px;}#contentBox ul li:hover .titleCell strong {border-left:#000 solid; border-right:#000 solid; border-top:#000 solid; border-bottom:#fff solid; border-width:1px;background-color:#FFF; }

textarea:focus, input:focus{
    outline: none;
}
</style>
