/* Menú desplegable horizontal*/
/* http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/generator.htm*/ 
/* Wire Frame menu */

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #FFF;
border: 1px solid #aacfe4;

visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #aacfe4;
background-color: #fff;
text-decoration: none;
padding: 4px 5px;
/*border-bottom: 1px solid #aacfe4;*/
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #aacfe4;
color: #fff;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Wire Frame Menu CSS ######### */
    
.wireframemenu{

width: 100%;
border: 1px solid #aacfe4;
border-width: 1px 0;
border-top-width:0px;
}

.wireframemenu ul{
padding: 6px 0 6px 0; /*1st and 3rd value should equal 1st and 3rd values of "padding" for link itself (see ul li a)*/
margin: 0;
text-align: left; /* set value to left, center, or right */
}

.wireframemenu ul li{
display: inline;
}

.wireframemenu ul li a{
color: #aacfe4;
padding: 6px 6px 6px 10px;
margin: 0;
text-decoration: none;

}

.wireframemenu ul li a:hover, .wireframemenu ul li a.selected{
color: #aacfe4;
font-weight: bold;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: #FFF;
}

.blackwhite li a:hover{
background: #000;
color: #FFF;
}


/* Menú desplegable horizontal*/
/* http://www.buayacorp.com/archivos/menus-simples-con-css-y-listas/ */ 


#menu_v {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 150px;
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menu_v ul, li {
	list-style-type: none;
}

#menu_v ul {
	margin: 0;
	padding: 0;
}

#menu_v li {
	border-bottom: 1px solid #ACCFE8;
}

#menu_v a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 6px;
	width: 138px;
}

#menu_v a:hover {
	background: #DBEBF6;
	color:#182f7b;
	font-weight: bold;
}

/* Formulario agrega registros */

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.form_agrega{
/*margin:0 auto;*/
width:480px;
padding:14px;
}

.form_oferta{
/*margin:0 auto;*/
width:500px;
padding:14px;
}

/* ----------- stylized ----------- */
#formulario{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#formulario h1 {
font-size:1.4em;
font-weight:bold;
margin-bottom:8px;
color: #182f7b; 
}

#formulario p{
font-size:11px;
color:#666666;
margin-bottom:20px;
/*border-bottom:solid 1px #b7ddf2;*/
padding-bottom:10px;
}
#formulario label{
display:block;
font-weight:bold;
text-align:right;
width:160px;
float:left;
}
#formulario .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:160px;
}

#formulario input {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:280px;
margin:2px 0 20px 10px;
}

#formulario select {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:280px;
margin:2px 0 20px 10px;
}
#formulario .selmes {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:120px;
margin:2px 0 20px 10px;
}

#formulario .selano {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:70px;
margin:2px 0 20px 10px;
}


#formulario textarea {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:280px;
margin:2px 0 20px 10px;
}

#formulario .button{
border:none;
clear:both;
margin-left:170px;
width:125px;
height:31px;
background:#ebf4fb url(../archivos/imagenes/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#formulario .form_dato
{
/*display:block;*/
font-weight:bold;
text-align:left;
width:200px;
float:left;
}

#formulario .form_resultado
{
/*float:left;*/
clear:both;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
margin:2px 0 20px 10px;
}

#formulario .form_pie
{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:400px;
}