@charset "utf-8";
/* CSS Document */
html, body { font:12px 'Trebuchet MS', Verdana, Arial, sans-serif; color:#797D80;}
body { margin:0; padding:0; background:#000033;}
img { border:0 none; }
h1, span {display:none;}
#principal {position:absolute;top:50%;left:50%; width:950px; height:520px;margin-left:-475px; margin-top:-260px;padding:0;border:1px solid #808080;background:#BBBADA url(../imagenes/fondo_web.jpg) no-repeat;}
#logo {position:absolute; top:39px; left:48px;}
#capa_menu{position:absolute; top:109px; right:65px; width:550px; height:40px; margin:0; padding:0; background:#FFFFFF;  z-index:20; filter:alpha(Opacity=22, FinishOpacity=0, Style=1, StartX=220, StartY=0, FinishX=0, FinishY=0); -moz-opacity:0.2;}
#capa_menu2{position:absolute; top:109px; right:10px; width:55px; height:40px; margin:0; padding:0; background:#FFFFFF;  z-index:20; filter:alpha(Opacity=22, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=220, FinishY=0); -moz-opacity:0.2;}
#menu{position:absolute; top:109px; right:15px; width:600px; height:20px; margin:0; padding:0;font:13px 'Trebuchet MS',Tahoma, Arial, Verdana; color:#000033; z-index:21; }
#menu ul{margin:0; padding:0;}
#menu  ul li{list-style-type:none; float:left;}
#menu  ul li a{margin:0 1px; padding:2px 13px; text-decoration:none; color:#000033; display:block; text-align:center;}
#menu ul li a:hover{color:#FFF;}
#capa_frase{position:absolute; top:40px; left:335px; width:605px; height:20px; margin:0; padding:0; background:#FFFFFF; z-index:20; filter:alpha(opacity=20); -moz-opacity:0.2;} 
#frase{position:absolute; top:40px; left:335px; width:605px; margin:0; padding:0 5px ;font:14px 'Trebuchet MS',Tahoma, Arial, Verdana; color:#000033; z-index:21;}
#contenidos {position:absolute; top:42px; left:310px; width:615px; height:450px; border-left:5px solid #000033;}
#capa_contenidos_txt{position:absolute; left:20px; top:110px; margin:0; padding:10px; width:580px; height:320px; background:#FFFFFF; filter:alpha(opacity=60); -moz-opacity:0.6;}
#contenidos_txt{position:absolute; left:20px; top:110px; margin:0; padding:10px; width:580px; height:320px; color:#000033;}
#contenidos_txt h2{color:#000033; font-size:12px; padding:0 10px; margin:5px 0}
#contenidos_txt h3{font-size:14px; color:#000033; margin:15px 0 10PX 0; padding:0;}

#capa_extranet { width:225px; height:175px; margin:0; padding:10px 20px; position:absolute; top:296px; left:30px;  background:#FFFFFF; filter:alpha(opacity=30); -moz-opacity:0.3;}
#extranet { width:225px; height:175px; margin:0; padding:20px; position:absolute; top:296px; left:30px; font:12px 'Trebuchet MS',Tahoma, Arial, Verdana; color:#000033; }
#extranet p { position:relative; top:45px; margin:10px 0; padding:0; text-align:center;}
#extranet a{text-decoration:none; color:#000033;}
#extranet a:hover {color:#FFFFFF;} 
#usuario {margin:0; padding:10px 0 0 0; display:block;}
#usuario input {color:#000033; height:19px; border:1px solid #000033; width:122px; position:absolute; left:100px; top:18px; padding:1px 0 0 15px; margin:10px 0; background:#FFFFFF;}
#clave{margin:22px 0 0 0; padding:0; display:block;}
#clave input {color:#000033; height:19px; width:122px; position:absolute; left:100px; top:61px; padding:1px 0 0 15px; margin:10px 0; border:1px solid #000033; background:#FFFFFF}

#pie {position:absolute; top:500px; left:-10px; width:946px; margin:0; padding:2px; /*background:#E6EDFF;*/ text-align:right; color:#000; font:11px bold Arial, 'Trebuchet MS', Verdana, sans-serif;}
#pie a{margin:0; padding:0; color:#8A005A; text-decoration:none;}
#pie a:hover{color:#868686;}
#ayser {position:absolute; right:0; bottom:0; margin:0 0 -20px 0;}