/* COMUN */
html { background:#E1E1E1 url(../img/interface/fnd_ppal_1.jpg) no-repeat top center fixed !important }
body { margin:0!important; padding:0 !important;  font-family:Arial; background-image:url(../img/interface/bg-overlay.png);  Helvetica, sans-serif; font-size:11px }
a { text-decoration:none !important; color:#66A5E4; border:none }
a:hover {color:#069 }

/* CABECERA */
header { height:124px; width:1003px; position:relative; margin:0 auto }
header h1 { position:absolute; left:10px; top:40px; width:236px; height:51px; margin:0; overflow:hidden  }
header h1 a { display:block; padding:51px 0 0 0; height:0; background:transparent url(../img/interface/logo_ppal.png) no-repeat left top }
header .ad { position:absolute; top: 17px; right:13px; height:90px; width:728px }

/* MENU PPAL */
.top_menu { position:relative; width:1003px; margin:0px auto }

.top_menu .menu {  width:1003px; height:42px; z-index:1000; position:relative; padding:0; margin:0; background:transparent url(../img/interface/menu_bg.png) top left repeat-x; list-style:none; border-radius: 4px }
.top_menu .menu li { float:left; padding:0; margin:0; border-right:1px solid #1A1A1E  }
.top_menu .menu li a { display:block; color:#fff; font-size:13px; text-transform:uppercase; font-weight:bold; line-height:18px; padding:12px 20px; text-shadow: #000 -1px -1px 0px; opacity: .75; filter:alpha(opacity=75); border-right:1px solid #3c434a; border-left:1px solid #4c535a  }
.top_menu .menu li:hover a { text-shadow: #666669 -1px -1px; background-color:#77777A; opacity: .82; filter:alpha(opacity=82); border-color:#7D7D80 }
.top_menu .menu li:first-child a { border-radius: 4px 0px 0px 4px;   }

/* SUBMENU */
.top_menu ul.menu ul { position:absolute; top:38px; left:-1000em; margin:4px 0 0 0; padding:8px 0 8px 0; border:none; list-style-type:none; z-index:1020; width:174px; background:#77777A; opacity: .94;  filter:alpha(opacity=94); box-shadow: 1px 1px 2px #777 }
.top_menu ul.menu ul.menu_visible { left:auto }
.top_menu ul.menu ul li { border:none }
.top_menu ul.menu ul li a { float:none; width:152px; border:none; padding:8px 2px 8px 20px !important; height:auto; font-size:11px !important; font-weight:normal !important; text-transform:none; line-height:normal !important; text-shadow: #66666A -1px -1px 0px !important; color:#D3D3D7 !important; background:none !important; opacity: 1 !important;  filter:alpha(opacity=100) !important  }
.top_menu ul.menu ul li a:hover { color:#FFF; background-color:#828286 !important; text-shadow: -1px -1px 0px #767679 !important; }
.top_menu ul.menu iframe { position: absolute; z-index: 1010; border:none; padding:-100px; opacity:0;  filter:alpha(opacity=0) } /* PARA IE */

/* SUBMENU ACTIVO */
.top_menu ul.menu .activo a { color:#adc24e; background:transparent url(../img/interface/black_bg.png); opacity: .97; filter:alpha(opacity=97); text-shadow: #000 -1px -1px 0px !important; padding:12px 21px; border:none}
.top_menu ul.menu .activo ul, ul.menu .activo ul.menu_visible  {top:38px; left:10px; width:auto; background:none; z-index:1010; border:none; box-shadow: none; }
.top_menu ul.menu .activo ul li { float:left; width:auto; padding:0px 10px;  border-left: 1px dotted #999; color:#0F0F0F;  }
.top_menu ul.menu .activo ul li:first-child { border-left:none }
.top_menu ul.menu .activo ul li a { color:#333 !important; display:inline; padding:0 !important; text-shadow: #fff 1px 1px 0px !important; }
.top_menu ul.menu .activo ul li a:hover { color:#888; background:none !important }
.top_menu ul.menu .activo ul li a.activo { color:#adc24e !important; border-bottom:1px solid #adc24e; border-radius: 0; }
.top_menu ul.menu .activo iframe { display:none } /* PARA IE */
.top_menu ul.menu .activo .submenu_fotos { margin-left:20px }
.top_menu ul.menu .activo .submenu_prevision { margin-left:210px }
.top_menu ul.menu .activo .submenu_foro { margin-left:280px }

/* MENU SEC */
.top_menu ul.menu_sec { position:absolute; top:12px; right:15px; padding:0; margin:0; list-style:none; z-index:1001; }
.top_menu ul.menu_sec li { float:left; padding:0; margin:0; }
.top_menu ul.menu_sec li a { display:block; margin:0px 3px; height:0px; padding-top:16px; overflow:hidden; background-image:url(../img/interface/icons.png); background-repeat:no-repeat; opacity:0.9; filter:alpha(opacity=90)  }
.top_menu ul.menu_sec li a:hover { opacity:1; filter:alpha(opacity=100)  }
.top_menu ul.menu_sec li a:active { opacity:0.8; filter:alpha(opacity=80)  }
.top_menu ul.menu_sec li a.btn_facebook { width:15px; background-position:0px 0px }
.top_menu ul.menu_sec li a.btn_twitter { width:25px; background-position:-20px 0px }
.top_menu ul.menu_sec li a.btn_feed { width:18px; background-position:-79px 0px }
.top_menu ul.menu_sec li a.btn_contact { width:23px; background-position:-103px 0px  }

/* BUSCADOR */
.top_menu ul.menu_sec li form { position:relative; display:block; width:134px; margin:-2px -2px 0 60px; padding:0 }
.top_menu ul.menu_sec .menu_buscar_campo { position:absolute; top:0px; right:0px; font:normal 11px Arial; width:100px; padding:4px 28px 4px 6px; margin:0; line-height:14px; border:none; color:#666; background-color:#CCC; opacity:0.9; filter:alpha(opacity=90); box-shadow: inset 0px 0px 3px #888; text-shadow: #DDD 1px 1px 0px;  border-radius: 2px 2px 2px 2px; }
.top_menu ul.menu_sec .menu_buscar_btn { position:absolute; top:3px; right:4px; width:14px; height:16px;	border:none; margin:0; padding:0; background:url(../img/interface/icons.png) no-repeat top right; cursor:pointer; }

/* CUERPO */
.content  { width:972px; min-height:500px; margin:10px auto 0 auto; padding:18px 13px 25px 18px; background-color:#FFF; box-shadow: 0px 0px 1px #999; border-radius: 4px }

/* BREADCRUMBS */
.breadcrumbs { font-size:11px !important; line-height:14px !important; text-transform:uppercase; padding:0 0 3px 0; margin:-3px 0 15px 0; color:#999; border-bottom:1px dotted #DADADA; display:block;  }
.breadcrumbs a { color:#666 }

/* PIE */
footer { width:976px; margin:0 auto; padding:20px 10px; background:url(../img/interface/logo_pie.png) no-repeat 10px 25px; text-align:right; line-height:16px; color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-shadow:#F1F1F1 1px 1px 0px }
footer i { font-size:10px; color:#888 }
footer a, .pie a:link { text-decoration:none; color:#66A5E4; border:none }
footer a:hover {color:#069 }

/* COMUN A TODOS LOS APARTADOS */
.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; }
.fb-comments { width:640px }