/* CSS Document */
/* project: DAVIS.K
   design: Marco Antonio Velasco 
   framework: Negs (www.scz.com.bo) */
   
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.content { 
	margin: 0px auto;
	width: 1003px;}
.header_top {width:1003px; height: 90px; margin:0 0 0 0; margin: expression('0px 0px 0px 0px'); border-bottom:#FFFFFF solid 4px; background-image:url(img/bg-top.jpg); background-repeat:repeat-y;}
.header {width:1003px; height: 215px; margin:0 0 0 0; margin: expression('0px 0px 0px 0px'); border-bottom:#FFFFFF solid 1px; background-color:#E1E4EB;}
.main { width:1003px; margin: 0 0 0 0; margin: expression('0px 0px 0px 0px'); float: left; border-bottom:#FFFFFF solid 2px; background-image:url(img/bg-main.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#2D3E65;}
.footer {clear: both; width:993px; height: 30px; margin: 0 0 0 0; margin: expression('0px 0px 0px 0px'); padding:10px 10px 0 0; padding:expression('10px 10px 0px 0px'); background-image:url(img/bg-footer.jpg); background-repeat:repeat-x; color:#FFF; text-align:right; font-family: Tahoma; font-size:10px;}
.left {float: left; width:240px; margin:0 0 0 15px; margin: expression('10px 0px 10px 15px');  padding:10px 0 10px 0; padding:expression('0px 0px 10px 0px'); border-right:#3B4D7A solid 1px; }
.right { float: left; margin:20px 0px 0px 65px; margin: expression('20px 0px 0px 0px');  padding:0px 0 0 0; padding:expression('0px 0px 0px 0px');}
.b_titulo{width:600px; height: 30px; margin: 0px auto; padding:10px 0 0 15px; padding:expression('10px 0px 0px 15px'); background-image: url(img/bg-titulo.jpg); background-repeat:no-repeat; font-weight:bold;}
.b_titulo2 {width:900px; height: 30px; margin: 10px 0px 0px 0px; padding:10px 0 0 15px; padding:expression('10px 0px 0px 15px'); background-image: url(img/bg-titulo2.jpg); background-repeat:no-repeat; font-weight:bold;}
.box1 {width:600px; line-height:20px; margin:0px auto; text-align:justify; padding:10px 0 15px 0; padding:expression('10px 0px 15px 0px');}
.box2 {width:900px; line-height:20px; margin:0px auto; text-align:justify; padding:10px 0 15px 0; padding:expression('10px 0px 15px 0px');}
.left-header {float: left; width:240px; color:#2A3A5E; margin:0 0 0 10px; margin: expression('10px 0px 10px 10px'); padding:10px 0 0 0; padding:expression('0px 0px 0px 0px');}
.left-header2 {float: left; width:280px; color:#2A3A5E; margin:0 0 0 5px; margin: expression('10px 5px 10px 0px'); padding:10px 0 10px 0; padding:expression('0px 0px 10px 0px'); border-right:#3B4D7A solid 1px; }
.main-header {float: left; margin:11px 0 0 25px; margin: expression('11px 0px 0px 15px');}
.recuadro { border:#C3C8D4 solid 1px; background-color:#FFFFFF; width:240px; margin:0px auto; padding:3px;}
.recuadro2 { border:#C3C8D4 solid 1px; background-color:#FFFFFF; width:240px; margin:0px auto; padding:3px;}
.padin-img { padding: 0 0 5px 10px;}

.plomo { color: #999999; font-size:10px;}

a.link-amarillo:visited, a.link-amarillo:active, a.link-amarillo:link {
	color: #F8A614;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	font-weight:bold;
} 
 a.link-amarillo:hover {
	color: #F8A614;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	font-weight:bold;
}

a.link-amarillo2:visited, a.link-amarillo2:active, a.link-amarillo2:link {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
	font-weight:bold;
} 
 a.link-amarillo2:hover {
	color: #F8A614;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
	font-weight:bold;
}


a.link-pie:visited, a.link-pie:active, a.link-pie:link {
	color: #FFF;
	font-family: Tahoma;
	font-size:11px;
	text-decoration: none;
} 
 a.link-pie:hover {
	color: #000;
	font-family: Tahoma;
	font-size:11px;
	text-decoration: none;
}

#navi {  
	list-style:none;
	margin:0;
	padding:0;
	}
/*luego a los elementos de la lista...*/
#navi li {
	margin:2px;
	padding:2px;
	background-image:url(img/bg-btn.jpg); background-repeat:repeat-x;
	}
#navi li a {
	display:block; /*Convertimos el vínculo en un bloque.*/
	padding:3px 0 3px 20px;
	text-decoration:none;
	font-size:12px;
	background-image:url(img/vineta.jpg); background-repeat:no-repeat;
}
#actived {
	color: #000;
	font-weight:bold;	
	height:25px;
	padding:3px 0 0 5px; padding:expression('6px 0px 0px 5px');
	background-image:url(img/bg-btn.jpg); background-repeat:repeat-x;
	background-color:#CCCCCC;
}


/* Ahora vamos con el hover:*/
#navi li a:hover {
	color:#F8A614;
	font-weight:bold;
	background-image:url(img/vineta-out.jpg); background-repeat:no-repeat;
}
/* MENU SUB PRODUCTOS CSS*/
#navi2 {  
	list-style:none;
	margin:0;
	padding:0;
	}
/*luego a los elementos de la lista...*/
#navi2 li {
	margin:2px;
	padding:2px;
	background-image:url(img/bg-btn.jpg); background-repeat:repeat-x;
	}
#navi2 li a {
	display:block; /*Convertimos el vínculo en un bloque.*/
	padding:3px 0 3px 20px;
	text-decoration:none;
	font-size:12px;
	background-image: url(img/vineta2.jpg); background-repeat:no-repeat;
}
/* Ahora vamos con el hover:*/
#navi2 li a:hover {
	color:#F8A614;
	font-weight:bold;
	background-image:url(img/vineta2.jpg); background-repeat:no-repeat;
}

/* AQUI EN ADELANTE DROP DOWN*/
#menu2 {padding:0 0 0 0; padding: expression('0px 0px 0px 0px'); margin:0 0 5px 3px; margin:expression('0px 0px 0px 3px'); list-style:none; height:24px; position:relative;}
#menu2 li {display:block; float:left; width:230px; position:relative; margin:2px 0 2px 0; margin:expression('2px 0px 0px 0px'); padding:2px; padding: expression('2px 2px 0px 2px'); background-image:url(img/bg-btn.jpg); background-repeat:repeat-x;}
#menu2 li a {display:block; padding:3px 0 3px 20px; padding:expression('3px 0px 0px 20px');	text-decoration:none; background-image: url(img/vineta2.jpg); background-repeat:no-repeat;}
#menu2 li a:hover {color:#F8A614; font-weight:bold; background-image: url(img/vineta2.jpg); background-repeat:no-repeat;}

/* Estilo de la lista o hover enlace. Depende del navegador que se utiliza */

#menu2 a:hover {visibility:visible;}
#menu2 li:hover {position:relative; z-index:400;}

/* mantener el "siguiente nivel" invisibles colocándolo fuera de la pantalla.*/
#menu2 ul, 
#menu2 :hover ul ul, 
#menu2 :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu2 :hover ul.sub {left:200px; top:0px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
#menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:300px;  border-bottom:1px solid #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
#menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:3px 0 3px 20px; padding:expression('3px 0px 0px 20px'); color:#005FB9; text-decoration:none;}
#menu2 :hover ul.sub li a.fly {background:#fff  url(img/vineta_menu.gif) no-repeat 150px 6px;}
#menu2 :hover ul.sub li a:hover {background:#E5FAFC; color:#005FB9;}
#menu2 :hover ul.sub li a.fly:hover {background:#E5FAFC url(img/vineta_menu.gif) no-repeat 150px 6px;}
#menu2 :hover ul li:hover > a.fly {background:#E5FAFC} 

#menu2 :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
#menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}

#menu2 :hover ul.sub2 {left:200px; top:0px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
#menu2 :hover ul.sub2 li {display:block; height:20px; position:relative; float:left; width:200px;  border-bottom:1px solid #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
#menu2 :hover ul.sub2 li a {display:block; height:auto; font-size:11px; padding:3px 0 3px 20px; padding:expression('3px 0px 0px 20px'); color:#005FB9; text-decoration:none;}
#menu2 :hover ul.sub2 li a.fly {background:#fff  url(img/vineta_menu.gif) no-repeat 150px 6px;}
#menu2 :hover ul.sub2 li a:hover {background:#E5FAFC; color:#005FB9;}
#menu2 :hover ul.sub2 li a.fly:hover {background:#E5FAFC url(img/vineta_menu.gif) no-repeat 150px 6px;}
#menu2 :hover ul li:hover > a.fly {background:#E5FAFC}