@charset "utf-8";
/* CSS Document */
body{margin: 0; width: 100%; height: 100%; padding: 0; font: 12px Tahoma, Arial, Helvetica, sans-serif;
background-color:#FFF;
background-image:url(../images/back.jpg);
background-repeat: repeat-x;
display:block;
}

@media print {
    .oculto {display:none;}
}

#hd { background: transparent url(../images/logo.jpg) top center no-repeat;}
#headbar {text-align: right; padding-bottom: 2px;}
#menu_head{text-align: right; padding-top: 10px; padding-bottom: 70px;}
#header {border: none; height: auto; background: none; text-align: left;}
#footer { height: auto;padding: 10px 0 10px 10px; background-color:#003366; color:#FFFFFF; font-weight:bold;}
#footer_l{float: left; height: auto;}
#footer_r{float: right; height: 50px;}
#footer a:link, #footer a:hover, #footer a:visited {color:#FFFFFF;}



.header .headerbar{height:50px;font:bold 18px Arial;color:#660000;text-transform:none;margin:5px 0 10px;padding:4px 0 0 5px;}
.header .headerbar a:link,.headerbar a:hover,.headerbar a:visited{color:#CCCCCC;}
.header .headerbartwo{color:#666666;font:bold 12px Arial;}



#rigthside {width:250px; height: auto; display: block; background:#FFFFCC; float: right; margin: 5px 5px 5px 5px;}
#sideleft { margin-right:: 270px; text-align: left;}
#contenedor { width: 970px; background:#FFFFFF}
#user {width: 300px; text-align: left;}
#navlist li{display: inline;list-style-type: none;padding-right: 3px;text-transform:lowercase;font-family:Arial, Helvetica, sans-serif;}
#navlist li a:link, #navlist li a:hover, #navlist li a:visited, #navlist li a:active {color: #66000; font-size: 12px; text-decoration:none;}

h1{text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;}
/*identificacion*/

#leftSide{width:530px;padding-top:30px;float:left;}
fieldset{border:1px dashed #CCC;margin-top:20px;margin-bottom:20px;padding:10px;}
legend{font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:700;line-height:1.1;color:#fff;background:#666;border:1px solid #333;padding:2px 6px;}
.form{margin:0;padding:0;}
label{width:140px;height:32px;margin-top:3px;margin-right:2px;padding-top:11px;padding-left:6px;background-color:#CCC;float:left;display:block;font-family:Arial, Helvetica, sans-serif;font-size:115%;letter-spacing:-1px;font-weight:400;line-height:1.1;color:#666;}

label.lab_des{width:140px;height:132px;margin-top:3px;margin-right:2px;padding-top:11px;padding-left:6px;background-color:#CCC;float:left;display:block;font-family:Arial, Helvetica, sans-serif;font-size:115%;letter-spacing:-1px;font-weight:400;line-height:1.1;color:#666;}


.div_texbox{width:347px;float:right;background-color:#E6E6E6;height:35px;margin-top:3px;padding-top:5px;padding-bottom:3px;padding-left:5px;}

.div_texbox2{width:347px;float:right;background-color:#E6E6E6;height:135px;margin-top:3px;padding-top:5px;padding-bottom:3px;padding-left:5px;}


.username{background-image:url(../images/16m.png);background-repeat:no-repeat;background-position:left;background-color:#FFF;width:285px;font:normal 18px Arial;color:#999;padding:3px 5px 3px 19px;}
.textbox{background-image:url(../images/16m.png);background-repeat:no-repeat;background-position:left;background-color:#FFF;width:285px;font:normal 18px Arial;color:#999;padding:3px 5px 3px 19px;}
.fecha{background-image:url(../images/calendar.gif);background-repeat:no-repeat;background-position:left;background-color:#FFF;width:285px;font:normal 14px Arial;color:#999;padding:3px 5px 3px 19px;}

.file_tit{background-image:url(../images/comment_yellow.gif);background-repeat:no-repeat;background-position:left;background-color:#FFF;width:285px;font:normal 14px Arial;color:#999;padding:3px 5px 3px 19px; line-height: 18px;}

.descrip{background-image:url(../images/comment_yellow.gif);background-repeat:no-repeat;
 background-position: 1px 2px;
background-color:#FFF;width:285px;font:normal 14px Arial;color:#999;padding:3px 5px 3px 19px; line-height: 18px;}


.archivo{background-image:url(../images/page_video.gif);background-repeat:no-repeat;background-position:left;background-color:#FFF;width:285px;font:normal 14px Arial;color:#999;padding:3px 5px 3px 19px;}
.password{background-image:url(../images/16s.png);background-repeat:no-repeat;background-position:left;background-color:#FFF;width:285px;font:normal 18px Arial;color:#999;padding:3px 5px 3px 19px;}
.button_div{width:287px;float:right;background-color:#fff;border:1px solid #ccc;text-align:right;height:35px;margin-top:3px;padding:5px 32px 3px;}
.buttons{background:#e3e3db;font-size:12px;color:#989070;text-decoration:none;text-transform:uppercase;font-weight:700;border-color:#fff #d8d8d0 #d8d8d0 #fff;border-style:solid;border-width:2px;padding:6px 6px;}
.clear{clear:both;}
.username:focus,.username:hover,.password:focus,.password:hover{background-color:#F0FFE6;}

.botondown
{background-image: url(../images/down.png); width: 20px; height: 20px; border-width: 0}

/* MENU CATEGORIAS */
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(../images/button3.gif);}
.menu1 li.current a b {background:url(../images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(../images/button2.gif);}
.menu1 li a:hover b {background:url(../images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../images/button3.gif) no-repeat right top;}


.FileTit{padding: 10px 0 10px 0;}
.Videos_Rand{ padding: 10px 0 10px 0;}
.Img_vid_rand{padding: 1px; border: 1px gray solid;}
.Biblia { width: 600px; padding: 10px 0 10px 0px; border: 1px gray solid;}
.vPlayer{padding: 10px 0 10px 0;}

#player-notes-title-field label {
  display: block;
}

#player-notes-title-field input {
  width: 270px;
  padding: 0;
  border: 1px solid #eeeeee;
  font-size: 14pt;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  border: 1px solid #eeeeee;
}

#player-notes-wrapper {
  text-align: center;
}

player-notes-field{ 
width: 270px;
}
textarea#player-notes {
  width: 270px;
  height: 300px;
  border: 1px solid #eeeeee;
  font-size: 14pt;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  line-height: 27px;
}

#tipos{ width: 270px; height: 60px; background: transparent url(../images/back-top.png) top center no-repeat; display: block; text-align: center; padding-bottom: 10px;}

#audio_player_top{
height: 150px;
width: 270px;
text-align: center;
background: transparent url(../images/back-audio-player.png) center center no-repeat;
display: block;
}

.menuholder li { float: right;}
.menuholder a { outline: 0; background: url(../images/back-top-menu.png);display:block; height:50px; text-indent:-9000%}
/*ESTADO NORMAL*/
.maudio a {width:129px; background-position: -6px 0px; outline: 0;}
.mvideo a {width:129px; background-position:-141px 0px; outline: 0; padding-right:3px;}

/*ESTADO ROLLOVER*/
.maudio a:hover {background-position:-6px 50px;}
.mvideo a:hover {background-position:-141px 50px;}

/*ESTADO ACTIVO*/
.maudio a.active {background-position: -6px 100px;}
.mvideo a.active {background-position:-141px 100px;}


#usageBar{
	width: 150px;
 	height: 30px;
	background-image:url(../images/usageBarDot.png);
	background-repeat: no-repeat;
	background-attachment: inherit;}