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

/* -------------------HTML5 Reset-------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul, ul { list-style-type:none; ist-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }

/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }

/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle;}

/* -------------------General-------------------------- */
body{ font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:13px; }
#logo{ background-image:url(../imagenes/logo); background-repeat:no-repeat; height:80px; width:350px}
a, a:visited{ text-decoration:none; color:#900 }
.cabecera{ background-color:#CCC; height:80px; width:100%; border-bottom:2px solid #666; overflow:hidden; clear:both; overflow:hidden; clear:both}
table{border-collapse:collapse;}
table,th, td{border: 1px solid #ccc; padding:5px 0px; vertical-align:middle}
.pie{ background-color:#CCC; height:25px; width:100%; border-top:2px solid #666; position:fixed; bottom:0px; text-align:center; padding-top:10px;}
input, textarea{outline:none; border:none; background:transparent; padding:5px; font-size:11px}
textarea{font-size:10px}
input[type="text"], input[type="password"], textarea, select{ background-color:#666; color:#fff; width:75%; height:15px; border:1px solid #fff; padding-left:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
input[type="submit"],input[type="button"], select{ background-color:#666; color:#fff; padding:7px 15px; border:2px solid #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer}
textarea{ background-color:#666; color:#fff; padding:7px 15px; border:2px solid #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
input[type="file"]{ background-color:#666; width:80%; color:#fff}
textarea{height:80px}


.textarea_galeria{margin-top:10px; width:80% !important; height:40px;font-size: 10px;}
.input_small_galeria{width:28% !important; height:20px !important}
.input_galeria{ margin-top:10px; width:80% !important; height:20px !important;font-size: 10px;}
.input_select_galeria{ height:40px; width:95% !important; font-size: 10px; margin-top:10px}
.input_full{height:40px; width:100% !important; font-size: 10px; margin-top:10px}
.input_medium{width:60% !important; height:20px !important}
.input_small{width:28% !important; height:20px !important}
.input{width:80% !important; height:40px !important}
.input_extra_small{width:15% !important; height:20px !important; text-align:center; padding-left:0px !important}
.input_2columnas{ width:30%; display:block; position:relative; float:left; margin-right:15%; position:relative }
.input_2columnas > input{ display:inline; width:100%; clear:both; height:20px; }
.inputs_relacionados{ background-color:#ccc; border-top:1px dashed #666666; border-bottom:1px dashed #666666; display:block; left:-20%; position:relative; padding:5px 20%; width:80%; margin:5px 0 0 0}
.big_input{ width:100% !important;}
.separador{ overflow:hidden; clear:both; width:100%; height:10px;}
.resplandor{-moz-box-shadow: 0px 0px 30px #ffffff; -webkit-box-shadow: 0px 0px 30px #ffffff; box-shadow: 0px 0px 30px #ffffff;}
.centrado{ text-align:center !important; width:80%; }
 
/* -------------------Login-------------------------- */
.mensaje_inicio{ text-align:center; width:300px; margin:0 auto; background-color:#CCC; top:25px; position:relative; border:1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); -moz-box-shadow:    4px 4px 19px rgba(50, 50, 50, 0.64); box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); margin-bottom:120px}
.mensaje_inicio > h1{ background-color:#000; color:#fff; -webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding:10px; font-weight:bold; font-size:18px}
.mensaje_inicio .pclass {text-align:left; margin-left:20px; margin-top: 10px;}
.mensaje_inicio .mailclass { background-image:url(../imagenes/mail.png);background-repeat:no-repeat; background-position:0px 0px; padding-left:25px;width:85%;margin-top: 5px;}
.mensaje_inicio .userclass {  background-image:url(../imagenes/user.png);background-repeat:no-repeat; background-position:0px 0px; padding-left:25px;width:80%;margin-top: 5px;}
.mensaje_inicio .passwordclass {background-image:url(../imagenes/password.png);background-repeat:no-repeat; background-position:0px 0px; padding-left:25px;width:80%;margin-top: 5px;}

.mensaje_inicio .inputclass {padding-left:5px;width:87%;margin-top: 5px;}

.alerta{ background-image:url(../imagenes/alerta.png); background-repeat:no-repeat; background-color:#AAD2ED; color:#000; margin:10px 0px; padding:10px 0px; border: 3px solid #069; background-position:left; padding-left:18%; padding-right:2%; border-left:0px; border-right:0px; margin-top: 15px;}
.icono_alerta{background-image:url(../imagenes/alerta-destacado.png); background-repeat:no-repeat; height:90px; background-position:center}
.icono_pregunta{background-image:url(../imagenes/pregunta-destacado.png); background-repeat:no-repeat; height:90px; background-position:center}
.icono_error{background-image:url(../imagenes/error-destacado.png); background-repeat:no-repeat; height:90px; background-position:center}

/* -------------------Administrar configurar-------------------------- */
#administrar_configurar{width:200px; height:35px; position:absolute; right:0px; top:10px; background-color:#666; padding:5px 5px 5px 15px; line-height:35px; border:2px solid #fff; border-right:0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); -moz-box-shadow:    4px 4px 19px rgba(50, 50, 50, 0.64); box-shadow:         4px 4px 19px rgba(50, 50, 50, 0.64); background-image:url(../imagenes/configurar.png); background-repeat:no-repeat; background-position:95% ; overflow:hidden; clear:both  }
#administrar_configurar > a{width:100%; height:100%; display:block; position:absolute; color:#fff; cursor:pointer }
#administrar_configurar_submenu { display:none; position:absolute; background-color:#666;  right:220px; top:20px; min-height:25px; height:auto; padding-top:5px; padding-left:20px; color:#fff !important; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); -moz-box-shadow:    4px 4px 19px rgba(50, 50, 50, 0.64); box-shadow:         4px 4px 19px rgba(50, 50, 50, 0.64); }
#administrar_configurar_submenu > li{ color:#fff !important; position:relative !important; float:left !important; }
#administrar_configurar_submenu > li > a{ color:#fff !important; padding:10px; height:25px}

/* ------------------------Info-------------------------- */
#info{width:100%; height:30px; background-color:#555; color:#fff; line-height:30px;  overflow:hidden; clear:both; z-index:2}
.configurar{position:relative; float:right; margin-right: 10px; background-image:url(../imagenes/configurar.png); width:30px; height:30px}
#breadcrumbs >ul > li{ display:block; position:relative; float:left; margin-right:10px; padding-left:30px; background-image:url(../imagenes/flecha.png); background-repeat:no-repeat; background-position:left;}
#breadcrumbs >ul > li > a{color:#fff}
#home{ margin:inherit !important; padding:inherit !important; background:inherit !important}
#user{background-color:#000; width:auto; position:absolute; right:0px; padding:0px 50px 0px 20px; background-image:url(../imagenes/flecha-abajo.png); background-repeat:no-repeat; background-position:right; cursor:pointer; z-index:2  }
#cerrar_usuario, #modificar_usuario{background-color:#CCC; width:100%; display:block; position:relative; padding:0px 50px 0px 20px; left:-20px; color:#000; display:none }
.xd{ background-color:#000 !important; }
.xd >a{color:#fff !important}

/* -------------------Menu-------------------------- */
#menu{ background-image:url(../imagenes/fondo-menu.png); width:100%; height:40px; border-top:2px solid #fff; min-width:1280px}
#menu >ul >li{ display:block; position:relative; float:left; margin-right:10px; padding-left:30px; background-position:left; line-height:40px;}
#menu >ul >li > a{color:#fff}
#menu >ul >li > ul {border: 1px solid #000; position:absolute; z-index:20; background-image:url(../imagenes/fondo-submenu.png); width:300px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); -moz-box-shadow:    4px 4px 19px rgba(50, 50, 50, 0.64); box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); margin-bottom:120px; display:none}
#menu >ul >li > ul > li {padding:0px 10px;}
.resplandor_menu{text-shadow: 0 0 150px #FFF, 0 0 60px #FFF, 0 0 10px #FFF; }
.seleccionado{ !important; border:1px solid #fff; display:block; height:100%; padding:0px 20px; background-image:url(../imagenes/fondo-menu-seleccionado.png); background-repeat:repeat-x; background-position:0px 0px; color:#900 }
.submenu_seleccionado{ background-color:#333;}
.submenu_seleccionado > a{ color:#fff;}
.imagen_submenu{}
.submenu_configuracion{width:150px !important}
.menu_configuracion_seleccionado{ background-color:#900 !important; padding:7px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
#contenido{border:2px solid black; border-left:0px; border-right:0px;  background-color:#ddd; width:100%; height:auto;  position:relative; margin-bottom:150px; overflow:hidden; clear:both; min-width:1280px}
#titulo_contenido{background-color:#900; color:#fff; text-align:center; padding:5px; font-size:20px}
.left_bar, .right_bar{ width:40%;  position:relative; float:left; height:100%; min-height:200px; }
.left_bar{width:25%; border-right:4px double gray; border-bottom:4px double gray; text-align:left; line-height:25px; padding-left:5%; background-color:#fff}
.right_bar{ width:69%; overflow: hidden;}
.left_bar > form > h1{ background-color:#666; line-height:30px; color:#fff; text-shadow: 0 0 150px #000, 0 0 60px #000, 0 0 10px #000; text-align:center !important; padding-left:0% !important; left:-20% !important; display:block; position:relative; width:120%}

/* -------------------Right bar-------------------------- */
.ver_modificaciones{  height:40px; width:50%; border-bottom:1px solid gray; text-align:right; line-height:40px; padding-left:50%}
.input_orden{ width:40px !important; height:15px !important; margin:0px 5px; padding:inherit !important; text-align:center }
.titulo_tablas{ background-color:#888; color:#fff;}
a > input[type="checkbox"]{display:none}
.enviar{ width:80% !important; margin:10px 0}
/* -------------------Content-------------------------- */

#content{width:100%; min-height:100px; padding:10px 10%;}
.agregar_info{ border:1px solid #333; margin:15px 0px; padding-top:15px; width:80%; -webkit-box-shadow: 3px 3px 11px rgba(50, 50, 50, 0.75); -moz-box-shadow:    3px 3px 11px rgba(50, 50, 50, 0.75); box-shadow:         3px 3px 11px rgba(50, 50, 50, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.agregar > a { color:#fff; }
.agregar_info > p > input[type="text"]{ width:20% !important; position:relative; display:block; margin-top:10px; margin-bottom:5px}
.agregar_info > p > input[type="textarea"]{ width:90% !important; position:relative; display:block; margin-top:10px; margin-bottom:15px}
.agregar_info > p > textarea {  width:90% !important; background-color:#666; color:#fff; height:120px; padding:0 2%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.agregar_info > p{ padding-left:5%;}
#content > hr{width:78%;}
.agregar{ width:80%; text-align:right; line-height:50px; background-image:url(../imagenes/fondo_agregar.png); background-repeat:no-repeat; background-position:right;}
.submenu_seleccionado{ background-color:#333}

/*------------------------- Mensajes ---------------------------*/
.contenedor_mensajes{position:absolute; width:200px}
.mensajes{ position:absolute; background-color:#333; padding:5px; border:2px solid #fff; color:#fff; top:-15px; left:55px; -webkit-box-shadow: 3px 3px 9px rgba(50, 50, 50, 0.49); -moz-box-shadow:    3px 3px 9px rgba(50, 50, 50, 0.49); box-shadow:         3px 3px 9px rgba(50, 50, 50, 0.49); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/*------------------------- Acordion ---------------------------*/
.panel_on > h1 { background-color:#666; width:100%; color:#fff; padding:10px; display:block; width:100%; margin:10px 0; border-top:5px solid #fff; border-bottom:3px solid #666; -webkit-box-shadow: 3px 3px 9px rgba(50, 50, 50, 0.49); -moz-box-shadow:    3px 3px 9px rgba(50, 50, 50, 0.49); box-shadow:3px 3px 9px rgba(50, 50, 50, 0.49); margin:0;  text-align:center; font-size:16px; font-weight:bold; }
.contenido_panel_on{ width:100%; height:auto; overflow:hidden; clear:both; text-align:center;}
.panel > h1 { background-color:#555; width:100%; color:#fff; padding:10px; display:block; width:100%; margin:10px 0; border-top:5px solid #fff; border-bottom:3px solid #666; background-image:url(../imagenes/flecha-abajo.png); background-repeat:no-repeat; background-position:98% 4px; -webkit-box-shadow: 3px 3px 9px rgba(50, 50, 50, 0.49); -moz-box-shadow:    3px 3px 9px rgba(50, 50, 50, 0.49); box-shadow:3px 3px 9px rgba(50, 50, 50, 0.49); margin:0;  text-align:center; font-size:16px; font-weight:bold}
.contenido_panel{ width:100%; height:auto; overflow:hidden; clear:both; text-align:center; display:none }
.contenido_panel > h2{ width:100%; background-color:#777; padding:8px; display:block; overflow:hidden; clear:both; color:#333; border-bottom:2px solid #000; border-top:2px solid #000}
.desactivado{ background-color:#999 !important; color:#CCC !important; background-image:url(../imagenes/flecha-abajo-desactivada.png) !important; border:1px solid black !important}
#h1_on {background-image:url(../imagenes/flecha-arriba.png); background-repeat:no-repeat;}

.contenido_panel > form {text-align: left;padding-left:140px; display: block}
.contenido_panel > form > .contenedor_editor{width:100%; position:relative; }
/*------------------------- Configurar Galería ---------------------------*/
.configurar_galeria{width:15%; position:relative; border: 1px solid #999; padding:1%; float:left; margin:1% 1%; overflow:hidden; text-align:center; padding-bottom:20px}
.configurar_galeria > a > img  { top:15px; position:relative;}
.contenedor_imagen_galeria{width:150px; height:112px; margin:0 auto; position:relative;  border:2px solid #fff}
.agregar_fotografias{overflow:hidden;width:20%; position:relative; float:left; border:1px solid #000; border-bottom:3px solid #666; background-color:#fff;padding: 5px 5px 10px 5px;  }
.agregar_fotografias > h1{ background-color:#666; line-height:30px; color:#fff; text-shadow: 0 0 150px #000, 0 0 60px #000, 0 0 10px #000; text-align:center !important; padding-left:0% !important; left:-20% !important; margin-top:-5px; display:block; position:relative; width:130%;}
.agregar_fotografias > p { padding:5%}
#galeria{ width:78%; position:relative; float:left; border-left:2px solid #000}
.agregar_fotografias #error { width: 100%; height: auto; color: #FFF; background-color: #763475; margin: 10px; padding: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.agregar_fotografias #msg { width: 100%; height: 40px; color: #666; background-color: #ccc; margin: 10px; padding: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.agregar_fotografias #alerta { display:block;float:left; }
.agregar_fotografias .msg  {display:block;font-size:10px}

/*------------------------- Modal ---------------------------*/
#modal{ background-image:url(../imagenes/fondo-negro.png); width:100%; height:100%; position:fixed; z-index:10000; top:0px; left:0px; display:none}
#contenido_modal{ width:500px; top:0; height:80%; overflow:hidden; position:relative; margin:0 auto; text-align: center; padding: 50;min-height:800px}

/*------------------------- Mapa sitio ---------------------------*/
#mapa_sitio{ left:-5%; position:relative; width:90%}
.selec {height:30px !important}
.boton {height:30px !important}
/*--- mis datos ---*/
.misdatos{ text-align:center; width:300px; margin:0 auto; background-color:#CCC; top:25px; position:relative; border:1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); -moz-box-shadow:    4px 4px 19px rgba(50, 50, 50, 0.64); box-shadow: 4px 4px 19px rgba(50, 50, 50, 0.64); margin-bottom:120px}
.misdatos > h1{ background-color:#000; color:#fff; -webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding:10px; font-weight:bold; font-size:18px}


#lista_articulos {
  width: 78%;
  position: relative;
  float: left;
  border-left: 2px solid #000;
}

.lista_articulos_container {
  display: block;
  width: 100%;
  height: 400px;
  overflow-y: scroll;
}

.lista_articulos_container span {
	display: block;
}