/* MODIFICACIONES */
body {background-color: #0e0c0d !important;}
#sp-header {background-image: url('../../../images/headerbg.jpg'); background-color: #0e0c0d !important; background-size: auto 100%; background-position: right center; background-repeat: no-repeat;}
.sp-page-title {padding: 12px 0 !important;}
.sp-page-title h3 {margin-top: 0px !important;}
#sp-title h2 {display: none;}
body, p, span {color: #ddd;}
h1, h2, h3, h4, h5 {color: #212121 !important;}
article p, .bfFormDiv {margin-left: 1em; margin-right: 1em;}
article h3 {margin-left: .5em; margin-right: .5em;}
article a {color: #798499 !important;}
#offcanvas-toggler, .helix-social-share {display: none !important;}
#sp-footer {margin-bottom: 0px !important; background: #0e0c0d !important;}
#sp-footer .sp-contact-info li {font-size: .9em !important; color: #aaa !important;}
#sp-title h2 {display: none !important;}
#sp-title h3 {color: #0e0c0d !important; font-size: normal; font-style: italic; line-height: 1.2em !important; text-align: center !important; font-weight: bold;}
.completo {}
.fondo {padding: 1.5em; background: rgba(0, 0, 0, 0.7);}
.imagen img {vertical-align: top;}
.texto p span {font-weight: bold;}
#bfSubmitButton {margin-bottom: 2em !important;}
label {font-weight: bold !important;}
.bfError {color: #212121 !important;}
#bfSubmitButton span {color: #212121 !important; font-weight: bold;}
span.titulo {color: #f79e02 !important; font-size: 1.2em !important;}
span.lugar, span.fecha, span.direccion {font-family: Arial, Helvetica, sans-serif !important;}
hr.separador {display: none;}
.texto:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 50%; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid #ddd; /* This creates the border. Replace black with whatever color you want. */
}
.span8 {max-width: 25em; float: none !important; padding: 0 12px !important;}
.btn-success, .btn-primary {background-color: #3578b2; border-color: #1561a4 !important; color: #fff !important; font-weight: bold;}
.btn-success:hover, .btn-primary:hover, .btn-success:active, .btn-primary:active, .btn-success:visited, .btn-primary:visited {background-color: #4390d1 !important; border-color: #3578b2;}
.item-page h3 {color: #0e0c0d;}
form h3 {color: #ddd !important;}
.item-page p {color: #212121; font-size: 18px;}
.sp-copyright a {font-size: .9em !important;}
#sp-component > div > article > div:nth-child(3) > center > div > form > h3 {font-size: 1.2em !important;}

.avPlayerWrapper .avPlayerContainer .avPlayerBlock {
    width: 100% !important;
    position: relative !important;
    padding: 75% 0 0 0 !important;
}

@media (max-width: 768px) {
#sp-header {background-image: none;  background-color: #0e0c0d !important;}
.videog {display: none;}
}

@media (min-width: 769px) {
.videop {display: none;}
}