body {
  font: 80% georgia;
  line-height: 170%;
  text-align: justify;
  margin: 0;
}
a:link, .bloque-event a:link {
  color: #00f;
}
a:focus, a:hover, a:active,
.bloque-event a:focus, .bloque-event a:hover, .bloque-event a:active {
  text-decoration: none;
  color: #00f;
}
a:visited, .bloque-event a:visited {
  color: #00f;
}

a img {
  border: 0;
}

ul {
  margin-left: .5em;
}
dt {
  font-weight: bold;
}

.logos {
  text-align: center;
}
.icons {
  float: right;
}
.icons img {
  padding: 1px 3px;
}

.TitFon { background-color: #74BD4A; margin: 12px; font-size: 75%; }
.TitArr div { background: url(/imgs/EsqIzqArr.gif) no-repeat top left; }
.TitArr { background: url(/imgs/EsqDerArr.gif) no-repeat top right; }
.TitAb div  { background: url(/imgs/EsqIzqAb.gif) no-repeat bottom left; }
.TitAb  { background: url(/imgs/EsqDerAb.gif) no-repeat bottom right; }

.smaller {
  font-size: 85%
}

.bloques {
  width: 90%;
  margin: 1em auto;
  text-align: center;
}
#left, #right {
  width: 48%;
}
#left {
  float: left;
}
#right {
  float: right;
  position: relative;
  left: -8em;
}
.mapa h3 {
  width: 14em;
  margin-bottom: 0;
  border-bottom: 1px solid gray;
}
.mapa h3 a {
  text-decoration: none;
}
.mapa ul {
  list-style: none;
  margin-left: 1em;
}
.mapa ul ul {
  padding: .3em 0 0 0.7em;
}
.mapa .inner {
  border-left: 2px solid gray;
}
.mapa .inner2 {
  border-left: 1px solid gray;
}

.TitArr div, .TitArr, .TitAb div, .TitAb {
  width: 100%;
  height: 14px;
  font-size: 1px;
}
.rbcontent h2 {
  margin: 0;
  border-left: 1px solid #fff;
  padding: 0 1em;
}
#tabs {
  margin: 1em 1.5em;
}
#accordion h3 a {
  color: white;
}
#accordion2 h4 {
  cursor: pointer;
}

.workshop {
  width: 95%;
  margin: 1em auto;
  border: 1px solid #499C42;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  border-top: 0;
}
.bloque-event .workshop h3 {
  margin: 0;
}

.modera {
  text-align: center;
  font-style: italic;
}
.moderaPL {
  text-align: center;
  font-size: 80%;
}

.Inst {
  margin: 0 auto;
  width: 20em;
}
.Inst ul {
  font: smaller Verdana;
  list-style-type: none;
  padding: 0;
}
.Inst li {
  margin: 1.5em 0 0 0;
  border: 1px solid #499C42;
  border-left: 0; border-right: 0;
  font-weight: bold;
}
.Inst li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  color: #000;
  background: #CCEDBA;
  text-decoration: none;
}
html>body .Inst li a {
  width: auto;
}
.Inst li a:hover {
  background: #eef9e8;
}

.Left {
  width: 260px;
  float:left;
  margin:0;
  margin-bottom:10px;
  padding:0;
}
.Right {
  float:right;
  width: 260px;
  margin:0;
  padding:0;
}

h4 {
  height: 2em;
  margin: 0;
  margin-top: 20px;
  border-bottom: 1px solid #000;
  padding: 0;
  background: #CCEDBA;
  font-size: 90%;
}
.consCont {
  border-bottom: 1px solid #000;
  font-size: 90%;
  width: 520px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.consejo p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.resumen {
  width: 60%;
  margin: 1em auto 0 auto;
  border: 1px solid #080;
  padding: 8px 1em;
  text-align: center;
  white-space: nowrap;
  background: #fff;
}

#header div { background: url('/imgs/Header.gif') no-repeat; }
#header h1  { margin: 0; }
#header h1 a {
  display: block;
  height: 85px;
  text-decoration: none;
}
#header h1 span {
  position: absolute;
  top: -99px;
}

#Acciones li {
  margin: 5px 3em 6px 0;
  border-bottom: 1px solid gray;
  text-align: justify;
}

#sidebar {
  float: left;
  width: 10.2em;
  font-family: verdana, arial, helvetica;
}
#sidebar ul {
  padding: 0;
  list-style-type: none;
}
#sidebar li {
  margin: 7px 0;
}
#sidebar li a {
  display: block;
  width: 100%;
  border-left: 10px solid #387733; border-right: 10px solid #CCEDBA;
  border-top: 1px solid #499C42; border-bottom: 1px solid #499C42;
  padding: 5px;
  list-style-type: none;
  color: #fff;
  background-color: #499C42;
  text-decoration: none;
}
#sidebar form p {
  margin: 0;
}
html>body #sidebar li a {  /* Ancho loco */
  width: auto;
}
#sidebar li a:hover {
  border-left: 10px solid #499C42;
  border-right: 10px solid #eef9e8;
  background-color: #74BD4A;
}
#sidebar .instBar ul {
  font: x-small verdana, arial, helvetica;
  list-style: none;
  margin: -0.1em 0 0 1em;
}
#sidebar .instBar li {
  margin: 0 0 0 2px;
  white-space: nowrap;
}
#sidebar .instBar ul {
  border-top: 1px solid #499C42;
}
#sidebar .instBar li a {
  height: 1.7em;
  border: 0; border-bottom: 1px solid #499C42;
  padding: 4px 0 0 0;
  background-color: #74BD4A;
}
#sidebar .instBar li a:hover {
  background-color: #499C42;
}

#content {
  margin-left: 11em;
  margin-right: 20px;
}
#content ul {
  margin-left: 0;
}
#container {
  width: 97%;
  float: right;
  margin-left: -15em;
}
#container h2 {
  text-align: center;
}

#footer {
  clear: both;
  background-image:url("/imgs/Footer.gif");
  background-repeat:repeat-x;
  height:42px;
  padding-top:8px;
  text-align: center;
  font-family: verdana,arial,helvetica;
  font-size: 75%;
}
#footer p {
  margin: 0;
  line-height: 125%;
}

#LeftTop {
  float:left;
  margin: 0;
  padding: 0;
}
#LeftTop div {
  background-image:url("/imgs/LeftTop.gif");
  background-repeat:no-repeat;
  width:10.2em;
  height:103px;
}
#LeftTop b {
  visibility: hidden;
}

#mails {
  margin: 0 2em;
}
#mails h3 {
  border-bottom: 1px solid gray;
  font-size: .9em;
}

.bloque-event {
  padding: 0;
  font-size: 88%;
  background: #eee;
}
.bloque-event h3 {
  margin-top: 1em;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  padding: 3px 8px;
  text-align:center;
  font-family: verdana,arial,helvetica;
  background: #499C42;
  color: #fff;
  font-size: 90%;
}
.bloque-event p {
  color: #555753;
  margin: 0;
}
.bloque-event ul {
  margin: 0;
  padding: 0;
}
.bloque-event dl {
  margin: 0 0 10px 0;
}
.bloque-event dt {
  margin-left: 3px;
  font-weight: normal;
  border-top: 1px solid gray;
}
.firstdt {
  margin-top: 5px;
  border-top: none;
}
.bloque-event dd {
  margin-left: 8em;
}
.hora {
  float: left;
  margin-right: 5px;
  height: 2.1em;
}

/* Necesito redundante por bloque "más información" */
.bloque-event li {
  border-bottom: 1px solid gray;
  list-style-type: none;
  text-align: center;
}
.bloque-event ol li {
  border: 0;
  list-style-type: decimal;
}
.largo li {
  padding-left: 1em;
  text-align: left;
}
.bloque-event-ul li {
  margin: 0 0 0 3em;
  border: 0;
  text-align: left;
  list-style-type: disc;
  color: #555753;
}
.bloque-event-ul img {
  vertical-align: middle;
}

.evento-info {
  margin: 1em;
}
.evento-info p {
  margin: 3px 1em;
}
.evento-info p strong {
  color: #000;
}
.evento-info li {
  margin: -3px 0 0 2em;
  border: 0;
  text-align:left;
}

#wrapper {
  background: url("/imgs/SidebarBG.gif") repeat-y left;
  margin-bottom: 0;
}
.clearing {
  clear: both;
  height: 0;
}
.msg, div.error, p.error, #errorExplanation {
  width: 80%;
  margin: 0 auto 1em auto;
  padding: 0 5px;
  font-weight: bold;
}
#errorExplanation {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-weight: normal;
}
#errorExplanation h2 {
  display: none;
}
#errorExplanation p {
  font-weight: bold;
}
input.error, p.error, div.error, #errorExplanation {
  border: 1px solid red;
  color: red;
  background: #fee;
}
label.error {
  float: none;
  width: auto;
  padding-left: 7em;
  color: red;
}
.msg {
  border: 1px solid green;
  color: green;
  background: #efe;
}
.err {
  background: #fee;
  border: 2px solid red;
}

#errorExplanation {
  display: none;
}
#new_mail #errorExplanation {
  display: block;
}
.fieldWithErrors input {
  border: 1px solid red;
  background: #fee;
}

#barra-hor {
  display: block;
  margin: 1em 0 0 0;
  font-size: 85%;
}

#Resumen {
  margin-left: 20px;
}
#Resumen h3 {
  margin: 20px 0 0 0;
  border-bottom: 1px solid gray;
  font-size: 110%;
}
#Resumen h4 {
  margin: 0;
  border: 0;
  background: none;
}
#Resumen p {
  text-indent: 3em;
  max-width: 45em;
}
#Resumen table  { border:1px solid #336600;border-collapse:collapse;margin:auto}
#Resumen caption{ white-space:nowrap;margin:1.4em auto 0 auto}
#Resumen th  { border:1px solid #336600;border-collapse:collapse;background:#C5EABB}
#Resumen img{ margin:auto;display:block}
#Resumen td  { border:1px solid #336600;text-align:center;border-collapse:collapse;background:#E9F3E2}
#Resumen ul,#Resumen dl,#Resumen ol {
  text-align: justify;
  max-width: 40em;
}
#Resumen #ultimo {
  margin-bottom: 2em;
  border-bottom: 1px solid gray;
}
#BreveCV {
  margin: 3em 0 2em 0;
  border-top: 1px solid gray
}
#BreveCV p {
  margin: 0;
  font-size: 85%;
  text-indent: 0;
}

#content ul.galeria {
  width: 620px;
  margin: auto;
}
#content ul.galeria li {
  float: left;
  border: 0;
  width: 190px;
}
#content ul.galeria a {
  display: block;
  width: 190px;
  text-align: center;
}

ul.poster {
  width: 570px;
  margin: auto;
}
ul.poster li {
  float: left;
  border: 0;
  width: 190px;
}

fieldset {
  width: 35em;
  margin: auto auto 10px auto;
  border: 1px solid #781351;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
fieldset p {
  margin: 1em;
  text-align: center;
  font-size: .85em;
}
legend {
  background: #cf9;
  border: 1px solid #781351;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 2px 9px;
}
label {
  display: block;
  width: 7em;
  float: left;
}
ul ul label {
  width: 7em;
  border-left: solid 2px #ccc;
  padding-left: 0.8em;
  margin-left: -2.8em;
}
input {
  font-family: Verdana, Arial, Helvetica;
  font-size: 90%;
  background: #cf9;
  color: #060;
  margin: 3px;
  padding: 0px 0px 2px 2px;
  border: 1px solid #781351;
}
textarea {
  font-family: Verdana, Arial, Helvetica;
  font-size: 80%;
  background: #cf9;
  color: #060;
  margin-left: 3.2em;
  border: 1px solid #781351;
}
.submit {
  text-align: center;
}
.areas {
  margin-left: 2em;
}
.areas label {
  display: inline;
  float: none;
}
input[type=submit] {
  font-family: Verdana, Arial, Helvetica;
  font-size: 85%;
  background: #cf9;
  padding: 2px 9px;
  color: #060;
}
#formulario p {
  text-align: center;
}
form li {
  list-style-type: none;
}

#sidebar form {
  text-align: center;
}
#sidebar form input {
  width: 6em;
}
#sidebar form p {
  font-size: 11px;
}

.login-img {
  position: absolute;
  top: 273px;
  left: 65%;
}
.contact-img {
  position: absolute;
  top: 510px;
  left: 65%;
}

/* ACTIONS */
div.actions li {
  display: inline;
  list-style-type: none;
  line-height: 2em;
  margin: 0 2em 0 0;
  white-space: nowrap;
}
div.actions ul li a {
  padding: 3px;
  background: #eef9e8;
  color: #003d4c;
  text-decoration: none;
}
div.actions ul li a:hover {
  color: #333;
  text-decoration: underline;
}


/* TABS */
.tabmenu {
  position: relative;
  top: -14px;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  color: #6ABD64;
  z-index: 10;
}
body>.tabmenu { /* Opera and Mozilla */
  position: fixed;
}
.tabmenu li {
  display: inline;
  overflow: hidden;
  margin: 0;
  border: 0;
  list-style-type: none;
}
.bloque-event .tabmenu a {
  padding: 0 0 1em 1em;
}
.bloque-event .tabmenu a, .bloque-event .tabmenu a:visited {
  color: #E8E9BE;
}
.bloque-event .tabmenu a, .bloque-event .tabmenu a.active {
  margin: 0 2px;
  border: 1px solid #060;
  border-top: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-radius-bottomright: 5px;
  padding: 2px 5px;
  font-weight: bold;
  text-decoration: none;
  background: #499C42;
}
.bloque-event .tabmenu a.active {
  position: relative;
  top: 1px;
  background-color: #438F3D;
  border-top: 5px solid #438F3D;
  z-index: 30;
}
.bloque-event .tabmenu a.active:hover {
  background-color: #499C42;
}
.bloque-event .tabmenu a:hover {
  color: #fff;
  background-color: #6abd64;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}
#lightbox-nav-btnNext {
  right: 0;
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}

.pagination {
  margin: 1em 0;
  text-align: center;
}

#roles_usuarios table {
  margin: auto;
}
#roles_usuarios th {
  text-align: center;
}
th, td {
  border-bottom: 1px solid #bcc;
}
#roles_usuarios form {
  width: 20em;
  margin: auto;
}
#roles_usuarios label {
  float: none;
  width: 20em;
}

#inscripcion {
  margin-top: 1em;
}
/*#inscripcion label {
  float: none;
  display: inline;
}*/