body{margin:0px;padding:0px;font-family:sans-serif;color:#777;font-size:100%;color:#444;background:url('../jpanel/img/fondo2.png') repeat;}

#cajamedia{position:relative;color:#777;}
#cajamedia a{color:#777;}
#cajamedia #cajamediabox{position:relative;margin:0 auto;width:95%;padding:50px 0px;}
#cajamedia #cajamediabox h1{text-align:center;text-transform:uppercase;color:#ccc;}

h1.jcentro{text-align:center;text-transform:uppercase;color:#ccc;}

#formacceso {max-width:350px;width:100%;margin:0 auto;padding:20px;background:#222;box-sizing:border-box;position: relative;}
#formacceso a {color:#777;}
#formacceso div{padding:10px 0px;text-align:right;}
#formacceso span{padding:10px 0px;text-align:right;}
#formacceso input, #formacceso select{width:100%;padding:15px 20px;color:#555;border:none;background:#ddd;box-sizing:border-box;outline:none;}
#formacceso input.error, #formacceso select.error {background:#ffcccc;}
#formacceso .btn input{background:#3d0061;color:#ccc;font-weight:bold;cursor:pointer;border:1px;box-shadow: 0 1px 1px #3d0061;border-radius:5px;}
#formacceso .btn input:hover{background:#3d0061;}
#formacceso .btn input:active{background:#3d0061;transform:scale(1.1);transition:.2s;}
#formacceso .jformAviso {display:none;padding:0;margin:0px;}
#formacceso .jformAviso > div {position: absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, .9);display:flex;justify-content:center;align-items:center;text-align:center;}

#panel{min-width:800px;margin:0 auto;}
#panel #user_left {display:inline-block;zoom:1;vertical-align:top;width:25%;color:#333;background:#bbb;}
#panel #user_left ul {list-style:none;margin:0px;padding:0px;}
#panel #user_left ul li.persiana > div{color:#ddd;cursor:default;background:#3d0061;padding:15px 15px;border-bottom:1px solid #888;border-top:1px solid #ccc;cursor:pointer;}
#panel #user_left ul li.persiana > div i {float: right;}
#panel #user_left ul li.persiana ul {display:none;}
#panel #user_left ul ul li {display:block;padding:15px 15px;border-bottom:1px solid #888;border-top:1px solid #ccc;cursor:pointer;position:relative;transition:.3s;}
#panel #user_left ul ul li:hover {background:#999;}
#panel #user_left ul ul li div {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
#panel #user_left ul ul li.activa {background:#777;color:#ccc;padding-left:20px;list-style:circle;}
#panel #user_left ul ul li.activa span{display:inline-block;width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #ccc;border-right:0px solid transparent;}


#panel #user_right {display:inline-block;zoom:1;vertical-align:top;padding:15px;color:#333;background:#bbb;width:74%;margin-left:1%;box-sizing:border-box;}
#panel #user_right ul {padding:0px;margin:0px;}
#panel #user_right ul li{list-style:none;}
#panel #user_right #paneltitulos {width:100%;background:#3d0061;color:#ddd;font-weight:bold;padding:0;box-sizing:border-box;}
#panel #user_right .panellista {width:100%;border-bottom:1px solid #aaa;}
#panel #user_right .panellista:hover {background:#aaa;}
#panel #user_right div.unico {white-space:nowrap;overflow:hidden;width:100%;margin:4% 0px;}
#panel #user_right div.unico .paneluno{width:45%;float:left;text-align:right;margin-right:1%;}
#panel #user_right div.unico .paneldos{text-align:left;width:40%;}
#panel #user_right div.unico .btn{padding:5px 10px;color:#ccc;cursor:pointer;font-weight:400;border:1px;font-size:100%;font-family:'Oswald',sans-serif;background: #3d0061;float:left;width:auto;border-radius: 3px;box-shadow: 0 1px 1px #3d0061;}
#panel #user_right div.unico .btn:hover{background:#3d0061;}
#panel #user_right .panelmenuedit {width:100%;text-align:right;font-size:76%;}
#panel #user_right .panelmenuedit > div {display:inline-block;color:#777;padding:2px 5px;margin:5px;cursor:pointer;}
#panel #user_right .panelmenuedit > div:hover {text-decoration:underline;}
#panel #user_right .panelsection {display:inline-block;vertical-align:top;padding:10px;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#panel #user_right .panelsection img.panelimagen{width:100px;border:none;}
/* borrar */
/* #panel #user_right .panelcuatrocampos{width:23%;}
#panel #user_right .panelppagina{width:20%;white-space:normal;}
#panel #user_right .panelpweb{width:10%;}
#panel #user_right .panelpfacebook{width:15%;}
#panel #user_right .panelpdescripcion{width:35%;white-space:normal;}
#panel #user_right .panelptitulo{width:15%;white-space:normal;} */
/* borrar */
#form .cero {width:100%;clear:both;margin-bottom:10px;}
#form .cero .uno {white-space:nowrap;}
#form .cero .uno span{color:red;display:none;font-weight:bold;white-space:nowrap;}
#form .cero .uno input:hover{background:#3d0061;}

#form .dos input.error, #form .dos textarea.error, #form .dos select.error{background:#ffcccc}
#form .dos input{width:100%;padding:10px 15px;box-sizing:border-box;color:#555;border:none;background:#ddd;margin:2px 0;}
#form .dos textarea{width:100%;padding:10px 15px;height:500px;box-sizing:border-box;color:#555;border:none;background:#ddd;font:12px Verdana, Arial;}
#form .dos select{width:100%;padding:10px 15px;color:#555;border:none;background:#ddd;}

/* #form .dos .banner_temp{width:100%;position:relative;display:none;}
#form .dos .banner_temp img{width:100%;}
#form .dos .banner_temp img.banner_x{position:absolute;top:1%;right:1%;width:10%;cursor:pointer;display:none;}

#form .dos .foto_temp{width:100%;position:relative;display:none;}
#form .dos .foto_temp img{width:100%;}
#form .dos .foto_temp img.foto_x{position:absolute;top:1%;right:1%;width:10%;cursor:pointer;display:none;}

#form .dos .background_temp{width:100%;position:relative;display:none;}
#form .dos .background_temp img{width:100%;}
#form .dos .background_temp img.background_x{position:absolute;top:1%;right:1%;width:10%;cursor:pointer;display:none;}

#form .dos .imagen_temp{width:100%;position:relative;display:none;}
#form .dos .imagen_temp img{width:100%;}
#form .dos .imagen_temp img.imagen_x{position:absolute;top:1%;right:1%;width:10%;cursor:pointer;display:none;}

#form .dos .imgalbum_temp{width:100%;position:relative;display:none;}
#form .dos .imgalbum_temp img.imgalbum{width:100%;}
#form .dos .imgalbum_temp .imgalbum_x{position:absolute;top:10px;right:10px;width:40px;height:40px;cursor:pointer;display:none;background-image:url(./img/cerrar.png);background-size:100%;border-radius:50%;box-shadow:0px 0px 20px #000;}

#form .dos .slide_temp{width:100%;position:relative;display:none;}
#form .dos .slide_temp img.slide{width:100%;}
#form .dos .slide_temp .slide_x{position:absolute;top:10px;right:10px;width:40px;height:40px;cursor:pointer;display:none;background-image:url(./img/cerrar.png);background-size:100%;border-radius:50%;box-shadow:0px 0px 20px #000;} */

#form .imgupload_temp{width:100%;position:relative;display:none;}
#form .imgupload_temp img.imgupload{width:100%;display:block;}
#form .imgupload_temp .imgupload_x{position:absolute;top:10px;right:10px;width:40px;height:40px;cursor:pointer;display:none;background-image:url(./img/cerrar.png);background-size:100%;border-radius:50%;box-shadow:0px 0px 20px #000;}
#form div.imgupload {border:2px dashed #777;min-height:100px;position: relative;border-radius:3px;max-width:400px;}
#form div.imgupload > input {width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0;cursor:pointer;}
#form div.imgupload .imgupload_text {font-family:arial black;text-align:center;padding:15px;font-size:150%;color:#888;}


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

.cargando_mini {width:15px;padding:0px;margin:0px;text-align:center;vertical-align:middle;display:inline-block;overflow:hidden;}
.cargando_medium {width:50px;padding:30px 0px;margin:0 auto;text-align:center;display:block}

.boton_1 {background-color:#3d0061;display:inline-table;padding:15px 10px;margin-right:10px;color:#ccc;border-radius:5px;box-shadow:0px 1px 1px #3d0061;font-family:'Oswald',sans-serif;cursor:pointer;font-size:85%;border:1px;}
.boton_1:hover{box-shadow: 1px 1px 2px #3d0061;}
.boton_1:active{box-shadow:inset 1px 0px 2px #3d0061;transform:scale(1.1);transition:.2s all;}



.mp3upload {border:1px dashed #777;position:relative;width:100%;height:40px;box-sizing:border-box;display:table;margin:5px 0;}
.mp3upload .track_sub{padding:10px;display:table;color:#888;}
.mp3upload .track_x{position:absolute;top:0px;right:0px;padding:10px;color:#888;display:none;background-color:#444;cursor:pointer;}
.mp3upload .track_x:hover{text-decoration:underline;color:#ccc;}
.mp3upload .track{opacity:0;position:absolute;top: 0px;left:0px;width:100%;height:100%;}
.mp3upload .tracktit{display:none;padding-right:100px !important;}


.listasUser {border:1px dashed #777;position:relative;width:100%;height:40px;box-sizing:border-box;display:table;margin:5px 0;}
.listasUser .asistente_x{position:absolute;top:0px;right:0px;padding:10px;color:#888;display:none;background-color:#444;cursor:pointer;}
.listasUser .asistente_x:hover{text-decoration:underline;color:#ccc;}
.listasUser .asistente{padding-right:100px !important;}

.p-10{width:10%;}
.p-20{width:20%;}
.p-30{width:30%;}
.p-40{width:40%;}
.p-50{width:50%;}
.p-60{width:60%;}
.p-70{width:70%;}
.p-80{width:80%;}
.p-90{width:90%;}
.p-100{width:100%;}


.fancybox-skin {padding:15px !important;border-radius:1px !important;background-color:#aaa !important;}

.jfooter{font-size:8px;position: fixed;right:7px;bottom:5px;color:#aaa !important;}
.jfooter a {font-weight:bold;text-decoration:none;color:#bbb !important;}