@charset "utf-8";
/* CSS Document */
body{
background:url(imagenes/1.jpg);
}

.preload1 {
background: url(imagenes/pro_drop4_2a.gif);
}
.preload1 {
background: url(imagenes/pro_drop4_2b.gif);
}

.prodrop4 {
padding:0 0 0 32px; 
margin:0; 
list-style:none; 
height:36px; 
background:transparent url(imagenes/pro_drop4_back.gif); 
position:relative; 
z-index:500; 
font-family:arial, verdana, sans-serif;
}
.prodrop4 li.top {
display:block; 
float:left;
}
.prodrop4 li a.top_link {
display:block; 
float:left; 
height:36px;
line-height:27px;/*27px*/ 
color:#666; 
text-decoration:none; 
font-size:11px; 
font-weight:bold; 
padding:0 0 0 10px; 
cursor:pointer;
background: url(imagenes/pro_drop4_0a.gif) no-repeat;
}
.prodrop4 li a.top_link span {
float:left; 
display:block; 
padding:0 20px 0 10px; 
height:36px;
width:105px;/*135px*/
background:url(imagenes/pro_drop4_0b.gif) right top;
}
.prodrop4 li a.top_link:hover {
color:#000; 
background: url(imagenes/pro_drop4_2a.gif) no-repeat; 
line-height:25px;
}
.prodrop4 li a.top_link:hover span {
background:url(imagenes/pro_drop4_2b.gif) no-repeat right top;
}

.prodrop4 li:hover > a.top_link {
color:#000; background: url(imagenes/pro_drop4_2a.gif) no-repeat; 
line-height:25px;
}
.prodrop4 li:hover > a.top_link span {
background:url(imagenes/pro_drop4_2b.gif) no-repeat right top;
}


.prodrop4 table {
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {
visibility:visible; 
position:relative; 
z-index:200;
}
.prodrop4 li:hover {
position:relative; 
z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}

.prodrop4 ul.sub1 {
width:167px;/*160px*/
}
.prodrop4 ul.sub2 {
width:167px;/*110px*/
}
.prodrop4 ul.sub3 {
width:167px;/*90px*/
}
.prodrop4 ul.sub4 {
width:167px;/*112px*/
}

.prodrop4 :hover ul {
left:0; 
top:35px; 
background: #b9d3fb; 
padding:3px; 
border:1px solid #3a93d2; 
border-width:0 1px 1px; 
white-space:nowrap; 
height:auto; 
z-index:300;
}
.prodrop4 :hover ul li {
display:block; 
height:20px; 
position:relative; 
font-weight:normal; 
width:auto;
}
.prodrop4 :hover ul li a {
display:block; 
font-size:11px; 
height:20px; 
line-height:20px; 
width:auto; 
padding:0 10px; 
color:#000; 
text-decoration:none;
}
.prodrop4 :hover ul li a:hover {
/*background:#3a93d2;*/
background:url(imagenes/pro_drop4_2b.gif);
color:#000000;
font-weight:bolder;
}
































/**********************************************************************************************************/






#marco {
	width:924px;
	/*margin:10px 0;*/
	/*padding:0px;*/
	}

.preload2 {background: url(imagenes/button4a.gif);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:30px; background:#fff url(imagenes/fd_menu.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.espacio{ /*margin-right:10px;*/ }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:24px; /*margin-left:40px;*/ line-height:25px; color:#555; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 30px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 10px; height:20px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 10px; height:25px; 
/*margin-left:30px; margin-right:45px;*/
}
.menu2 li a.top_link:hover {color:#000000; /*background:url(imagenes/pro_drop4_2b.gif);*/ }

.menu2 li:hover > a.top_link {color:#000000; 
/*background:url(imagenes/pro_drop4_2b.gif); */ border-left:1px solid #005FB9; border-right:1px solid #005FB9; border-bottom:1px solid #005FB9;}



.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

.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:0px; top:25px; background:#b9d3fb; padding:0;  width:auto; height:auto; font-weight:normal;}
.menu2 :hover ul.sub li { text-align:center; display:block; position:relative; float:left; width:121px; 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:4px 3px;  color:#000000;  text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff  url(imagenes/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover { background:url(imagenes/pro_drop4_2b.gif); color:#000000; font-weight:bold;}
.menu2 :hover ul.sub li a.fly:hover {background:#E5FAFC url(imagenes/vineta_menu.gif) no-repeat 0px 0px;}
.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:0px; top:0px; background: #fff; padding:0; width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul { background: #fff; z-index:300;}


/***********************************VIDEOS************************************************************************/
#videos{ overflow:hidden}
#video_principal{width:425px; float:left; margin-right:25px}
#videos_secundarios{height:344px; width:450px; float:left; }
#videos_secundarios a {float:left; padding:5px; width:120px}
#videos_secundarios p{ float:left; width:300px }
#videos_secundarios p a{text-decoration:none; color:#00F;width:300px; display:block;}
#videos_secundarios p a:hover{color:#333}
.video{font-size:20px; background-color:#CCC; overflow:hidden; margin-bottom:22px}
#mas_videos{margin-left:0px; margin-top:20px;}
.videito,.videito_first{float:left; width:115px; margin-right:5px; margin-bottom:10px; padding:5px 10px 5px 0}
.videito_first{padding-left:0}