@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font:normal 12px Arial;}
/* *html body{ height:100%; overflow-y:auto;}/*/
a img{ border:none;}
.final{ clear:both;}


.cont{ background-color:#F3F3F3; margin-top:50px; height:100%;}
.nav{ background-color:#222;}

/*Barra arriba*/
.upbar{ position:absolute; top:0; left:0; width:100%; background:transparent url(images/barfd.png) repeat-x top center; height:40px; }
.cont .upbar{ text-align:right; color:#FFF;}
.cont .upbar a{ text-align:right; color:#0CF;}
.cont .upbar a.logout{ float:right;}
.cont .upbar img{ margin:2px 8px 0 0; vertical-align:middle;}
.upbar span{ line-height:27px;}
.colizq .upbar{ padding:6px;}

/*Col central*/
.main{ position:absolute; top:90px; left:0; left:2%; width:96%; height:80%; text-align:center; overflow-y:auto; border:solid 1px #CCC;}
*html .main{ height:80%;}

.edition{ position:absolute; top:40%; margin-top:80px; left:0; height:39%; width:100%; overflow-y:auto;}
*html .edition{height:300px;}

.bar{ height:40px; z-index:100; background:transparent url(../images/bottom_nenu_bg.jpg) repeat-x top center; position:absolute; top:50px; left:2%; width:96%; overflow:hidden; border:solid 1px #0073AA;}
.bar h1, .barb h1, .barbpeke h1{ padding:0 7px; margin:0; font:Bold 20px Arial; color:#FFF;}
.bar h1 span, .barb h1 span, .barbpeke h1 span{ display:block; padding-top: 0px; color:#FFF; font-size: 1px;}
.bar h1 span a, .barb h1 span a, .barbpeke h1 span a{ color:#FFF; text-decoration:none; padding:0; margin:0; font:normal 11px Arial}
.bar form, .barb form, .barbpeke form{ float:right; margin:7px 0 0 0; font-size:11px; font-weight:normal;}
.bar form input, .barb form input, .barbpeke form input{ height:17px; font-size:10px;}
.bar form a img.imgbtn, .barb form a img.imgbtn, .barbpeke form a img.imgbtn{ vertical-align:middle;}
.bar form .inpsrch, .barb form .inpsrch{ border:none; background:transparent url(images/bginptxt.png) no-repeat top center; width:125px; padding:2px 5px 0 5px;}
.bar form .srchbtn, .barb form .srchbtn{ border:none; background:transparent url(images/srchbtn.png) no-repeat top center; width:30px; height:21px;}

.lista{ background-color:#999; margin:10px auto; border:solid 1px #CCC; border-width: 1px 0 1px 1px;}
.lista th{ background-color:#444; border:solid 1px #CCC; color:#0CF; border-width: 0 1px 0 0;}
.lista th a img{ border:none; padding-bottom:0px;}
.lista td{ text-align:left; padding:4px 0px; border:solid 1px #CCC; border-width: 0 1px 0 0;}
.lista td a{ color:#09C;}
.lista td a:hover{ color:#333;}
.lista td a:visited{ color:#036;}

/*Col izq*/
.colizq{ width:250px; float:left; background-color:#222;}
.colizq .logo{ font:bold 48px Trebuchet MS; text-align:center; background-color:#FFF;}
.colizq .logo img{ margin-top:10px;}
.colcen{ width:740px; float:left;}
.colizq h2{ color:#00CCFF; border:solid 1px #00CCFF; border-width: 0 0 1px 0; font:normal 18px Arial; padding-top:7px;}

.menu{ margin-left:20px;}
.menu ul{ margin:0; padding:0; list-style:none;}
.menu ul li{ display:inline; margin:0; padding:0; list-style-type:none; height:auto;}
.menu ul a{ display:block; width:205px; padding:2px 15px 2px 10px; margin-bottom:1px; color:#EEE; font-weight:bold; text-decoration:none;}
.menu ul a.act, .menu ul a:hover{background-color:#F3F3F3; color:#000;}

/*Layer de formulario para editar*/
.layer{ z-index:500; width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#000; text-align:center; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6;}
.login .layer{ z-index:0; top:30px; left:0; right:0; left:0; background-color:#333;}

.ventana{ position:absolute; z-index:550; width:80%; top:12%; left:10%; background-color:#F8F8F8; border:solid 1px #444; height:75%; margin-top:40px;}
.ventanapeke{ position:absolute; z-index:550; width:50%; top:20%; left:25%; background-color:#F8F8F8; border:solid 1px #444; height:40%; margin-top:40px;}
.login .ventanapeke{ position:absolute; z-index:550; width:34%; top:30%; left:33%; background-color:#F8F8F8; border:solid 1px #444; height:150px; margin-top:40px;}

.barb{ width:100%; overflow:hidden; border:solid 1px #0073AA; margin:0; background:transparent url(images/barfd.gif) repeat-x top center; height:40px; position:absolute; z-index:570; width:80%; top:12%; left:10%; }
.barbpeke{ width:100%; overflow:hidden; border:solid 1px #0073AA; margin:0; background:transparent url(images/barfd.gif) repeat-x top center; height:40px; position:absolute; z-index:570; width:50%; top:20%; left:25%; }
.login .barbpeke{ width:100%; overflow:hidden; border:solid 1px #0073AA; margin:0; background:transparent url(images/barfd.gif) repeat-x top center; height:40px; position:absolute; z-index:570; width:34%; top:30%; left:33%; }

.ventana form, .ventanapeke form, .main form{ background-color:#FFF; width:94%; margin-left:3%; margin-top:2%; height:85%; display:block; border:solid 1px #DDD; overflow-x:hidden; overflow-y:auto;}
.ventana form td, .ventanapeke form td, .main form td{ padding:5px; text-align:left;}
.ventana form .inter, .ventanapeke form .inter, .main form .inter{ background-color:#F6F6F6;}
.ventana form .btn, .ventanapeke form .btn, .main form .btn{ font-size:10px; background-color:#09F; border:solid 1px #036; color:#FFF; margin:15px 5px 0 0;}
.login .ventanapeke form{ margin-top:24px; height:100px; overflow:hidden; width:90%; margin-left:5%; }
.login .ventanapeke form .btn{ font-size:11px; margin-top:5px;}

.main form{ margin:0; width:100%; border-width: 1px 0; height:auto; margin-top:5px;}
.main form td{ padding-left:25px;}
.main form .btn{ margin-bottom:5px;}

.welcome{ position:absolute; left:50%; width:700px; margin-left:-350px; margin-top:70px;}
.welcome .wbar{ height:40px; background:transparent url(images/barfd.gif) repeat-x top center; overflow:hidden; border:solid 1px #0073AA; width:100%;}
.welcome .wbar h1{ margin:7px 0 0 5px; color:#FFF;}
.welcome .cuadro{ border:solid 1px #CCC; width:640px; border-width:0 1px 1px 1px; padding:30px; background-color:#fcfcfc;}
.welcome .cuadro .divimg{ float:left; width:30%; }
.welcome .cuadro .textin{ float:left; width:67%; color:#333; }
.welcome .pie{ margin-top:8px; color:#999; font:normal 10px Arial;}